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 Unicorn.css

Browse Source
This commit is contained in:
LightSaveUs
2022-10-15 09:07:28 +03:00
committed by GitHub
parent dd64f9bad1
commit 19b0a5c2ec
1 changed files with 244 additions and 85 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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