diff options
Diffstat (limited to 'src/layouts/Layout.astro')
| -rw-r--r-- | src/layouts/Layout.astro | 38 |
1 files changed, 16 insertions, 22 deletions
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index 1810971..b80dd61 100644 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -13,6 +13,7 @@ const { title } = Astro.props; <meta name="description" content="Astro description" /> <meta name="viewport" content="width=device-width" /> <link rel="icon" type="image/svg+xml" href="/favicon.svg" /> + <link href="https://api.fontshare.com/v2/css?f[]=satoshi@400&display=swap" rel="stylesheet"> <meta name="generator" content={Astro.generator} /> <title>{title}</title> </head> @@ -22,29 +23,22 @@ const { title } = Astro.props; </html> <style is:global> :root { - --accent: 136, 58, 234; - --accent-light: 224, 204, 250; - --accent-dark: 49, 10, 101; - --accent-gradient: linear-gradient( - 45deg, - rgb(var(--accent)), - rgb(var(--accent-light)) 30%, - white 60% - ); + --zinc-50: #FAFAFA; + --zinc-400: #A1A1AA; + --zinc-800: #27272A; + --zinc-900: #18181B; + --zinc-950: #09090B; } + + *, *::before, *::after { + margin: 0; + padding: 0; + box-sizing: border-box; + } + html { - font-family: system-ui, sans-serif; - background: #13151a; - } - code { - font-family: - Menlo, - Monaco, - Lucida Console, - Liberation Mono, - DejaVu Sans Mono, - Bitstream Vera Sans Mono, - Courier New, - monospace; + font-family: 'Satoshi', system-ui, sans-serif; + background: var(--zinc-950); + color: var(--zinc-50) } </style> |