rixty/KoboldAI-Client
1
1
Fork 0
mirror of https://github.com/KoboldAI/KoboldAI-Client.git synced 2025-06-05 21:59:24 +02:00
Code Issues Projects Releases Wiki Activity

Merge branch 'UI2' of https://github.com/ebolam/KoboldAI into UI2

Browse Source
This commit is contained in:
somebody
2022-10-15 13:33:20 -05:00
parent ddf28cef7d 792f5b8bfe
commit fba08f91fc
4 changed files with 619 additions and 198 deletions
Download Patch File Download Diff File Expand all files Collapse all files

147
themes/Darkness.css
View File

@@ -1,7 +1,7 @@
/* /*
Name: Darkness Name: Darkness
Author: LightSaveUs Author: LightSaveUs
Version: 0.3.4 Version: 0.4
Description: A theme inspired by the AI Dungeon interface. Description: A theme inspired by the AI Dungeon interface.
*/ */
@@ -37,8 +37,8 @@
/*----------------Advanced Theme--------------------*/ /*----------------Advanced Theme--------------------*/
/*General*/ /*General*/
--background: #181818; --background: #141414;
--gamescreen_background: #181818; --gamescreen_background: #141414;
--input_background: #141414; --input_background: #141414;
--text: #e0e0e0; --text: #e0e0e0;
@@ -52,7 +52,7 @@
/*Buttons*/ /*Buttons*/
/*General*/ /*General*/
--enabled_button_text: #e0e0e0; --enabled_button_text: #e0e0e0;
--enabled_button_background_color: #424243; --enabled_button_background_color: #3c3c3c;
--enabled_button_border_color: #2e2e2fe8; --enabled_button_border_color: #2e2e2fe8;
--disabled_button_text: #303030; --disabled_button_text: #303030;
@@ -65,11 +65,11 @@
/*Alternate Button*/ /*Alternate Button*/
--alternate_button_text: #e0e0e0; --alternate_button_text: #e0e0e0;
--alternate_button_background: #127a76; --alternate_button_background: #424243;
/*Sequence, AKA Gens Per Action*/ /*Sequence, AKA Gens Per Action*/
--sequence_area_background: #181818; --sequence_area_background: #141414;
--sequence_background: #141414; --sequence_background: #141414;
--sequence_text: #e0e0e0; --sequence_text: #e0e0e0;
@@ -83,17 +83,18 @@
--setting_text: #e0e0e0; --setting_text: #e0e0e0;
--sample_order_select_color: #148883; --sample_order_select_color: #148883;
--sample_order_select_color_text: #e0e0e0; --sample_order_select_color_text: #141414;
--dropdown_text: #e0e0e0; --dropdown_text: #e0e0e0;
--dropdown_background: #1f1f1f; --dropdown_background: #202020;
--rangeslider_background_color: #1c1c1c; --rangeslider_background_color: #1c1c1c;
--rangeslider_color: #1c1c1c; --rangeslider_color: #1c1c1c;
--rangeslider_circle_color: #148883; --rangeslider_circle_color: #148883;
--help_icon: #6e6e6e;/*--tooltip_text: #000000; --help_icon: #6e6e6e;
--tooltip_background: #000000;*/ --tooltip_text: #e0e0e0;
--tooltip_background: #3b3b3b;
--setting_category_help_text_color: #e0e0e0; --setting_category_help_text_color: #e0e0e0;
--setting_footer_border_color: #333333; --setting_footer_border_color: #333333;
@@ -115,20 +116,20 @@
--wi_card_tag_bg_color: #3b3b3b; --wi_card_tag_bg_color: #3b3b3b;
--wi_card_tag_text_color: #e0e0e0; --wi_card_tag_text_color: #e0e0e0;
--wi_tag_color: #148883; --wi_tag_color: #555555;
--wi_tag_text_color: #e0e0e0; --wi_tag_text_color: #e0e0e0;
/*Popup*/ /*Popup*/
--popup_background_color: #181818; --popup_background_color: #212121;
--popup_title_bar_color: #343434; --popup_title_bar_color: #343434;
--popup_title_bar_color_text: #e0e0e0; --popup_title_bar_color_text: #e0e0e0;
--popup_item_color: #181818; --popup_item_color: #212121;
--popup_item_color_text: #e0e0e0; --popup_item_color_text: #e0e0e0;
--popup_hover_color: #181818; --popup_hover_color: #212121;
--popup_hover_color_text: #e0e0e0; --popup_hover_color_text: #e0e0e0;
--popup_selected_color: #181818; --popup_selected_color: #212121;
--popup_selected_color_text: #85858580; --popup_selected_color_text: #85858580;
--popup_button_color: #424243; --popup_button_color: #424243;
@@ -194,6 +195,8 @@
--font_size_adjustment: 0px; --font_size_adjustment: 0px;
--game_screen_font_size_adjustment: 1;} --game_screen_font_size_adjustment: 1;}
/*----------------Custom CSS--------------------*/
/* Boxes */ /* Boxes */
#input_text, #themetext { #input_text, #themetext {
@@ -207,14 +210,57 @@
.bias_phrase input { .bias_phrase input {
border-color: #808080 !important; border-color: #808080 !important;
border-radius:5px;
}
.sequence {
border: 1px solid #b6b6b6 !important;
}
.sequence:hover {
filter: brightness(100%) !important;
background-color: #2a2a2a;
}
.substitution-card input {
border-radius: 5px;
border-color: #535353 !important;
} }
/* Buttons */ /* Buttons */
#adventure_mode {
border: 1px solid;
border-color: var(--enabled_button_border_color);
}
.action_button:hover {
filter: brightness(100%) !important;
}
.action_button:active {
color: #e0e0e0;
filter: brightness(60%) !important;
}
.action_button:focus {
color: #e0e0e0;
box-shadow: none;
outline: none !important;
}
.settings_button { .settings_button {
border: none !important; border: none !important;
} }
.settings_button:active {
filter: brightness(60%) !important;
}
.settings_button:focus {
outline: none !important;
}
.btn-success { .btn-success {
color: #e0e0e0 !important; color: #e0e0e0 !important;
border-color: #148883 !important; border-color: #148883 !important;
@@ -231,6 +277,22 @@
filter: brightness(100%) !important; filter: brightness(100%) !important;
} }
.advanced_theme:active {
filter: brightness(60%) !important;
}
#new-sub-card:active {
filter: brightness(60%) !important;
}
.wi_add_button:active {
filter: brightness(60%) !important;
}
#debug-dump:active {
filter: brightness(60%) !important;
}
/* Context Menu */ /* Context Menu */
#context-menu { #context-menu {
@@ -253,7 +315,7 @@
} }
#context-container { #context-container {
background-color: #242424 !important; background-color: #2b2b2b !important;
} }
/* Finder */ /* Finder */
@@ -290,10 +352,12 @@ span.material-icons-outlined.cursor.search_icon {
.true-t + label::before { .true-t + label::before {
color: #999 !important; color: #999 !important;
filter: brightness(85%);
} }
.true-t:checked + label::before { .true-t:checked + label::before {
color: #e0e0e0 !important; color: #e0e0e0 !important;
filter: brightness(100%);
} }
/* Import */ /* Import */
@@ -304,8 +368,8 @@ a {
.form-control { .form-control {
border: none; border: none;
color: #148883 !important; color: #e0e0e0 !important;
background-color: #424243 !important; background-color: #333333 !important;
} }
/* Lines */ /* Lines */
@@ -318,12 +382,13 @@ a {
.settings_select, .var_sync_system_theme_list { .settings_select, .var_sync_system_theme_list {
border-color: #535353 !important; border-color: #535353 !important;
border-radius:5px !important;
} }
/* Palette */ /* Palette */
#palette_area { #palette_area {
border-color: #333333 !important; border: 1px solid #535353 !important;
} }
/* Popup */ /* Popup */
@@ -336,27 +401,45 @@ a {
.popup .action_button { .popup .action_button {
border-radius: 5px; border-radius: 5px;
border-color:#b6b6b6; border-color:#535353;
} }
.popup_load_cancel_button { .popup_load_cancel_button {
border-radius: 5px; border-radius: 5px;
border-color:#b6b6b6 !important; border-color:#535353 !important;
} }
.popup .action_button:hover { .popup .action_button:hover {
background-color: #424243 !important; background-color: #424243 !important;
filter: brightness(100%) !important;
} }
.popup_load_cancel_button:hover { .popup_load_cancel_button:hover {
color: #e0e0e0 !important; color: #e0e0e0 !important;
border-color: #e0e0e0 !important; border-color: #535353 !important;
background-color: #424243 !important; background-color: #424243 !important;
outline: none !important;
}
.popup_load_cancel_button:focus {
color: #e0e0e0 !important;
border-color: #535353 !important;
background-color: #424243 !important;
outline: none;
}
.popup .action_button:active {
filter: brightness(60%) !important;
}
.popup_load_cancel_button:active {
filter: brightness(60%) !important;
outline: none !important;
} }
#error_message.popup .btn-primary { #error_message.popup .btn-primary {
color: #e0e0e0 !important; color: #e0e0e0 !important;
border-color: #e0e0e0 !important; border-color: #535353 !important;
background-color: #424243 !important; background-color: #424243 !important;
} }
@@ -377,18 +460,24 @@ a {
background: #1c1c1c !important; background: #1c1c1c !important;
} }
.tabrow span:active {
filter: brightness(60%) !important;
}
/* Text */ /* Text */
.rawtext { .rawtext {
font-family: helvetica !important; font-family: helvetica !important;
} }
.rawtext:focus {
outline: none !important;
}
/* Tooltips */ /* Tooltips */
.tooltip-standard { .tooltip-standard {
border: none !important; border: none !important;
color: #e0e0e0 !important;
background-color: #3b3b3b !important;
} }
/* World Info */ /* World Info */
@@ -397,3 +486,11 @@ a {
border-color: #242424 !important; border-color: #242424 !important;
background-color: #3b3b3b !important; background-color: #3b3b3b !important;
} }
.world_info_title:focus {
outline: none !important;
}
.WI_Folder_Header .title:focus {
outline: none !important;
}

207
themes/Monochrome.css
View File

@@ -1,7 +1,7 @@
/* /*
Name: Monochrome Name: Monochrome
Author: LightSaveUs Author: LightSaveUs
Version: 0.6.3 Version: 0.7
Description: A theme inspired by the NovelAI interface. Description: A theme inspired by the NovelAI interface.
*/ */
@@ -37,22 +37,22 @@
/*----------------Advanced Theme--------------------*/ /*----------------Advanced Theme--------------------*/
/*General*/ /*General*/
--background: #222f3a; --background: #252e3b;
--gamescreen_background: #12181c; --gamescreen_background: #111820;
--input_background: #121b21; --input_background: #111820;
--text: #e0e0e0; --text: #e0e0e0;
--text_to_ai_color: #e0e0e0; --text_to_ai_color: #e0e0e0;
--text_edit: #9cc3ee; --text_edit: #9cc3ee;
--statusbar_color: #3e53679e; --statusbar_color: #eedcb880;
--statusbar_text_color: #e0e0e0; --statusbar_text_color: #e0e0e0;
--scrollbar-color: #3e53679e; --scrollbar-color: #2f3b4bdb;
/*Buttons*/ /*Buttons*/
/*General*/ /*General*/
--enabled_button_text: #e0e0e0; --enabled_button_text: #e0e0e0;
--enabled_button_background_color: #30435b; --enabled_button_background_color: #2d3d52;
--enabled_button_border_color: #253446; --enabled_button_border_color: #253446;
--disabled_button_text: #303030; --disabled_button_text: #303030;
@@ -61,45 +61,45 @@
/*Home Tab*/ /*Home Tab*/
--button_text: #e0e0e0; --button_text: #e0e0e0;
--button_background: #30435b; --button_background: #283445;
/*Alternate Button*/ /*Alternate Button*/
--alternate_button_text: #e0e0e0; --alternate_button_text: #e0e0e0;
--alternate_button_background: #30435b; --alternate_button_background: #283445;
/*Sequence, AKA Gens Per Action*/ /*Sequence, AKA Gens Per Action*/
--sequence_area_background: #121b21; --sequence_area_background: #111820;
--sequence_background: #131c22; --sequence_background: #eedcb8;
--sequence_text: #cfd7a2; --sequence_text: #e0e0e0;
/*Side Menus*/ /*Side Menus*/
--tab_color: #1e2f44; --tab_color: #243047;
--flyout_background: #18222a; --flyout_background: #18222d;
--flyout_background_pinned: #18222a; --flyout_background_pinned: #18222d;
--setting_background: #273141; --setting_background: #273141;
--setting_text: #e0e0e0; --setting_text: #e0e0e0;
--sample_order_select_color: #244c65; --sample_order_select_color: #1f2934;
--sample_order_select_color_text: #cfd7a2; --sample_order_select_color_text: #eedcb8;
--dropdown_text: #cfd7a2; --dropdown_text: #e0e0e0;
--dropdown_background: #131c22; --dropdown_background: #212935;
--rangeslider_background_color: #1f2934; --rangeslider_background_color: #1f2934;
--rangeslider_color: #1f2934; --rangeslider_color: #1f2934;
--rangeslider_circle_color: #244c65; --rangeslider_circle_color: #404d64;
--help_icon: #7c8389; --help_icon: #7c8389;
--tooltip_text: white; --tooltip_text: #e0e0e0;
--tooltip_background: black; --tooltip_background: #212d38;
--setting_category_help_text_color: #E0E0E0; --setting_category_help_text_color: #E0E0E0;
--setting_footer_border_color: #334552; --setting_footer_border_color: #334552;
--setting_footer_text_color: #e0e0e0; --setting_footer_text_color: #e0e0e0;
--setting_footer_background_color: #18222a; --setting_footer_background_color: #18222d;
/*Palette Card*/ /*Palette Card*/
--palette_card_background: #273141; --palette_card_background: #273141;
@@ -110,27 +110,27 @@
--wi_card_border_color: #334552; --wi_card_border_color: #334552;
--wi_card_border_color_to_ai: #334552; --wi_card_border_color_to_ai: #334552;
--wi_card_bg_color: #273141; --wi_card_bg_color: #223040;
--wi_card_text_color: #e0e0e0; --wi_card_text_color: #e0e0e0;
--wi_card_tag_bg_color: #273141; --wi_card_tag_bg_color: #1d2835;
--wi_card_tag_text_color: #e0e0e0; --wi_card_tag_text_color: #e0e0e0;
--wi_tag_color: #30435b; --wi_tag_color: #283445;
--wi_tag_text_color: #e0e0e0; --wi_tag_text_color: #e0e0e0;
/*Popup*/ /*Popup*/
--popup_background_color: #19242c; --popup_background_color: #1a2530;
--popup_title_bar_color: #25364a; --popup_title_bar_color: #283445;
--popup_title_bar_color_text: #e0e0e0; --popup_title_bar_color_text: #e0e0e0;
--popup_item_color: #30435b; --popup_item_color: #1a2530;
--popup_item_color_text: #e0e0e0; --popup_item_color_text: #e0e0e0;
--popup_hover_color: #253346; --popup_hover_color: #1e2733;
--popup_hover_color_text: #e0e0e0; --popup_hover_color_text: #e0e0e0;
--popup_selected_color: #202b3a; --popup_selected_color: #242d3c;
--popup_selected_color_text: #cfd7a2; --popup_selected_color_text: #eedcb8;
--popup_button_color: #25364a; --popup_button_color: #25364a;
--popup_button_color_text: #e0e0e0; --popup_button_color_text: #e0e0e0;
@@ -194,23 +194,62 @@
--font_size_adjustment: 0px; --font_size_adjustment: 0px;
--game_screen_font_size_adjustment: 1;} --game_screen_font_size_adjustment: 1;}
/*----------------Custom CSS--------------------*/
/* Boxes */ /* Boxes */
.gamescreen {
border: 1px solid #2f3b4b;
}
.sequence_area {
border-top: 1px solid #2f3b4b;
border-right: 1px solid #2f3b4b;
border-bottom: 1px solid #2f3b4b;
}
#input_text, #themetext { #input_text, #themetext {
border-color: #334552 !important; border-color: #2f3b4b !important;
} }
.fullwidth { .fullwidth {
border-radius: 2px; border-radius: 2px;
border-color: #334552 !important; border-color: #2f3b4b !important;
} }
.bias_phrase input { .bias_phrase input {
border-color: #334552 !important; border-color: #2f3b4b !important;
border-radius:2px !important;
}
.substitution-card input {
border-color: #2f3b4b !important;
border-radius:2px !important;
}
.sequence {
color: #121c22 !important;
border: 1px solid #eedcb8 !important;
}
.sequence:hover {
filter: brightness(100%) !important;
background-color: #e0e0e0; !important;
} }
/* Buttons */ /* Buttons */
#adventure_mode {
border: 1px solid;
border-color: var(--enabled_button_border_color);
}
.action_button:focus {
color: #e0e0e0;
box-shadow: none;
outline: none !important;
}
.settings_button { .settings_button {
border: none !important; border: none !important;
} }
@@ -219,20 +258,24 @@
filter: brightness(120%); filter: brightness(120%);
} }
.settings_button:focus {
outline: none !important;
}
.btn-success { .btn-success {
color: #131c22 !important; color: #121c22 !important;
border-color: #cfd7a2 !important; border-color: #eedcb8 !important;
background-color: #cfd7a2 !important; background-color: #eedcb8 !important;
} }
.toggle-off.btn { .toggle-off.btn {
color: #cfd7a2 !important; color: #eedcb8 !important;
background-color: #131c22 !important; background-color: #131c22 !important;
border-color: #131c22 !important; border-color: #131c22 !important;
} }
.toggle-off.btn:hover { .toggle-off.btn:hover {
border-color: #cfd7a2 !important; border-color: #eedcb8 !important;
} }
.wi_add_button:hover { .wi_add_button:hover {
@@ -247,19 +290,23 @@
filter: brightness(120%) !important; filter: brightness(120%) !important;
} }
#debug-dump:hover {
filter: brightness(120%) !important;
}
/* Context Menu */ /* Context Menu */
#context-menu { #context-menu {
border-color: #334552 !important; border-color: #2f3b4b !important;
background-color: #18222a !important; background-color: #18222d !important;
} }
#context-menu > hr { #context-menu > hr {
border-color: #334552 !important; border-color: #2f3b4b !important;
} }
.context-menu-item:hover { .context-menu-item:hover {
background-color:#334552 !important; background-color:#2f3b4b !important;
} }
/* Context Viewer */ /* Context Viewer */
@@ -275,7 +322,7 @@
/* Finder */ /* Finder */
.result-highlight { .result-highlight {
background-color: #9ba950 !important; background-color: #aea186 !important;
} }
/* Icons */ /* Icons */
@@ -311,10 +358,12 @@ span.helpicon.material-icons-outlined:hover:not(::after) {
.true-t + label::before { .true-t + label::before {
color: #999 !important; color: #999 !important;
filter: brightness(85%);
} }
.true-t:checked + label::before { .true-t:checked + label::before {
color: #e0e0e0 !important; color: #e0e0e0 !important;
filter: brightness(100%);
} }
/* Import */ /* Import */
@@ -332,23 +381,52 @@ a {
/* Lines */ /* Lines */
.story_title, hr { .story_title, hr {
border-color: #334552 !important; border-color: #2f3b4b !important;
}
.rightSideMenu {
border-left: 1px solid #2f3b4b;
}
.SideMenu {
border-right: 1px solid #2f3b4b;
} }
/* Lists */ /* Lists */
.settings_select, .var_sync_system_theme_list { .settings_select, .var_sync_system_theme_list {
border-color: #334552 !important; border-color: #2f3b4b !important;
border-radius:2px !important;
}
.settings_footer {
border-top: 1px solid #2f3b4b !important;
} }
/* Palette */ /* Palette */
#palette_area { #palette_area {
border-color: #334552 !important; border-color: #2f3b4b !important;
} }
/* Popup */ /* Popup */
.popup_list_area .model_item .model{
border: 1px solid #2f3b4b;
}
.popup .item {
border: 1px solid #2f3b4b;
}
.popup .item.selected {
filter: brightness(110%) !important;
}
.popup .item:hover{
filter: brightness(110%) !important;
}
.popup .action_button { .popup .action_button {
border-radius: 2px; border-radius: 2px;
border-color:#ffffff00; border-color:#ffffff00;
@@ -377,7 +455,7 @@ a {
.tabrow span { .tabrow span {
border: none !important; border: none !important;
box-shadow: inset 0px 0px 2px #20344e !important; box-shadow: inset 0px 0px 2px #101214 !important;
} }
.tabrow span::before, .tabrow span::after { .tabrow span::before, .tabrow span::after {
@@ -386,12 +464,12 @@ a {
} }
.tabrow span:hover { .tabrow span:hover {
background: #244c65 !important; background: #374357 !important;
} }
.tabrow span.selected { .tabrow span.selected {
color: #cfd7a2 !important; color: #eedcb8 !important;
background: #244c65 !important; background: #374357 !important;
} }
/* Text */ /* Text */
@@ -400,12 +478,14 @@ a {
font-family: sans-serif !important; font-family: sans-serif !important;
} }
.rawtext:focus {
outline: none !important;
}
/* Tooltips */ /* Tooltips */
.tooltip-standard { .tooltip-standard {
border: none !important; border: none !important;
color: #e0e0e0 !important;
background-color: #1d2831 !important;
} }
/* World Info */ /* World Info */
@@ -416,10 +496,25 @@ a {
.world_info_tag_area { .world_info_tag_area {
filter: brightness(100%) !important; filter: brightness(100%) !important;
background-color: #1d2831 !important; background-color: #1d2835 !important;
} }
.world_info_text { .world_info_text {
filter: brightness(100%) !important; filter: brightness(100%) !important;
background-color: #1d2831 !important; background-color: #1d2835 !important;
border-color: #2f3b4b !important;
}
.world_info_title:hover {
filter: brightness(120%) !important;
}
.world_info_title:focus {
color: #eedcb8 !important;
filter: brightness(100%) !important;
outline: none !important;
}
.WI_Folder_Header .title:focus {
outline: none !important;
} }

132
themes/Nostalgia.css
View File

@@ -1,8 +1,8 @@
/* /*
Name: Nostalgia Name: Nostalgia
Author: LightSaveUs Author: LightSaveUs
Version: 0.2.4 Version: 0.3
Description: A theme inspired by the previous KoboldAI interface. Description: A theme inspired by the old KoboldAI interface.
*/ */
:root { :root {
@@ -45,7 +45,7 @@
--text_to_ai_color: #fff; --text_to_ai_color: #fff;
--text_edit: #cdf; --text_edit: #cdf;
--statusbar_color: #6c6c6e99; --statusbar_color: #3bf72380;
--statusbar_text_color: #ffffff; --statusbar_text_color: #ffffff;
--scrollbar-color: #74747400; --scrollbar-color: #74747400;
@@ -61,7 +61,7 @@
/*Home Tab*/ /*Home Tab*/
--button_text: #ffffff; --button_text: #ffffff;
--button_background: #3379b7; --button_background: #337ab7;
/*Alternate Button*/ /*Alternate Button*/
--alternate_button_text: #ffffff; --alternate_button_text: #ffffff;
@@ -69,15 +69,15 @@
/*Sequence, AKA Gens Per Action*/ /*Sequence, AKA Gens Per Action*/
--sequence_area_background: #303030; --sequence_area_background: #262626;
--sequence_background: #262626; --sequence_background: #262626;
--sequence_text: #ffffff; --sequence_text: #ffffff;
/*Side Menus*/ /*Side Menus*/
--tab_color: #4786be; --tab_color: #4786be;
--flyout_background: #294f71; --flyout_background: #274864;
--flyout_background_pinned: #294f71; --flyout_background_pinned: #274864;
--setting_background: #294f71; --setting_background: #294f71;
--setting_text: #ffffff; --setting_text: #ffffff;
@@ -86,19 +86,20 @@
--sample_order_select_color_text: #23527c; --sample_order_select_color_text: #23527c;
--dropdown_text: #ffffff; --dropdown_text: #ffffff;
--dropdown_background: #337ab7; --dropdown_background: #386d9c;
--rangeslider_background_color: #ffffff; --rangeslider_background_color: #ffffff;
--rangeslider_color: #005dc8; --rangeslider_color: #1a6ccd;
--rangeslider_circle_color: #0077ff; --rangeslider_circle_color: #268aff;
--help_icon: #ffffff;/*--tooltip_text: #000000; --help_icon: #ffffff;
--tooltip_background: #000000;*/ --tooltip_text: #ffffff;
--tooltip_background: #1f2931;
--setting_category_help_text_color: #3bf723; --setting_category_help_text_color: #3bf723;
--setting_footer_border_color: grey; --setting_footer_border_color: grey;
--setting_footer_text_color: #ffffff; --setting_footer_text_color: #ffffff;
--setting_footer_background_color: #212122; --setting_footer_background_color: #232323;
/*Palette Card*/ /*Palette Card*/
--palette_card_background: #295071; --palette_card_background: #295071;
@@ -106,10 +107,10 @@
--palette_table_border: #12324f; --palette_table_border: #12324f;
/*World Info*/ /*World Info*/
--wi_card_border_color: #262626; --wi_card_border_color: #1e1e1e;
--wi_card_border_color_to_ai: #262626; --wi_card_border_color_to_ai: #1e1e1e00;
--wi_card_bg_color: #262626; --wi_card_bg_color: #1e1e1e;
--wi_card_text_color: #ffffff; --wi_card_text_color: #ffffff;
--wi_card_tag_bg_color: #295071; --wi_card_tag_bg_color: #295071;
@@ -193,6 +194,8 @@
--font_size_adjustment: 0px; --font_size_adjustment: 0px;
--game_screen_font_size_adjustment: 1;} --game_screen_font_size_adjustment: 1;}
/*----------------Custom CSS--------------------*/
/* Boxes */ /* Boxes */
#input_text, #themetext { #input_text, #themetext {
@@ -204,8 +207,39 @@
border-color: #999999 !important; border-color: #999999 !important;
} }
.bias_phrase input {
border-radius: 5px;
border-color: #376590;
background-color:var(--dropdown_background);
}
.substitution-card input {
border-radius: 5px;
border-color: #376590;
background-color:var(--dropdown_background);
}
.sequence {
border-color: #8c8c8c !important;
}
.sequence:hover {
filter: brightness(120%) !important;
}
/* Buttons */ /* Buttons */
#adventure_mode {
border: 1px solid;
border-color: var(--enabled_button_border_color);
}
.action_button:focus {
box-shadow: none;
outline: none !important;
color: #ffffff !important;
}
.settings_button { .settings_button {
border: none !important; border: none !important;
} }
@@ -215,26 +249,34 @@
} }
.settings_button:focus { .settings_button:focus {
background: #84a8c8 !important; outline: none !important;
} }
.wi_add_button:hover { .wi_add_button:hover {
filter: brightness(80%); filter: brightness(80%);
} }
#new-sub-card:hover {
filter: brightness(120%) !important;
}
#debug-dump:hover {
filter: brightness(80%) !important;
}
/* Context Menu */ /* Context Menu */
#context-menu { #context-menu {
border-color: #12324f !important; border-color: #11324f !important;
background-color: #294f71 !important; background-color: #274864 !important;
} }
#context-menu > hr { #context-menu > hr {
border-color: #12324f !important; border-color: #11324f !important;
} }
.context-menu-item:hover { .context-menu-item:hover {
background-color:#12324f !important; background-color:#11324f !important;
} }
/* Context Viewer */ /* Context Viewer */
@@ -250,13 +292,13 @@
/* Finder */ /* Finder */
.result-highlight { .result-highlight {
background-color: #3bf723f0 !important; background-color: #688f1f !important;
} }
/* Flyout */ /* Flyout */
.rightSideMenu { .rightSideMenu {
background-color: #212122 !important; background-color: #232323 !important;
} }
/* Icons */ /* Icons */
@@ -275,10 +317,12 @@
.true-t + label::before { .true-t + label::before {
color: #999 !important; color: #999 !important;
filter: brightness(85%);
} }
.true-t:checked + label::before { .true-t:checked + label::before {
color: #fff !important; color: #fff !important;
filter: brightness(100%);
} }
/* Import */ /* Import */
@@ -289,20 +333,21 @@ a {
.form-control { .form-control {
background-color: #404040 !important; background-color: #404040 !important;
color: #3bf723 !important; color: #ffffff !important;
border: none; border: none;
} }
/* Lines */ /* Lines */
.story_title, hr { .story_title, hr {
border-color: #12324f !important; border-color: #11324f !important;
} }
/* Lists */ /* Lists */
.settings_select, .var_sync_system_theme_list { .settings_select, .var_sync_system_theme_list {
border-color: #12324f !important; border-color: #376590 !important;
border-radius: 5px !important;
} }
/* Palette */ /* Palette */
@@ -333,6 +378,19 @@ a {
background-color: #337ab7 !important; background-color: #337ab7 !important;
} }
.popup .action_button:focus {
outline: none !important;
color: #ffffff
}
.popup_load_cancel_button:focus {
background-color: #337ab7 !important;
border-color: #ffffff !important;
outline: none !important;
box-shadow: none;
color: #ffffff
}
#error_message.popup .btn-primary { #error_message.popup .btn-primary {
color: #ffffff !important; color: #ffffff !important;
border-color: #ffffff !important; border-color: #ffffff !important;
@@ -370,19 +428,23 @@ a {
font-family: helvetica !important; font-family: helvetica !important;
} }
/* Timer */ .rawtext:focus {
outline: none !important;
}
/* Timer Bar */
div#settings_footer.settings_footer { div#settings_footer.settings_footer {
color: #ffffff !important; color: #ffffff !important;
border-color: #12324f !important; border-color: #11324f !important;
background-color: #294f71 !important; background-color: #274864 !important;
} }
/* Tooltips */ /* Tooltips */
.tooltip-standard { .tooltip-standard {
border-color: #3379b7 !important; border: 1px solid #3379b7 !important;
background-color: #1f2931 !important; border-radius: 5px;
} }
/* World Info */ /* World Info */
@@ -398,3 +460,11 @@ div#settings_footer.settings_footer {
filter: brightness(100%) !important; filter: brightness(100%) !important;
background-color: #404040 !important; background-color: #404040 !important;
} }
.world_info_title:focus {
outline: none !important;
}
.WI_Folder_Header .title:focus {
outline: none !important;
}

329
themes/Unicorn.css
View File

@@ -1,7 +1,7 @@
/* /*
Name: Unicorn Name: Unicorn
Author: LightSaveUs Author: LightSaveUs
Version: 0.3.5 Version: 0.4
Description: A theme inspired by the DreamilyAI interface. Description: A theme inspired by the DreamilyAI interface.
*/ */
@@ -37,19 +37,19 @@
/*----------------Advanced Theme--------------------*/ /*----------------Advanced Theme--------------------*/
/*General*/ /*General*/
--background: #eeeeee; --background: #f0f0f0;
--gamescreen_background: #eeeeee; --gamescreen_background: #f0f0f0;
--gamescreen_text: #222224; --gamescreen_text: #3d3d3d;
--input_background: #eeeeee; --input_background: #f0f0f0;
--input_text: #222224; --input_text: #3d3d3d;
--text: #f2f1f1; --text: #f2f1f1;
--text_to_ai_color: #222224; --text_to_ai_color: #3d3d3d;
--text_edit: #222224; --text_edit: #3d3d3d;
--statusbar_color: #f2f2f499; --statusbar_color: #e2677180;
--statusbar_text_color: white; --statusbar_text_color: white;
--scrollbar-color: #da4f5a00; --scrollbar-color: #da4f5a00;
@@ -73,38 +73,38 @@
/*Sequence, AKA Gens Per Action*/ /*Sequence, AKA Gens Per Action*/
--sequence_area_background: #e8e8e8; --sequence_area_background: #ebebeb;
--sequence_background: #eeeeee; --sequence_background: #f0f0f0;
--sequence_text: #222224; --sequence_text: #3d3d3d;
/*Side Menus*/ /*Side Menus*/
--tab_color: #a04a51; --tab_color: #eee;
--tab_text: #f2f1f1; --tab_text: #e26771;
--flyout_background: #e8e8e8; --flyout_background: #ebebeb;
--flyout_background_pinned: #e8e8e8; --flyout_background_pinned: #ebebeb;
--flyout_text: #464646; --flyout_text: #3d3d3d;
--setting_background: #e9cece; --setting_background: #eed9d9;
--setting_text: #421d1d; --setting_text: #3d3d3d;
--sample_order_select_color: #dc6872; --sample_order_select_color: #e26771;
--sample_order_select_color_text: #f2f1f1; --sample_order_select_color_text: #f2f1f1;
--dropdown_text: #dc6872; --dropdown_text: #e26771;
--dropdown_background: #eeeeee; --dropdown_background: #eeeeee;
--rangeslider_background_color: #828282; --rangeslider_background_color: #828282;
--rangeslider_color: #dc6872; --rangeslider_color: #e26771;
--rangeslider_circle_color: #f2f1f1; --rangeslider_circle_color: #f2f1f1;
--help_icon: #f2f1f1;/*--tooltip_text: #000000; --help_icon: #f6f6f6;
--tooltip_background: #000000;*/ --tooltip_text: #3d3d3d;--tooltip_background: #f0f0f0;
--setting_category_help_text_color: #464646; --setting_category_help_text_color: #3d3d3d;
--setting_footer_border_color: #acacac; --setting_footer_border_color: #acacac;
--setting_footer_text_color: #464646; --setting_footer_text_color: #3d3d3d;
--setting_footer_background_color: #dccccc; --setting_footer_background_color: #e1d1d1;
/*Palette Card*/ /*Palette Card*/
--palette_card_background: #e9cece; --palette_card_background: #e9cece;
@@ -116,39 +116,39 @@
--wi_card_border_color_to_ai: #acacac; --wi_card_border_color_to_ai: #acacac;
--wi_card_bg_color: #ebebeb; --wi_card_bg_color: #ebebeb;
--wi_card_text_color: #e26771; --wi_card_text_color: #5c5c5c;
--wi_card_tag_bg_color: #eeeeee; --wi_card_tag_bg_color: #ebebeb;
--wi_card_tag_text_color: #5c5c5c; --wi_card_tag_text_color: #5c5c5c;
--wi_tag_color: #e26771; --wi_tag_color: #ebebeb;
--wi_tag_text_color: #5c5c5c; --wi_tag_text_color: #e26771;
/*Popup*/ /*Popup*/
--popup_background_color: #e9cece; --popup_background_color: #eeeeee;
--popup_title_bar_color: #dc6872; --popup_title_bar_color: #eeeeee;
--popup_title_bar_color_text: #f2f1f1; --popup_title_bar_color_text: #e26771;
--popup_item_color: #f2f1f1; --popup_item_color: #eeeeee;
--popup_item_color_text: #e26771; --popup_item_color_text: #3d3d3d;
--popup_hover_color: #e26771; --popup_hover_color: #e9cece;
--popup_hover_color_text: #f2f1f1; --popup_hover_color_text: #e26771;
--popup_selected_color: #e26771; --popup_selected_color: #e9cece;
--popup_selected_color_text: #f2f1f1; --popup_selected_color_text: #e26771;
--popup_button_color: #e9cece; --popup_button_color: #e26771;
--popup_button_color_text: #e26771; --popup_button_color_text: #eeeeee;
--popup_cancel_button_color: #e9cece; --popup_cancel_button_color: #eeeeee;
--popup_cancel_button_color_text: #e26771; --popup_cancel_button_color_text: #e26771;
--error: #e9cece; --error: #eeeeee;
--error_text: #e26771; --error_text: #3d3d3d;
--error_title: #dc6872; --error_title: #eeeeee;
--error_title_text: #f2f1f1; --error_title_text: #e26771;
/*Context Bar Colors*/ /*Context Bar Colors*/
--context_colors_memory: #464646; --context_colors_memory: #3d3d3d;
--context_colors_authors_notes: #5c5c5c; --context_colors_authors_notes: #5c5c5c;
--context_colors_world_info: #b1535a; --context_colors_world_info: #b1535a;
--context_colors_prompt: #e1636e; --context_colors_prompt: #e1636e;
@@ -201,6 +201,8 @@
--font_size_adjustment: 0px; --font_size_adjustment: 0px;
--game_screen_font_size_adjustment: 1;} --game_screen_font_size_adjustment: 1;}
/*----------------Custom CSS--------------------*/
/* Boxes */ /* Boxes */
#input_text, #themetext { #input_text, #themetext {
@@ -213,27 +215,71 @@
} }
.fullwidth:focus { .fullwidth:focus {
border-color: #dc6872 !important; border-color: #e26771 !important;
} }
.bias_phrase input { .bias_phrase input {
border-color: #c9c9c9 !important; border-color: #c9c9c9 !important;
border-radius: 10px;
}
.bias_phrase input:focus {
border-color: #e26771 !important;
} }
.sequence { .sequence {
border-color: #c9c9c9 !important; border-color: #dddddd !important;
}
.sequence:hover {
filter: brightness(100%) !important;
}
.substitution-card input {
border-radius: 10px;
}
.substitution-card input:focus {
border-color: #e26771 !important;
} }
/* Buttons */ /* Buttons */
#adventure_mode {
border: 1px solid;
border-color: var(--enabled_button_border_color);
}
.action_button:hover {
filter: brightness(100%) !important;
}
.action_button:active {
color: #f2f1f1 !important;
}
.action_button:focus {
color: #f2f1f1 !important;
outline: none !important;
box-shadow: none;
}
.settings_button { .settings_button {
border: none !important; border: none !important;
} }
.settings_button:hover {
background-color: #ee7e7e !important;
}
.settings_button:focus {
outline: none !important;
}
.btn-success { .btn-success {
color: #f2f1f1 !important; color: #f2f1f1 !important;
background-color: #dc6872 !important; background-color: #e26771 !important;
border-color: #dc6872 !important; border-color: #e26771 !important;
} }
.toggle-off.btn { .toggle-off.btn {
@@ -244,14 +290,35 @@
.advanced_theme:hover { .advanced_theme:hover {
filter: brightness(100%) !important; filter: brightness(100%) !important;
background-color: #ee7e7e !important;
}
#new-sub-card {
border-radius: 10px !important;
}
.wi_add_button {
color: #e26771 !important;
background: #ebebeb !important;
border: 1px solid #e26771 !important;
}
.wi_add_button:hover {
color: #ebebeb !important;
background: #e26771 !important;
border: 1px solid #e26771 !important;
}
#debug-dump:hover {
color: #ee7e7e !important;
} }
/* Context Menu */ /* Context Menu */
#context-menu { #context-menu {
color: #222224; color: #3d3d3d;
border-color: #c9c9c9 !important; border-color: #c9c9c9 !important;
background-color: #e8e8e8 !important; background-color: #ebebeb !important;
} }
#context-menu > hr { #context-menu > hr {
@@ -259,7 +326,7 @@
} }
.context-menu-item:hover { .context-menu-item:hover {
color: #222224; color: #3d3d3d;
background-color:#c9c9c9 !important; background-color:#c9c9c9 !important;
} }
@@ -270,31 +337,28 @@
} }
#context-container { #context-container {
background-color: #e8e8e8 !important; background-color: #dedede !important;
} }
/* Finder */ /* Finder */
#finder { #finder {
color: #222224!important; color: #3d3d3d !important;
} }
.result-highlight { .result-highlight {
color: #f0f0f0;
background-color: #e26771 !important; background-color: #e26771 !important;
} }
.finder-wi-block { .finder-wi-block {
color: #222224; color: #3d3d3d;
} }
/* Icons */ /* Icons */
span.material-icons-outlined.cursor.search_icon {
color: #464646e0 !important;
}
.pinned .menu_pin, .pinned .story_menu_pin { .pinned .menu_pin, .pinned .story_menu_pin {
color: #464646 !important; color: #e26771 !important;
filter: brightness(100%) !important; filter: brightness(100%) !important;
} }
@@ -306,34 +370,56 @@ span.material-icons-outlined.cursor.search_icon {
filter: brightness(100%) !important; filter: brightness(100%) !important;
} }
.substitution-card > .card-left > .material-icons-outlined { .substitution-card > .card-left > .material-icons-outlined {
color: #999 !important; color: #999 !important;
} }
.substitution-card > .card-left > .material-icons-outlined:hover { .substitution-card > .card-left > .material-icons-outlined:hover {
color: #464646 !important; color: #3d3d3d !important;
} }
.true-t + label::before { .true-t + label::before {
color: #999 !important; color: #999 !important;
filter: brightness(85%);
} }
.true-t:checked + label::before { .true-t:checked + label::before {
color: #dc6872 !important; color: #e26771 !important;
filter: brightness(100%);
}
.oi[folder] {
color: #e26771 !important;
}
.rename_icon {
color: #e26771 !important;
}
.search_icon {
color: #e26771 !important;
}
.search_icon:hover {
border-radius:5px;
background-color: #e0e0e0 !important;
} }
/* Import */ /* Import */
a { a {
color: #5c5c5c !important;
}
a:hover, a:focus {
color: #e26771 !important; color: #e26771 !important;
} }
.form-control { .form-control {
border: none; border: 1px solid #c9c9c9 !important;
color: #e26771 !important; color: #3d3d3d !important;
transform: translateX(6px)!important; transform: translateX(6px)!important;
background-color: #e2e2e2 !important; background-color: #f0f0f0 !important;
} }
/* Lines */ /* Lines */
@@ -342,27 +428,49 @@ a {
border-color: #c9c9c9 !important; border-color: #c9c9c9 !important;
} }
.settings_footer {
border-color: #c9c9c9 !important;
}
/* Lists */ /* Lists */
.settings_select, .var_sync_system_theme_list { .settings_select, .var_sync_system_theme_list {
border-color: #c9c9c9 !important; border-color: #c9c9c9 !important;
} border-radius: 10px !important;
select#wpp_format_0.settings_select {
background-color: #f8f4f4 !important;
} }
/* Palette */ /* Palette */
#palette_area { #palette_area {
border-color: #e26771 !important; border: 1px solid #d9b7ba !important;
} }
/* Popup */ /* Popup */
.popup_list_area .model_item .model{
border: 1px solid #c9c9c9;
border-radius: 10px;
}
.popup .popup_load_cancel {
border: 1px solid #c9c9c9 !important;
}
.popup .item, .popup .title, .popup .popup_list_area {
border: 1px solid #c9c9c9;
}
.popup .item:hover {
border-color: #e26771;
}
.popup .item.selected {
border-color: #e26771;
}
.popup .action_button { .popup .action_button {
border-radius: 10px; border-radius: 10px;
border-color:#e26771 border-color: #e26771;
} }
.popup_load_cancel_button { .popup_load_cancel_button {
@@ -370,16 +478,46 @@ select#wpp_format_0.settings_select {
} }
.popup .action_button:hover { .popup .action_button:hover {
color: #eeeeee;
border-color: #ee7e7e !important;
filter: brightness(100%) !important; filter: brightness(100%) !important;
background-color: #e9cece !important; background-color: #ee7e7e !important;
} }
.popup_load_cancel_button:hover { .popup_load_cancel_button:hover {
color: #e26771 !important; color: #e26771;
border-color: #e26771 !important; border-color: #e26771 !important;
background-color: #e9cece !important; background-color: #e9cece !important;
} }
.popup .action_button:focus {
box-shadow: none;
outline: none !important;
color: #eeeeee !important;
}
.popup_load_cancel_button:focus {
box-shadow: none;
outline: none !important;
color: #e26771 !important;
}
#error_message.popup .btn-primary {
color: #e26771 !important;
border-color: #e26771 !important;
background-color: #eeeeee !important;
}
#error_message.popup .btn-primary:hover {
background-color: #e9cece !important;
}
.btn-primary {
color: #e26771 !important;
border-color: #e26771 !important;
background-color: #eeeeee !important;
}
/* Tabs */ /* Tabs */
.tabrow span { .tabrow span {
@@ -392,9 +530,13 @@ select#wpp_format_0.settings_select {
border: none !important; border: none !important;
} }
.tabrow span:hover {
background: #e0e0e0 !important;
}
.tabrow span.selected { .tabrow span.selected {
color: #f2f1f1 !important; color: #e26771 !important;
background: #e26771 !important; background: #eeeeee !important;
} }
/* Text */ /* Text */
@@ -403,18 +545,26 @@ select#wpp_format_0.settings_select {
font-family: helvetica !important; font-family: helvetica !important;
} }
.rawtext:focus {
outline: none !important;
}
/* Tooltips */ /* Tooltips */
.tooltip-standard { .tooltip-standard {
border: none !important; border: none !important;
color: #222224 !important;
background-color: #e9e7e7 !important;
} }
/* World Info */ /* World Info */
.tag { .tag {
color: #f2f1f1 !important; border: 1px solid #e26771 !important
}
.tag:hover {
color: #ebebeb !important;
background: #e26771 !important;
border: 1px solid #e26771 !important;
} }
.world_info_tag_area { .world_info_tag_area {
@@ -422,12 +572,21 @@ select#wpp_format_0.settings_select {
} }
.world_info_delete { .world_info_delete {
color: #acacac !important; color: #999 !important;
} }
.world_info_text { .world_info_text {
color: #222224 !important; color: #3d3d3d !important;
border-color: #acacac !important; border-color: #acacac !important;
filter: brightness(100%) !important; filter: brightness(100%) !important;
background-color: #eeeeee !important; background-color: #ebebeb !important;
}
.world_info_title:focus {
color: #e26771 !important;
outline: none !important;
}
.WI_Folder_Header .title:focus {
outline: none !important;
} }