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

pick a code theme and setup styles for inline code

Browse Source
This commit is contained in:
jfmonty2
2026-03-16 21:16:17 -04:00
parent 3aa7ad1368
commit d2770b9a5a
5 changed files with 21 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/vars.css
+8
View File
@@ -28,6 +28,8 @@
--link-color: var(--primary-color);
--nav-link-color: white;
--neutral-gray: hsl(0deg 0% 30%);
--inline-code-bg: hsl(0deg 0% 93%);
--inline-code-color: var(--content-color);
/* dark-mode colors (defined here so that we only have to update them in one place) */
--dark-bg-color: hsl(220deg 10% 13%);
@@ -41,6 +43,8 @@
--dark-link-color: hsl(202deg 50% 50%);
--dark-nav-link-color: var(--dark-heading-color);
--dark-neutral-gray: hsl(220deg 10% 45%);
--dark-inline-code-bg: hsl(220deg 7.5% 21%);
--dark-inline-code-color: hsl(18deg 10% 90%);
&[data-theme="dark"] {
--bg-color: var(--dark-bg-color);
@@ -54,6 +58,8 @@
--link-color: var(--dark-link-color);
--nav-link-color: var(--dark-nav-link-color);
--neutral-gray: var(--dark-neutral-gray);
--inline-code-bg: var(--dark-inline-code-bg);
--inline-code-color: var(--dark-inline-code-color);
}
&:not([data-theme="light"]) {
@@ -70,6 +76,8 @@
--link-color: var(--dark-link-color);
--nav-link-color: var(--dark-nav-link-color);
--neutral-gray: var(--dark-neutral-gray);
--inline-code-bg: var(--dark-inline-code-bg);
--inline-code-color: var(--dark-inline-code-color);
}
}
}