diff --git a/src/app.css b/src/app.css index 1354fbc..d8311b9 100644 --- a/src/app.css +++ b/src/app.css @@ -5,14 +5,16 @@ --primary-100: oklch(from var(--primary-500) .95 c h); --primary-300: oklch(from var(--primary-500) .9 c h); --primary-500: light-dark(oklch(.7503 0.117 var(--hue)), oklch(.8549 0.1149 var(--hue))); - --primary-700: oklch(from var(--primary-500) .7 c h); - --primary-900: oklch(from var(--primary-500) .6 c h); + --primary-600: oklch(from var(--primary-500) .7 c h); + --primary-700: oklch(from var(--primary-500) .6 c h); + --primary-900: oklch(from var(--primary-500) .35 calc(c + .15) h); --secondary-100: oklch(from var(--primary-500) .95 c calc(h + var(--accent-ofset))); --secondary-300: oklch(from var(--primary-500) .9 c calc(h + var(--accent-ofset))); --secondary-500: oklch(from var(--primary-500) .85 c calc(h + var(--accent-ofset))); - --secondary-700: oklch(from var(--primary-500) .7 c calc(h + var(--accent-ofset))); - --secondary-900: oklch(from var(--primary-500) .6 c calc(h + var(--accent-ofset))); + --secondary-600: oklch(from var(--primary-500) .7 c calc(h + var(--accent-ofset))); + --secondary-700: oklch(from var(--primary-500) .6 c calc(h + var(--accent-ofset))); + --secondary-900: oklch(from var(--primary-500) .35 calc(c + .15) calc(h + var(--accent-ofset))); --surface-300: light-dark(oklch(from var(--primary-500) .9 .02 h), oklch(from var(--primary-500) .2 .02 h)); --surface-400: oklch(from var(--surface-300) calc(l + .025) c h); @@ -115,7 +117,11 @@ body { } a { - color: var(--primary-500); + color: var(--primary-900); + + &:visited { + color: var(--secondary-900); + } } h1 { diff --git a/src/routes/(editor).tsx b/src/routes/(editor).tsx index 97fb291..5668222 100644 --- a/src/routes/(editor).tsx +++ b/src/routes/(editor).tsx @@ -51,6 +51,7 @@ export default function Editor(props: ParentProps) { Calque +