jfmonty2/blog
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

style links a little more

Browse Source
This commit is contained in:
Joseph Montanaro
2026-03-16 21:25:29 -04:00
parent d2770b9a5a
commit 485e3a0a91
2 changed files with 11 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/styles/main.css
View File

@@ -14,4 +14,11 @@ body {
a { a {
color: var(--link-color); color: var(--link-color);
text-decoration: none;
&:hover {
text-decoration: underline;
}
&:visited {
color: var(--link-color-visited);
}
} }

4
src/styles/vars.css
View File

@@ -26,6 +26,7 @@
/* misc */ /* misc */
--heading-color: hsl(0deg 0% 27%); --heading-color: hsl(0deg 0% 27%);
--link-color: var(--primary-color); --link-color: var(--primary-color);
--link-color-visited: var(--accent-color-faded);
--nav-link-color: white; --nav-link-color: white;
--neutral-gray: hsl(0deg 0% 30%); --neutral-gray: hsl(0deg 0% 30%);
--inline-code-bg: hsl(0deg 0% 93%); --inline-code-bg: hsl(0deg 0% 93%);
@@ -41,6 +42,7 @@
--dark-accent-color-faded: hsl(18deg 30% 45%); --dark-accent-color-faded: hsl(18deg 30% 45%);
--dark-heading-color: hsl(35deg 25% 88%); --dark-heading-color: hsl(35deg 25% 88%);
--dark-link-color: hsl(202deg 50% 50%); --dark-link-color: hsl(202deg 50% 50%);
--dark-link-color-visited: hsl(270deg 33% 55%);
--dark-nav-link-color: var(--dark-heading-color); --dark-nav-link-color: var(--dark-heading-color);
--dark-neutral-gray: hsl(220deg 10% 45%); --dark-neutral-gray: hsl(220deg 10% 45%);
--dark-inline-code-bg: hsl(220deg 7.5% 21%); --dark-inline-code-bg: hsl(220deg 7.5% 21%);
@@ -56,6 +58,7 @@
--accent-color-faded: var(--accent-color-faded); --accent-color-faded: var(--accent-color-faded);
--heading-color: var(--dark-heading-color); --heading-color: var(--dark-heading-color);
--link-color: var(--dark-link-color); --link-color: var(--dark-link-color);
--link-color-visited: var(--dark-link-color-visited);
--nav-link-color: var(--dark-nav-link-color); --nav-link-color: var(--dark-nav-link-color);
--neutral-gray: var(--dark-neutral-gray); --neutral-gray: var(--dark-neutral-gray);
--inline-code-bg: var(--dark-inline-code-bg); --inline-code-bg: var(--dark-inline-code-bg);
@@ -74,6 +77,7 @@
--accent-color-faded: var(--accent-color-faded); --accent-color-faded: var(--accent-color-faded);
--heading-color: var(--dark-heading-color); --heading-color: var(--dark-heading-color);
--link-color: var(--dark-link-color); --link-color: var(--dark-link-color);
--link-color-visited: var(--dark-link-color-visited);
--nav-link-color: var(--dark-nav-link-color); --nav-link-color: var(--dark-nav-link-color);
--neutral-gray: var(--dark-neutral-gray); --neutral-gray: var(--dark-neutral-gray);
--inline-code-bg: var(--dark-inline-code-bg); --inline-code-bg: var(--dark-inline-code-bg);