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 Nostalgia to 0.4 version

Browse Source
This commit is contained in:
LightSaveUs
2022-10-29 03:05:03 +03:00
committed by GitHub
parent b7a19661cb
commit cc593b4f91
1 changed files with 72 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

109
themes/Nostalgia.css
View File

@@ -1,7 +1,7 @@
/* /*
Name: Nostalgia Name: Nostalgia
Author: LightSaveUs Author: LightSaveUs
Version: 0.3.1 Version: 0.4
Description: A theme inspired by the old KoboldAI interface. Description: A theme inspired by the old KoboldAI interface.
*/ */
@@ -74,23 +74,23 @@
--sequence_text: #ffffff; --sequence_text: #ffffff;
/*Side Menus*/ /*Side Menus*/
--tab_color: #4786be; --tab_color: #4787be;
--flyout_background: #274864; --flyout_background: #295071;
--flyout_background_pinned: #274864; --flyout_background_pinned: #295071;
--setting_background: #294f71; --setting_background: #295071;
--setting_text: #ffffff; --setting_text: #ffffff;
--sample_order_select_color: #98bcdb; --sample_order_select_color: #688f1f;
--sample_order_select_color_text: #23527c; --sample_order_select_color_text: #ffffff;
--dropdown_text: #ffffff; --dropdown_text: #ffffff;
--dropdown_background: #386d9c; --dropdown_background: #1f3a50;
--rangeslider_background_color: #ffffff; --rangeslider_background_color: #ffffff;
--rangeslider_color: #1a6ccd; --rangeslider_color: #0075ff;
--rangeslider_circle_color: #268aff; --rangeslider_circle_color: #2285f9;
--help_icon: #ffffff; --help_icon: #ffffff;
--tooltip_text: #ffffff; --tooltip_text: #ffffff;
@@ -99,7 +99,7 @@
--setting_footer_border_color: grey; --setting_footer_border_color: grey;
--setting_footer_text_color: #ffffff; --setting_footer_text_color: #ffffff;
--setting_footer_background_color: #232323; --setting_footer_background_color: #242424;
/*Palette Card*/ /*Palette Card*/
--palette_card_background: #295071; --palette_card_background: #295071;
@@ -110,21 +110,21 @@
--wi_card_border_color: #1e1e1e; --wi_card_border_color: #1e1e1e;
--wi_card_border_color_to_ai: #3bf72380; --wi_card_border_color_to_ai: #3bf72380;
--wi_card_bg_color: #1e1e1e; --wi_card_bg_color: #212122;
--wi_card_text_color: #ffffff; --wi_card_text_color: #ffffff;
--wi_card_tag_bg_color: #295071; --wi_card_tag_bg_color: #295071;
--wi_card_tag_text_color: #ffffff; --wi_card_tag_text_color: #ffffff;
--wi_tag_color: #3379b7; --wi_tag_color: #337ab7;
--wi_tag_text_color: #ffffff; --wi_tag_text_color: #ffffff;
/*Popup*/ /*Popup*/
--popup_background_color: #333; --popup_background_color: #262626;
--popup_title_bar_color: #337ab7; --popup_title_bar_color: #337ab7;
--popup_title_bar_color_text: #ffffff; --popup_title_bar_color_text: #ffffff;
--popup_item_color: #333333; --popup_item_color: #262626;
--popup_item_color_text: #ffffff; --popup_item_color_text: #ffffff;
--popup_hover_color: #688f1f; --popup_hover_color: #688f1f;
@@ -204,7 +204,7 @@
.fullwidth { .fullwidth {
border-radius: 5px; border-radius: 5px;
border-color: #999999 !important; border-color: #cccccc !important;
} }
.bias_phrase input { .bias_phrase input {
@@ -220,7 +220,7 @@
} }
.sequence { .sequence {
border-color: #8c8c8c !important; border-color: #959595 !important;
} }
.sequence:hover { .sequence:hover {
@@ -245,7 +245,7 @@
} }
.settings_button:hover { .settings_button:hover {
background: #84a8c8 !important; filter: brightness(80%) !important;
} }
.settings_button:focus { .settings_button:focus {
@@ -256,6 +256,10 @@
filter: brightness(80%); filter: brightness(80%);
} }
.settings_button[story_gamesaved="true"] {
filter: brightness(40%) !important;
}
#new-sub-card:hover { #new-sub-card:hover {
filter: brightness(120%) !important; filter: brightness(120%) !important;
} }
@@ -267,16 +271,16 @@
/* Context Menu */ /* Context Menu */
#context-menu { #context-menu {
border-color: #11324f !important; border-color: #12324f !important;
background-color: #274864 !important; background-color: #295071 !important;
} }
#context-menu > hr { #context-menu > hr {
border-color: #11324f !important; border-color: #12324f !important;
} }
.context-menu-item:hover { .context-menu-item:hover {
background-color:#11324f !important; background-color:#12324f !important;
} }
/* Context Viewer */ /* Context Viewer */
@@ -298,7 +302,7 @@
/* Flyout */ /* Flyout */
.rightSideMenu { .rightSideMenu {
background-color: #232323 !important; background-color: #242424 !important;
} }
/* Icons */ /* Icons */
@@ -342,31 +346,46 @@ a {
/* Lines */ /* Lines */
.story_title, hr { .story_title, hr {
border-color: #11324f !important; border-color: #12324f !important;
}
.setting_container {
border: 1px solid #12324f;
}
.setting_container_single, .setting_container_single_wide {
border: 1px solid #12324f;
} }
/* Lists */ /* Lists */
.settings_select, .var_sync_system_theme_list { .settings_select, .var_sync_system_theme_list {
border-radius: 5px !important; border-radius: 5px !important;
border-color: #376590 !important; border-color: #2e6594 !important;
} }
/* Palette */ /* Palette */
#palette_area { #palette_area {
border-color: #12324f00 !important; border: 1px solid #12324f;
}
/* Samplers Order */
.setting_container_single:hover {
background-color: #262626 !important;
} }
/* Popup */ /* Popup */
.popup .action_button { .popup .action_button {
border-radius: 5px; border-radius: 5px;
border-color:#ffffff border-color:#337ab7;
} }
.popup_load_cancel_button { .popup_load_cancel_button {
border-radius: 5px; border-radius: 5px;
border-color:#337ab7;
} }
.popup .action_button:hover { .popup .action_button:hover {
@@ -376,21 +395,25 @@ a {
.popup_load_cancel_button:hover { .popup_load_cancel_button:hover {
filter: brightness(80%); filter: brightness(80%);
color: #ffffff !important; color: #ffffff !important;
border-color: #ffffff !important; border-color: #337ab7 !important;
background-color: #337ab7 !important; background-color: #337ab7 !important;
} }
.popup .action_button:focus { .popup .action_button:focus {
outline: none !important; outline: none !important;
color: #ffffff color: #ffffff;
} }
.popup_load_cancel_button:focus { .popup_load_cancel_button:focus {
color: #ffffff
outline: none !important; outline: none !important;
box-shadow: none !important; box-shadow: none !important;
border-color: #ffffff !important; color: #ffffff !important;
background-color: #337ab7 !important; border-color: #337ab7 !important;
background-color: #337ab7 !important;
}
.popup .popup_load_cancel {
background-color: #295071 !important;
} }
#error_message.popup .btn-primary { #error_message.popup .btn-primary {
@@ -399,6 +422,14 @@ a {
background-color: #337ab7 !important; background-color: #337ab7 !important;
} }
.oi[folder]:hover {
color: #ef2929;
}
.rename_icon:hover {
color: #fce94f !important;
}
/* Tabs */ /* Tabs */
.tabrow span { .tabrow span {
@@ -412,12 +443,12 @@ a {
} }
.tabrow span:hover { .tabrow span:hover {
background: #84a8c8 !important; background: #98bcdb !important;
} }
.tabrow span.selected { .tabrow span.selected {
color: #ffffff !important; color: #ffffff !important;
background: #84a8c8 !important; background: #98bcdb !important;
} }
/* Text */ /* Text */
@@ -438,8 +469,8 @@ a {
div#settings_footer.settings_footer { div#settings_footer.settings_footer {
color: #ffffff !important; color: #ffffff !important;
border-color: #11324f !important; border-color: #12324f !important;
background-color: #274864 !important; background-color: #295071 !important;
} }
/* Tooltips */ /* Tooltips */
@@ -451,6 +482,10 @@ div#settings_footer.settings_footer {
/* World Info */ /* World Info */
.tag:hover {
filter: brightness(80%);
}
.world_info_tag_area { .world_info_tag_area {
border-color: #999999!important; border-color: #999999!important;
filter: brightness(100%) !important; filter: brightness(100%) !important;
@@ -458,7 +493,7 @@ div#settings_footer.settings_footer {
} }
.world_info_text { .world_info_text {
border-color: #999999!important; border: 1px solid #cccccc!important;
filter: brightness(100%) !important; filter: brightness(100%) !important;
background-color: #404040 !important; background-color: #404040 !important;
} }