diff --git a/website/public/css/base.css b/website/public/css/base.css index 0fbd872..ea9bace 100644 --- a/website/public/css/base.css +++ b/website/public/css/base.css @@ -46,6 +46,17 @@ --colour-error-90: oklch(0.9 0.2 26); --colour-error-95: oklch(0.95 0.2 26); + --colour-warn-10: oklch(0.1 0.2 46); + --colour-warn-20: oklch(0.2 0.2 46); + --colour-warn-30: oklch(0.3 0.2 46); + --colour-warn-40: oklch(0.4 0.2 46); + --colour-warn-50: oklch(0.5 0.2 46); + --colour-warn-60: oklch(0.6 0.2 46); + --colour-warn-70: oklch(0.7 0.2 46); + --colour-warn-80: oklch(0.8 0.2 46); + --colour-warn-90: oklch(0.9 0.2 46); + --colour-warn-95: oklch(0.95 0.2 46); + --colour-primary-fg: var(--colour-primary-90); --colour-primary-fg-accent: var(--colour-primary-80); --colour-primary-bg: var(--colour-primary-10); @@ -57,6 +68,8 @@ --colour-grey-bg: var(--colour-grey-30); --colour-error-fg: var(--colour-error-90); --colour-error-bg: var(--colour-error-40); + --colour-warn-fg: var(--colour-warn-20); + --colour-warn-bg: var(--colour-warn-80); --font-size-sm: 1rem; --font-size-base: 1.125rem; @@ -492,3 +505,12 @@ dialog { padding-block: var(--spacing--block-sm); padding-inline: var(--spacing-inline-sm); } + +.warn { + background: var(--colour-warn-bg); + border: 2px solid var(--colour-warn-fg); + color: var(--colour-warn-fg); + padding-block: var(--spacing--block-sm); + padding-inline: var(--spacing-inline-sm); + --colour-hyperlink: var(--colour-hyperlink-40); +} diff --git a/website/src/pages/contact.astro b/website/src/pages/contact.astro index b03436c..a388e56 100644 --- a/website/src/pages/contact.astro +++ b/website/src/pages/contact.astro @@ -8,6 +8,15 @@ import Page from "../layouts/Page.astro";