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

Update Monochrome.css

Browse Source
This commit is contained in:
LightSaveUs
2022-10-15 09:05:17 +03:00
committed by GitHub
parent 518808f9ca
commit cc77fd6540
1 changed files with 151 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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;
} }