TySS-Dev/ollama-ai-answers-searxng
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Attempting to make elements theme aware

Browse Source
This commit is contained in:
tyler
2026-05-19 02:16:12 -04:00
parent ce42f9a652
commit 08d4915d4a
1 changed files with 14 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
ollama_answers.py
+14 -14
View File
@@ -276,17 +276,17 @@ INTERACTIVE_CSS = '''
width: 32px; width: 32px;
height: 32px; height: 32px;
padding: 0; padding: 0;
border: none; border: 1px solid var(--color-result-border, rgba(0,0,0,0.1));
border-radius: 4px; border-radius: 4px;
background: var(--color-sidebar-bg, transparent); background: var(--color-base-background-hover, rgba(0,0,0,0.06));
color: var(--color-search-font, inherit); color: var(--color-base-font, inherit);
cursor: pointer; cursor: pointer;
vertical-align: middle; vertical-align: middle;
line-height: 1.4; line-height: 1.4;
} }
.sxng-btn:hover { .sxng-btn:hover {
background: var(--color-result-hover, transparent); background: var(--color-result-border, rgba(0,0,0,0.15));
color: var(--color-sidebar-bg, inherit); color: var(--color-base-font, inherit);
} }
.sxng-btn svg { width: 18px; height: 18px; fill: currentColor; } .sxng-btn svg { width: 18px; height: 18px; fill: currentColor; }
.sxng-input-wrapper { .sxng-input-wrapper {
@@ -300,8 +300,8 @@ INTERACTIVE_CSS = '''
.sxng-input { .sxng-input {
width: 100%; width: 100%;
height: -webkit-fill-available; height: -webkit-fill-available;
background: var(--color-sidebar-bg, transparent); background: var(--color-base-background-hover, rgba(0,0,0,0.06));
border: none; border: 1px solid var(--color-result-border, rgba(0,0,0,0.15));
color: var(--color-base-font, inherit); color: var(--color-base-font, inherit);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
font-size: 0.78em; font-size: 0.78em;
@@ -311,7 +311,7 @@ INTERACTIVE_CSS = '''
vertical-align: middle; vertical-align: middle;
} }
.sxng-input:focus { outline: none; } .sxng-input:focus { outline: none; }
.sxng-input::placeholder { color: var(--color-base-font, inherit); opacity: 0.35; } .sxng-input::placeholder { color: var(--color-base-font, inherit); opacity: 0.4; }
.sxng-input-line { .sxng-input-line {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
@@ -344,14 +344,15 @@ INTERACTIVE_CSS = '''
appearance: none; appearance: none;
-webkit-appearance: none; -webkit-appearance: none;
background: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%0A%3Cg%20fill%3D%22%23aaa%22%3E%0A%3Cpolygon%20points%3D%22128%2C192%20256%2C320%20384%2C192%22%2F%3E%3C%2Fg%3E%0A%3C%2Fsvg%3E") calc(100% + 2rem) / 1rem no-repeat content-box border-box; background: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%0A%3Cg%20fill%3D%22%23aaa%22%3E%0A%3Cpolygon%20points%3D%22128%2C192%20256%2C320%20384%2C192%22%2F%3E%3C%2Fg%3E%0A%3C%2Fsvg%3E") calc(100% + 2rem) / 1rem no-repeat content-box border-box;
background-color: var(--color-toolkit-select-background, transparent); background-color: var(--color-base-background-hover, rgba(0,0,0,0.06));
text-overflow: ellipsis; text-overflow: ellipsis;
border-width: 0 2rem 0 0; border: 1px solid var(--color-result-border, rgba(0,0,0,0.1));
border-color: transparent; border-right-width: 2rem;
border-right-color: transparent;
border-radius: 5px; border-radius: 5px;
outline: none; outline: none;
height: 25px; height: 25px;
color: var(--color-search-font, inherit); color: var(--color-base-font, inherit);
font-size: .9rem; font-size: .9rem;
padding: 1px 10px 1px 10px !important; padding: 1px 10px 1px 10px !important;
margin: 0; margin: 0;
@@ -361,8 +362,7 @@ INTERACTIVE_CSS = '''
vertical-align: middle; vertical-align: middle;
} }
.sxng-model-select:hover { .sxng-model-select:hover {
background-color: var(--color-result-hover, #303033); background-color: var(--color-result-border, rgba(0,0,0,0.15));
color: var(--color-search-url, #bbb);
} }
.sxng-reasoning { .sxng-reasoning {
margin: 0.5rem 0; padding: 0.5rem; margin: 0.5rem 0; padding: 0.5rem;