mirror of
https://github.com/KoboldAI/KoboldAI-Client.git
synced 2025-06-05 21:59:24 +02:00
Merge branch 'UI2' of https://github.com/ebolam/KoboldAI into UI2
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
@@ -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;
|
||||
}
|
||||
|
@@ -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;
|
||||
}
|
||||
|
@@ -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;
|
||||
}
|
||||
|
Reference in New Issue
Block a user