diff --git a/themes/Darkness.css b/themes/Darkness.css index 3f559498..b273332e 100644 --- a/themes/Darkness.css +++ b/themes/Darkness.css @@ -1,7 +1,7 @@ /* Name: Darkness Author: LightSaveUs - Version: 0.2 + Version: 0.3.1 Description: A theme inspired by the AI Dungeon interface. */ @@ -37,17 +37,17 @@ /*----------------Advanced Theme--------------------*/ /*General*/ - --background: #1c1e1f; - --gamescreen_background: #1c1e1f; - --input_background: #151717; + --background: #181818; + --gamescreen_background: #181818; + --input_background: #141414; --text: #e0e0e0; - --text_to_ai_color: #34c5d0; - --text_edit: #187275; + --text_to_ai_color: #e0e0e0; + --text_edit: #34dae7; - --statusbar_color: #1a625fa1; + --statusbar_color: #1e6d6aa1; --statusbar_text_color: #e0e0e0; - --scrollbar-color: #1a615e7a; + --scrollbar-color: #1a615e00; /*Buttons*/ /*General*/ @@ -65,92 +65,91 @@ /*Alternate Button*/ --alternate_button_text: #e0e0e0; - --alternate_button_background: #1d434a; + --alternate_button_background: #127a76; /*Sequence, AKA Gens Per Action*/ - --sequence_area_background: #1c1e1f; - --sequence_background: #1c1e1f; + --sequence_area_background: #181818; + --sequence_background: #141414; --sequence_text: #e0e0e0; /*Side Menus*/ - --tab_color: #1a625f; + --tab_color: #141414; - --flyout_background: #181818; - --flyout_background_pinned: #181818; + --flyout_background: #1c1c1c; + --flyout_background_pinned: #1c1c1c; --setting_background: #242424; --setting_text: #e0e0e0; - --sample_order_select_color: #1d434a; + --sample_order_select_color: #148883; --sample_order_select_color_text: #e0e0e0; --dropdown_text: #e0e0e0; - --dropdown_background: #181818; + --dropdown_background: #1f1f1f; - --rangeslider_background_color: #1b1b1b; - --rangeslider_color: #1d434a; - --rangeslider_circle_color: #385262; + --rangeslider_background_color: #1c1c1c; + --rangeslider_color: #1c1c1c; + --rangeslider_circle_color: #148883; - --help_icon: #c07ec5; - /*--tooltip_text: #000000; + --help_icon: #6e6e6e;/*--tooltip_text: #000000; --tooltip_background: #000000;*/ --setting_category_help_text_color: #e0e0e0; - --setting_footer_border_color: grey; + --setting_footer_border_color: #333333; --setting_footer_text_color: #e0e0e0; - --setting_footer_background_color: #181818; + --setting_footer_background_color: #1c1c1c; /*Palette Card*/ - --palette_card_background: #181818; + --palette_card_background: #242424; --palette_card_text: #e0e0e0; - --palette_table_border: #e0e0e0; + --palette_table_border: #6e6e6e; /*World Info*/ - --wi_card_border_color: #1a625f; - --wi_card_border_color_to_ai: #1a625f; + --wi_card_border_color: #333333; + --wi_card_border_color_to_ai: #333333; - --wi_card_bg_color: #1b1b1b; + --wi_card_bg_color: #242424; --wi_card_text_color: #e0e0e0; - --wi_card_tag_bg_color: #242424; + --wi_card_tag_bg_color: #3b3b3b; --wi_card_tag_text_color: #e0e0e0; - --wi_tag_color: #1d434a; + --wi_tag_color: #148883; --wi_tag_text_color: #e0e0e0; /*Popup*/ - --popup_background_color: #121414; - --popup_title_bar_color: #1a625f; + --popup_background_color: #181818; + --popup_title_bar_color: #343434; --popup_title_bar_color_text: #e0e0e0; - --popup_item_color: #1c1c1c; + --popup_item_color: #181818; --popup_item_color_text: #e0e0e0; - --popup_hover_color: #1a2e30; + --popup_hover_color: #181818; --popup_hover_color_text: #e0e0e0; - --popup_selected_color: #2c5357; - --popup_selected_color_text: #e0e0e0; + --popup_selected_color: #181818; + --popup_selected_color_text: #85858580; - --popup_button_color: #1a625f; + --popup_button_color: #424243; --popup_button_color_text: #e0e0e0; - --popup_cancel_button_color: #1a625f; + --popup_cancel_button_color: #424243; --popup_cancel_button_color_text: #e0e0e0; - --error: #ffb4ab; - --error_text: #690005; - --error_title: #93000a; - --error_title_text: #ffdad6; + --error: #242424; + --error_text: #e0e0e0; + --error_title: #343434; + --error_title_text: #e0e0e0; /*Context Bar Colors*/ - --context_colors_memory: #133a5c; - --context_colors_authors_notes: #672b6a; - --context_colors_world_info: #1b5a58; - --context_colors_prompt: #898888; - --context_colors_game_text: #197f91; - --context_colors_submit: #ededed; - --context_colors_unused: #ffffff24; - --context_colors_soft_prompt: #132b30; + --context_colors_memory: #242424; + --context_colors_authors_notes: #333333; + --context_colors_world_info: #484848; + --context_colors_prompt: #2d9cac; + --context_colors_game_text: #148883; + --context_colors_submit: #ffffff00; + --context_colors_unused: #ffffff11; + --context_colors_soft_prompt: #141414; /*Parameters*/ @@ -162,7 +161,7 @@ --right_menu_light_shadow: 0; --right_menu_strong_shadow: 0; --radius_inputbox: 10px; - --radius_unpinned_menu: 10px; + --radius_unpinned_menu: 0px; --radius_sequence: 10px; --radius_settings_background: 10px; --radius_button: 5px; @@ -182,16 +181,182 @@ --flyout_menu_closed_width: 0px; --setting_menu_closed_width_no_pins_width: 0px; --story_options_size: 30%; - --story_pinned_areas_left: "menuicon options gamescreen lefticon" + --story_pinned_areas_left:"menuicon options gamescreen lefticon" "menuicon theme theme lefticon" "menuicon inputrow inputrow lefticon"; - --story_pinned_areas_right: "menuicon gamescreen options lefticon" + --story_pinned_areas_right:"menuicon gamescreen options lefticon" "menuicon theme theme lefticon" "menuicon inputrow inputrow lefticon"; - --story_pinned_area_widths_left: 30px var(--story_options_size) auto 30px; - --story_pinned_area_widths_right: 30px auto var(--story_options_size) 30px; - --story_pinned_areas: var(--story_pinned_areas_left); - --story_pinned_area_widths: var(--story_pinned_area_widths_left); + --story_pinned_area_widths_left: 30pxvar(--story_options_size) auto 30px; + --story_pinned_area_widths_right: 30pxautovar(--story_options_size) 30px; + --story_pinned_areas:var(--story_pinned_areas_left); + --story_pinned_area_widths:var(--story_pinned_area_widths_left); --font_size_adjustment: 0px; - --game_screen_font_size_adjustment: 1; + --game_screen_font_size_adjustment: 1;} + +/* Boxes */ + +#input_text, #themetext { + border-color: #b6b6b6 !important; +} + +.fullwidth { + border-radius: 5px; + border-color: #808080 !important; +} + +.bias_phrase input { + border-color: #808080 !important; +} + +/* Buttons */ + +.settings_button { + border: none !important; +} + +.btn-success { + color: #e0e0e0 !important; + background-color: #148883 !important; + border-color: #148883 !important; +} + +.toggle-off.btn { + color: #e0e0e0 !important; + background-color: #242424 !important; + border-color: #242424 !important; +} + +.advanced_theme:hover { + filter: brightness(100%) !important; +} + +/* Context Viewer */ + +#context-viewer-header { + background-color: #141414 !important; +} + +#context-container { + background-color: #242424 !important; +} + +/* Icons */ + +.collapsable_header .material-icons-outlined { + transform: translateY(7px) translateX(4px)!important; +} + +span.material-icons-outlined.cursor.search_icon { + filter: brightness(120%) !important; +} + +.helpicon:hover { + color: #848484 !important; +} + +.material-icons-outlined:hover { + filter: brightness(100%) !important; +} + +/* Import */ + +a { + color: #148883 !important; +} + +.form-control { + color: #555 !important; + background-color: #424243 !important; + border: none; +} + +/* Lines */ + +.story_title, hr { + border-color: #333333 !important; +} + +/* Lists */ + +.settings_select, .var_sync_system_theme_list { + border-color: #535353 !important; +} + +/* Padding */ + +.story_title_area { + padding-top: 3px; +} + +/* Palette */ + +#palette_area { + border-color: #333333 !important; +} + +/* Popup */ + +.popup .item { + border: solid #000; + border-width: 1 1px; + border-color: #333333 !important; +} + +.popup .action_button { + border-radius: 5px; + border-color:#b6b6b6; +} + +.popup_load_cancel_button { + border-radius: 5px; + border-color:#b6b6b6 !important; +} + +.popup .action_button:hover { + background-color: #424243 !important; +} + +.popup_load_cancel_button:hover { + color: #e0e0e0 !important; + background-color: #424243 !important; + border-color: #e0e0e0 !important; +} + +#error_message.popup .btn-primary { + background-color: #424243 !important; + color: #e0e0e0 !important; + border-color: #e0e0e0 !important; +} + + +/* Tabs */ + +.tabrow span { + border: none !important; + box-shadow: inset 0px 0px 1px !important; +} + +.tabrow span::before, .tabrow span::after { + display: none; + border: none !important; +} + +.tabrow span.selected { + background: #1c1c1c !important; + color: #e0e0e0 !important; +} + +/* Text */ + +.rawtext { + font-family: helvetica !important; +} + +/* World Info */ + +.world_info_text { + border-color: #242424 !important; + margin: 0 0px 0px !important; + background-color: #3b3b3b !important; } diff --git a/themes/Monochrome.css b/themes/Monochrome.css index 4f934565..fa68d456 100644 --- a/themes/Monochrome.css +++ b/themes/Monochrome.css @@ -1,7 +1,7 @@ /* Name: Monochrome Author: LightSaveUs - Version: 0.5 + Version: 0.6 Description: A theme inspired by the NovelAI interface. */ @@ -42,18 +42,18 @@ --input_background: #121b21; --text: #e0e0e0; - --text_to_ai_color: #cdd9e0; - --text_edit: #759bc5; + --text_to_ai_color: #e0e0e0; + --text_edit: #9cc3ee; --statusbar_color: #3e53679e; --statusbar_text_color: #e0e0e0; - --scrollbar-color: #3e536780; + --scrollbar-color: #3e53679e; /*Buttons*/ /*General*/ --enabled_button_text: #e0e0e0; - --enabled_button_background_color: #2f4563; - --enabled_button_border_color: #263a54; + --enabled_button_background_color: #30435b; + --enabled_button_border_color: #253446; --disabled_button_text: #303030; --disabled_button_background_color: #495762; @@ -61,11 +61,11 @@ /*Home Tab*/ --button_text: #e0e0e0; - --button_background: #2f4563; + --button_background: #30435b; /*Alternate Button*/ --alternate_button_text: #e0e0e0; - --alternate_button_background: #244c65; + --alternate_button_background: #30435b; /*Sequence, AKA Gens Per Action*/ @@ -74,7 +74,7 @@ --sequence_text: #cfd7a2; /*Side Menus*/ - --tab_color: #2b5471; + --tab_color: #1e2f44; --flyout_background: #18222a; --flyout_background_pinned: #18222a; @@ -83,32 +83,31 @@ --setting_text: #e0e0e0; --sample_order_select_color: #244c65; - --sample_order_select_color_text: #e0e0e0; + --sample_order_select_color_text: #cfd7a2; --dropdown_text: #cfd7a2; --dropdown_background: #131c22; --rangeslider_background_color: #1f2934; - --rangeslider_color: #244c65; - --rangeslider_circle_color: #1b354d; + --rangeslider_color: #1f2934; + --rangeslider_circle_color: #244c65; - --help_icon: #cfd7a2; - /*--tooltip_text: #000000; + --help_icon: #7c8389;/*--tooltip_text: #000000; --tooltip_background: #000000;*/ --setting_category_help_text_color: #E0E0E0; - --setting_footer_border_color: grey; + --setting_footer_border_color: #334552; --setting_footer_text_color: #e0e0e0; --setting_footer_background_color: #18222a; /*Palette Card*/ --palette_card_background: #273141; --palette_card_text: #e0e0e0; - --palette_table_border: #eeeeeead; + --palette_table_border: #607c90; /*World Info*/ - --wi_card_border_color: #eeeeeead; - --wi_card_border_color_to_ai: #eeeeeead; + --wi_card_border_color: #334552; + --wi_card_border_color_to_ai: #334552; --wi_card_bg_color: #273141; --wi_card_text_color: #e0e0e0; @@ -116,31 +115,31 @@ --wi_card_tag_bg_color: #273141; --wi_card_tag_text_color: #e0e0e0; - --wi_tag_color: #244c65; + --wi_tag_color: #30435b; --wi_tag_text_color: #e0e0e0; /*Popup*/ - --popup_background_color: #141c23; - --popup_title_bar_color: #2b5471; + --popup_background_color: #19242c; + --popup_title_bar_color: #25364a; --popup_title_bar_color_text: #e0e0e0; - --popup_item_color: #252f3a; + --popup_item_color: #30435b; --popup_item_color_text: #e0e0e0; - --popup_hover_color: #1f4358; + --popup_hover_color: #253346; --popup_hover_color_text: #e0e0e0; - --popup_selected_color: #295c72; - --popup_selected_color_text:#e0e0e0; + --popup_selected_color: #202b3a; + --popup_selected_color_text: #cfd7a2; - --popup_button_color: #406494; + --popup_button_color: #25364a; --popup_button_color_text: #e0e0e0; - --popup_cancel_button_color: #406494; + --popup_cancel_button_color: #25364a; --popup_cancel_button_color_text: #e0e0e0; - --error: #ffb4ab; - --error_text: #690005; - --error_title: #93000a; - --error_title_text: #ffdad6; + --error: #19242c; + --error_text: #e0e0e0; + --error_title: #25364a; + --error_title_text: #e0e0e0; /*Context Bar Colors*/ --context_colors_memory: #04325c; @@ -148,7 +147,7 @@ --context_colors_world_info: #1864a3; --context_colors_prompt: #868686; --context_colors_game_text: #63710e; - --context_colors_submit: #ededed; + --context_colors_submit: #ffffff00; --context_colors_unused: #ffffff24; --context_colors_soft_prompt: #141414; @@ -181,16 +180,198 @@ --flyout_menu_closed_width: 0px; --setting_menu_closed_width_no_pins_width: 0px; --story_options_size: 30%; - --story_pinned_areas_left: "menuicon options gamescreen lefticon" + --story_pinned_areas_left:"menuicon options gamescreen lefticon" "menuicon theme theme lefticon" "menuicon inputrow inputrow lefticon"; - --story_pinned_areas_right: "menuicon gamescreen options lefticon" + --story_pinned_areas_right:"menuicon gamescreen options lefticon" "menuicon theme theme lefticon" "menuicon inputrow inputrow lefticon"; - --story_pinned_area_widths_left: 30px var(--story_options_size) auto 30px; - --story_pinned_area_widths_right: 30px auto var(--story_options_size) 30px; - --story_pinned_areas: var(--story_pinned_areas_left); - --story_pinned_area_widths: var(--story_pinned_area_widths_left); + --story_pinned_area_widths_left: 30pxvar(--story_options_size) auto 30px; + --story_pinned_area_widths_right: 30pxautovar(--story_options_size) 30px; + --story_pinned_areas:var(--story_pinned_areas_left); + --story_pinned_area_widths:var(--story_pinned_area_widths_left); --font_size_adjustment: 0px; - --game_screen_font_size_adjustment: 1; + --game_screen_font_size_adjustment: 1;} + +/* Boxes */ + +#input_text, #themetext { + border-color: #334552 !important; +} + +.fullwidth { + border-radius: 2px; + border-color: #334552 !important; +} + +.bias_phrase input { + border-color: #334552 !important; +} + +/* Buttons */ + +.settings_button { + border: none !important; +} + +.settings_button:hover { + filter: brightness(120%); +} + +.btn-success { + color: #131c22 !important; + background-color: #cfd7a2 !important; + border-color: #cfd7a2 !important; +} + +.toggle-off.btn { + color: #cfd7a2 !important; + background-color: #131c22 !important; + border-color: #131c22 !important; +} + +.toggle-off.btn:hover { + border-color: #cfd7a2 !important; +} + +.wi_add_button:hover { + filter: brightness(120%); +} + +.advanced_theme:hover { + filter: brightness(120%) !important; +} + +/* Context Viewer */ + +#context-viewer-header { + background-color: #1e2f44 !important; +} + +#context-container { + background-color: #273141 !important; +} + +/* Icons */ + +.material-icons-outlined:hover { + transform: scale(1.1); + filter: brightness(100%) !important; +} + +span.helpicon.material-icons-outlined:hover { + transform: scale(1) !important; +} + +#context-viewer-close:hover { + transform: scale(1) !important; +} + +.collapsable_header .material-icons-outlined { + transform: translateY(7px) translateX(4px)!important; +} + +/* Import */ + +a { + color: #e0e0e0 !important; +} + +.form-control { + background-color: #25323d !important; + border: none; +} + +/* Lines */ + +.story_title, hr { + border-color: #334552 !important; +} + +/* Lists */ + +.settings_select, .var_sync_system_theme_list { + border-color: #334552 !important; +} + +/* Padding */ + +.story_title_area { + padding-top: 3px; +} + +/* Palette */ + +#palette_area { + border-color: #334552 !important; +} + +/* Popup */ + +.popup .action_button { + border-radius: 2px; + border-color:#ffffff00; + background-color:#30435b !important; +} + +.popup_load_cancel_button { + border-radius: 2px; + border-color:#ffffff00 !important; + background-color:#30435b !important; +} + +.popup .action_button:hover { + filter: brightness(120%) !important; + background-color: #30435b !important; +} + +.popup_load_cancel_button:hover { + filter: brightness(120%) !important; + color: #e0e0e0 !important; + background-color: #30435b !important; + border-color: #ffffff00 !important; +} + +/* Tabs */ + +.tabrow span { + border: none !important; + box-shadow: inset 0px 0px 2px #20344e !important; +} + +.tabrow span::before, .tabrow span::after { + display: none; + border: none !important; +} + +.tabrow span:hover { + background: #244c65 !important; +} + +.tabrow span.selected { + color: #cfd7a2 !important; + background: #244c65 !important; +} + +/* Text */ + +.rawtext { + font-family: sans-serif !important; +} + +/* World Info */ + +.tag:hover { + filter: brightness(120%) !important; +} + +.world_info_tag_area { + filter: brightness(100%) !important; + background-color: #1d2831 !important; +} + +.world_info_text { + margin: 0 0px 0px !important; + filter: brightness(100%) !important; + background-color: #1d2831 !important; } diff --git a/themes/Nostalgia.css b/themes/Nostalgia.css index 23a7e2e9..90d56162 100644 --- a/themes/Nostalgia.css +++ b/themes/Nostalgia.css @@ -1,7 +1,7 @@ /* Name: Nostalgia Author: LightSaveUs - Version: 0.1 + Version: 0.2.1 Description: A theme inspired by the previous KoboldAI interface. */ @@ -42,7 +42,7 @@ --input_background: #404040; --text: #fff; - --text_to_ai_color: #cdd9e0; + --text_to_ai_color: #fff; --text_edit: #cdf; --statusbar_color: #6c6c6e99; @@ -61,11 +61,11 @@ /*Home Tab*/ --button_text: #ffffff; - --button_background: #285f90; + --button_background: #3379b7; /*Alternate Button*/ --alternate_button_text: #ffffff; - --alternate_button_background: #285f90; + --alternate_button_background: #3379b7; /*Sequence, AKA Gens Per Action*/ @@ -74,12 +74,12 @@ --sequence_text: #ffffff; /*Side Menus*/ - --tab_color: #337ab7; + --tab_color: #4786be; - --flyout_background: #212122; - --flyout_background_pinned: #212122; + --flyout_background: #294f71; + --flyout_background_pinned: #294f71; - --setting_background: #295071; + --setting_background: #294f71; --setting_text: #ffffff; --sample_order_select_color: #98bcdb; @@ -106,10 +106,10 @@ --palette_table_border: #12324f; /*World Info*/ - --wi_card_border_color: #12324f; - --wi_card_border_color_to_ai: #eeeeeead; + --wi_card_border_color: #262626; + --wi_card_border_color_to_ai: #262626; - --wi_card_bg_color: #395c7c; + --wi_card_bg_color: #262626; --wi_card_text_color: #ffffff; --wi_card_tag_bg_color: #295071; @@ -136,18 +136,18 @@ --popup_cancel_button_color: #337ab7; --popup_cancel_button_color_text: #ffffff; - --error: #ffb4ab; - --error_text: #690005; - --error_title: #93000a; - --error_title_text: #ffdad6; + --error: #333; + --error_text: #ffffff; + --error_title: #337ab7; + --error_title_text: #ffffff; /*Context Bar Colors*/ - --context_colors_memory: #295071; - --context_colors_authors_notes: #337ab7; - --context_colors_world_info: #98bcdb; - --context_colors_prompt: #3bf723; - --context_colors_game_text: #688f1f; - --context_colors_submit: #ededed; + --context_colors_memory: #303030; + --context_colors_authors_notes: #404040; + --context_colors_world_info: #295071; + --context_colors_prompt: #3379b7; + --context_colors_game_text: #26d721ba; + --context_colors_submit: #ffffff00; --context_colors_unused: #ffffff24; --context_colors_soft_prompt: #262626; @@ -192,3 +192,171 @@ --story_pinned_area_widths:var(--story_pinned_area_widths_left); --font_size_adjustment: 0px; --game_screen_font_size_adjustment: 1;} + +/* Boxes */ + +#input_text, #themetext { + border-color: #999999 !important; +} + +.fullwidth { + border-radius: 5px; + border-color: #999999 !important; +} + +/* Buttons */ + +.settings_button { + border: none !important; +} + +.settings_button:hover { + background: #84a8c8 !important; +} + +.settings_button:focus { + background: #84a8c8 !important; +} + +.wi_add_button:hover { + filter: brightness(80%); +} + +/* Flyout */ + +.rightSideMenu { + background-color: #212122 !important; +} + +/* Context Viewer */ + +#context-viewer-header { + background-color: #262626 !important; +} + +#context-container { + background-color: #404040 !important; +} + +/* Icons */ + +.collapsable_header .material-icons-outlined { + transform: translateY(7px) translateX(4px)!important; +} + +/* Import */ + +a { + color: #3bf723 !important; +} + +.form-control { + background-color: #404040 !important; + border: none; +} + +/* Lines */ + +.story_title, hr { + border-color: #12324f !important; +} + +/* Lists */ + +.settings_select, .var_sync_system_theme_list { + border-color: #12324f !important; +} + +/* Padding */ + +.story_title_area { + padding-top: 3px; +} + +/* Palette */ + +#palette_area { + border-color: #12324f00 !important; +} + +/* Popup */ + +.popup .action_button { + border-radius: 5px; + border-color:#ffffff +} + +.popup_load_cancel_button { + border-radius: 5px; +} + +.popup .action_button:hover { + background-color: #337ab7 !important; +} + +.popup_load_cancel_button:hover { + color: #ffffff !important; + background-color: #337ab7 !important; + border-color: #ffffff !important; + filter: brightness(80%); +} + +#error_message.popup .btn-primary { + background-color: #337ab7 !important; + color: #ffffff !important; + border-color: #ffffff !important; +} + +/* Tabs */ + +.tabrow span { + border: none !important; + box-shadow: inset 0px 0px 2px #20344e !important; +} + +.tabrow span::before, .tabrow span::after { + display: none; + border: none !important; +} + +.tabrow span:hover { + background: #84a8c8 !important; +} + +.tabrow span.selected { + color: #ffffff !important; + background: #84a8c8 !important; +} + +/* Text */ + +.help_text { + opacity: 1.0 !important; +} + +.rawtext { + font-family: helvetica !important; +} + +/* Timer */ + +div#settings_footer.settings_footer { + color: #ffffff !important; + background-color: #294f71 !important; + border-color: #12324f !important; +} + +/* World Info */ + +.world_info_tag_area { + filter: brightness(100%) !important; + background-color: #404040 !important; + border-color: #999999!important; +} + +.world_info_text { + filter: brightness(100%) !important; + background-color: #404040 !important; + border-color: #999999!important; + margin: 0 0px 0px !important; +} diff --git a/themes/Unicorn.css b/themes/Unicorn.css index 21d758fb..f37be310 100644 --- a/themes/Unicorn.css +++ b/themes/Unicorn.css @@ -1,7 +1,7 @@ /* Name: Unicorn Author: LightSaveUs - Version: 0.2 + Version: 0.3.2 Description: A theme inspired by the DreamilyAI interface. */ @@ -42,16 +42,16 @@ --gamescreen_background: #eeeeee; --gamescreen_text: #222224; - --input_background: #e2e2e2; + --input_background: #eeeeee; --input_text: #222224; --text: #f2f1f1; - --text_to_ai_color: #464646; - --text_edit: #464646; + --text_to_ai_color: #222224; + --text_edit: #222224; --statusbar_color: #f2f2f499; --statusbar_text_color: white; - --scrollbar-color: #da4f5a7a; + --scrollbar-color: #da4f5a00; /*Buttons*/ /*General*/ @@ -73,60 +73,59 @@ /*Sequence, AKA Gens Per Action*/ - --sequence_area_background:#e2e2e2; - --sequence_background: #ececec; - --sequence_text: #828282; + --sequence_area_background: #e8e8e8; + --sequence_background: #eeeeee; + --sequence_text: #222224; /*Side Menus*/ --tab_color: #a04a51; --tab_text: #f2f1f1; - --flyout_background: #dcd9d9; - --flyout_background_pinned: #dcd9d9; + --flyout_background: #e8e8e8; + --flyout_background_pinned: #e8e8e8; --flyout_text: #464646; - --setting_background: #e1c5c5; + --setting_background: #e9cece; --setting_text: #421d1d; --sample_order_select_color: #dc6872; --sample_order_select_color_text: #f2f1f1; --dropdown_text: #dc6872; - --dropdown_background: #e2e2e2; + --dropdown_background: #eeeeee; - --rangeslider_background_color: #818181; + --rangeslider_background_color: #828282; --rangeslider_color: #dc6872; --rangeslider_circle_color: #f2f1f1; - --help_icon: #f2f1f1; - /*--tooltip_text: #000000; + --help_icon: #f2f1f1;/*--tooltip_text: #000000; --tooltip_background: #000000;*/ --setting_category_help_text_color: #464646; - --setting_footer_border_color: #4646466b; + --setting_footer_border_color: #acacac; --setting_footer_text_color: #464646; - --setting_footer_background_color: #e1c5c5; + --setting_footer_background_color: #dccccc; /*Palette Card*/ - --palette_card_background: #e1c5c5; - --palette_card_text: #5c5c5c; + --palette_card_background: #e9cece; + --palette_card_text: #5c5c5c; --palette_table_border: #5c5c5c; /*World Info*/ - --wi_card_border_color: #dc6872; - --wi_card_border_color_to_ai: #dc6872; + --wi_card_border_color: #acacac; + --wi_card_border_color_to_ai: #acacac; - --wi_card_bg_color: #e1c5c5; - --wi_card_text_color: #dc6872; + --wi_card_bg_color: #ebebeb; + --wi_card_text_color: #e26771; - --wi_card_tag_bg_color: #f2f1f1; + --wi_card_tag_bg_color: #eeeeee; --wi_card_tag_text_color: #5c5c5c; - --wi_tag_color: #e1c5c5; + --wi_tag_color: #e26771; --wi_tag_text_color: #5c5c5c; /*Popup*/ - --popup_background_color: #e1c5c5; + --popup_background_color: #e9cece; --popup_title_bar_color: #dc6872; --popup_title_bar_color_text: #f2f1f1; @@ -138,25 +137,25 @@ --popup_selected_color: #e26771; --popup_selected_color_text: #f2f1f1; - --popup_button_color: #e1c5c5; + --popup_button_color: #e9cece; --popup_button_color_text: #e26771; - --popup_cancel_button_color: #e1c5c5; + --popup_cancel_button_color: #e9cece; --popup_cancel_button_color_text: #e26771; - --error: #ffb4ab; - --error_text: #690005; - --error_title: #93000a; - --error_title_text: #ffdad6; + --error: #e9cece; + --error_text: #e26771; + --error_title: #dc6872; + --error_title_text: #f2f1f1; /*Context Bar Colors*/ - --context_colors_memory: #8e4147; - --context_colors_authors_notes: #d8656e; - --context_colors_world_info: #d28b8b; - --context_colors_prompt: #cbb6b6; - --context_colors_game_text: #e7c2c2; - --context_colors_submit: #ededed; - --context_colors_unused: #ffffffad; - --context_colors_soft_prompt: #464646; + --context_colors_memory: #464646; + --context_colors_authors_notes: #5c5c5c; + --context_colors_world_info: #b1535a; + --context_colors_prompt: #e1636e; + --context_colors_game_text: #c89797; + --context_colors_submit: #ffffff00; + --context_colors_unused: #ffffff5c; + --context_colors_soft_prompt: #222224; /*Parameters*/ --scrollbar-size: 6px; @@ -169,7 +168,7 @@ --right_menu_strong_shadow: 0; --popup_shadow: 0; --radius_inputbox: 15px; - --radius_unpinned_menu: 15px; + --radius_unpinned_menu: 0px; --radius_sequence: 15px; --radius_settings_background: 10px; --radius_button: 10px; @@ -201,3 +200,184 @@ --story_pinned_area_widths:var(--story_pinned_area_widths_left); --font_size_adjustment: 0px; --game_screen_font_size_adjustment: 1;} + +/* Boxes */ + +#input_text, #themetext { + border-color: #c9c9c9 !important; +} + +.fullwidth { + border-radius: 10px; + border-color: #c9c9c9 !important; +} + +.fullwidth:focus { + border-color: #dc6872 !important; +} + +.bias_phrase input { + border-color: #c9c9c9 !important; +} + +.sequence { + border-color: #c9c9c9 !important; +} + +/* Buttons */ + +.settings_button { + border: none !important; +} + +.btn-success { + color: #f2f1f1 !important; + background-color: #dc6872 !important; + border-color: #dc6872 !important; +} + +.toggle-off.btn { + color: #f2f1f1 !important; + background-color: #828282 !important; + border-color: #828282 !important; +} + +.advanced_theme:hover { + filter: brightness(100%) !important; +} + +/* Context Viewer */ + +#context-viewer-header { + background-color: #a04a51 !important; +} + +#context-container { + background-color: #e8e8e8 !important; +} + +/* Icons */ + +span.material-icons-outlined.cursor.search_icon { + color: #464646e0 !important; +} + +.collapsable_header .material-icons-outlined { + transform: translateY(7px) translateX(4px)!important; +} + +.pinned .menu_pin, .pinned .story_menu_pin { + filter: brightness(100%) !important; + color: #464646 !important; +} + +.material-icons-outlined:hover { + filter: brightness(100%) !important; +} + +/* Import */ + +a { + color: #e26771 !important; +} + +.form-control { + transform: translateX(6px)!important; + background-color: #e2e2e2 !important; + border: none; +} + +/* Lines */ + +.story_title, hr { + border-color: #c9c9c9 !important; +} + +/* Lists */ + +.settings_select, .var_sync_system_theme_list { + border-color: #c9c9c9 !important; +} + +select#wpp_format_0.settings_select { + background-color: #f8f4f4 !important; +} + +/* Padding */ + +.story_title_area { + padding-top: 3px; +} + +/* Palette */ + +#palette_area { + border-color: #e26771 !important; +} + +/* Popup */ + +.popup .action_button { + border-radius: 10px; + border-color:#e26771 +} + +.popup_load_cancel_button { + border-radius: 10px; +} + +.popup .action_button:hover { + filter: brightness(100%) !important; + background-color: #e9cece !important; +} + +.popup_load_cancel_button:hover { + color: #e26771 !important; + background-color: #e9cece !important; + border-color: #e26771 !important; +} + +/* Tabs */ + +.tabrow span { + border: none !important; + box-shadow: inset 0px 0px 2px !important; +} + +.tabrow span::before, .tabrow span::after { + display: none; + border: none !important; +} + +.tabrow span.selected { + background: #e26771 !important; + color: #f2f1f1 !important; +} + +/* Text */ + +.rawtext { + font-family: helvetica !important; +} + +/* World Info */ + +.tag { + color: #f2f1f1 !important; +} + +.world_info_tag_area { + filter: brightness(100%) !important; +} + +.world_info_delete { + color: #acacac !important; +} + +.world_info_text { + color: #222224 !important; + filter: brightness(100%) !important; + background-color: #eeeeee !important; + border-color: #acacac !important; + margin: 0 0px 0px !important; +}