rixty
/
SillyTavern
mirror of https://github.com/SillyTavern/SillyTavern.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

add autocomplete color for non-selectable entries

This commit is contained in:
Wolfsblvt 2024-07-30 20:52:58 +02:00
parent 7c27211bc9
commit 379a4d1e4d
2 changed files with 15 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
public/scripts/autocomplete/AutoComplete.js
View File

@ -459,6 +459,9 @@ export class AutoComplete {
} else { } else {
item.dom.classList.remove('selected'); item.dom.classList.remove('selected');
} }
if (!item.isSelectable) {
item.dom.classList.add('not-selectable');
}
frag.append(item.dom); frag.append(item.dom);
} }
this.dom.append(frag); this.dom.append(frag);

12
public/style.css
View File

@ -1376,6 +1376,8 @@ body[data-stscript-style="dark"] {
--ac-style-color-matchedText: rgba(108 171 251 / 1); --ac-style-color-matchedText: rgba(108 171 251 / 1);
--ac-style-color-selectedBackground: rgba(32 57 92 / 1); --ac-style-color-selectedBackground: rgba(32 57 92 / 1);
--ac-style-color-selectedText: rgba(255 255 255 / 1); --ac-style-color-selectedText: rgba(255 255 255 / 1);
--ac-style-color-notSelectableBackground: rgb(65, 78, 95);
--ac-style-color-notSelectableText: rgba(255 255 255 / 1);
--ac-style-color-hoveredBackground: rgba(43 45 46 / 1); --ac-style-color-hoveredBackground: rgba(43 45 46 / 1);
--ac-style-color-hoveredText: rgba(204 204 204 / 1); --ac-style-color-hoveredText: rgba(204 204 204 / 1);
--ac-style-color-argName: rgba(171 209 239 / 1); --ac-style-color-argName: rgba(171 209 239 / 1);
@ -1402,6 +1404,8 @@ body[data-stscript-style="light"] {
--ac-style-color-matchedText: rgba(61 104 188 / 1); --ac-style-color-matchedText: rgba(61 104 188 / 1);
--ac-style-color-selectedBackground: rgba(232 232 232 / 1); --ac-style-color-selectedBackground: rgba(232 232 232 / 1);
--ac-style-color-selectedText: rgba(0 0 0 / 1); --ac-style-color-selectedText: rgba(0 0 0 / 1);
--ac-style-color-notSelectableBackground: rgba(232 232 232 / 1);
--ac-style-color-notSelectableText: rgb(83, 83, 83);
--ac-style-color-hoveredBackground: rgba(242 242 242 / 1); --ac-style-color-hoveredBackground: rgba(242 242 242 / 1);
--ac-style-color-hoveredText: rgba(59 59 59 / 1); --ac-style-color-hoveredText: rgba(59 59 59 / 1);
--ac-style-color-argName: rgba(16 24 125 / 1); --ac-style-color-argName: rgba(16 24 125 / 1);
@ -1424,6 +1428,8 @@ body[data-stscript-style="theme"] {
--ac-style-color-matchedText: var(--SmartThemeQuoteColor); --ac-style-color-matchedText: var(--SmartThemeQuoteColor);
--ac-style-color-selectedBackground: color-mix(in srgb, rgb(128 128 128) 75%, var(--SmartThemeChatTintColor)); --ac-style-color-selectedBackground: color-mix(in srgb, rgb(128 128 128) 75%, var(--SmartThemeChatTintColor));
--ac-style-color-selectedText: var(--SmartThemeBodyColor); --ac-style-color-selectedText: var(--SmartThemeBodyColor);
--ac-style-color-notSelectableBackground: color-mix(in srgb, rgb(128 128 128) 50%, var(--SmartThemeChatTintColor));
--ac-style-color-notSelectableText: var(--SmartThemeBodyColor);
--ac-style-color-hoveredBackground: color-mix(in srgb, rgb(128 128 128) 30%, var(--SmartThemeChatTintColor)); --ac-style-color-hoveredBackground: color-mix(in srgb, rgb(128 128 128) 30%, var(--SmartThemeChatTintColor));
--ac-style-color-hoveredText: var(--SmartThemeEmColor); --ac-style-color-hoveredText: var(--SmartThemeEmColor);
--ac-style-color-argName: rgba(171 209 239 / 1); --ac-style-color-argName: rgba(171 209 239 / 1);
@ -1450,6 +1456,8 @@ body {
--ac-color-matchedText: var(--ac-style-color-matchedText, rgba(108 171 251 / 1)); --ac-color-matchedText: var(--ac-style-color-matchedText, rgba(108 171 251 / 1));
--ac-color-selectedBackground: var(--ac-style-color-selectedBackground, rgba(32 57 92 / 1)); --ac-color-selectedBackground: var(--ac-style-color-selectedBackground, rgba(32 57 92 / 1));
--ac-color-selectedText: var(--ac-style-color-selectedText, rgba(255 255 255 / 1)); --ac-color-selectedText: var(--ac-style-color-selectedText, rgba(255 255 255 / 1));
--ac-color-notSelectableBackground: var(--ac-style-color-notSelectableBackground, rgb(60, 73, 92));
--ac-color-notSelectableText: var(--ac-style-color-notSelectableText, rgba(255 255 255 / 1));
--ac-color-hoveredBackground: var(--ac-style-color-hoveredBackground, rgba(43 45 46 / 1)); --ac-color-hoveredBackground: var(--ac-style-color-hoveredBackground, rgba(43 45 46 / 1));
--ac-color-hoveredText: var(--ac-style-color-hoveredText, rgba(204 204 204 / 1)); --ac-color-hoveredText: var(--ac-style-color-hoveredText, rgba(204 204 204 / 1));
--ac-color-argName: var(--ac-style-color-argName, rgba(171 209 239 / 1)); --ac-color-argName: var(--ac-style-color-argName, rgba(171 209 239 / 1));
@ -1676,6 +1684,10 @@ body[data-stscript-style] .hljs.language-stscript {
background-color: var(--ac-color-selectedBackground); background-color: var(--ac-color-selectedBackground);
color: var(--ac-color-selectedText); color: var(--ac-color-selectedText);
} }
&.selected.not-selectable>* {
background-color: var(--ac-color-notSelectableBackground);
color: var(--ac-color-notSelectableText);
}
>* { >* {
height: 100%; height: 100%;