theme shuffle

This commit is contained in:
semanticdata 2023-12-14 20:40:24 -06:00
parent f4fb79ea58
commit de5e4c463a
3 changed files with 10 additions and 6224 deletions

File diff suppressed because it is too large Load Diff

View File

@ -15,7 +15,7 @@ const config: QuartzConfig = {
theme: {
typography: {
header: "Bitter", // Schibsted Grotesk
body: "Bitter", // Source Sans Pro, Poppins
body: "Poppins", // Source Sans Pro, Poppins
code: "Fira Mono", // IBM Plex Mono
},
colors: {
@ -26,8 +26,8 @@ const config: QuartzConfig = {
darkgray: "#2e2e2e", // body text
dark: "#1c1c1c", // header text, icons
secondary: "#091217", // links, nodes
tertiary: "#242e3b", // hover states, visited
highlight: "rgba(143, 159, 169, 0.15)", // internal link background
tertiary: "rebeccapurple", // hover states, visited
highlight: "rgba(143, 159, 169, 0.2)", // internal link background
},
darkMode: {
light: "#1e1e2e", // background
@ -37,7 +37,7 @@ const config: QuartzConfig = {
dark: "#cdd6f4", // header text, icons
secondary: "#9be895", // links, nodes
tertiary: "#c072c4", // hover states, visited
highlight: "rgba(143, 159, 169, 0.1)", // internal link background
highlight: "rgba(143, 159, 169, 0.2)", // internal link background
},
},
},

View File

@ -32,8 +32,8 @@ section {
}
::selection {
background: color-mix(in srgb, var(--tertiary) 25%, transparent); // 75%
// color: var(--darkgray);
background: color-mix(in srgb, var(--tertiary) 50%, transparent); // 75%
color: var(--darkgray);
}
p,
@ -62,14 +62,13 @@ ul,
a {
font-weight: 600;
text-decoration: none;
// transition: color 0.5s ease; // 0.2s
color: var(--secondary);
text-decoration: underline 0.2rem transparent;
transition: text-decoration-color 0.5s;
transition: all 0.5s ease;
&:hover {
// color: var(--tertiary) !important;
text-decoration-color: var(--tertiary);
color: var(--tertiary) !important;
text-decoration-color: var(--tertiary) !important;
// text-underline-offset: 0.4em;
}
@ -474,7 +473,7 @@ video {
ul.overflow,
ol.overflow {
max-height: 450; // 400
max-height: 400; // 400
overflow-y: auto; // auto, scroll
// clearfix