phantop/quatalog-site
1
0
Fork 0
mirror of https://github.com/quatalog/site.git synced 2024-12-27 07:27:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

Respect dark theme (light theme not for now)

Browse source
This commit is contained in:
3eef8a28f26fb2bcc514e6f1938929a1f931762 2023-04-04 17:28:09 -04:00 committed by powe97
parent 4e8d74499c
commit aacf191d41
1 changed files with 41 additions and 39 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

80
css/themes.css
View file

@ -1,40 +1,42 @@
:root {
--search-title-color: var(--quacs-yellow);
--search-term-color: var(--quacs-midtone);
--search-entry-text-color: var(--quacs-white);
--search-entry-bg-color: var(--mid-dark-purple);
--search-entry-bg-hover-color: var(--mid-dark-purple);
--search-entry-title-color: var(--quacs-midtone);
--pill-default-color: var(--quacs-yellow);
--pill-text-color: var(--deep-purple);
--pill-svg-color: var(--deep-purple);
--ci-pill-color: var(--green);
--wi-pill-color: var(--quacs-yellow);
--course-pill-color: var(--quacs-yellow);
--course-pill-hover-color: var(--quacs-midtone);
--pdii-pill-color: var(--red);
--hinq-pill-color: var(--pink);
--table-selection-color: var(--quacs-yellow);
--course-name-color: var(--quacs-yellow);
--course-code-color: var(--quacs-midtone);
--or-block-color: var(--blue);
--or-block-bg-color: var(--deep-purple);
--or-text-color: var(--quacs-white);
--and-block-color: var(--red);
--and-text-color: var(--quacs-white);
--none-block-color: var(--red);
--none-text-color: var(--quacs-white);
--unknown-block-color: var(--pink);
--unknown-text-color: var(--quacs-white);
--key-text-color: var(--quacs-midtone);
--yes-color: var(--green);
--no-color: var(--red);
--diff-code-color: var(--quacs-yellow);
--nil-color: var(--mid-light-purple);
--view-select-color: var(--quacs-midtone);
--term-text-color: var(--deep-purple);
--view-select-color-selected: var(--quacs-yellow);
--season-label-color: var(--quacs-midtone);
--year-label-color: var(--quacs-midtone);
--mid-summer-label-color: var(--quacs-white);
@media (prefers-color-scheme: dark) {
:root {
--search-title-color: var(--quacs-yellow);
--search-term-color: var(--quacs-midtone);
--search-entry-text-color: var(--quacs-white);
--search-entry-bg-color: var(--mid-dark-purple);
--search-entry-bg-hover-color: var(--mid-dark-purple);
--search-entry-title-color: var(--quacs-midtone);
--pill-default-color: var(--quacs-yellow);
--pill-text-color: var(--deep-purple);
--pill-svg-color: var(--deep-purple);
--ci-pill-color: var(--green);
--wi-pill-color: var(--quacs-yellow);
--course-pill-color: var(--quacs-yellow);
--course-pill-hover-color: var(--quacs-midtone);
--pdii-pill-color: var(--red);
--hinq-pill-color: var(--pink);
--table-selection-color: var(--quacs-yellow);
--course-name-color: var(--quacs-yellow);
--course-code-color: var(--quacs-midtone);
--or-block-color: var(--blue);
--or-block-bg-color: var(--deep-purple);
--or-text-color: var(--quacs-white);
--and-block-color: var(--red);
--and-text-color: var(--quacs-white);
--none-block-color: var(--red);
--none-text-color: var(--quacs-white);
--unknown-block-color: var(--pink);
--unknown-text-color: var(--quacs-white);
--key-text-color: var(--quacs-midtone);
--yes-color: var(--green);
--no-color: var(--red);
--diff-code-color: var(--quacs-yellow);
--nil-color: var(--mid-light-purple);
--view-select-color: var(--quacs-midtone);
--term-text-color: var(--deep-purple);
--view-select-color-selected: var(--quacs-yellow);
--season-label-color: var(--quacs-midtone);
--year-label-color: var(--quacs-midtone);
--mid-summer-label-color: var(--quacs-white);
}
}