diff options
| author | Alam Guardin <alamguardin@gmail.com> | 2024-08-05 22:17:34 -0500 |
|---|---|---|
| committer | Alam Guardin <alamguardin@gmail.com> | 2024-08-05 22:17:34 -0500 |
| commit | 6becb8cf09c02c93e0f5030957015ed4ea07789d (patch) | |
| tree | 9b45e3e7e42f1c0903c4c080df59bf729d7503ef /src/layouts/Layout.astro | |
| parent | 989c8d6e947c56f0241a169da02ba2558653a4b0 (diff) | |
style: basic styles and create profile component
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> |