GitHub/quartz
1
0
Fork 2
mirror of https://github.com/jackyzha0/quartz.git synced 2025-12-20 03:14:06 -06:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

hover highlight w/ dark bg, font formatting for readibility

Browse Source
This commit is contained in:
vintro 2024-12-13 16:48:29 -08:00
parent 0e25e1edf4
commit 2cad4961d9
No known key found for this signature in database
2 changed files with 24 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
quartz.config.ts
View File

@ -35,7 +35,7 @@ const config: QuartzConfig = {
secondary: "#4e4e4e", secondary: "#4e4e4e",
tertiary: "#C0FFE1", tertiary: "#C0FFE1",
customCallout: "rgba(183, 255, 236, 0.35)", customCallout: "rgba(183, 255, 236, 0.35)",
highlight: "rgba(128, 128, 128, 0.15)", highlight: "rgba(128, 128, 128, 0.35)",
searchBackground: "#D3D3D3", searchBackground: "#D3D3D3",
}, },
darkMode: { darkMode: {

28
quartz/styles/base.scss
View File

@ -60,11 +60,14 @@ strong {
a { a {
font-weight: $semiBoldWeight; font-weight: $semiBoldWeight;
text-decoration: none; text-decoration: none;
transition: color 0.2s ease; transition: color 0.2s ease, background-color 0.2s ease;
color: var(--secondary); color: var(--secondary);
&:hover { &:hover {
color: var(--tertiary) !important; color: var(--tertiary) !important;
background-color: var(--highlight);
border-radius: 5px;
padding: 0 0.1rem;
} }
&.internal { &.internal {
@ -74,6 +77,10 @@ a {
border-radius: 5px; border-radius: 5px;
line-height: 1.4rem; line-height: 1.4rem;
&:hover {
background-color: var(--highlight);
}
&:has(> img) { &:has(> img) {
background-color: none; background-color: none;
border-radius: 0; border-radius: 0;
@ -141,6 +148,12 @@ a {
p > strong { p > strong {
color: var(--dark); color: var(--dark);
} }
p {
letter-spacing: -0.03em;
line-height: 1.5;
font-size: 0.9rem;
}
} }
& > #quartz-body { & > #quartz-body {
@ -296,29 +309,33 @@ h6 {
// typography improvements // typography improvements
h1 { h1 {
font-size: 1.75rem; font-size: 33px;
margin-top: 2.25rem; margin-top: 2.25rem;
margin-bottom: 1rem; margin-bottom: 1rem;
letter-spacing: -0.02em;
} }
h2 { h2 {
font-size: 1.4rem; font-size: 22px;
margin-top: 1.9rem; margin-top: 1.9rem;
margin-bottom: 1rem; margin-bottom: 1rem;
letter-spacing: -0.01em;
} }
h3 { h3 {
font-size: 1.12rem; font-size: 22px;
margin-top: 1.62rem; margin-top: 1.62rem;
margin-bottom: 1rem; margin-bottom: 1rem;
letter-spacing: -0.01em;
} }
h4, h4,
h5, h5,
h6 { h6 {
font-size: 1rem; font-size: 11px;
margin-top: 1.5rem; margin-top: 1.5rem;
margin-bottom: 1rem; margin-bottom: 1rem;
letter-spacing: 0;
} }
figure[data-rehype-pretty-code-figure] { figure[data-rehype-pretty-code-figure] {
@ -521,3 +538,4 @@ input {
border-radius: 5px; border-radius: 5px;
padding: 0.5rem; padding: 0.5rem;
} }