From 79100a569dd3a68d386a16fec9ad90359536ae1b Mon Sep 17 00:00:00 2001 From: Ubuntu Date: Sat, 5 Apr 2025 07:29:55 +0000 Subject: [PATCH] pastelify --- assets/css/common/main.css | 45 ++++++++++++++++++++++++++++++++++ assets/css/core/theme-vars.css | 40 ++++++++++++++++-------------- layouts/partials/footer.html | 2 +- layouts/partials/head.html | 6 +++-- 4 files changed, 71 insertions(+), 22 deletions(-) diff --git a/assets/css/common/main.css b/assets/css/common/main.css index 1ece2794..808f5973 100644 --- a/assets/css/common/main.css +++ b/assets/css/common/main.css @@ -65,3 +65,48 @@ div.highlight:hover .copy-code, pre:hover .copy-code { display: block; } + +hr { + border: none; + border-top: 2px solid #444; + margin: 2rem auto; + width: 80%; +} + +.buttons { + display: flex; + justify-content: center; + align-items: center; + gap: 0.1rem; + margin-top: 1rem; + flex-wrap: nowrap; + width: 50%; + text-align: center; +} + + +.button { + display: inline-flex; + align-items: center; + gap: 0.4rem; + padding: 0.5rem 1rem; + text-decoration: none; + transition: all 0.2s ease-in-out; + white-space: nowrap; +} + + +.button:hover { + transform: translateY(-1px); +} + +.button svg { + vertical-align: middle; +} + +.first-entry.home-info { + max-width: 800px; + margin: 0 auto; + text-align: center; + padding: 2rem; +} \ No newline at end of file diff --git a/assets/css/core/theme-vars.css b/assets/css/core/theme-vars.css index eb0e4514..d06ec899 100644 --- a/assets/css/core/theme-vars.css +++ b/assets/css/core/theme-vars.css @@ -6,28 +6,30 @@ --header-height: 60px; --footer-height: 60px; --radius: 20px; - --theme: rgb(255, 255, 255); - --entry: rgb(255, 255, 255); - --primary: rgb(15, 15, 15); - --secondary: rgb(108, 108, 108); - --tertiary: rgb(214, 214, 214); - --content: rgb(31, 31, 31); - --code-block-bg: rgb(28, 29, 33); - --code-bg: rgb(245, 245, 245); - --border: #2D1410; + + /* Pastel Light Theme */ + --theme: #fffafc; + --entry: #fff5f8; + --primary: #4b3f4e; + --secondary: #9c8c9f; + --tertiary: #d7c8dc; + --content: #4b3f4e; + --code-block-bg: #f9f2f7; + --code-bg: #f7edf3; + --border: #e5cfe0; } .dark { - --theme: #0C0B11; - --entry: #553a4a31; - --primary: rgb(218, 218, 219); - --secondary: rgb(155, 156, 157); - --tertiary: rgb(65, 66, 68); - --content: rgb(196, 196, 197); - --code-block-bg: #553A4A; - --code-bg: #553A4A; - --border: #553A4A; - --monet: #785767; + --theme: #2d2a32; + --entry: #3e3b44; + --primary: #e8e3e3; /* off-white */ + --secondary: #9db5b2; /* muted seafoam */ + --tertiary: #d9c6e2; /* soft lilac */ + --content: #f3efe8; /* cream */ + --code-block-bg: #394b4a; /* teal gray */ + --code-bg: #3f2f3f; /* desaturated plum */ + --border: #7d6b91; /* faded violet */ + --monet: #aacfcf; /* pastel aqua */ } .list { diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index f0961049..b01208f0 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -3,7 +3,7 @@ {{- if site.Copyright }} {{ site.Copyright | markdownify }} {{- else }} - © {{ now.Year }} {{ site.Title }} + © {{ now.Year }} Prashant Nandipati {{- end }} Powered by diff --git a/layouts/partials/head.html b/layouts/partials/head.html index 3e55c670..4ee551a2 100644 --- a/layouts/partials/head.html +++ b/layouts/partials/head.html @@ -90,9 +90,11 @@ {{- end -}} {{- /* Favicons */}} - + + +