2023-06-07 20:40:38 +01:00
|
|
|
:root {
|
|
|
|
--black: #000000;
|
|
|
|
--white: #ffffff;
|
|
|
|
|
|
|
|
/* ByeCorps colour scheme. Use sparsely on this site. */
|
|
|
|
--byecorps-blue: #1b5652;
|
|
|
|
--byecorps-white: #e6feff;
|
|
|
|
|
|
|
|
/* ByeCorps ID colour scheme. Use on this site. */
|
|
|
|
--black-bean: #330f0a;
|
|
|
|
--dark-slate-gray: #394f49;
|
|
|
|
--fern-green: #65743a;
|
|
|
|
--flax: #efdd8d;
|
|
|
|
--mindaro: #f4fdaf;
|
2023-10-31 18:43:21 +00:00
|
|
|
|
|
|
|
color-scheme: light dark;
|
2023-06-07 20:40:38 +01:00
|
|
|
}
|
|
|
|
|
2023-10-31 18:43:21 +00:00
|
|
|
button.primary, .button.primary {
|
2023-06-07 20:40:38 +01:00
|
|
|
color: var(--black-bean);
|
|
|
|
background-color: var(--flax);
|
|
|
|
}
|
|
|
|
|
|
|
|
header {
|
|
|
|
background-color: var(--flax);
|
|
|
|
color: var(--dark-slate-gray);
|
|
|
|
}
|
|
|
|
|
|
|
|
header a {
|
|
|
|
color: var(--dark-slate-gray);
|
|
|
|
}
|
|
|
|
|
|
|
|
@media screen and (prefers-color-scheme: dark) {
|
2023-10-31 18:43:21 +00:00
|
|
|
button.primary, .button.primary {
|
2023-06-07 20:40:38 +01:00
|
|
|
color: var(--flax);
|
|
|
|
background-color: var(--dark-slate-gray);
|
|
|
|
}
|
|
|
|
|
|
|
|
header {
|
|
|
|
background-color: var(--dark-slate-gray);
|
|
|
|
color: var(--flax);
|
|
|
|
}
|
|
|
|
|
|
|
|
header a {
|
|
|
|
color: var(--flax);
|
|
|
|
}
|
|
|
|
}
|