Co-authored-by: Tejas Srikanth <tcsrikan@high-fructose-corn-syrup.csclub.uwaterloo.ca> Reviewed-on: #571 Reviewed-by: Shahan Nedadahandeh <snedadah@csclub.uwaterloo.ca>
This commit is contained in:
parent
48c056ea92
commit
cc99e2d02b
|
@ -19,6 +19,10 @@ export const PALETTE_NAMES = [
|
|||
"--primary-background",
|
||||
"--secondary-background",
|
||||
|
||||
"--scrollbar-track",
|
||||
"--scrollbar-thumb",
|
||||
"--scrollbar-hover",
|
||||
|
||||
"--primary-accent",
|
||||
"--primary-accent-soft",
|
||||
"--primary-accent-light",
|
||||
|
|
|
@ -56,6 +56,14 @@ body {
|
|||
--light--border: #2a2a62;
|
||||
--light--marker: #1482e3;
|
||||
|
||||
--dark--scrollbar-hover: #626294;
|
||||
--dark--scrollbar-thumb: var(--dark--code-background);
|
||||
--dark--scrollbar-track: var(--dark--secondary-background);
|
||||
|
||||
--light--scrollbar-hover: var(--light--blue-gradient);
|
||||
--light--scrollbar-thumb: var(--dark--primary-accent-soft);
|
||||
--light--scrollbar-track: var(--light--dark-card-background);
|
||||
|
||||
--dark--primary-background: #171729;
|
||||
--dark--secondary-background: #252542;
|
||||
|
||||
|
@ -120,6 +128,10 @@ body {
|
|||
--secondary-accent: var(--light--secondary-accent);
|
||||
--secondary-accent-light: var(--light--secondary-accent-light);
|
||||
|
||||
--scrollbar-track: var(--light--scrollbar-track);
|
||||
--scrollbar-thumb: var(--light--link);
|
||||
--scrollbar-hover: var(--light--link-hover);
|
||||
|
||||
--primary-heading: var(--light--primary-heading);
|
||||
|
||||
--form-invalid: var(--light--form-invalid);
|
||||
|
@ -170,6 +182,8 @@ body {
|
|||
margin: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
input {
|
||||
font-family: "Poppins", "sans-serif";
|
||||
}
|
||||
|
@ -230,6 +244,7 @@ h4 + * {
|
|||
}
|
||||
|
||||
@media only screen and (max-width: calc(768rem / 16)) {
|
||||
|
||||
/* h1, h2 = h3 on mobile */
|
||||
h1,
|
||||
h2 {
|
||||
|
@ -241,6 +256,11 @@ h4 + * {
|
|||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@media only screen and (prefers-color-scheme: dark) {
|
||||
body {
|
||||
--primary-background: var(--dark--primary-background);
|
||||
|
@ -277,6 +297,10 @@ h4 + * {
|
|||
|
||||
--icon: var(--dark--icon);
|
||||
|
||||
--scrollbar-track: var(--dark--scrollbar-track);
|
||||
--scrollbar-thumb: var(--dark--scrollbar-thumb);
|
||||
--scrollbar-hover: var(--dark--scrollbar-hover);
|
||||
|
||||
--primary-title: var(--dark--primary-title);
|
||||
--primary-subtitle: var(--dark--primary-subtitle);
|
||||
--secondary-subtitle: var(--dark--secondary-subtitle);
|
||||
|
@ -293,5 +317,24 @@ h4 + * {
|
|||
--blue-gradient: var(--dark--blue-gradient);
|
||||
--border: var(--dark--border);
|
||||
--marker: var(--dark--marker);
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
background-color: var(--scrollbar-track);
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background-color: var(--scrollbar-thumb);
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background-color: var(--scrollbar-hover);
|
||||
}
|
Loading…
Reference in New Issue