feat: choose a better theme color

Author: vivshaw

.notes/todo.md

@@ -17,7 +17,6 @@
 - [ ] UX
   - [ ] new icon. dark mode icon would be sick whilst I'm at it.
 - [ ] styling
-  - [ ] better branded theme color
   - [ ] obliterate `pageStyles` directory
   - [ ] restyle so all pages can share `.centeringWrapper` etc. and Navbar can be pulled into the main layout
     - [ ] could then expand the use of grid from something that lives inside the blog post, to something used globally

apps/vivsha.ws/app/layout.tsx

@@ -12,7 +12,7 @@ import { LayoutWrapper } from "./_components/LayoutWrapper"
 
 export const viewport: Viewport = {
   colorScheme: "dark light",
-  themeColor: "#000000",
+  themeColor: "#111216",
 }
 
 export const metadata: Metadata = {
@@ -62,7 +62,7 @@ export const metadata: Metadata = {
     // Don't turn phone numbers into links
     "format-detection": "telephone=no",
     // Windows tile config
-    "msapplication-TileColor": "#da532c",
+    "msapplication-TileColor": "#111216",
   },
 }
 

yarn.lock

@@ -1441,9 +1441,11 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@vivshaw/mdx@workspace:packages/mdx":
+"@vivshaw/mdx@workspace:^, @vivshaw/mdx@workspace:packages/mdx":
   version: 0.0.0-use.local
   resolution: "@vivshaw/mdx@workspace:packages/mdx"
+  dependencies:
+    "@vivshaw/viriditas": "workspace:^"
   peerDependencies:
     "@vanilla-extract/css": ^1.17.0
     clsx: ^2.1.1
@@ -1477,6 +1479,7 @@ __metadata:
     "@vanilla-extract/css": ^1.17.0
     "@vanilla-extract/next-plugin": ^2.4.8
     "@vanilla-extract/recipes": ^0.5.5
+    "@vivshaw/mdx": "workspace:^"
     "@vivshaw/viriditas": "workspace:^"
     clsx: ^2.1.1
     lodash: ^4.17.21