97 lines
2.1 KiB
CSS
97 lines
2.1 KiB
CSS
.darkmode-layer, .darkmode-toggle {
|
|
z-index: 500;
|
|
}
|
|
|
|
.darkmode--activated .ui.image,
|
|
.darkmode--activated .bean,
|
|
.darkmode--activated .photo-404 {
|
|
mix-blend-mode: difference;
|
|
filter: brightness(75%);
|
|
}
|
|
|
|
.darkmode--activated i.green.circle.icon {
|
|
mix-blend-mode: difference;
|
|
color: #21ba4582 !important;
|
|
|
|
}
|
|
|
|
.darkmode--activated i.yellow.circle.icon {
|
|
mix-blend-mode: difference;
|
|
color: #fbbd0882 !important;
|
|
}
|
|
|
|
.darkmode--activated i.red.circle.icon {
|
|
mix-blend-mode: difference;
|
|
color: #db282882 !important;
|
|
}
|
|
|
|
.darkmode--activated i.blue.circle.icon {
|
|
mix-blend-mode: difference;
|
|
color: #2185d0 !important;
|
|
}
|
|
|
|
.darkmode--activated i.brown.circle.icon {
|
|
mix-blend-mode: difference;
|
|
color: #a5673f !important;
|
|
}
|
|
|
|
.darkmode--activated .footer {
|
|
mix-blend-mode: difference;
|
|
}
|
|
|
|
.darkmode--activated .ReactCrop {
|
|
mix-blend-mode: difference;
|
|
}
|
|
|
|
.darkmode--activated .ql-toolbar.ql-snow,
|
|
.darkmode--activated .ql-container.ql-snow,
|
|
.darkmode--activated .ui.segment,
|
|
.darkmode--activated .ui.form .field input,
|
|
.darkmode--activated .ui.form .field .selection.dropdown,
|
|
.darkmode--activated .ui.form .field .ui.checkbox label::before,
|
|
.darkmode--activated .ui.form .field textarea {
|
|
border: 1px solid rgba(34,36,38,.50) !important;
|
|
}
|
|
|
|
.darkmode--activated .ui.basic.table tbody tr {
|
|
border-bottom: 1px solid rgba(34,36,38,.50) !important;
|
|
}
|
|
|
|
.darkmode--activated .ui.button {
|
|
background: #c9c9c9 !important;
|
|
}
|
|
|
|
.darkmode--activated .ui.red.button {
|
|
mix-blend-mode: difference;
|
|
background: #db282882 !important;
|
|
}
|
|
|
|
.darkmode--activated .ui.green.button,
|
|
.darkmode--activated .ui.button.toggle.active {
|
|
mix-blend-mode: difference;
|
|
background: #21ba4582 !important;
|
|
}
|
|
|
|
.darkmode--activated .ui.grey.button {
|
|
mix-blend-mode: difference;
|
|
background: #767676 !important;
|
|
}
|
|
|
|
.darkmode--activated .ui.blue.button {
|
|
mix-blend-mode: difference;
|
|
background: #2185d0 !important;
|
|
}
|
|
|
|
.darkmode--activated .ui.brown.button {
|
|
mix-blend-mode: difference;
|
|
background: #a5673f !important;
|
|
}
|
|
|
|
.darkmode--activated .ui.tag.label {
|
|
mix-blend-mode: difference;
|
|
}
|
|
|
|
.darkmode--activated .ui.black.tag.label {
|
|
mix-blend-mode: inherit;
|
|
}
|