AI_Assistant/grid-apps-cmms
Watch
1
0
Fork
You've already forked grid-apps-cmms
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

more dark mode fixes

Browse source
This commit is contained in:
Stewart Allen 2024-06-03 12:13:39 -04:00
commit 08505e2d6a
1 changed files with 41 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

48
web/kiri/index.css
View file

@ -134,7 +134,6 @@ input:focus {
input[disabled] { input[disabled] {
background-color: #ddd; background-color: #ddd;
color: #000; color: #000;
/* border-width: 1px; */
} }
input[type="range"] { input[type="range"] {
width: 85px; width: 85px;
@ -201,13 +200,23 @@ th, tr, td, label {
} }
/** dark conversion */ /** dark conversion */
.dark input[disabled] {
border-color: #666;
background-color: #444;
color: #888;
}
.dark input, .dark input,
.dark textarea .dark select,
.dark option
{ {
border-color: #888; border-color: #888;
background-color: #555; background-color: #555;
color: #fff; color: #fff;
} }
.dark textarea {
background-color: #333;
color: #fff;
}
.dark button { .dark button {
background-color: #777; background-color: #777;
border: 1px solid #999; border: 1px solid #999;
@ -215,6 +224,24 @@ th, tr, td, label {
.dark #progress { .dark #progress {
background-color: #666; background-color: #666;
} }
.dark #mode-info label {
color: #fff;
border-color: #888;
background-color: var(--blue-0);
}
.dark #mode-info span {
color: #fff;
border-color: #888;
background-color: #333;
}
.dark #oplist div .del {
color: #aaa;
}
.dark #oplist div:hover .del {
color: #333 !important;
}
.dark #lang-pop,
.dark .pop-tics > div,
.dark #top, .dark #top,
.dark #top .content, .dark #top .content,
.dark #app-name, .dark #app-name,
@ -222,10 +249,12 @@ th, tr, td, label {
.dark .set2-group .var-row, .dark .set2-group .var-row,
.dark .set2-sep, .dark .set2-sep,
.dark .var-row, .dark .var-row,
.dark .movable .body .dark .movable .body,
.dark #slider-zero, .dark #slider-zero,
.dark #slider-max, .dark #slider-max,
.dark .mdialog .dark .mdialog,
.dark .t-body,
.dark .cam-pop-op
{ {
background-color: #444; background-color: #444;
color: white; color: white;
@ -248,9 +277,10 @@ th, tr, td, label {
.dark #oplist > div, .dark #oplist > div,
.dark .opdiv .dark .opdiv
{ {
background-color: #777; background-color: #333;
border: 1px solid #999; border: 1px solid #888;
} }
.dark #lang-pop > div:hover,
.dark #oplist > div:hover, .dark #oplist > div:hover,
.dark #op-add:hover { .dark #op-add:hover {
background-color: var(--blue-1); background-color: var(--blue-1);
@ -264,6 +294,10 @@ th, tr, td, label {
.dark .top-menu label { .dark .top-menu label {
color: var(--dark-menu-text) color: var(--dark-menu-text)
} }
.dark .render-tools svg:hover {
background-color: var(--blue-1);
border-color: var(--blue-3 );
}
.dark .top-menu > span:hover { .dark .top-menu > span:hover {
background-color: var(--blue-1); background-color: var(--blue-1);
} }
@ -1242,7 +1276,7 @@ th, tr, td, label {
z-index: 10000; z-index: 10000;
} }
#oplist div .del:hover { #oplist div .del:hover {
color: #000 !important; color: #000;
} }
#oplist div .opop { #oplist div .opop {
position: absolute; position: absolute;