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

Gruvbox Dark theme

Browse Source
This commit is contained in:
somebody
2022-08-29 21:01:30 -05:00
parent bb30249c2e
commit b9967996cd
1 changed files with 71 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

100
themes/Gruvbox Dark.css
View File

@@ -48,7 +48,7 @@
/* Palette */ /* Palette */
--primary_palette: #afc6ff; --primary_palette: #afc6ff;
--on_primary_palette: #002d6c; --on_primary_palette: var(--gruvbox-light0);
--primary_containter_palette: #004397; --primary_containter_palette: #004397;
--on_primary_containter_palette: #d9e2ff; --on_primary_containter_palette: #d9e2ff;
@@ -108,9 +108,9 @@
--sequence_text: var(--gruvbox-light0); --sequence_text: var(--gruvbox-light0);
/* Side Menus */ /* Side Menus */
--tab_color: var(--main_accent); --tab_color: var(--gruvbox-dark2);
--flyout_background: #18222a; --flyout_background: var(--layer1_palette);
--flyout_background_pinned: var(--gruvbox-dark0-soft); --flyout_background_pinned: var(--gruvbox-dark0-soft);
--setting_background: var(--gruvbox-dark0-soft); --setting_background: var(--gruvbox-dark0-soft);
@@ -126,42 +126,42 @@
--rangeslider_color: var(--main_accent); --rangeslider_color: var(--main_accent);
--rangeslider_circle_color: var(--gruvbox-light2); --rangeslider_circle_color: var(--gruvbox-light2);
--help_icon: #cfd7a2; --help_icon: var(--gruvbox-light0);
--help_icon_text: #282c2c; --help_icon_text: #282c2c;
--tooltip_text:var(--on_secondary_palette); --tooltip_text:var(--on_secondary_palette);
--tooltip_background:var(--secondary_palette); --tooltip_background:var(--secondary_palette);
/* World Info */ /* World Info */
--wi_card_border_color: #002d6c; --wi_card_border_color: var(--gruvbox-dark3);
--wi_card_border_color_to_ai:var(--on_secondary_palette); --wi_card_border_color_to_ai:var(--on_secondary_palette);
--wi_card_bg_color: #afc6ff; --wi_card_bg_color: var(--gruvbox-dark0);
--wi_card_text_color:var(--on_primary_palette); --wi_card_text_color:var(--on_primary_palette);
--wi_card_tag_bg_color: #afc6ff; --wi_card_tag_bg_color: var(--gruvbox-dark0);
--wi_card_tag_text_color:var(--on_primary_palette); --wi_card_tag_text_color: var(--on_primary_palette);
--wi_tag_color: #004397; --wi_tag_color: var(--gruvbox-neutral-blue);
--wi_tag_text_color:var(--on_primary_containter_palette); --wi_tag_text_color:var(--on_primary_containter_palette);
--wi_folder_background: #232328; --wi_folder_background: var(--gruvbox-dark0);
/* Popup */ /* Popup */
--popup_background_color: #1f262e; --popup_background_color: var(--gruvbox-dark0);
--popup_title_bar_color: #2b5471; --popup_title_bar_color: var(--gruvbox-dark2);
--popup_title_bar_color_text: #e0e0e0; --popup_title_bar_color_text: var(--gruvbox-light0);
--popup_item_color: #272f38; --popup_item_color: var(--gruvbox-dark1);
--popup_item_color_text: #e0e0e0; --popup_item_color_text: var(--gruvbox-light0);
--popup_hover_color: #244c65; --popup_hover_color: var(--gruvbox-dark1);
--popup_hover_color_text: #e0e0e0; --popup_hover_color_text: var(--gruvbox-light0);
--popup_selected_color: #2f677f; --popup_selected_color: var(--gruvbox-dark3);
--popup_selected_color_text:var(--on_secondary_container_palette_palette); --popup_selected_color_text: var(--on_secondary_container_palette_palette);
--popup_button_color: #446899; --popup_button_color: var(--gruvbox-dark1);
--popup_button_color_text: #e0e0e0; --popup_button_color_text: var(--gruvbox-light0);
--popup_cancel_button_color: #446899; --popup_cancel_button_color: var(--gruvbox-dark1);
--popup_cancel_button_color_text: #e0e0e0; --popup_cancel_button_color_text: var(--gruvbox-light0);
/* Parameters */ /* Parameters */
--scrollbar-size: 6px; --scrollbar-size: 6px;
@@ -192,9 +192,16 @@
--story_pinned_area_widths_right: 30px auto var(--story_options_size) 30px; --story_pinned_area_widths_right: 30px auto var(--story_options_size) 30px;
--story_pinned_areas: var(--story_pinned_areas_left); --story_pinned_areas: var(--story_pinned_areas_left);
--story_pinned_area_widths: var(--story_pinned_area_widths_left); --story_pinned_area_widths: var(--story_pinned_area_widths_left);
--font_size_adjustment: 0px;
--game_screen_font_size_adjustment: 1;
} }
/* Overrides */ /* Overrides */
input, textarea{
border: 1px solid var(--gruvbox-dark3);
border-color: var(--gruvbox-dark3) !important;
}
select { select {
color: var(--gruvbox-light0) !important; color: var(--gruvbox-light0) !important;
background-color: var(--gruvbox-dark0-soft); background-color: var(--gruvbox-dark0-soft);
@@ -203,19 +210,21 @@ select {
padding: 8px; padding: 8px;
} }
hr, #token-breakdown-container, .tabrow::before {
border-color: var(--gruvbox-light4) !important;
}
.setting_item > select { .setting_item > select {
background-color: var(--gruvbox-dark1); background-color: var(--gruvbox-dark1);
} }
#inputrow_container { #gamescreen {
margin-top: 7px; color: var(--gruvbox-light0);
margin-bottom: 7px;
} }
#input_text, #themetext { #input_text, #themetext {
border: none !important; border: none !important;
/* TODO: Upstream! */
outline: none;
} }
.settings_category_area .action_button { .settings_category_area .action_button {
@@ -232,6 +241,10 @@ select {
border: 1px solid var(--gruvbox-dark2); border: 1px solid var(--gruvbox-dark2);
} }
.btn {
color: var(--gruvbox-light0);
}
.btn-success { .btn-success {
background-color: var(--gruvbox-neutral-aqua); background-color: var(--gruvbox-neutral-aqua);
border-color: var(--gruvbox-neutral-aqua); border-color: var(--gruvbox-neutral-aqua);
@@ -242,7 +255,6 @@ input[type="range"]::-moz-range-thumb {
background-color: var(--rangeslider_circle_color); background-color: var(--rangeslider_circle_color);
border-radius: 50%; border-radius: 50%;
border-color: transparent; border-color: transparent;
box-shadow: calc(-100vw - 8px) 0 0 100vw var(--rangeslider_color);
appearance: none; appearance: none;
width: 16px; width: 16px;
height: 16px; height: 16px;
@@ -257,4 +269,34 @@ input[type="range"]::-moz-range-thumb {
/* TODO: Upstream */ /* TODO: Upstream */
grid-gap: 5px; grid-gap: 5px;
padding-right: 5px; padding-right: 5px;
}
/* Tabs */
.tabrow span {
border: none !important;
border-radius: 0px !important;
box-shadow: none !important;
}
.tabrow span.selected {
background-color: var(--gruvbox-light0) !important;
}
.tabrow span::before, .tabrow span::after {
display: none;
border: none !important;
}
.menubar1, .menubar2, .menubar3 {
background-color: var(--gruvbox-light4) !important;
}
#loadmodelcontainer {
border: 2px solid var(--gruvbox-dark3);
border-radius: 0px !important;
}
.popup_load_cancel_button {
border: none;
border-radius: 0px;
} }