pastelify

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;
+}

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);
+    /* Pastel Light Theme */
-    --primary: rgb(15, 15, 15);
+    --theme: #fffafc;
-    --secondary: rgb(108, 108, 108);
+    --entry: #fff5f8;
-    --tertiary: rgb(214, 214, 214);
+    --primary: #4b3f4e;
-    --content: rgb(31, 31, 31);
+    --secondary: #9c8c9f;
-    --code-block-bg: rgb(28, 29, 33);
+    --tertiary: #d7c8dc;
-    --code-bg: rgb(245, 245, 245);
+    --content: #4b3f4e;
-    --border: #2D1410;
+    --code-block-bg: #f9f2f7;
+    --code-bg: #f7edf3;
+    --border: #e5cfe0;
 }
 
 .dark {
-    --theme: #0C0B11;
+    --theme: #2d2a32;
-    --entry: #553a4a31;
+    --entry: #3e3b44;
-    --primary: rgb(218, 218, 219);
+    --primary: #e8e3e3;        /* off-white */
-    --secondary: rgb(155, 156, 157);
+    --secondary: #9db5b2;      /* muted seafoam */
-    --tertiary: rgb(65, 66, 68);
+    --tertiary: #d9c6e2;       /* soft lilac */
-    --content: rgb(196, 196, 197);
+    --content: #f3efe8;        /* cream */
-    --code-block-bg: #553A4A;
+    --code-block-bg: #394b4a;  /* teal gray */
-    --code-bg: #553A4A;
+    --code-bg: #3f2f3f;        /* desaturated plum */
-    --border: #553A4A;
+    --border: #7d6b91;         /* faded violet */
-    --monet: #785767;
+    --monet: #aacfcf;          /* pastel aqua */
 }
 
 .list {

layouts/partials/footer.html

@@ -3,7 +3,7 @@
     {{- if site.Copyright }}
     <span>{{ site.Copyright | markdownify }}</span>
     {{- else }}
-    <span>&copy; {{ now.Year }} <a href="{{ "" | absLangURL }}">{{ site.Title }}</a></span>
+    <span>&copy; {{ now.Year }} <a href="{{ "" | absLangURL }}">Prashant Nandipati</a></span>
     {{- end }}
     <span>
         Powered by

layouts/partials/head.html

@@ -90,9 +90,11 @@
 {{- end -}}
 
 {{- /* Favicons */}}
-<link rel="icon" href="{{ site.Params.assets.favicon | default "favicon.ico" | absURL }}">
+<link rel="icon" type="image/png" href="https://github.com/itspacchu.png">
+
+<!-- <link rel="icon" href="{{ site.Params.assets.favicon | default "favicon.ico" | absURL }}">
 <link rel="icon" type="image/png" sizes="16x16" href="{{ site.Params.assets.favicon16x16 | default "favicon-16x16.png" | absURL }}">
-<link rel="icon" type="image/png" sizes="32x32" href="{{ site.Params.assets.favicon32x32 | default "favicon-32x32.png" | absURL }}">
+<link rel="icon" type="image/png" sizes="32x32" href="{{ site.Params.assets.favicon32x32 | default "favicon-32x32.png" | absURL }}"> -->
 <link rel="apple-touch-icon" href="{{ site.Params.assets.apple_touch_icon | default "apple-touch-icon.png" | absURL }}">
 <link rel="mask-icon" href="{{ site.Params.assets.safari_pinned_tab | default "safari-pinned-tab.svg" | absURL }}">
 <meta name="theme-color" content="{{ site.Params.assets.theme_color | default "#2e2e33" }}">