thatonelutenist/website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Refactor post styling code

Browse source
This commit is contained in:
Nathan McCarty 2025-02-05 22:36:10 -05:00
parent 278f5a8390
commit f46ca670fe
2 changed files with 145 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

36
resources/colors.css
View file

@ -7,7 +7,7 @@
--dim-0: light-dark(#878787,#777777);
--fg-0: light-dark(#474747,#b9b9b9);
--fg-1: light-dark(#282828,#dedede);
--red: light-dark(#d6000c,#ed4a46)
--red: light-dark(#d6000c,#ed4a46);
--green: light-dark(#1d9700,#70b433);
--yellow: light-dark(#c49700,#dbb32d);
--blue: light-dark(#0064e4,#368aeb);
@ -30,4 +30,38 @@
--code-cyan: light-dark(#009c8f,#41c7b9);
--code-orange: light-dark(#c25d1e,#ed8649);
--code-violet: light-dark(#8762c6,#af88eb);
/* Set basic colors */
color: var(--fg-0);
background-color: var(--bg-1);
}
/* Set link colors */
a:link {
color: var(--cyan);
}
a:visited {
color: var(--magenta);
}
/* Color our main content elements */
.site-header {
background-color: var(--bg-0);
}
.site-logo {
color: var(--red);
}
.site-tagline {
color: var(--dim-0);
}
.post-body, .post-header, .post-blurbs {
background-color: var(--bg-0);
}
.post-blurb {
background-color: var(--bg-1);
}
.post-title, .post-blurbs > h1 {
color: var(--green);
}
.post-body > h3, .post-body > h3, .post-body > h4 {
color: var(--fg-1);
}