Add Tailwind config with Mission Control tokens and global styles

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-24 16:51:37 +02:00
parent 902d48a80a
commit ec320f7ae4
3 changed files with 86 additions and 0 deletions
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -0,0 +1,7 @@
+---
+import '../styles/global.css';
+---
+<html lang="en">
+  <head><meta charset="utf-8" /><title>scaffold</title></head>
+  <body class="bg-bg text-text"><p class="text-accent font-mono">scaffold ok</p></body>
+</html>
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -0,0 +1,33 @@
+@import '@fontsource/dm-sans/400.css';
+@import '@fontsource/dm-sans/500.css';
+@import '@fontsource/dm-sans/700.css';
+@import '@fontsource/jetbrains-mono/400.css';
+@import '@fontsource/jetbrains-mono/700.css';
+
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+  :root {
+    color-scheme: dark;
+  }
+  html {
+    @apply bg-bg text-text font-sans;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    text-rendering: optimizeLegibility;
+  }
+  body {
+    @apply min-h-screen;
+  }
+  code, kbd, samp, pre {
+    @apply font-mono;
+  }
+  ::selection {
+    @apply bg-accent text-bg;
+  }
+  :focus-visible {
+    @apply outline-2 outline-offset-2 outline-accent;
+  }
+}