iv-org-mirror/invidious-copy-2022-08-14
1
0
Fork 0
mirror of https://gitea.invidious.io/iv-org/invidious-copy-2022-08-14.git synced 2024-08-15 00:53:20 +00:00
Code Issues Projects Releases Packages Wiki Activity

Clean up CSS and add light/dark theme support

Browse source
This commit is contained in:
Samantaz Fox 2022-04-03 22:56:54 +02:00
parent 76c7b2ee9c
commit dbc74164ab
No known key found for this signature in database
GPG key ID: F42821059186176E
2 changed files with 30 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

33
assets/css/search.css
View file

@ -23,7 +23,6 @@ details[open] > summary:before { content: "[ ‒ ]"; }
#filters-box {
background: #373737;
padding: 10px 20px 20px 10px;
margin: 10px 15px;
}
@ -63,13 +62,6 @@ fieldset, legend {
text-align: start;
}
/* TODO: move that to the main file */
.underlined {
border-bottom: 1px solid;
margin-bottom: 20px;
}
.filter-options div { margin: 6px 0; }
.filter-options div * { vertical-align: middle; }
.filter-options label { margin: 0 10px; }
@ -77,6 +69,7 @@ fieldset, legend {
#filters-apply { text-align: end; }
/* Responsive rules */
@media only screen and (max-width: 800px) {
summary { font-size: 1.30em; }
@ -89,3 +82,27 @@ fieldset, legend {
padding: 15px;
}
}
/* Light theme */
.light-theme #filters-box {
background: #dfdfdf;
}
@media (prefers-color-scheme: light) {
.no-theme #filters-box {
background: #dfdfdf;
}
}
/* Dark theme */
.dark-theme #filters-box {
background: #373737;
}
@media (prefers-color-scheme: dark) {
.no-theme #filters-box {
background: #373737;
}
}