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