globuzma/canaille-globuzma
1
0
Fork 0
forked from Github-Mirrors/canaille
Code Pull requests Activity

Fix colors in dark theme for better readability

Browse source
This commit is contained in:
Brunelie Lauret 2024-05-14 10:15:18 +02:00
parent 194147d84e
commit 069d23d262
1 changed files with 23 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
canaille/static/css/base.css
View file

@ -178,10 +178,25 @@ select.ui.multiple.dropdown option[selected] {
.ui.label, table tbody tr td, .ui.card .bottom.button:hover, .ui.card .bottom.button:focus {
background-color: #353535;
}
.ui.button {
background-color: #282828;
}
.ui.button:hover, .ui.button:focus {
background-color: #181818;
}
.ui.basic.negative.button, .ui.basic.negative.buttons .button {
box-shadow: 0 0 0 1px #ffb7b7 inset;
color: #ffb7b7;
}
.ui.right.floated.buttons.pagination .ui.button {
color: #F4F4F4;
}
.ui.right.floated.buttons.pagination .ui.button.active {
color: #181818;
}
.disabled.ui.button {
color: #c0c1c2;
}
.ui.link.menu .item:hover, .ui.menu .dropdown.item:hover, .ui.menu .link.item:hover, .ui.menu a.item:hover, .ui.menu a.item.active:hover {
color: rgba(255,255,255,.95);
}
@ -232,4 +247,12 @@ select.ui.multiple.dropdown option[selected] {
.ui.form .field .dropdown .menu > .item:hover {
background-color: #282828;
}
.ui.form .field.field input:autofill {
box-shadow: 0 0 0 100px #888888 inset !important;
border: 1px solid rgba(255,255,255,0.60) !important;
}
.ui.form .field.field input:autofill:focus {
box-shadow: 0 0 0 100px #888888 inset !important;
border: 1px solid rgba(255,255,255,0.87) !important;
}
}