mirror of
https://github.com/KoboldAI/KoboldAI-Client.git
synced 2025-06-05 21:59:24 +02:00
Added new theme variables to all themes
This commit is contained in:
@@ -68,6 +68,19 @@
|
|||||||
--alternate_button_text: #e0e0e0;
|
--alternate_button_text: #e0e0e0;
|
||||||
--alternate_button_background: #424243;
|
--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, AKA Gens Per Action*/
|
||||||
--sequence_area_background: #141414;
|
--sequence_area_background: #141414;
|
||||||
@@ -102,6 +115,10 @@
|
|||||||
--setting_footer_text_color: #e0e0e0;
|
--setting_footer_text_color: #e0e0e0;
|
||||||
--setting_footer_background_color: #1c1c1c;
|
--setting_footer_background_color: #1c1c1c;
|
||||||
|
|
||||||
|
/*Substitution Card*/
|
||||||
|
--substitution_card_input_border:;
|
||||||
|
--substitution_card_input_background:;
|
||||||
|
|
||||||
/*Palette Card*/
|
/*Palette Card*/
|
||||||
--palette_card_background: #242424;
|
--palette_card_background: #242424;
|
||||||
--palette_card_text: #e0e0e0;
|
--palette_card_text: #e0e0e0;
|
||||||
@@ -162,6 +179,7 @@
|
|||||||
--left_menu_strong_shadow: 0;
|
--left_menu_strong_shadow: 0;
|
||||||
--right_menu_light_shadow: 0;
|
--right_menu_light_shadow: 0;
|
||||||
--right_menu_strong_shadow: 0;
|
--right_menu_strong_shadow: 0;
|
||||||
|
--context_menu_shadow: var(--wi_card_shadow);
|
||||||
--radius_inputbox: 10px;
|
--radius_inputbox: 10px;
|
||||||
--radius_unpinned_menu: 0px;
|
--radius_unpinned_menu: 0px;
|
||||||
--radius_sequence: 10px;
|
--radius_sequence: 10px;
|
||||||
@@ -173,7 +191,10 @@
|
|||||||
--radius_palette_card: 10px;
|
--radius_palette_card: 10px;
|
||||||
--radius_settings_button: 5px;
|
--radius_settings_button: 5px;
|
||||||
--tabs_rounding: 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;
|
color: #848484 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.collapsable_header .material-icons-outlined {
|
/*.collapsable_header .material-icons-outlined {
|
||||||
transform: translateY(7px) translateX(4px);
|
transform: translateY(7px) translateX(4px);
|
||||||
}
|
}*/
|
||||||
|
|
||||||
.material-icons-outlined:hover {
|
.material-icons-outlined:hover {
|
||||||
filter: brightness(100%) !important;
|
filter: brightness(100%) !important;
|
||||||
|
@@ -103,6 +103,19 @@
|
|||||||
--disabled_button_background_color: var(--gruvbox-dark1);
|
--disabled_button_background_color: var(--gruvbox-dark1);
|
||||||
--disabled_button_border_color: transparent;
|
--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, AKA Gens Per Action */
|
||||||
--sequence_area_background: var(--gruvbox-dark1);
|
--sequence_area_background: var(--gruvbox-dark1);
|
||||||
--sequence_background: var(--gruvbox-dark2);
|
--sequence_background: var(--gruvbox-dark2);
|
||||||
@@ -135,6 +148,10 @@
|
|||||||
--tooltip_text:var(--gruvbox-light0);
|
--tooltip_text:var(--gruvbox-light0);
|
||||||
--tooltip_background:var(--secondary_palette);
|
--tooltip_background:var(--secondary_palette);
|
||||||
|
|
||||||
|
/*Substitution Card*/
|
||||||
|
--substitution_card_input_border:;
|
||||||
|
--substitution_card_input_background:;
|
||||||
|
|
||||||
/* World Info */
|
/* World Info */
|
||||||
--wi_card_border_color: var(--gruvbox-dark3);
|
--wi_card_border_color: var(--gruvbox-dark3);
|
||||||
--wi_card_border_color_to_ai:var(--gruvbox-light0);
|
--wi_card_border_color_to_ai:var(--gruvbox-light0);
|
||||||
@@ -173,6 +190,7 @@
|
|||||||
--left_menu_strong_shadow: 0;
|
--left_menu_strong_shadow: 0;
|
||||||
--right_menu_light_shadow: 0;
|
--right_menu_light_shadow: 0;
|
||||||
--right_menu_strong_shadow: 0;
|
--right_menu_strong_shadow: 0;
|
||||||
|
--context_menu_shadow: var(--wi_card_shadow);
|
||||||
|
|
||||||
--radius_inputbox: 0px;
|
--radius_inputbox: 0px;
|
||||||
--radius_unpinned_menu: 0px;
|
--radius_unpinned_menu: 0px;
|
||||||
@@ -186,6 +204,10 @@
|
|||||||
--radius_alternate_button: 0px;
|
--radius_alternate_button: 0px;
|
||||||
--radius_palette_card: 0px;
|
--radius_palette_card: 0px;
|
||||||
--tabs_rounding: 6px;
|
--tabs_rounding: 6px;
|
||||||
|
--radius_context_menu: 00px;
|
||||||
|
--radius_context_menu_hover: 0px;
|
||||||
|
--radius_genre_tag: 0px;
|
||||||
|
--radius_tooltip: 0px;
|
||||||
|
|
||||||
/* Variables */
|
/* Variables */
|
||||||
--flyout_menu_closed_width: 0px;
|
--flyout_menu_closed_width: 0px;
|
||||||
|
@@ -68,6 +68,18 @@
|
|||||||
--alternate_button_text: #e0e0e0;
|
--alternate_button_text: #e0e0e0;
|
||||||
--alternate_button_background: #283445;
|
--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, AKA Gens Per Action*/
|
||||||
--sequence_area_background: #111820;
|
--sequence_area_background: #111820;
|
||||||
@@ -102,6 +114,10 @@
|
|||||||
--setting_footer_text_color: #e0e0e0;
|
--setting_footer_text_color: #e0e0e0;
|
||||||
--setting_footer_background_color: #18222d;
|
--setting_footer_background_color: #18222d;
|
||||||
|
|
||||||
|
/*Substitution Card*/
|
||||||
|
--substitution_card_input_border:;
|
||||||
|
--substitution_card_input_background:;
|
||||||
|
|
||||||
/*Palette Card*/
|
/*Palette Card*/
|
||||||
--palette_card_background: #273141;
|
--palette_card_background: #273141;
|
||||||
--palette_card_text: #e0e0e0;
|
--palette_card_text: #e0e0e0;
|
||||||
@@ -162,6 +178,7 @@
|
|||||||
--left_menu_strong_shadow: 0;
|
--left_menu_strong_shadow: 0;
|
||||||
--right_menu_light_shadow: 0;
|
--right_menu_light_shadow: 0;
|
||||||
--right_menu_strong_shadow: 0;
|
--right_menu_strong_shadow: 0;
|
||||||
|
--context_menu_shadow: var(--wi_card_shadow);
|
||||||
--radius_inputbox: 2px;
|
--radius_inputbox: 2px;
|
||||||
--radius_unpinned_menu: 2px;
|
--radius_unpinned_menu: 2px;
|
||||||
--radius_sequence: 5px;
|
--radius_sequence: 5px;
|
||||||
@@ -173,7 +190,10 @@
|
|||||||
--radius_palette_card: 5px;
|
--radius_palette_card: 5px;
|
||||||
--radius_settings_button: 2px;
|
--radius_settings_button: 2px;
|
||||||
--tabs_rounding: 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;
|
transform: scale(1) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.collapsable_header .material-icons-outlined {
|
/*.collapsable_header .material-icons-outlined {
|
||||||
transform: translateY(7px) translateX(4px);
|
transform: translateY(7px) translateX(4px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.collapsable_header .material-icons-outlined:hover {
|
.collapsable_header .material-icons-outlined:hover {
|
||||||
transform: translateY(7px) translateX(4px);
|
transform: translateY(7px) translateX(4px);
|
||||||
}
|
}*/
|
||||||
|
|
||||||
#context-viewer-close:hover {
|
#context-viewer-close:hover {
|
||||||
transform: scale(1) !important;
|
transform: scale(1) !important;
|
||||||
|
@@ -68,6 +68,18 @@
|
|||||||
--alternate_button_text: #ffffff;
|
--alternate_button_text: #ffffff;
|
||||||
--alternate_button_background: #3379b7;
|
--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, AKA Gens Per Action*/
|
||||||
--sequence_area_background: #262626;
|
--sequence_area_background: #262626;
|
||||||
@@ -102,6 +114,10 @@
|
|||||||
--setting_footer_text_color: #ffffff;
|
--setting_footer_text_color: #ffffff;
|
||||||
--setting_footer_background_color: #242424;
|
--setting_footer_background_color: #242424;
|
||||||
|
|
||||||
|
/*Substitution Card*/
|
||||||
|
--substitution_card_input_border:;
|
||||||
|
--substitution_card_input_background:;
|
||||||
|
|
||||||
/*Palette Card*/
|
/*Palette Card*/
|
||||||
--palette_card_background: #295071;
|
--palette_card_background: #295071;
|
||||||
--palette_card_text: #ffffff;
|
--palette_card_text: #ffffff;
|
||||||
@@ -161,6 +177,7 @@
|
|||||||
--left_menu_strong_shadow: 0;
|
--left_menu_strong_shadow: 0;
|
||||||
--right_menu_light_shadow: 0;
|
--right_menu_light_shadow: 0;
|
||||||
--right_menu_strong_shadow: 0;
|
--right_menu_strong_shadow: 0;
|
||||||
|
--context_menu_shadow: var(--wi_card_shadow);
|
||||||
--radius_inputbox: 5px;
|
--radius_inputbox: 5px;
|
||||||
--radius_unpinned_menu: 5px;
|
--radius_unpinned_menu: 5px;
|
||||||
--radius_sequence: 5px;
|
--radius_sequence: 5px;
|
||||||
@@ -172,6 +189,10 @@
|
|||||||
--radius_palette_card: 5px;
|
--radius_palette_card: 5px;
|
||||||
--radius_settings_button: 5px;
|
--radius_settings_button: 5px;
|
||||||
--tabs_rounding: 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 */
|
/* Icons */
|
||||||
|
|
||||||
.collapsable_header .material-icons-outlined {
|
/*.collapsable_header .material-icons-outlined {
|
||||||
transform: translateY(7px) translateX(4px);
|
transform: translateY(7px) translateX(4px);
|
||||||
}
|
}*/
|
||||||
|
|
||||||
.substitution-card > .card-left > .material-icons-outlined {
|
.substitution-card > .card-left > .material-icons-outlined {
|
||||||
color: #999 !important;
|
color: #999 !important;
|
||||||
|
@@ -72,6 +72,18 @@
|
|||||||
--alternate_button_text: #f2f1f1;
|
--alternate_button_text: #f2f1f1;
|
||||||
--alternate_button_background: #e26771;
|
--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, AKA Gens Per Action*/
|
||||||
--sequence_area_background: #ebebeb;
|
--sequence_area_background: #ebebeb;
|
||||||
@@ -107,6 +119,10 @@
|
|||||||
--setting_footer_text_color: #3d3d3d;
|
--setting_footer_text_color: #3d3d3d;
|
||||||
--setting_footer_background_color: #e1d1d1;
|
--setting_footer_background_color: #e1d1d1;
|
||||||
|
|
||||||
|
/*Substitution Card*/
|
||||||
|
--substitution_card_input_border:;
|
||||||
|
--substitution_card_input_background:;
|
||||||
|
|
||||||
/*Palette Card*/
|
/*Palette Card*/
|
||||||
--palette_card_background: #e9cece;
|
--palette_card_background: #e9cece;
|
||||||
--palette_card_text: #5c5c5c;
|
--palette_card_text: #5c5c5c;
|
||||||
@@ -167,6 +183,7 @@
|
|||||||
--left_menu_strong_shadow: 0;
|
--left_menu_strong_shadow: 0;
|
||||||
--right_menu_light_shadow: 0;
|
--right_menu_light_shadow: 0;
|
||||||
--right_menu_strong_shadow: 0;
|
--right_menu_strong_shadow: 0;
|
||||||
|
--context_menu_shadow: var(--wi_card_shadow);
|
||||||
--popup_shadow: 0;
|
--popup_shadow: 0;
|
||||||
--radius_inputbox: 15px;
|
--radius_inputbox: 15px;
|
||||||
--radius_unpinned_menu: 0px;
|
--radius_unpinned_menu: 0px;
|
||||||
@@ -179,6 +196,10 @@
|
|||||||
--radius_palette_card: 10px;
|
--radius_palette_card: 10px;
|
||||||
--radius_settings_button: 10px;
|
--radius_settings_button: 10px;
|
||||||
--tabs_rounding: 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;
|
filter: brightness(100%) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.collapsable_header .material-icons-outlined {
|
/*.collapsable_header .material-icons-outlined {
|
||||||
transform: translateY(7px) translateX(4px);
|
transform: translateY(7px) translateX(4px);
|
||||||
}
|
}*/
|
||||||
|
|
||||||
.material-icons-outlined:hover {
|
.material-icons-outlined:hover {
|
||||||
filter: brightness(100%) !important;
|
filter: brightness(100%) !important;
|
||||||
|
Reference in New Issue
Block a user