Merge pull request #70 from uqbar-dao/css-fixes

Change default page and make some color fixes
kinode-dao · Jan 18, 2024 · 63c5da9 · 63c5da9
2 parents 751ef2e + 1a9bd93
commit 63c5da9
Show file tree

Hide file tree

Showing 2 changed files with 49 additions and 49 deletions.
diff --git a/theme/css/variables.css b/theme/css/variables.css
@@ -75,7 +75,7 @@
   --icons: #c06346; /* Rusty red */
   --icons-hover: #b7c6cc; /* Soft slate gray */
 
-  --links: #c78919; /* Burnt orange for higher contrast */
+  --links: #ffcb69;
 
   --inline-code-color: #c78919; /* Burnt orange */
 
@@ -105,52 +105,6 @@
 }
 
 .light {
-  /* Rename this class to '.meadow' */
-
-  --bg: #8db495; /* Sage green */
-  --fg: #bf4315; /* Terracotta */
-
-  --sidebar-bg: #9b72aa; /* Soft purple */
-  --sidebar-fg: #4a235a; /* Darker purple */
-  --sidebar-non-existant: #a8b88d; /* Olive */
-  --sidebar-active: #ecb910; /* Sunflower yellow */
-  --sidebar-spacer: #e8d58e; /* Beige */
-
-  --scrollbar: var(--sidebar-fg);
-
-  --icons: #31667a; /* Deep sea teal */
-  --icons-hover: #d78d27; /* Amber */
-
-  --links: #31667a; /* Deep sea teal */
-
-  --inline-code-color: #d78d27; /* Amber */
-
-  --theme-popup-bg: #98a944; /* Olive green */
-  --theme-popup-border: #70887c; /* Sea green */
-  --theme-hover: #a8b88d; /* Olive */
-
-  --quote-bg: #8db495; /* Sage green */
-  --quote-border: #70887c; /* Sea green */
-
-  --warning-border: #c83237; /* Crimson */
-
-  --table-border-color: #a8b88d; /* Olive */
-  --table-header-bg: #98a944; /* Olive green */
-  --table-alternate-bg: #e8d58e; /* Beige */
-
-  --searchbar-border-color: #bf4315; /* Terracotta */
-  --searchbar-bg: #e8d58e; /* Beige */
-  --searchbar-fg: #bf4315; /* Terracotta */
-  --searchbar-shadow-color: #31667a; /* Deep sea teal */
-  --searchresults-header-fg: #70887c; /* Sea green */
-  --searchresults-border-color: #a8b88d; /* Olive */
-  --searchresults-li-bg: #8db495; /* Sage green */
-  --search-mark-bg: #d78d27; /* Amber */
-
-  --color-scheme: light;
-}
-
-.navy {
   /* rename to .light */
 
   --bg: #f0f8ff; /* Soft sky blue */
@@ -196,6 +150,52 @@
   --color-scheme: light;
 }
 
+.navy {
+  /* Rename this class to '.meadow' */
+
+  --bg: #8db495; /* Sage green */
+  --fg: #bf4315; /* Terracotta */
+
+  --sidebar-bg: #9b72aa; /* Soft purple */
+  --sidebar-fg: #4a235a; /* Darker purple */
+  --sidebar-non-existant: #a8b88d; /* Olive */
+  --sidebar-active: #ecb910; /* Sunflower yellow */
+  --sidebar-spacer: #e8d58e; /* Beige */
+
+  --scrollbar: var(--sidebar-fg);
+
+  --icons: #31667a; /* Deep sea teal */
+  --icons-hover: #d78d27; /* Amber */
+
+  --links: #31667a; /* Deep sea teal */
+
+  --inline-code-color: #d78d27; /* Amber */
+
+  --theme-popup-bg: #98a944; /* Olive green */
+  --theme-popup-border: #70887c; /* Sea green */
+  --theme-hover: #a8b88d; /* Olive */
+
+  --quote-bg: #8db495; /* Sage green */
+  --quote-border: #70887c; /* Sea green */
+
+  --warning-border: #c83237; /* Crimson */
+
+  --table-border-color: #a8b88d; /* Olive */
+  --table-header-bg: #98a944; /* Olive green */
+  --table-alternate-bg: #e8d58e; /* Beige */
+
+  --searchbar-border-color: #bf4315; /* Terracotta */
+  --searchbar-bg: #e8d58e; /* Beige */
+  --searchbar-fg: #bf4315; /* Terracotta */
+  --searchbar-shadow-color: #31667a; /* Deep sea teal */
+  --searchresults-header-fg: #70887c; /* Sea green */
+  --searchresults-border-color: #a8b88d; /* Olive */
+  --searchresults-li-bg: #8db495; /* Sage green */
+  --search-mark-bg: #d78d27; /* Amber */
+
+  --color-scheme: light;
+}
+
 .rust {
   /* rename theme to .harmony */
   --bg: #f4f9f4; /* Light mint green */

diff --git a/theme/customize-buttons.js b/theme/customize-buttons.js
@@ -1,7 +1,7 @@
 document.addEventListener("DOMContentLoaded", () => {
   // Renaming the theme buttons based on their IDs
   const lightButton = document.getElementById("light");
-  if (lightButton) lightButton.textContent = "Meadow"; // Keeping the name 'Light'
+  if (lightButton) lightButton.textContent = "Light"; // Keeping the name 'Light'
 
   const rustButton = document.getElementById("rust");
   if (rustButton) rustButton.textContent = "Harmony"; // New name for 'Rust'
@@ -13,5 +13,5 @@ document.addEventListener("DOMContentLoaded", () => {
   if (ayuButton) ayuButton.textContent = "Wynn"; // New name for 'Ayu'
 
   const navyButton = document.getElementById("navy");
-  if (navyButton) navyButton.textContent = "Light"; // New name for 'Navy'
+  if (navyButton) navyButton.textContent = "Meadow"; // New name for 'Navy'
 });