From 1a9bd930cc2a36050d46277e9dcbeebabd261740 Mon Sep 17 00:00:00 2001 From: habsul-rignyr Date: Thu, 18 Jan 2024 09:57:28 -0600 Subject: [PATCH] Change default page and make some color fixes --- theme/css/variables.css | 94 +++++++++++++++++++------------------- theme/customize-buttons.js | 4 +- 2 files changed, 49 insertions(+), 49 deletions(-) diff --git a/theme/css/variables.css b/theme/css/variables.css index 32bad2fd..c9bf261d 100644 --- 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 index 931a6508..64711447 100644 --- 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' });