marcel/zoraxy
1
0
Fork 0
mirror of https://github.com/tobychui/zoraxy.git synced 2025-08-08 22:27:47 +02:00
Code Issues Packages Projects Releases Wiki Activity

Added more darktheme

Browse Source 
- Added more dark theme css
- Merged main branch fixes and new features
- Added todo tag for custom timeout
This commit is contained in:
Toby Chui
2024-11-14 21:18:05 +08:00
parent 4cf5d29692
commit ec5c24b9b8
9 changed files with 276 additions and 82 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
src/web/darktheme.css
View File

@@ -144,11 +144,7 @@ body.darkTheme .ui.toggle.checkbox input:checked ~ label::before{
background-color: var(--theme_bg) !important;
color: var(--text_color) !important;
border: 1px solid var(--divider_color) !important;
}
.toobar #mainmenu a.item:hover{
background-color: var(--theme_highlight) !important;
}
}s
body.darkTheme .ui.segment:not(.basic) {
background-color: var(--theme_bg) !important;
@@ -156,6 +152,12 @@ body.darkTheme .ui.segment:not(.basic) {
border: 1px solid transparent !important;
}
body.darkTheme .ui.segment{
background-color: transparent !important;
color: var(--text_color) !important;
border: 1px solid transparent !important;
}
body.darkTheme .sub.header {
color: var(--text_color) !important;
}
@@ -565,7 +567,7 @@ body.darkTheme .ui.selection.fluid.dropdown#accessRuleSelector .dropdown.icon {
/* Tab Menu in access control */
body.darkTheme .ui.top.attached.tabular.menu {
background-color: var(--theme_bg) !important;
background-color: transparent !important;
color: var(--text_color) !important;
}
@@ -579,7 +581,7 @@ body.darkTheme .ui.top.attached.tabular.menu .item:hover {
}
body.darkTheme .ui.top.attached.tabular.menu .item.active {
background-color: var(--theme_bg) !important;
background-color: var(--theme_bg_primary) !important;
color: var(--text_color) !important;
}
@@ -706,3 +708,48 @@ body.darkTheme .ui.selection.dropdown#defaultCA .dropdown.icon {
color: var(--text_color) !important;
}
/*
ZeroTier
*/
body.darkTheme #gan .ui.list .item .icon {
color: var(--icon_color) !important;
}
body.darkTheme #gan .ui.list .item .content .header {
color: var(--text_color) !important;
}
body.darkTheme #gan .ui.list .item .content .description {
color: var(--text_color_secondary) !important;
}
body.darkTheme #gan .clickable.iprange.active {
background-color: var(--theme_highlight) !important;
}
body.darkTheme #gan thead th {
background-color: var(--theme_bg_secondary) !important;
color: var(--text_color) !important;
border-color: var(--divider_color) !important;
}
/*
Uptime Monitor
*/
body.darkTheme #utm .standardContainer {
background-color: var(--theme_bg) !important;
color: var(--text_color) !important;
border: 1px solid var(--divider_color) !important;
}
body.darkTheme #utm .standardContainer .padding.statusDot {
background-color: var(--theme_bg) !important;
border: 0.2px solid var(--theme_bg_primary) !important;
}