feat: some stuff

2024-04-03 20:07:32 +02:00
parent 4c1a6ed9f6
commit 46230f2140
3 changed files with 51 additions and 43 deletions
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@ -64,6 +64,11 @@ const { title, width = "compact" } = Astro.props;
        --neutral-100: #d5d5d7;
        --neutral-000: #f1f1f4;
        --fill: #cb5a5a;
+
+        --border-radius-md: 20px;
+
+        --spacing-sm: 10px;
+        --spacing-md: 20px;
      }

      body {
@ -74,16 +79,11 @@ const { title, width = "compact" } = Astro.props;
        --text: var(--neutral-800);
        --text-light: black;

-        --border-radius-md: 20px;
-
-        --spacing-sm: 10px;
-        --spacing-md: 20px;
-
-        background-color: var(--layer100);
+        background-color: var(--neutral-100);
        transition: background-color 0.1s;
        color: var(--text);
        font-family: "Nunito Sans", sans-serif;
-        background-color: var(--neutral-000);
+        background-color: var(--background-dark);
      }

      .dark body {
@ -98,7 +98,15 @@ const { title, width = "compact" } = Astro.props;
        --outline: var(--neutral-300);
        --text: var(--neutral-100);
        --text-light: white;
-        background-color: var(--neutral-1000);
+      }
+
+      .dark .icon-tabler-sun,
+      .light .icon-tabler-moon {
+        display: none;
+      }
+      .dark .icon-tabler-moon,
+      .light .icon-tabler-sun {
+        display: block;
      }
    </style>
    <script>