Public/automatic
1
0
Fork 0
mirror of https://github.com/vladmandic/automatic synced 2026-08-31 09:31:00 +02:00
Code Issues Packages Projects Releases Wiki Activity

add modernui vars to standardui css

Browse Source 
Signed-off-by: Vladimir Mandic <mandic00@live.com>
This commit is contained in:
Vladimir Mandic
2025-09-12 22:19:04 -04:00
parent 1c5b3a47e2
commit 55947c54d7
1 changed files with 70 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
javascript/sdnext.css
+70
View File
@@ -17,6 +17,67 @@
--sd-image-fit: contain;
}
:root {
--sd-primary-h: 180deg;
--color-blue: paleturquoise;
--color-debug: #7F7F7F;
--color-error: #9E2020;
--color-green: palegreen;
--color-info: #D4D4D4;
--color-red: palevioletred;
--color-trace: #666666;
--color-warning: #FF9900;
--sd-border-radius: 5px;
--sd-border-size: 2px;
--sd-button-hover-color: var(--sd-button-selected-color);
--sd-button-hover-text-color: var(--sd-button-selected-text-color);
--sd-button-normal-color: var(--sd-input-background-color);
--sd-button-normal-text-color: var(--sd-input-text-color);
--sd-button-selected-color: var(--sd-main-accent-color);
--sd-button-selected-text-color: var(--sd-input-hover-text-color);
--sd-gap-size: max(var(--sd-gap-size-val), var(--sd-border-size));
--sd-gap-size-val: 5px;
--sd-group-background-color: hsl(0deg 0% 16%);
--sd-group-border-color: hsl(0deg 0% 16%);
--sd-group-border-radius: 7px;
--sd-group-border-size: 2px;
--sd-button-height: 2.4em;
--sd-group-gap: 6px;
--sd-group-padding: 2px;
--sd-input-background-color: rgba(0, 0, 0, 0.25);
--sd-input-border-color: rgba(0, 0, 0, 0.1);
--sd-input-border-size: 2px;
--sd-input-font-size: var(--font-size);
--sd-input-height: 35px;
--sd-input-hover-text-color: var(--sd-input-text-color);
--sd-input-icon-height: calc(var(--sd-input-height) - var(--sd-input-border-size) * 2);
--sd-input-line-height: 23px;
--sd-input-padding: 5px;
--sd-input-placeholder-text-color: rgba(255, 255, 255, 0.35);
--sd-input-secondary-text-color: var(--sd-input-text-color);
--sd-input-slider-height: 0.6;
--sd-input-text-color: rgba(255, 255, 255, 0.75);
--sd-label-color: rgba(255, 255, 255, 0.75);
--sd-muted-color: rgba(255, 255, 255, 0.50);
--sd-main-accent-color: #7950ab;
--sd-main-background-color: rgb(32 32 32);
--sd-outline-color: var(--sd-button-hover-color);
--sd-outline-size: calc(var(--sd-border-size) * 0.8);
--sd-outside-gap-size: 8px;
--sd-extra-gap: 0;
--sd-panel-background-color: rgba(64, 64, 64, 0.5);
--sd-panel-border-color: rgba(64, 64, 64, 0.75);
--sd-panel-padding: 5px;
--sd-scrollbar-color: var(--sd-panel-border-color);
--sd-tooltip-text-color: var(--sd-input-background-color);
--sd-body-font: 'IBM Plex Mono', monospace;
--sd-text-font: 'IBM Plex Mono', monospace;
--sd-button-font: 'NotoSans', sans-serif;
--sd-image-fit: scale-down;
--sd-panel-min-width: 30em;
--sd-grid-image-size: 150px;
}
a {
cursor: pointer;
font-weight: bold;
@@ -413,6 +474,15 @@ color: var(--primary-500) !important
height: 50vh;
}
#history_table {
font-size: 0.9em;
text-align: left;
cursor: pointer;
max-height: 50vh;
overflow: auto;
background-color: var(--sd-main-background-color);
}
#control-result {
background: var(--button-secondary-background-fill);
padding: 0.2em;