|
|
@ -66,7 +66,8 @@ a:hover:not(.btn), |
|
|
|
a, |
|
|
|
.nav-link, |
|
|
|
.dark a, |
|
|
|
.dark .nav-link { |
|
|
|
.dark .nav-link, |
|
|
|
.dark a:not(.btn), .dark .table, .dark .nav-link { |
|
|
|
color: var(--link-color); |
|
|
|
} |
|
|
|
|
|
|
@ -75,19 +76,39 @@ a, |
|
|
|
text-decoration: underline; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
mark, .mark { |
|
|
|
padding: 0 0.3em; |
|
|
|
background-color: rgb(var(--accent-color)); |
|
|
|
color: var(--label-text-color); |
|
|
|
} |
|
|
|
|
|
|
|
/* CARDS */ |
|
|
|
.shadow-box, |
|
|
|
.dark .shadow-box { |
|
|
|
.dark .shadow-box, |
|
|
|
.dark .shadow-box:not(.alert) { |
|
|
|
box-shadow: 0px 0px 20px 10px #0000001a; |
|
|
|
background: var(--transparency-light-10); |
|
|
|
background: var(--transparency-dark-25); |
|
|
|
} |
|
|
|
|
|
|
|
.dark .settings-content .settings-content-header { |
|
|
|
background: transparent !important; |
|
|
|
} |
|
|
|
.dark .list-header { |
|
|
|
background: transparent !important; |
|
|
|
} |
|
|
|
|
|
|
|
.settings-content .settings-content-header { |
|
|
|
border-bottom: 1px solid var(--transparency-light-10) !important; |
|
|
|
} |
|
|
|
|
|
|
|
.list .item:hover { |
|
|
|
background: var(--transparency-light-15) !important; |
|
|
|
} |
|
|
|
|
|
|
|
.list-header { |
|
|
|
border-bottom: 1px solid var(--transparency-light-15) !important; |
|
|
|
} |
|
|
|
|
|
|
|
.dark .list .item.active, |
|
|
|
.list .item.active { |
|
|
|
background: var(--transparency-dark-25) !important; |
|
|
@ -119,6 +140,16 @@ td { |
|
|
|
color: var(--text); |
|
|
|
} |
|
|
|
|
|
|
|
.table { |
|
|
|
--bs-table-hover-bg: var(--transparency-dark-15) !important; |
|
|
|
--bs-table-hover-color: var(--text-hover) !important; |
|
|
|
} |
|
|
|
|
|
|
|
.dark .table-hover>tbody>tr:hover>* { |
|
|
|
--bs-table-accent-bg: var(--transparency-dark-15); |
|
|
|
color: var(--text-hover); |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
/* MENUS */ |
|
|
|
.dropdown-menu { |
|
|
@ -142,6 +173,14 @@ td { |
|
|
|
background: var(--drop-down-menu-bg) !important; |
|
|
|
} |
|
|
|
|
|
|
|
.dropdown-item-text { |
|
|
|
color: var(--text); |
|
|
|
} |
|
|
|
|
|
|
|
.dropdown-profile-pic .dropdown-menu .dropdown-divider { |
|
|
|
border-top: 1px solid var(--transparency-light-25) !important; |
|
|
|
} |
|
|
|
|
|
|
|
/* HEADER */ |
|
|
|
.dark header, |
|
|
|
#app>div>header { |
|
|
@ -155,13 +194,15 @@ td { |
|
|
|
color: var(--button-text); |
|
|
|
} |
|
|
|
|
|
|
|
.btn-primary { |
|
|
|
.btn-primary, |
|
|
|
.btn-info { |
|
|
|
color: var(--button-text); |
|
|
|
background-color: var(--button-color); |
|
|
|
border-color: var(--button-color); |
|
|
|
} |
|
|
|
|
|
|
|
.btn-primary:hover { |
|
|
|
.btn-primary:hover, |
|
|
|
.btn-info:hover { |
|
|
|
color: var(--button-text-hover); |
|
|
|
background-color: var(--button-color-hover); |
|
|
|
border-color: var(--button-color-hover); |
|
|
@ -203,7 +244,7 @@ td { |
|
|
|
|
|
|
|
.btn-outline-primary, |
|
|
|
.btn-outline-secondary { |
|
|
|
color: var(--button-text); |
|
|
|
color: var(--button-color); |
|
|
|
border-color: var(--button-color); |
|
|
|
} |
|
|
|
|
|
|
@ -275,10 +316,17 @@ td { |
|
|
|
} |
|
|
|
|
|
|
|
.dark .form-select:focus, |
|
|
|
.form-select:focus { |
|
|
|
color: var(--text-color); |
|
|
|
background: var(--drop-down-menu-bg); |
|
|
|
box-shadow: 0 0 0 0.25rem rgba(var(--accent-color), 0.25); |
|
|
|
border-color: rgba(var(--accent-color), 0.25); |
|
|
|
} |
|
|
|
|
|
|
|
.dark .form-control:focus, |
|
|
|
.form-select:focus, |
|
|
|
.form-control:focus { |
|
|
|
background: var(--drop-down-menu-bg); |
|
|
|
color: var(--text-color); |
|
|
|
background: var(--transparency-dark-35); |
|
|
|
box-shadow: 0 0 0 0.25rem rgba(var(--accent-color), 0.25); |
|
|
|
border-color: rgba(var(--accent-color), 0.25); |
|
|
|
} |
|
|
@ -290,7 +338,11 @@ td { |
|
|
|
border-color: #0000; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.input-group-text { |
|
|
|
color: var(--button-text); |
|
|
|
background-color: var(--button-color); |
|
|
|
border: 1px solid var(--button-color); |
|
|
|
} |
|
|
|
|
|
|
|
.form-check-input:checked { |
|
|
|
background-color: var(--button-color); |
|
|
@ -393,4 +445,58 @@ td { |
|
|
|
-webkit-background-size: auto, cover; |
|
|
|
-moz-background-size: auto, cover; |
|
|
|
-o-background-size: auto, cover; |
|
|
|
} |
|
|
|
|
|
|
|
.vue-image-crop-upload .vicp-wrap { |
|
|
|
-webkit-box-shadow: 0 1px 3px 0 rgb(0 0 0 / 23%); |
|
|
|
box-shadow: 0 1px 3px rgb(0 0 0 / 23%); |
|
|
|
background-color: var(--modal-bg-color); |
|
|
|
background-repeat: repeat, no-repeat; |
|
|
|
background-attachment: fixed, fixed; |
|
|
|
background-position: center center, center center; |
|
|
|
background-size: auto, cover; |
|
|
|
-webkit-background-size: auto, cover; |
|
|
|
-moz-background-size: auto, cover; |
|
|
|
-o-background-size: auto, cover; |
|
|
|
} |
|
|
|
|
|
|
|
/* SETTINGS */ |
|
|
|
|
|
|
|
.settings-menu .active .menu-item { |
|
|
|
background: var(--transparency-dark-15) !important; |
|
|
|
} |
|
|
|
|
|
|
|
.settings-menu .menu-item:hover { |
|
|
|
background: var(--transparency-light-10) !important; |
|
|
|
} |
|
|
|
|
|
|
|
h5.settings-subheading:after, .settings-subheading.h5:after { |
|
|
|
border-bottom: 1px solid var(--transparency-light-10); |
|
|
|
} |
|
|
|
|
|
|
|
.dark .cert-exp-days .cert-exp-day-row, |
|
|
|
.cert-exp-days .cert-exp-day-row { |
|
|
|
border-bottom: 1px solid var(--transparency-light-10) !important; |
|
|
|
} |
|
|
|
|
|
|
|
[contenteditable=true] { |
|
|
|
background-color: var(--transparency-dark-25); |
|
|
|
} |
|
|
|
|
|
|
|
[contenteditable=true]:hover { |
|
|
|
background-color: var(--transparency-dark-35); |
|
|
|
} |
|
|
|
|
|
|
|
[dir=ltr] .sidebar .sidebar-footer { |
|
|
|
border-right: 1px solid var(--transparency-light-10) !important; |
|
|
|
left: 0; |
|
|
|
} |
|
|
|
|
|
|
|
.sidebar .sidebar-footer { |
|
|
|
border-top: 1px solid var(--transparency-light-10) !important; |
|
|
|
background-color: var(--transparency-light-10) !important; |
|
|
|
} |
|
|
|
|
|
|
|
.item:hover { |
|
|
|
background-color: var(--transparency-light-10) !important; |
|
|
|
} |