bootstrap3: dark mode fixes, buttons replaced, more translate fixes #6496

Signed-off-by: si458 <simonsmith5521@gmail.com>
This commit is contained in:
si458 2024-12-22 01:28:31 +00:00
parent 6a366fe174
commit 1b01b90cd6
4 changed files with 3646 additions and 3905 deletions

View File

@ -17,6 +17,7 @@ function QV(x, y) { try { QS(x).display = (y ? '' : 'none'); } catch (x) { } }
function QA(x, y) { Q(x).innerHTML += y; } // "Q" append function QA(x, y) { Q(x).innerHTML += y; } // "Q" append
function QH(x, y) { Q(x).innerHTML = y; } // "Q" html function QH(x, y) { Q(x).innerHTML = y; } // "Q" html
function QC(x) { try { return Q(x).classList; } catch (x) { } } // "Q" class function QC(x) { try { return Q(x).classList; } catch (x) { } } // "Q" class
function QVH(x, y) { try { y ? Q(x).classList.remove('visually-hidden') : Q(x).classList.add('visually-hidden'); } catch (x) { } } // "Q" visibility
// Move cursor to end of input box // Move cursor to end of input box
function inputBoxFocus(x) { Q(x).focus(); var v = Q(x).value; Q(x).value = ''; Q(x).value = v; } function inputBoxFocus(x) { Q(x).focus(); var v = Q(x).value; Q(x).value = ''; Q(x).value = v; }

View File

@ -295,8 +295,8 @@ body {
#MainSubMenuSpan, #MeshSubMenuSpan, #EventsSubMenuSpan, #UserSubMenuSpan, #UsersSubMenuSpan, #ServerSubMenuSpan, #MainMenuSpan, #MainSubMenu, #MeshSubMenu, #UserSubMenu, #ServerSubMenu, #UserDummyMenu, #PluginSubMenu { #MainSubMenuSpan, #MeshSubMenuSpan, #EventsSubMenuSpan, #UserSubMenuSpan, #UsersSubMenuSpan, #ServerSubMenuSpan, #MainMenuSpan, #MainSubMenu, #MeshSubMenu, #UserSubMenu, #ServerSubMenu, #UserDummyMenu, #PluginSubMenu {
width: 100%; width: 100%;
height: 24px; height: 24px;
color: var(--sub-menu-color); color: var(--bs-secondary-color);
background: var(--sub-menu-bg); background: var(--bs-secondary-bg);
} }
.menu_stack #UserDummyMenu { .menu_stack #UserDummyMenu {
@ -730,25 +730,21 @@ body {
#devListToolbarSpan { #devListToolbarSpan {
width: 100%; width: 100%;
background: var(--sub-menu-bg); background: var(--bs-secondary-bg);
color: var(--bs-secondary-color);
vertical-align: middle; vertical-align: middle;
border-spacing: 0; border-spacing: 0;
} }
.night #devListToolbarSpan { #SearchInput, #KvmSearchInput {
color: black;
background-color: #d3d9d6;
}
#SearchInput {
width: 120px; width: 120px;
} }
#SearchInput.search { #SearchInput.search, #KvmSearchInput.search {
background-color: #FDFFBE; background-color: #FDFFBE;
} }
.night #SearchInput.search { .night #SearchInput.search, .night #KvmSearchInput.search {
background-color: grey; background-color: grey;
} }
@ -1078,11 +1074,6 @@ NoMeshesPanel img {
.pTable { .pTable {
width: 100%; width: 100%;
height: 24px;
background: var(--sub-menu-bg) !important;
margin-bottom: 4px;
vertical-align: middle;
border-spacing: 0;
} }
#p50groups { #p50groups {
@ -1126,24 +1117,15 @@ NoMeshesPanel img {
#p5filehead { #p5filehead {
width: 100%; width: 100%;
background: var(--sub-menu-bg); background: var(--bs-secondary-bg);
text-align: left; padding: 4px 0px;
padding: 4px;
}
.night #p5filehead {
background: var(--sub-menu-bg);
} }
#p5filesubhead { #p5filesubhead {
background: var(--sub-menu-bg); background: var(--bs-secondary-bg);
height: 28px; height: 28px;
} }
.night #p5filesubhead {
background-color: #222;
}
#p5rightOfButtons { #p5rightOfButtons {
float: right; float: right;
margin-top: 3px; margin-top: 3px;
@ -1744,14 +1726,14 @@ nav .lbbuttonsel2 {
.style3 { .style3 {
text-align: center; text-align: center;
color: white; color: white;
background: var(--sub-menu-bg); background: var(--bs-secondary-bg);
font-weight: bold; font-weight: bold;
} }
.style3x { .style3x {
text-align: center; text-align: center;
color: var(--sub-menu-color); color: var(--bs-secondary-color);
background: var(--sub-menu-bg); background: var(--bs-secondary-bg);
font-weight: bold; font-weight: bold;
} }
@ -1832,34 +1814,21 @@ nav .lbbuttonsel2 {
.style14 { .style14 {
height: 100%; height: 100%;
text-align: left; text-align: left;
/* background-color: #D3D9D6; */ background: var(--bs-secondary-bg);
background: var(--sub-menu-bg);
} }
.night .style14 { .night .style14 {
background-color: #333;
color: #CCC; color: #CCC;
} }
.auto-style1 { .auto-style1 {
background: var(--sub-menu-bg); background: var(--bs-secondary-bg);
text-align: right;
}
#pTable .auto-style1 {
height: 100%;
float: right;
} }
.night .auto-style1 { .night .auto-style1 {
background: var(--sub-menu-bg);
color: #CCC; color: #CCC;
} }
.night #pTable {
color: black;
}
.icon2 { .icon2 {
float: left; float: left;
margin: 7px; margin: 7px;
@ -2746,23 +2715,16 @@ nav .lbbuttonsel2 {
#p13toolbar .areaHead2 { #p13toolbar .areaHead2 {
width: 100%; width: 100%;
background: var(--sub-menu-bg); background: var(--bs-secondary-bg);
text-align: left; padding: 4px 0px;
padding: 4px;
} }
.night #p13toolbar .areaHead2 {
background: var(--sub-menu-bg);
}
#p13toolbar .areaHead3 { #p13toolbar .areaHead3 {
background: var(--sub-menu-bg); background: var(--bs-secondary-bg);
height: 28px; height: 28px;
} }
.night #p13toolbar .areaHead3 {
background-color: #333;
}
#p13filetable { #p13filetable {
width: 100%; width: 100%;

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff