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

Update theme colors for links

Browse Source
This commit is contained in:
Roan Horning
2025-08-03 23:14:17 -04:00
parent c742794f15
commit e9df7bc900
1 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
public_html/css/hpr.css
View File

@@ -26,16 +26,17 @@ https://creativecommons.org/publicdomain/
url("/css/bebas/BebasNeue.woff") format("woff"); url("/css/bebas/BebasNeue.woff") format("woff");
} }
:root { :root {
--background-primary: #dfdfdf; --background-primary: #fffff7/*#fafafa#fbfbee #dfdfdf */;
--text-primary: #4d4d4d; /* HPR Grey */ --text-primary: #4d4d4d; /* HPR Grey */
--banner-text-primary: #000000; --banner-text-primary: #000000;
--background-secondary: #4d4d4d; --background-secondary: #4d4d4d;
--text-secondary: #dfdfdf; --text-secondary: #dfdfdf;
--link-primary: #004852 /*#154a60*/; --link-primary: #004852 /*#154a60*/;
--link-primary-hover: #f8961e; --link-primary-hover: #b54c08/*#f8961e*/;
--link-secondary: #a8f8ff; --link-secondary: #a8f8ff;
--link-secondary-hover: #f9e9c2; --link-secondary-hover: #f9e9c2;
--lane-button-border: #80b4c0;
--input-border-primary: #4d4d4d; --input-border-primary: #4d4d4d;
--link-spacing-horizontal: clamp(0.5rem, -0.25rem + 3vw, 2.5rem); --link-spacing-horizontal: clamp(0.5rem, -0.25rem + 3vw, 2.5rem);
@@ -299,12 +300,17 @@ a.lane-button {
margin: 0.5rem var(--link-spacing-horizontal); margin: 0.5rem var(--link-spacing-horizontal);
padding: 0.5rem; padding: 0.5rem;
border-width: 5px; border-width: 5px;
border-color: var(--link-primary); border-color: var(--lane-button-border);
border-style: solid; border-style: solid;
border-radius: 5px; border-radius: 5px;
text-align: center; text-align: center;
} }
a.lane-button:hover {
box-shadow:
1px 2px 2px var(--link-primary-hover),
2px 4px 4px var(--link-primary-hover);
}
a.lane-button img { a.lane-button img {
height: clamp(95px, calc(100vw - var(--for-tablet-portrait-up)), 110px); height: clamp(95px, calc(100vw - var(--for-tablet-portrait-up)), 110px);
filter: invert(60%) sepia(50%) hue-rotate(140deg) saturate(200%); filter: invert(60%) sepia(50%) hue-rotate(140deg) saturate(200%);