phantop/quatalog-site
1
0
Fork 0
mirror of https://github.com/quatalog/site.git synced 2024-11-22 06:42:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

Light theme CSS

Browse source
This commit is contained in:
3eef8a28f26fb2bcc514e6f1938929a1f931762 2023-04-05 17:17:23 -04:00 committed by powe97
parent 0cce38f9f2
commit 39bab17574
3 changed files with 82 additions and 56 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
css/common.css
View file

@ -13,6 +13,7 @@
--mid-light-purple: #494766; --mid-light-purple: #494766;
--light-purple: #5c5980; --light-purple: #5c5980;
--white: #ffffff;
--pink: #f53faa; --pink: #f53faa;
--red: #f53f6a; --red: #f53f6a;
--green: #3ff57f; --green: #3ff57f;

9
css/coursedisplay.css
View file

@ -359,7 +359,14 @@ input[value="detailed"]:checked ~ table .detail-view-container {
padding-bottom: 1vmin; padding-bottom: 1vmin;
padding-top: 1vmin; padding-top: 1vmin;
font-size: 1rem; font-size: 1rem;
font-weight: 600; }
.term-course-info {
font-weight: bold;
}
.course-capacity {
font-style: italic;
} }
.term-course-info{ .term-course-info{

128
css/themes.css
View file

@ -1,56 +1,74 @@
@media (prefers-color-scheme: dark) { :root {
:root { --background-color: var(--deep-purple);
--background-color: var(--deep-purple); --selection-color: var(--mid-light-purple);
--selection-color: var(--mid-light-purple); --h-text-color: var(--quacs-yellow);
--h-text-color: var(--quacs-yellow); --p-text-color: var(--quacs-white);
--p-text-color: var(--quacs-white); --link-text-color: var(--quacs-midtone);
--link-text-color: var(--quacs-midtone); --link-hover-color: var(--quacs-yellow);
--link-hover-color: var(--quacs-yellow); --header-color: var(--quacs-yellow);
--header-color: var(--quacs-yellow); --input-background-color: var(--quacs-white);
--input-background-color: var(--quacs-white); --input-text-color: var(--mid-dark-purple);
--input-text-color: var(--mid-dark-purple); --input-selection-color: var(--quacs-yellow);
--input-selection-color: var(--quacs-yellow); --search-title-color: var(--quacs-yellow);
--search-title-color: var(--quacs-yellow); --search-term-color: var(--quacs-midtone);
--search-term-color: var(--quacs-midtone); --search-entry-text-color: var(--quacs-white);
--search-entry-text-color: var(--quacs-white); --search-entry-bg-color: var(--mid-dark-purple);
--search-entry-bg-color: var(--mid-dark-purple); --search-entry-bg-hover-color: var(--mid-dark-purple);
--search-entry-bg-hover-color: var(--mid-dark-purple); --search-entry-title-color: var(--quacs-midtone);
--search-entry-title-color: var(--quacs-midtone); --pill-default-color: var(--quacs-yellow);
--pill-default-color: var(--quacs-yellow); --pill-text-color: var(--deep-purple);
--pill-text-color: var(--deep-purple); --pill-svg-color: var(--deep-purple);
--pill-svg-color: var(--deep-purple); --ci-pill-color: var(--green);
--ci-pill-color: var(--green); --wi-pill-color: var(--pill-default-color);
--wi-pill-color: var(--quacs-yellow); --course-pill-color: var(--pill-default-color);
--course-pill-color: var(--quacs-yellow); --course-pill-hover-color: var(--quacs-midtone);
--course-pill-hover-color: var(--quacs-midtone); --pdii-pill-color: var(--red);
--pdii-pill-color: var(--red); --hinq-pill-color: var(--pink);
--hinq-pill-color: var(--pink); --table-selection-color: var(--quacs-yellow);
--table-selection-color: var(--quacs-yellow); --info-title-color: var(--quacs-white);
--info-title-color: var(--quacs-white); --course-name-color: var(--quacs-yellow);
--course-name-color: var(--quacs-yellow); --course-code-color: var(--quacs-midtone);
--course-code-color: var(--quacs-midtone); --or-block-color: var(--blue);
--or-block-color: var(--blue); --or-block-bg-color: var(--background-color);
--or-block-bg-color: var(--deep-purple); --or-text-color: var(--quacs-white);
--or-text-color: var(--quacs-white); --and-block-color: var(--red);
--and-block-color: var(--red); --and-text-color: var(--or-text-color);
--and-text-color: var(--quacs-white); --none-block-color: var(--red);
--none-block-color: var(--red); --none-text-color: var(--or-text-color);
--none-text-color: var(--quacs-white); --unknown-block-color: var(--pink);
--unknown-block-color: var(--pink); --unknown-text-color: var(--or-text-color);
--unknown-text-color: var(--quacs-white); --key-text-color: var(--quacs-midtone);
--key-text-color: var(--quacs-midtone); --yes-color: var(--green);
--yes-color: var(--green); --no-color: var(--red);
--no-color: var(--red); --diff-code-color: var(--quacs-yellow);
--diff-code-color: var(--quacs-yellow); --nil-color: var(--mid-light-purple);
--nil-color: var(--mid-light-purple); --view-select-color: var(--key-text-color);
--view-select-color: var(--quacs-midtone); --term-text-color: var(--deep-purple);
--term-text-color: var(--deep-purple); --view-select-color-selected: var(--quacs-yellow);
--view-select-color-selected: var(--quacs-yellow); --season-label-color: var(--quacs-midtone);
--season-label-color: var(--quacs-midtone); --year-label-color: var(--quacs-midtone);
--year-label-color: var(--quacs-midtone); --mid-summer-label-color: var(--quacs-white);
--mid-summer-label-color: var(--quacs-white); --table-link-color: var(--mid-light-purple);
--table-link-color: var(--mid-light-purple); --table-link-hover-color: var(--light-purple);
--table-link-hover-color: var(--light-purple); --table-link-selected-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-light-purple);
--p-text-color: var(--deep-purple);
--course-code-color: var(--mid-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;
}*/
} }