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) {