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

Merge pull request #200 from LightSaveUs/UI2

Browse Source 
Tooltip Support for Themes
This commit is contained in:
ebolam
2022-10-11 19:39:42 -04:00
committed by GitHub
parent 028b0b70c0 3d73858b1e
commit 4fac9d23cc
5 changed files with 59 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
static/koboldai.css
View File

@@ -703,7 +703,6 @@ border-top-right-radius: var(--tabs_rounding);
.collapsable_header .material-icons-outlined { .collapsable_header .material-icons-outlined {
padding-top: 5px; padding-top: 5px;
transform: translateY(7px) translateX(4px);
} }
.var_sync_system_theme_list{ .var_sync_system_theme_list{
@@ -1903,7 +1902,8 @@ body {
.tooltip-standard { .tooltip-standard {
border: 3px ridge grey; border: 3px ridge grey;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
width: 200px; width: min-context;
max-width: 300px;
} }
.tooltip-context-token { .tooltip-context-token {

15
themes/Darkness.css
View File

@@ -1,7 +1,7 @@
/* /*
Name: Darkness Name: Darkness
Author: LightSaveUs Author: LightSaveUs
Version: 0.3.3 Version: 0.3.4
Description: A theme inspired by the AI Dungeon interface. Description: A theme inspired by the AI Dungeon interface.
*/ */
@@ -272,6 +272,10 @@ span.material-icons-outlined.cursor.search_icon {
color: #848484 !important; color: #848484 !important;
} }
.collapsable_header .material-icons-outlined {
transform: translateY(7px) translateX(4px);
}
.material-icons-outlined:hover { .material-icons-outlined:hover {
filter: brightness(100%) !important; filter: brightness(100%) !important;
} }
@@ -356,7 +360,6 @@ a {
background-color: #424243 !important; background-color: #424243 !important;
} }
/* Tabs */ /* Tabs */
.tabrow span { .tabrow span {
@@ -380,6 +383,14 @@ a {
font-family: helvetica !important; font-family: helvetica !important;
} }
/* Tooltips */
.tooltip-standard {
border: none !important;
color: #e0e0e0 !important;
background-color: #3b3b3b !important;
}
/* World Info */ /* World Info */
.world_info_text { .world_info_text {

22
themes/Monochrome.css
View File

@@ -1,7 +1,7 @@
/* /*
Name: Monochrome Name: Monochrome
Author: LightSaveUs Author: LightSaveUs
Version: 0.6.2 Version: 0.6.3
Description: A theme inspired by the NovelAI interface. Description: A theme inspired by the NovelAI interface.
*/ */
@@ -189,8 +189,8 @@
"menuicon inputrow inputrow lefticon"; "menuicon inputrow inputrow lefticon";
--story_pinned_area_widths_left: 30pxvar(--story_options_size) auto 30px; --story_pinned_area_widths_left: 30pxvar(--story_options_size) auto 30px;
--story_pinned_area_widths_right: 30pxautovar(--story_options_size) 30px; --story_pinned_area_widths_right: 30pxautovar(--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; --font_size_adjustment: 0px;
--game_screen_font_size_adjustment: 1;} --game_screen_font_size_adjustment: 1;}
@@ -289,6 +289,14 @@ span.helpicon.material-icons-outlined:hover:not(::after) {
transform: scale(1) !important; transform: scale(1) !important;
} }
.collapsable_header .material-icons-outlined {
transform: translateY(7px) translateX(4px);
}
.collapsable_header .material-icons-outlined:hover {
transform: translateY(7px) translateX(4px);
}
#context-viewer-close:hover { #context-viewer-close:hover {
transform: scale(1) !important; transform: scale(1) !important;
} }
@@ -392,6 +400,14 @@ a {
font-family: sans-serif !important; font-family: sans-serif !important;
} }
/* Tooltips */
.tooltip-standard {
border: none !important;
color: #e0e0e0 !important;
background-color: #1d2831 !important;
}
/* World Info */ /* World Info */
.tag:hover { .tag:hover {

13
themes/Nostalgia.css
View File

@@ -1,7 +1,7 @@
/* /*
Name: Nostalgia Name: Nostalgia
Author: LightSaveUs Author: LightSaveUs
Version: 0.2.3 Version: 0.2.4
Description: A theme inspired by the previous KoboldAI interface. Description: A theme inspired by the previous KoboldAI interface.
*/ */
@@ -261,6 +261,10 @@
/* Icons */ /* Icons */
.collapsable_header .material-icons-outlined {
transform: translateY(7px) translateX(4px);
}
.substitution-card > .card-left > .material-icons-outlined { .substitution-card > .card-left > .material-icons-outlined {
color: #999 !important; color: #999 !important;
} }
@@ -374,6 +378,13 @@ div#settings_footer.settings_footer {
background-color: #294f71 !important; background-color: #294f71 !important;
} }
/* Tooltips */
.tooltip-standard {
border-color: #3379b7 !important;
background-color: #1f2931 !important;
}
/* World Info */ /* World Info */
.world_info_tag_area { .world_info_tag_area {

14
themes/Unicorn.css
View File

@@ -1,7 +1,7 @@
/* /*
Name: Unicorn Name: Unicorn
Author: LightSaveUs Author: LightSaveUs
Version: 0.3.4 Version: 0.3.5
Description: A theme inspired by the DreamilyAI interface. Description: A theme inspired by the DreamilyAI interface.
*/ */
@@ -298,6 +298,10 @@ span.material-icons-outlined.cursor.search_icon {
filter: brightness(100%) !important; filter: brightness(100%) !important;
} }
.collapsable_header .material-icons-outlined {
transform: translateY(7px) translateX(4px);
}
.material-icons-outlined:hover { .material-icons-outlined:hover {
filter: brightness(100%) !important; filter: brightness(100%) !important;
} }
@@ -399,6 +403,14 @@ select#wpp_format_0.settings_select {
font-family: helvetica !important; font-family: helvetica !important;
} }
/* Tooltips */
.tooltip-standard {
border: none !important;
color: #222224 !important;
background-color: #e9e7e7 !important;
}
/* World Info */ /* World Info */
.tag { .tag {