HPR/hpr_generator
8
1
Fork 5
Code Issues 36 Pull Requests 5 Actions Packages Projects Releases Wiki Activity

Improve contrast of header and link text for dark theme

Browse Source
This commit is contained in:
Roan Horning
2025-10-25 13:06:22 -04:00
parent 88f9362279
commit 47e1ebf69c
1 changed files with 15 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
public_html/css/hpr.css
View File

@@ -843,24 +843,36 @@ fieldset > table td input[type="radio"] {
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
:root { :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 */ --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%); --shadow-secondary-color: hsl(0, 0%, 40%);
--input-border-primary: var(--shadow-secondary-color); --input-border-primary: var(--shadow-secondary-color);
--lane-button-color: #d5e6ea;
} }
body > header { body > header {
background-image: url("/images/main-header-background-dark.png"); background-image: url("/images/main-header-background-dark.png");
background-color: #22545a;
}
img { img {
filter: brightness(0.70); filter: brightness(0.70);
} }
a.lane-button { a.lane-button {
background-image: url("/images/lane-button-background-dark.png"); background-image: url("/images/lane-button-background-dark.png");
color: var(--lane-button-color);
} }
a.lane-button img { a.lane-button img {
filter: none; 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) { #hosts td:nth-child(-n+2) {
color: var(--text-primary); color: var(--text-primary);
} }