From ec320f7ae48a11714408709e4d3e3924ed1ee1ae Mon Sep 17 00:00:00 2001 From: hsiegeln <37154749+hsiegeln@users.noreply.github.com> Date: Fri, 24 Apr 2026 16:51:37 +0200 Subject: [PATCH] Add Tailwind config with Mission Control tokens and global styles Co-Authored-By: Claude Sonnet 4.6 --- src/pages/index.astro | 7 +++++++ src/styles/global.css | 33 +++++++++++++++++++++++++++++++ tailwind.config.mjs | 46 +++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 86 insertions(+) create mode 100644 src/pages/index.astro create mode 100644 src/styles/global.css create mode 100644 tailwind.config.mjs diff --git a/src/pages/index.astro b/src/pages/index.astro new file mode 100644 index 0000000..b33b7fe --- /dev/null +++ b/src/pages/index.astro @@ -0,0 +1,7 @@ +--- +import '../styles/global.css'; +--- + + scaffold +

scaffold ok

+ diff --git a/src/styles/global.css b/src/styles/global.css new file mode 100644 index 0000000..d0c8694 --- /dev/null +++ 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; + } +} diff --git a/tailwind.config.mjs b/tailwind.config.mjs new file mode 100644 index 0000000..1e68015 --- /dev/null +++ b/tailwind.config.mjs @@ -0,0 +1,46 @@ +/** @type {import('tailwindcss').Config} */ +export default { + content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'], + theme: { + extend: { + colors: { + bg: { + DEFAULT: '#060a13', + elevated: '#0c111a', + }, + border: { + DEFAULT: '#1e2535', + strong: '#2a3242', + }, + accent: { + DEFAULT: '#f0b429', + muted: '#c89321', + }, + cyan: { + DEFAULT: '#5cc8ff', + muted: '#3a9dd1', + }, + rose: '#f43f5e', + green: '#10b981', + text: { + DEFAULT: '#e8eaed', + muted: '#9aa3b2', + faint: '#6b7280', + }, + }, + fontFamily: { + sans: ['"DM Sans"', 'system-ui', 'sans-serif'], + mono: ['"JetBrains Mono"', 'ui-monospace', 'SFMono-Regular', 'monospace'], + }, + fontSize: { + 'display': ['clamp(2.5rem, 5vw, 4.5rem)', { lineHeight: '1.05', letterSpacing: '-0.02em' }], + 'hero': ['clamp(1.75rem, 3vw, 2.75rem)', { lineHeight: '1.15', letterSpacing: '-0.015em' }], + }, + maxWidth: { + content: '72rem', + prose: '42rem', + }, + }, + }, + plugins: [], +};