quatalog-site/css/themes.css
2024-03-16 21:52:52 +00:00

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;
}*/
}