fussy fixes
This commit is contained in:
parent
2f85867a05
commit
5612d5e345
5 changed files with 19 additions and 19 deletions
|
@ -24,11 +24,12 @@ pre[class*="language-"] {
|
|||
padding: 0.1em;
|
||||
}
|
||||
pre[class*="language-"] {
|
||||
background: var(--c-text-background-light);
|
||||
background: color-mix(in lch, var(--c-text-background-light) 20%, transparent);
|
||||
overflow: auto;
|
||||
position: relative;
|
||||
margin: 0.5em 0;
|
||||
padding: 1.25em 1em;
|
||||
box-shadow: inset 0 0 6rem -2rem var(--c-highlight);
|
||||
}
|
||||
p:has(+ pre[class*="language-"]) > code {
|
||||
margin: 0;
|
||||
|
|
|
@ -12,11 +12,11 @@
|
|||
|
||||
body {
|
||||
--c-highlight: oklch(100% 0 0 / 0.875);
|
||||
--c-dark: oklch(32.1% 0.022 259.9);
|
||||
--c-accent: white;
|
||||
--c-dark: oklch(32.1% 0.022 259.9);
|
||||
--c-body-background: oklch(85% 0 338);
|
||||
--c-bg1: oklch(85% 0.04 285);
|
||||
--c-bg2: oklch(85% 0.04 188);
|
||||
--c-bg2: oklch(85% 0.04 160);
|
||||
--c-text-background-light: oklch(96.2% 0 0 / 0.6);
|
||||
|
||||
--c-text-light: var(--c-highlight);
|
||||
|
@ -56,13 +56,13 @@ body[data-theme="dark"] {
|
|||
background-color: var(--c-body-background);
|
||||
}
|
||||
[data-theme="dark"] {
|
||||
--c-highlight: oklch(40% 0.088 341.9 / 0.6);
|
||||
--c-accent: oklch(40% 0.088 341.9 / 0.8);
|
||||
--c-highlight: oklch(45% 0.135 280 / 0.7);
|
||||
--c-accent: oklch(45% 0.135 280 / 0.8);
|
||||
--c-body-background: oklch(15% 0.05 262);
|
||||
--c-bg1: oklch(15% 0.05 285);
|
||||
--c-bg1: oklch(15% 0.05 290);
|
||||
--c-bg2: oklch(15% 0.05 188);
|
||||
--c-dark: oklch(19.1% 0.005 259.9);
|
||||
--c-text-background-light: oklch(30.6% 0.073 341.7 / 0.3);
|
||||
--c-text-background-light: oklch(45% 0.135 280 / 0.3);
|
||||
--c-text-light: oklch(94% 0.045 107.2);
|
||||
--c-text-dark: oklch(94% 0.045 107.2);
|
||||
}
|
||||
|
@ -72,13 +72,13 @@ body[data-theme="dark"] {
|
|||
background-color: var(--c-body-background);
|
||||
}
|
||||
[data-theme="auto"] {
|
||||
--c-highlight: oklch(40% 0.088 341.9 / 0.6);
|
||||
--c-accent: oklch(40% 0.088 341.9 / 0.8);
|
||||
--c-highlight: oklch(45% 0.135 280 / 0.7);
|
||||
--c-accent: oklch(45% 0.135 280 / 0.8);
|
||||
--c-body-background: oklch(15% 0.05 262);
|
||||
--c-bg1: oklch(15% 0.05 285);
|
||||
--c-bg1: oklch(15% 0.05 290);
|
||||
--c-bg2: oklch(15% 0.05 188);
|
||||
--c-dark: oklch(19.1% 0.005 259.9);
|
||||
--c-text-background-light: oklch(30.6% 0.073 341.7 / 0.3);
|
||||
--c-text-background-light: oklch(45% 0.135 280 / 0.3);
|
||||
--c-text-light: oklch(94% 0.045 107.2);
|
||||
--c-text-dark: oklch(94% 0.045 107.2);
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue