feat: basic style

4 files changed, 48 insertions, 20 deletions

diff --git a/assets/css/base.css b/assets/css/base.css
index b871eef..9fc2705 100644
--- a/assets/css/base.css
+++ b/assets/css/base.css
@@ -3,7 +3,7 @@
     --color-eureka: #38B2AC;
     --color-primary-bg: rgba(242,242,247,1.00);
     --color-secondary-bg: rgba(255,255,255,1.00);
-    --color-tertiary-bg: rgba(120,120,128,0.20);
+    --color-tertiary-bg: rgba(242,242,247,1.00);
     --color-primary-text: rgba(0,0,0,0.85);
     --color-secondary-text: rgba(0,0,0,0.65);
     --color-tertiary-text: rgba(0,0,0,0.45);
@@ -11,9 +11,9 @@
 
 .dark {
     --color-eureka: #38B2AC;
-    --color-primary: rgba(0,0,0,1.00);
-    --color-secondary: rgba(28,28,30,1.00);
-    --color-tertiary: rgba(44,44,46,1.00);
+    --color-primary-bg: rgba(0,0,0,1.00);
+    --color-secondary-bg: rgba(28,28,30,1.00);
+    --color-tertiary-bg: rgba(44,44,46,1.00);
     --color-primary-text: rgba(255,255,255,0.85);
     --color-secondary-text: rgba(255,255,255,0.65);
     --color-tertiary-text: rgba(255,255,255,0.45);
diff --git a/assets/css/markdown.css b/assets/css/markdown.css
index e1802aa..0aa9bda 100644
--- a/assets/css/markdown.css
+++ b/assets/css/markdown.css
@@ -25,7 +25,15 @@
 }
 
 .content a {
-  @apply font-semibold;
+  @apply text-eureka;
+}
+
+.content a:focus {
+  @apply text-eureka underline;
+}
+
+.content a:hover {
+  @apply text-eureka underline;
 }
 
 .content strong a {
@@ -53,19 +61,19 @@
 }
 
 .content h6 {
-  @apply leading-tight text-sm font-semibold text-gray-600 mb-4 mt-6;
+  @apply leading-tight text-sm font-semibold text-secondary-text mb-4 mt-6;
 }
 
 .content blockquote {
-  @apply text-base border-l-4 border-gray-300 pl-4 pr-4 text-gray-600;
+  @apply text-base border-l-4 border-tertiary-text pl-4 pr-4 text-secondary-text;
 }
 
 .content code {
-  @apply font-mono text-sm inline bg-gray-200 rounded px-1 py-05;
+  @apply font-mono text-sm inline bg-tertiary-bg rounded p-1;
 }
 
 .content pre {
-  @apply bg-gray-100 rounded p-4;
+  @apply bg-tertiary-bg rounded p-4;
 }
 
 .content pre code {
@@ -81,11 +89,11 @@
 }
 
 .content kbd {
-  @apply text-xs inline-block rounded border px-1 py-05 align-middle font-normal font-mono shadow;
+  @apply text-xs inline-block rounded border p-1 align-middle font-normal font-mono shadow;
 }
 
 .content table {
-  @apply text-base border-gray-600;
+  @apply text-base border-secondary-text;
 }
 
 .content th {
diff --git a/assets/css/site.css b/assets/css/site.css
index 5623e0f..23ada0c 100644
--- a/assets/css/site.css
+++ b/assets/css/site.css
@@ -2,19 +2,35 @@
   color: blue;
 }
 
-.sticky-title {
-  @apply sticky top-16 z-10 bg-primary-bg;
-}
-
 .sticky-toc {
-  @apply sticky z-0;
+  @apply sticky z-0 ease-in-out duration-300;
   top: 8rem;
 }
 
-/* .sticky-toc a {
-  @apply text-gray-100
-} */
+.sticky-toc a {
+  @apply text-primary-text ease-in-out duration-200;
+}
 
-.sticky-toc a:hover, a:focus {
+.sticky-toc a:hover {
   @apply text-eureka;
+}
+
+.sticky-toc a:focus {
+  @apply text-eureka;
+}
+
+.sticky-toc ul {
+  @apply text-base pl-8 list-disc;
+}
+
+.sticky-toc ol {
+  @apply text-base pl-8 list-decimal;
+}
+
+.sticky-toc li + li {
+  @apply mt-1;
+}
+
+.sticky-toc li > p + p {
+  @apply mt-6;
 }
\ No newline at end of file
diff --git a/assets/css/tailwind.config.js b/assets/css/tailwind.config.js
index ed10c1a..58c9603 100644
--- a/assets/css/tailwind.config.js
+++ b/assets/css/tailwind.config.js
@@ -1,6 +1,10 @@
 module.exports = {
   important: true,
   theme: {
+    fontFamily: {
+      'serif': ['Lora', 'Noto Serif SC', 'serif'],
+      'mono': ['SFMono-Regular', 'Menlo'],
+    },
     extend: {
       inset: {
         '16': '4rem',