diff --git a/public_html/css/hpr.css b/public_html/css/hpr.css
index d25314a..c3af5f9 100644
--- a/public_html/css/hpr.css
+++ b/public_html/css/hpr.css
@@ -843,24 +843,36 @@ fieldset > table td input[type="radio"] {
}
@media (prefers-color-scheme: dark) {
:root {
- --link-primary: #4baabe;
+ --link-primary: #bbdfe7;
+ --link-header-hover: #b54c08; /* original --link-primary-hover */;
+ --link-primary-hover: var(--link-secondary-hover);
--background-primary: #4d4d4d; /* HPR Grey */
- --text-primary: #fffff7/*#fafafa#fbfbee #dfdfdf */;
+ --text-primary: #dfdfdf /*#fffff7#fafafa#fbfbee #dfdfdf */;
+ --banner-text-primary: #b6b6b6;
--shadow-secondary-color: hsl(0, 0%, 40%);
--input-border-primary: var(--shadow-secondary-color);
+ --lane-button-color: #d5e6ea;
}
body > header {
background-image: url("/images/main-header-background-dark.png");
+ background-color: #22545a;
+ }
img {
filter: brightness(0.70);
}
a.lane-button {
background-image: url("/images/lane-button-background-dark.png");
+ color: var(--lane-button-color);
}
a.lane-button img {
filter: none;
}
- .lane > article > header,
+ .lane > article > header {
+ color: var(--text-secondary);
+ }
+ #title a:hover {
+ color: var(--link-header-hover);
+ }
#hosts td:nth-child(-n+2) {
color: var(--text-primary);
}