Improve dark theme

This commit is contained in:
grandeljay 2022-10-12 09:32:05 +02:00
parent a538a58729
commit 5e238bd60b

View file

@ -10,7 +10,7 @@
text-shadow: none !important;
}
.ui.button.active,
.ui.button:focus {
.ui.button:not(.tertiary):focus {
background-color: #fff !important;
box-shadow: 0 0 0 2px #fff inset;
color: rgba(0, 0, 0, .8);
@ -58,6 +58,15 @@
box-shadow: 0 0 0 2px rgba(255, 255, 255, .7) inset;
}
/** Tertiary */
.ui.tertiary.button {
color: rgba(255, 255, 255, .6);
}
.ui.tertiary.button:hover {
color: #ddd;
box-shadow: inset 0 -.2em 0 #aaa;
}
/**
* Card
*/
@ -89,6 +98,19 @@
background-color: #000 !important;
}
/**
* Checkbox
*/
.ui.toggle.checkbox input:checked ~ label {
color: #fff !important;
}
.ui.toggle.checkbox label::before {
background-color: rgba(255, 255, 255, .9) !important;
}
.ui.toggle.checkbox input:focus:checked ~ label {
color: rgba(255, 255, 255, .95) !important;
}
/**
* Dimmer
*/
@ -236,6 +258,9 @@
color: rgba(255, 255, 255, .87);
background-color: rgb(27, 28, 29);
}
.ui.input {
color: rgba(255, 255, 255, .87);
}
.ui.form textarea,
.ui.form textarea:focus,
.ui.input textarea,
@ -272,10 +297,14 @@
/**
* Menu
*/
.ui.menu.desktop,
.ui.vertical.pointing.menu {
.ui.menu {
border: 0 solid transparent;
background-color: #1b1c1d;
background-color: #1b1c1d !important;
}
/** Secondary */
.ui.secondary.menu {
background-color: transparent !important;
}
/** Attached */