light and dark code styles

This commit is contained in:
Joshua Seigler 2025-06-15 15:58:36 -04:00
parent ad85908c0d
commit 2ee1ebbdc3
4 changed files with 172 additions and 126 deletions

View file

@ -21,6 +21,7 @@ body {
--c-text-light: var(--c-highlight);
--c-text-dark: var(--c-dark);
--c-text-dim: color-mix(in lch, var(--c-text-dark), transparent 30%);
--ratio: 1.333;
--s-5: calc(var(--s-4) / var(--ratio));
@ -528,7 +529,7 @@ p > code, pre {
border-radius: 0.5em;
}
p > code {
margin: -0.1em;
margin: -0.1em 0;
display: inline-block;
}
@ -571,8 +572,7 @@ body .isso-input-wrapper label {
body .isso-input-wrapper input,
input[type='text'],
body .isso-textarea,
body .isso-preview,
pre {
body .isso-preview {
color: inherit;
font-size: 1rem;
background-color: transparent;