mirror of
https://github.com/tobychui/zoraxy.git
synced 2025-08-08 22:27:47 +02:00
v3.1.3 init commit
- Fixed #378 - Added wip dark theme - Fixed in code typo - Fixed int conversion bug in some DNS challenge supplier
This commit is contained in:
Toby Chui
330
src/web/darktheme.css
Normal file
330
src/web/darktheme.css
Normal file
@@ -0,0 +1,330 @@
|
||||
/*
|
||||
Darktheme CSS
|
||||
|
||||
This file contains the CSS for the dark theme.
|
||||
This will override the default CSS (white theme) for semantic UI
|
||||
*/
|
||||
|
||||
body.darkTheme {
|
||||
background-color: var(--theme_bg);
|
||||
color: var(--text_color);
|
||||
}
|
||||
|
||||
body.darkTheme h1,
|
||||
body.darkTheme h2,
|
||||
body.darkTheme h3,
|
||||
body.darkTheme h4,
|
||||
body.darkTheme h5,
|
||||
body.darkTheme h6,
|
||||
body.darkTheme a {
|
||||
color: var(--text_color);
|
||||
}
|
||||
|
||||
body.darkTheme .ui.header {
|
||||
color: var(--text_color) !important;
|
||||
}
|
||||
|
||||
body.darkTheme p,
|
||||
body.darkTheme span{
|
||||
color: var(--text_color_secondary);
|
||||
}
|
||||
|
||||
body.darkTheme .ui.secondary.menu .dropdown.item:hover,
|
||||
body.darkTheme .ui.secondary.menu .link.item:hover,
|
||||
body.darkTheme .ui.secondary.menu a.item:hover {
|
||||
color: var(--text_color) !important;
|
||||
}
|
||||
|
||||
body.darkTheme .ui.basic.white.icon.button {
|
||||
background-color: transparent !important;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
body.darkTheme .ui.basic.white.icon.button:hover {
|
||||
border: none !important;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
body.darkTheme .ui.basic.white.icon.button:disabled {
|
||||
border: none !important;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
body.darkTheme .ui.basic.buttons .button i.icon {
|
||||
color: #ffffff !important;
|
||||
}
|
||||
|
||||
body.darkTheme .ui.basic.button:not(.red) {
|
||||
color: #ffffff !important;
|
||||
border: 1px solid var(--button_border_color) !important;
|
||||
}
|
||||
|
||||
body.darkTheme .ui.basic.button:not(.red):hover {
|
||||
border: 1px solid var(--button_border_color) !important;
|
||||
background-color: var(--theme_bg) !important;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
body.darkTheme .ui.basic.button.red:hover {
|
||||
background-color: #380a0a !important;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
body.darkTheme .ui.basic.button:disabled {
|
||||
border: none !important;
|
||||
background-color: transparent !important;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
body.darkTheme .ui.basic.button:focus,
|
||||
body.darkTheme .ui.basic.buttons .button:focus {
|
||||
background: transparent !important;
|
||||
background-color: transparent !important;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
|
||||
body.darkTheme .ui.table thead th,
|
||||
body.darkTheme .ui.table tbody td,
|
||||
body.darkTheme .ui.table tfoot td {
|
||||
color: #ffffff !important;
|
||||
}
|
||||
|
||||
body.darkTheme .ui.input input,
|
||||
body.darkTheme .ui.input input::placeholder,
|
||||
body.darkTheme .ui.input input:focus,
|
||||
body.darkTheme .ui.input input:active {
|
||||
color: #ffffff !important;
|
||||
border-color: #ffffff !important;
|
||||
}
|
||||
|
||||
body.darkTheme .ui.input input {
|
||||
background-color: var(--theme_bg_active) !important;
|
||||
border: 1px solid transparent !important;
|
||||
}
|
||||
|
||||
body.darkTheme .ui.input input:focus,
|
||||
body.darkTheme .ui.input input:active {
|
||||
border-color: var(--theme_highlight) !important;
|
||||
}
|
||||
|
||||
body.darkTheme .ui.input input::placeholder {
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
body.darkTheme .ui.label,
|
||||
body.darkTheme .ui.label .detail,
|
||||
body.darkTheme .ui.label .icon {
|
||||
color: #ffffff !important;
|
||||
}
|
||||
|
||||
body.darkTheme .advanceoptions .title {
|
||||
color: var(--text_color_secondary) !important;
|
||||
}
|
||||
|
||||
body.darkTheme .ui.toggle.checkbox input ~ .box,
|
||||
body.darkTheme .ui.toggle.checkbox input ~ label,
|
||||
body.darkTheme .ui.toggle.checkbox input ~ label:focus {
|
||||
color: var(--text_color_secondary) !important;
|
||||
}
|
||||
|
||||
|
||||
body.darkTheme .ui.toggle.checkbox input ~ label::before{
|
||||
background-color: var(--theme_bg_secondary) !important;
|
||||
}
|
||||
body.darkTheme .ui.toggle.checkbox input:checked ~ label::before{
|
||||
background-color: var(--theme_highlight) !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
body.darkTheme .ui.segment:not(.basic) {
|
||||
background-color: var(--theme_bg) !important;
|
||||
color: var(--text_color) !important;
|
||||
border: 1px solid transparent !important;
|
||||
}
|
||||
|
||||
body.darkTheme .sub.header {
|
||||
color: var(--text_color) !important;
|
||||
}
|
||||
|
||||
body.darkTheme .ui.radio.defaultsite.checkbox label {
|
||||
color: var(--text_color) !important;
|
||||
}
|
||||
|
||||
body.darkTheme .ui.radio.defaultsite.checkbox label small {
|
||||
color: var(--text_color_secondary) !important;
|
||||
}
|
||||
|
||||
body.darkTheme .ui.form .field input,
|
||||
body.darkTheme .ui.form .field input::placeholder,
|
||||
body.darkTheme .ui.form .field input:focus,
|
||||
body.darkTheme .ui.form .field input:active {
|
||||
color: var(--text_color) !important;
|
||||
border-color: 1px solid transparent !important;
|
||||
background-color: var(--theme_bg_active) !important;
|
||||
}
|
||||
|
||||
body.darkTheme .ui.form .field input::placeholder {
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
body.darkTheme .ui.form .field label,
|
||||
body.darkTheme .ui.form .field .ui.checkbox input:checked ~ label {
|
||||
color: var(--text_color) !important;
|
||||
}
|
||||
|
||||
body.darkTheme .ui.basic.label {
|
||||
background-color: var(--theme_bg_secondary) !important;
|
||||
color: var(--text_color) !important;
|
||||
}
|
||||
|
||||
/*
|
||||
HTTP Proxy Table
|
||||
*/
|
||||
body.darkTheme .ui.table{
|
||||
background-color: transparent !important;
|
||||
}
|
||||
body.darkTheme .ui.celled.sortable.unstackable.compact.table thead th,
|
||||
body.darkTheme .ui.celled.sortable.unstackable.compact.table tbody td,
|
||||
body.darkTheme .ui.celled.sortable.unstackable.compact.table tfoot td {
|
||||
background-color: var(--theme_bg) !important;
|
||||
color: var(--text_color) !important;
|
||||
border-color: var(--divider_color) !important;
|
||||
}
|
||||
|
||||
body.darkTheme .ui.celled.sortable.unstackable.compact.table thead th {
|
||||
background-color: var(--theme_bg_secondary) !important;
|
||||
}
|
||||
|
||||
body.darkTheme .ui.celled.sortable.unstackable.compact.table tbody tr:hover {
|
||||
background-color: var(--theme_bg_hover) !important;
|
||||
}
|
||||
|
||||
body.darkTheme .ui.celled.sortable.unstackable.compact.table tbody td a {
|
||||
color: var(--link_color) !important;
|
||||
}
|
||||
|
||||
body.darkTheme .ui.celled.sortable.unstackable.compact.table tbody td a:hover {
|
||||
color: var(--link_hover_color) !important;
|
||||
}
|
||||
|
||||
body.darkTheme .ui.celled.sortable.unstackable.compact.table tbody td small {
|
||||
color: var(--text_color_secondary) !important;
|
||||
}
|
||||
|
||||
body.darkTheme .ui.celled.sortable.unstackable.compact.table tbody td .ui.toggle.checkbox input ~ .box,
|
||||
body.darkTheme .ui.celled.sortable.unstackable.compact.table tbody td .ui.toggle.checkbox input ~ label,
|
||||
body.darkTheme .ui.celled.sortable.unstackable.compact.table tbody td .ui.toggle.checkbox input ~ label:focus {
|
||||
color: var(--text_color_secondary) !important;
|
||||
}
|
||||
|
||||
body.darkTheme .ui.celled.sortable.unstackable.compact.table tbody td .ui.toggle.checkbox input ~ label::before {
|
||||
background-color: var(--theme_bg_secondary) !important;
|
||||
}
|
||||
|
||||
body.darkTheme .ui.celled.sortable.unstackable.compact.table tbody td .ui.toggle.checkbox input:checked ~ label::before {
|
||||
background-color: var(--theme_highlight) !important;
|
||||
}
|
||||
|
||||
body.darkTheme .ui.celled.sortable.unstackable.compact.table tbody td .ui.circular.mini.basic.icon.button {
|
||||
color: var(--button_color) !important;
|
||||
border: 1px solid var(--button_border_color) !important;
|
||||
}
|
||||
|
||||
body.darkTheme .ui.celled.sortable.unstackable.compact.table tbody td .ui.circular.mini.basic.icon.button:hover {
|
||||
background-color: var(--button_hover_bg) !important;
|
||||
color: var(--button_hover_color) !important;
|
||||
border: 1px solid var(--button_border_color) !important;
|
||||
}
|
||||
|
||||
body.darkTheme .ui.celled.sortable.unstackable.compact.table tbody td .ui.circular.mini.red.basic.icon.button {
|
||||
color: var(--button_red_color) !important;
|
||||
border: 1px solid var(--button_red_border_color) !important;
|
||||
}
|
||||
|
||||
body.darkTheme .ui.celled.sortable.unstackable.compact.table tbody td .ui.circular.mini.red.basic.icon.button:hover {
|
||||
background-color: #380a0a !important;
|
||||
color: var(--button_red_hover_color) !important;
|
||||
|
||||
}
|
||||
|
||||
body.darkTheme .ui.basic.small.icon.circular.button {
|
||||
color: var(--button_color) !important;
|
||||
border: 1px solid var(--button_border_color) !important;
|
||||
}
|
||||
|
||||
body.darkTheme .ui.basic.small.icon.circular.button:hover {
|
||||
background-color: var(--button_hover_bg) !important;
|
||||
color: var(--button_hover_color) !important;
|
||||
border: 1px solid var(--button_border_color) !important;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
body.darkTheme .ui.checkbox input ~ .box,
|
||||
body.darkTheme .ui.checkbox input ~ label,
|
||||
body.darkTheme .ui.checkbox input ~ label:focus {
|
||||
color: var(--text_color_secondary) !important;
|
||||
}
|
||||
|
||||
body.darkTheme .ui.basic.advance.segment {
|
||||
background-color: var(--theme_bg) !important;
|
||||
color: var(--text_color) !important;
|
||||
border: 1px solid var(--divider_color) !important;
|
||||
}
|
||||
|
||||
body.darkTheme .ui.endpointAdvanceConfig.accordion .title {
|
||||
color: var(--text_color) !important;
|
||||
}
|
||||
|
||||
/*
|
||||
Virtual Directorie Table
|
||||
|
||||
*/
|
||||
|
||||
body.darkTheme .ui.fluid.search.selection.dropdown {
|
||||
background-color: var(--theme_bg) !important;
|
||||
color: var(--text_color) !important;
|
||||
border-color: transparent !important;
|
||||
}
|
||||
|
||||
body.darkTheme .ui.fluid.search.selection.dropdown .menu {
|
||||
background-color: var(--theme_bg) !important;
|
||||
color: var(--text_color) !important;
|
||||
}
|
||||
|
||||
body.darkTheme .ui.fluid.search.selection.dropdown .menu .item {
|
||||
color: var(--text_color) !important;
|
||||
}
|
||||
|
||||
body.darkTheme .ui.selection.dropdown .menu > .item {
|
||||
border-top: 1px solid var(--divider_color) !important;
|
||||
}
|
||||
|
||||
body.darkTheme .ui.selection.active.dropdown .menu {
|
||||
border-color: var(--divider_color) !important;
|
||||
}
|
||||
|
||||
body.darkTheme .ui.fluid.search.selection.dropdown .menu .item:hover {
|
||||
background-color: var(--theme_bg_hover) !important;
|
||||
color: var(--text_color) !important;
|
||||
}
|
||||
|
||||
body.darkTheme .ui.fluid.search.selection.dropdown .menu .item.active.selected {
|
||||
background-color: var(--theme_highlight) !important;
|
||||
color: var(--text_color) !important;
|
||||
}
|
||||
|
||||
body.darkTheme .ui.fluid.search.selection.dropdown .search {
|
||||
background-color: var(--theme_bg) !important;
|
||||
color: var(--text_color) !important;
|
||||
border-color: transparent !important;
|
||||
}
|
||||
|
||||
body.darkTheme .ui.fluid.search.selection.dropdown .text {
|
||||
color: var(--text_color) !important;
|
||||
}
|
||||
|
||||
body.darkTheme .ui.fluid.search.selection.dropdown .dropdown.icon {
|
||||
color: var(--text_color) !important;
|
||||
}
|
||||
Reference in New Issue
Block a user