💄 update css styles for dark mode

cristianpb · Apr 3, 2024 · a7f1011 · a7f1011
1 parent 3746101
commit a7f1011
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 9 deletions.
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
@@ -19,7 +19,6 @@
   main {
     position: relative;
     max-width: 56em;
-    background-color: white;
     padding: 2em;
     padding-bottom: 100px; 
     margin: 0 auto;

diff --git a/src/routes/Nav.svelte b/src/routes/Nav.svelte
@@ -41,18 +41,18 @@
       href='{base}/'> Now playing </a>
     <a 
       class="navbar-item" 
-      class:is-active={$page.url.pathname === "/search/"}
-      aria-current='{$page.url.pathname === "/search/" ? "page" : undefined}'
+      class:is-active={$page.url.pathname === "/search"}
+      aria-current='{$page.url.pathname === "/search" ? "page" : undefined}'
       href='{base}/search'>Search</a>
     <a 
       class="navbar-item" 
-      class:is-active={$page.url.pathname === "/browse/"}
-      aria-current='{$page.url.pathname === "/browse/" ? "page" : undefined}'
+      class:is-active={$page.url.pathname === "/browse"}
+      aria-current='{$page.url.pathname === "/browse" ? "page" : undefined}'
       href='{base}/browse'>Browse</a>
     <a 
       class="navbar-item" 
-      class:is-active={$page.url.pathname === "/playlists/"}
-      aria-current='{$page.url.pathname === "/playlists/" ? "page" : undefined}'
+      class:is-active={$page.url.pathname === "/playlists"}
+      aria-current='{$page.url.pathname === "/playlists" ? "page" : undefined}'
       href='{base}/playlists'>Playlists</a>
 
     <a role="button"
@@ -71,8 +71,8 @@
     <div class="navbar-start">
       <a 
         class="navbar-item" 
-        class:is-active={$page.url.pathname === "/settings/"}
-        aria-current='{$page.url.pathname === "/settings/" ? "page" : undefined}' 
+        class:is-active={$page.url.pathname === "/settings"}
+        aria-current='{$page.url.pathname === "/settings" ? "page" : undefined}' 
         href='{base}/settings'>Settings</a>
     </div>
     <a class="navbar-item  is-hidden-touch" href="https://github.com/cristianpb/muse">