feat: restore muted color in readme

Author: alexdln

app/assets/main.css

@@ -14,7 +14,6 @@
 
   /* text colors */
   --fg: oklch(0.982 0 0);
-  --fg-muted-light: oklch(0.832 0 0);
   --fg-muted: oklch(0.749 0 0);
   --fg-subtle: oklch(0.673 0 0);
 
@@ -79,9 +78,6 @@
   --bg-elevated: var(--bg-elevated-color, oklch(0.94 0.002 287.29));
 
   --fg: oklch(0.146 0 0);
-  --fg-muted-light: oklch(
-    0.284 0 0
-  ); /* TODO fix palette names to match bg - core > subtle > muted > elevated */
   --fg-muted: oklch(0.398 0 0);
   --fg-subtle: oklch(0.48 0 0);
 

app/components/Readme.vue

@@ -76,7 +76,7 @@ function handleClick(event: MouseEvent) {
 <style scoped>
 /* README prose styling */
 .readme {
-  color: var(--fg-muted-light);
+  color: var(--fg-muted);
   line-height: 1.75;
   /* Prevent horizontal overflow on mobile */
   overflow-wrap: break-word;

uno.config.ts

@@ -49,10 +49,9 @@ export default defineConfig({
         elevated: 'var(--bg-elevated)',
       },
       fg: {
-        'DEFAULT': 'var(--fg)',
-        'muted': 'var(--fg-muted)',
-        'muted-light': 'var(--fg-muted-light)',
-        'subtle': 'var(--fg-subtle)',
+        DEFAULT: 'var(--fg)',
+        muted: 'var(--fg-muted)',
+        subtle: 'var(--fg-subtle)',
       },
       border: {
         DEFAULT: 'var(--border)',