mirror of
https://github.com/quatalog/site.git
synced 2024-11-14 10:53:01 +00:00
81 lines
3.3 KiB
CSS
81 lines
3.3 KiB
CSS
|
:root {
|
||
|
|
--background-color: var(--deep-purple);
|
||
|
|
--selection-color: var(--mid-light-purple);
|
||
|
|
--h-text-color: var(--quacs-yellow);
|
||
|
|
--p-text-color: var(--quacs-white);
|
||
|
|
--link-text-color: var(--quacs-midtone);
|
||
|
|
--link-hover-color: var(--quacs-yellow);
|
||
|
|
--header-color: var(--quacs-yellow);
|
||
|
|
--input-background-color: var(--quacs-white);
|
||
|
|
--input-text-color: var(--mid-dark-purple);
|
||
|
|
--input-selection-color: var(--quacs-yellow);
|
||
|
|
--search-title-color: var(--quacs-yellow);
|
||
|
|
--search-term-color: var(--quacs-midtone);
|
||
|
|
--search-entry-title-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-purple);
|
||
|
|
--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(--pill-default-color);
|
||
|
|
--course-pill-color: var(--pill-default-color);
|
||
|
|
--course-pill-hover-color: var(--quacs-midtone);
|
||
|
|
--pdii-pill-color: var(--red);
|
||
|
|
--hinq-pill-color: var(--pink);
|
||
|
|
--table-selection-color: var(--quacs-yellow);
|
||
|
|
--info-title-color: var(--quacs-white);
|
||
|
|
--course-name-color: var(--h-text-color);
|
||
|
|
--course-code-color: var(--quacs-midtone);
|
||
|
|
--or-block-color: var(--blue);
|
||
|
|
--or-block-bg-color: var(--background-color);
|
||
|
|
--or-text-color: var(--quacs-white);
|
||
|
|
--and-block-color: var(--red);
|
||
|
|
--and-text-color: var(--or-text-color);
|
||
|
|
--none-block-color: var(--red);
|
||
|
|
--none-text-color: var(--or-text-color);
|
||
|
|
--unknown-block-color: var(--pink);
|
||
|
|
--unknown-text-color: var(--or-text-color);
|
||
|
|
--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(--key-text-color);
|
||
|
|
--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);
|
||
|
|
--table-link-color: var(--mid-light-purple);
|
||
|
|
--table-link-hover-color: var(--light-purple);
|
||
|
|
--table-link-selected-color: var(--light-purple);
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (prefers-color-scheme: light) {
|
||
|
|
:root {
|
||
|
|
--background-color: var(--white);
|
||
|
|
--selection-color: var(--quacs-yellow);
|
||
|
|
--h-text-color: var(--mid-purple);
|
||
|
|
--p-text-color: var(--deep-purple);
|
||
|
|
--search-title-color: var(--mid-light-purple);
|
||
|
|
--search-term-color: var(--light-purple);
|
||
|
|
--search-entry-text-color: var(--deep-purple);
|
||
|
|
--search-entry-title-color: var(--mid-purple);
|
||
|
|
--search-entry-bg-color: var(--quacs-whitest);
|
||
|
|
--search-entry-bg-hover-color: var(--quacs-whiter);
|
||
|
|
--course-code-color: var(--mid-light-purple);
|
||
|
|
--or-text-color: var(--white);
|
||
|
|
--key-text-color: var(--mid-light-purple);
|
||
|
|
--view-select-color-selected: var(--deep-purple);
|
||
|
|
--season-label-color: var(--deep-purple);
|
||
|
|
--year-label-color: var(--mid-purple);
|
||
|
|
--mid-summer-label-color: var(--mid-purple);
|
||
|
|
--info-title-color: var(--deep-purple);
|
||
|
|
}
|
||
|
|
/*#qlog-wordmark {
|
||
|
|
display: none;
|
||
|
|
}*/
|
||
|
|
}
|