Palette v0.4

This commit is contained in:
GuiAworld
2022-08-18 16:12:55 -03:00
parent b7a6d1f111
commit 2a0f724594

View File

@@ -12,120 +12,120 @@
:root { :root {
/*----------------Palette Theme--------------------*/ /*----------------Palette Theme--------------------*/
--primary: #afc6ff; --primary_palette: #afc6ff;
--on_primary: #002d6c; --on_primary_palette: #002d6c;
--primary_container: #004397; --primary_containter_palette: #004397;
--on_primary_container: #d9e2ff; --on_primary_containter_palette: #d9e2ff;
--secondary: #f7c5ee; --secondary_palette: #f7c5ee;
--on_secondary: #5c0059; --on_secondary_palette: #5c0059;
--secondary_container: #d663bd; --secondary_container_palette: #d663bd;
--on_secondary_container: #4e0039; --on_secondary_container_palette: #4e0039;
--tertiary: #a8d473; --tertiary_palette: #a8d473;
--on_tertiary: #1f3700; --on_tertiary_palette: #1f3700;
--tertiary_container: #2f4f00; --tertiary_container_palette: #2f4f00;
--on_tertiary_container: #c3f18c; --on_tertiary_container_palette: #c3f18c;
--error: #ffb4ab; --error_palette: #ffb4ab;
--on_error: #690005; --on_error_palette: #690005;
--error_container: #93000a; --error_container_palette: #93000a;
--on_error_container: #ffdad6; --on_error_container_palette: #ffdad6;
--p_background: #1b1b1f; --background_palette: #1b1b1f;
--on_background:#e3e2e6; --on_background_palette:#e3e2e6;
--layer1: #212126; --layer1_palette: #212126;
--layer2: #28282D; --layer2_palette: #28282D;
--layer3: #2F2F35; --layer3_palette: #2F2F35;
--layer4: #35353D; --layer4_palette: #35353D;
--outline: #8e9099; --outline_palette: #8e9099;
--middle: #232328; --middle_palette: #232328;
--on_middle: #86868e; --on_middle_palette: #86868e;
--surface: #2f2f36; --surface_palette: #2f2f36;
--on_surface: #e3e2e6; --on_surface_palette: #e3e2e6;
/*----------------Advanced Theme--------------------*/ /*----------------Advanced Theme--------------------*/
/*General*/ /*General*/
--background: var(--p_background); --background: var(--background_palette);
--gamescreen_background: var(--layer2); --gamescreen_background: var(--layer2_palette);
--input_background: var(--layer3); --input_background: var(--layer3_palette);
--text: var(--on_background); --text: var(--on_background_palette);
--text_to_ai_color: var(--on_background); --text_to_ai_color: var(--on_background_palette);
--text_edit: var(--on_background); --text_edit: var(--on_background_palette);
--statusbar_color: #002d6ca1; --statusbar_color: #002d6ca1;
--scrollbar-color: #9b9b9b80; --scrollbar-color: #9b9b9b80;
/*Buttons*/ /*Buttons*/
--enabled_button_text: var(--on_primary); --enabled_button_text: var(--on_primary_palette);
--enabled_button_background_color: var(--primary); --enabled_button_background_color: var(--primary_palette);
--enabled_button_border_color: var(--on_primary); --enabled_button_border_color: var(--on_primary_palette);
--disabled_button_text: #303030; --disabled_button_text: #303030;
--disabled_button_background_color: #495762; --disabled_button_background_color: #495762;
--disabled_button_border_color: #686c68; --disabled_button_border_color: #686c68;
/*Sequence, AKA Gens Per Action*/ /*Sequence, AKA Gens Per Action*/
--sequence_area_background: var(--layer1); --sequence_area_background: var(--layer1_palette);
--sequence_background: var(--primary); --sequence_background: var(--primary_palette);
--sequence_text: var(--on_primary); --sequence_text: var(--on_primary_palette);
/*Side Menus*/ /*Side Menus*/
--tab_color: var(--primary_container); --tab_color: var(--primary_containter_palette);
--flyout_background: var(--layer1); --flyout_background: var(--layer1_palette);
--flyout_background_pinned: var(--layer1); --flyout_background_pinned: var(--layer1_palette);
--setting_background: var(--surface); --setting_background: var(--surface_palette);
--setting_text: var(--on_surface); --setting_text: var(--on_surface_palette);
--sample_order_select_color: var(--primary); --sample_order_select_color: var(--primary_palette);
--sample_order_select_color_text: var(--on_primary); --sample_order_select_color_text: var(--on_primary_palette);
--dropdown_text: var(--on_secondary); --dropdown_text: var(--on_secondary_palette);
--dropdown_background: var(--secondary); --dropdown_background: var(--secondary_palette);
--rangeslider_background_color: var(--on_primary_container); --rangeslider_background_color: var(--on_primary_containter_palette);
--rangeslider_color: var(--primary_container); --rangeslider_color: var(--primary_containter_palette);
--rangeslider_circle_color: var(--on_primary); --rangeslider_circle_color: var(--on_primary_palette);
--help_icon: var(--secondary); --help_icon: var(--secondary_palette);
--help_icon_text: var(--on_secondary); --help_icon_text: var(--on_secondary_palette);
--tooltip_text: var(--on_secondary); --tooltip_text: var(--on_secondary_palette);
--tooltip_background: var(--secondary); --tooltip_background: var(--secondary_palette);
/*World Info*/ /*World Info*/
--wi_card_border_color: var(--on_primary); --wi_card_border_color: var(--on_primary_palette);
--wi_card_border_color_to_ai: var(--on_secondary); --wi_card_border_color_to_ai: var(--on_secondary_palette);
--wi_card_bg_color: var(--primary); --wi_card_bg_color: var(--primary_palette);
--wi_card_text_color: var(--on_primary); --wi_card_text_color: var(--on_primary_palette);
--wi_card_tag_bg_color: var(--primary); --wi_card_tag_bg_color: var(--primary_palette);
--wi_card_tag_text_color:var(--on_primary); --wi_card_tag_text_color:var(--on_primary_palette);
--wi_tag_color: var(--primary_container); --wi_tag_color: var(--primary_containter_palette);
--wi_tag_text_color: var(--on_primary_container); --wi_tag_text_color: var(--on_primary_containter_palette);
--wi_folder_background: var(--middle); --wi_folder_background: var(--middle_palette);
/*Popup*/ /*Popup*/
--popup_background_color: var(--layer4); --popup_background_color: var(--layer4_palette);
--popup_title_bar_color: var(--primary); --popup_title_bar_color: var(--primary_palette);
--popup_title_bar_color_text: var(--on_primary); --popup_title_bar_color_text: var(--on_primary_palette);
--popup_item_color: var(--surface); --popup_item_color: var(--surface_palette);
--popup_item_color_text: var(--on_surface); --popup_item_color_text: var(--on_surface_palette);
--popup_hover_color: var(--secondary); --popup_hover_color: var(--secondary_palette);
--popup_hover_color_text: var(--on_secondary); --popup_hover_color_text: var(--on_secondary_palette);
--popup_selected_color: var(--secondary_container); --popup_selected_color: var(--secondary_container_palette);
--popup_selected_color_text: var(--on_secondary_container); --popup_selected_color_text: var(--on_secondary_container_palette_palette);
--popup_button_color: var(--primary_container); --popup_button_color: var(--primary_containter_palette);
--popup_button_color_text: var(--on_primary_container); --popup_button_color_text: var(--on_primary_containter_palette);
--popup_cancel_button_color: var(--primary); --popup_cancel_button_color: var(--primary_palette);
--popup_cancel_button_color_text: var(--on_primary); --popup_cancel_button_color_text: var(--on_primary_palette);
/*Parameters*/ /*Parameters*/
--scrollbar-size: 6px; --scrollbar-size: 6px;
@@ -330,7 +330,7 @@ input[type="range"]::-ms-fill-upper {
.settings_category_area { .settings_category_area {
width: 100%; width: 100%;
background: var(--layer1); background: var(--layer1_palette);
grid-row: 2; grid-row: 2;
} }
@@ -1336,8 +1336,8 @@ body {
} }
.popup#error_message { .popup#error_message {
background-color: var(--error); background-color: var(--error_palette);
color: var(--on_error); color: var(--on_error_palette);
height: 30vh; height: 30vh;
top: 35vh; top: 35vh;
} }
@@ -1352,8 +1352,8 @@ body {
#error_message .title { #error_message .title {
width: 100%; width: 100%;
background-color: var(--error_container); background-color: var(--error_container_palette);
color: var(--on_error_container); color: var(--on_error_container_palette);
text-align: center; text-align: center;
font-size: 1.3em; font-size: 1.3em;
} }
@@ -1364,9 +1364,9 @@ body {
} }
.popup#error_message .btn-primary { .popup#error_message .btn-primary {
background-color: var(--error); background-color: var(--error_palette);
color: var(--on_error); color: var(--on_error_palette);
border-color: var(--on_error); border-color: var(--on_error_palette);
} }
@@ -1440,8 +1440,8 @@ body {
} }
#error_message .popup_load_cancel{ #error_message .popup_load_cancel{
background-color: var(--error_container); background-color: var(--error_container_palette);
color: var(--on_error_container); color: var(--on_error_container_palette);
} }
.popup_load_cancel_button { .popup_load_cancel_button {