From 982dd115bb2e4daab9cdbce67b6019e5f32a2287 Mon Sep 17 00:00:00 2001 From: GuiAworld Date: Fri, 6 Jan 2023 22:58:04 -0300 Subject: [PATCH] Added new theme variables to all themes --- themes/Darkness.css | 27 ++++++++++++++++++++++++--- themes/Gruvbox Dark.css | 22 ++++++++++++++++++++++ themes/Monochrome.css | 26 +++++++++++++++++++++++--- themes/Nostalgia.css | 25 +++++++++++++++++++++++-- themes/Unicorn.css | 25 +++++++++++++++++++++++-- 5 files changed, 115 insertions(+), 10 deletions(-) diff --git a/themes/Darkness.css b/themes/Darkness.css index 81f1f650..e9dd5a66 100644 --- a/themes/Darkness.css +++ b/themes/Darkness.css @@ -68,6 +68,19 @@ --alternate_button_text: #e0e0e0; --alternate_button_background: #424243; + /*Buttons -> Icon Button*/ + --icon_button_background:; + --icon_button_color:; + --icon_button_border_color:; + + /*Context Menu*/ + --context_menu_text:; + --context_menu_background:; + --context_menu_border:; + --context_menu_division:; + --context_menu_hover_text:; + --context_menu_hover_background:; + /*Sequence, AKA Gens Per Action*/ --sequence_area_background: #141414; @@ -102,6 +115,10 @@ --setting_footer_text_color: #e0e0e0; --setting_footer_background_color: #1c1c1c; + /*Substitution Card*/ + --substitution_card_input_border:; + --substitution_card_input_background:; + /*Palette Card*/ --palette_card_background: #242424; --palette_card_text: #e0e0e0; @@ -162,6 +179,7 @@ --left_menu_strong_shadow: 0; --right_menu_light_shadow: 0; --right_menu_strong_shadow: 0; + --context_menu_shadow: var(--wi_card_shadow); --radius_inputbox: 10px; --radius_unpinned_menu: 0px; --radius_sequence: 10px; @@ -173,7 +191,10 @@ --radius_palette_card: 10px; --radius_settings_button: 5px; --tabs_rounding: 5px; - + --radius_context_menu: 10px; + --radius_context_menu_hover: 5px; + --radius_genre_tag: 5px; + --radius_tooltip: 10px; @@ -335,9 +356,9 @@ span.material-icons-outlined.cursor.search_icon { color: #848484 !important; } -.collapsable_header .material-icons-outlined { +/*.collapsable_header .material-icons-outlined { transform: translateY(7px) translateX(4px); -} +}*/ .material-icons-outlined:hover { filter: brightness(100%) !important; diff --git a/themes/Gruvbox Dark.css b/themes/Gruvbox Dark.css index e71efca2..c48278f4 100644 --- a/themes/Gruvbox Dark.css +++ b/themes/Gruvbox Dark.css @@ -103,6 +103,19 @@ --disabled_button_background_color: var(--gruvbox-dark1); --disabled_button_border_color: transparent; + /*Buttons -> Icon Button*/ + --icon_button_background:; + --icon_button_color:; + --icon_button_border_color:; + + /*Context Menu*/ + --context_menu_text:; + --context_menu_background:var(--gruvbox-dark2); + --context_menu_border:; + --context_menu_division:; + --context_menu_hover_text:; + --context_menu_hover_background:var(--gruvbox-dark1); + /* Sequence, AKA Gens Per Action */ --sequence_area_background: var(--gruvbox-dark1); --sequence_background: var(--gruvbox-dark2); @@ -135,6 +148,10 @@ --tooltip_text:var(--gruvbox-light0); --tooltip_background:var(--secondary_palette); + /*Substitution Card*/ + --substitution_card_input_border:; + --substitution_card_input_background:; + /* World Info */ --wi_card_border_color: var(--gruvbox-dark3); --wi_card_border_color_to_ai:var(--gruvbox-light0); @@ -173,6 +190,7 @@ --left_menu_strong_shadow: 0; --right_menu_light_shadow: 0; --right_menu_strong_shadow: 0; + --context_menu_shadow: var(--wi_card_shadow); --radius_inputbox: 0px; --radius_unpinned_menu: 0px; @@ -186,6 +204,10 @@ --radius_alternate_button: 0px; --radius_palette_card: 0px; --tabs_rounding: 6px; + --radius_context_menu: 00px; + --radius_context_menu_hover: 0px; + --radius_genre_tag: 0px; + --radius_tooltip: 0px; /* Variables */ --flyout_menu_closed_width: 0px; diff --git a/themes/Monochrome.css b/themes/Monochrome.css index 2315ef72..14dbad93 100644 --- a/themes/Monochrome.css +++ b/themes/Monochrome.css @@ -68,6 +68,18 @@ --alternate_button_text: #e0e0e0; --alternate_button_background: #283445; + /*Buttons -> Icon Button*/ + --icon_button_background:; + --icon_button_color:; + --icon_button_border_color:; + + /*Context Menu*/ + --context_menu_text:; + --context_menu_background:; + --context_menu_border:; + --context_menu_division:; + --context_menu_hover_text:; + --context_menu_hover_background:; /*Sequence, AKA Gens Per Action*/ --sequence_area_background: #111820; @@ -102,6 +114,10 @@ --setting_footer_text_color: #e0e0e0; --setting_footer_background_color: #18222d; + /*Substitution Card*/ + --substitution_card_input_border:; + --substitution_card_input_background:; + /*Palette Card*/ --palette_card_background: #273141; --palette_card_text: #e0e0e0; @@ -162,6 +178,7 @@ --left_menu_strong_shadow: 0; --right_menu_light_shadow: 0; --right_menu_strong_shadow: 0; + --context_menu_shadow: var(--wi_card_shadow); --radius_inputbox: 2px; --radius_unpinned_menu: 2px; --radius_sequence: 5px; @@ -173,7 +190,10 @@ --radius_palette_card: 5px; --radius_settings_button: 2px; --tabs_rounding: 2px; - + --radius_context_menu: 2px; + --radius_context_menu_hover: 2px; + --radius_genre_tag: 2px; + --radius_tooltip: 2px; @@ -342,13 +362,13 @@ span.helpicon.material-icons-outlined:hover:not(::after) { transform: scale(1) !important; } -.collapsable_header .material-icons-outlined { +/*.collapsable_header .material-icons-outlined { transform: translateY(7px) translateX(4px); } .collapsable_header .material-icons-outlined:hover { transform: translateY(7px) translateX(4px); -} +}*/ #context-viewer-close:hover { transform: scale(1) !important; diff --git a/themes/Nostalgia.css b/themes/Nostalgia.css index fed83352..c009aa70 100644 --- a/themes/Nostalgia.css +++ b/themes/Nostalgia.css @@ -68,6 +68,18 @@ --alternate_button_text: #ffffff; --alternate_button_background: #3379b7; + /*Buttons -> Icon Button*/ + --icon_button_background:; + --icon_button_color:; + --icon_button_border_color:; + + /*Context Menu*/ + --context_menu_text:; + --context_menu_background:; + --context_menu_border:; + --context_menu_division:; + --context_menu_hover_text:; + --context_menu_hover_background:; /*Sequence, AKA Gens Per Action*/ --sequence_area_background: #262626; @@ -102,6 +114,10 @@ --setting_footer_text_color: #ffffff; --setting_footer_background_color: #242424; + /*Substitution Card*/ + --substitution_card_input_border:; + --substitution_card_input_background:; + /*Palette Card*/ --palette_card_background: #295071; --palette_card_text: #ffffff; @@ -161,6 +177,7 @@ --left_menu_strong_shadow: 0; --right_menu_light_shadow: 0; --right_menu_strong_shadow: 0; + --context_menu_shadow: var(--wi_card_shadow); --radius_inputbox: 5px; --radius_unpinned_menu: 5px; --radius_sequence: 5px; @@ -172,6 +189,10 @@ --radius_palette_card: 5px; --radius_settings_button: 5px; --tabs_rounding: 5px; + --radius_context_menu: 5px; + --radius_context_menu_hover: 5px; + --radius_genre_tag: 5px; + --radius_tooltip: 5px; @@ -308,9 +329,9 @@ /* Icons */ -.collapsable_header .material-icons-outlined { +/*.collapsable_header .material-icons-outlined { transform: translateY(7px) translateX(4px); -} +}*/ .substitution-card > .card-left > .material-icons-outlined { color: #999 !important; diff --git a/themes/Unicorn.css b/themes/Unicorn.css index 20f32d59..0e4fe557 100644 --- a/themes/Unicorn.css +++ b/themes/Unicorn.css @@ -72,6 +72,18 @@ --alternate_button_text: #f2f1f1; --alternate_button_background: #e26771; + /*Buttons -> Icon Button*/ + --icon_button_background:; + --icon_button_color:; + --icon_button_border_color:; + + /*Context Menu*/ + --context_menu_text:; + --context_menu_background:; + --context_menu_border:; + --context_menu_division:; + --context_menu_hover_text:; + --context_menu_hover_background:; /*Sequence, AKA Gens Per Action*/ --sequence_area_background: #ebebeb; @@ -107,6 +119,10 @@ --setting_footer_text_color: #3d3d3d; --setting_footer_background_color: #e1d1d1; + /*Substitution Card*/ + --substitution_card_input_border:; + --substitution_card_input_background:; + /*Palette Card*/ --palette_card_background: #e9cece; --palette_card_text: #5c5c5c; @@ -167,6 +183,7 @@ --left_menu_strong_shadow: 0; --right_menu_light_shadow: 0; --right_menu_strong_shadow: 0; + --context_menu_shadow: var(--wi_card_shadow); --popup_shadow: 0; --radius_inputbox: 15px; --radius_unpinned_menu: 0px; @@ -179,6 +196,10 @@ --radius_palette_card: 10px; --radius_settings_button: 10px; --tabs_rounding: 10px; + --radius_context_menu: 10px; + --radius_context_menu_hover: 10px; + --radius_genre_tag: 10px; + --radius_tooltip: 10px; @@ -363,9 +384,9 @@ filter: brightness(100%) !important; } -.collapsable_header .material-icons-outlined { +/*.collapsable_header .material-icons-outlined { transform: translateY(7px) translateX(4px); -} +}*/ .material-icons-outlined:hover { filter: brightness(100%) !important;