150 lines
3.5 KiB
Typst
150 lines
3.5 KiB
Typst
#let base = (
|
|
petrol-anthracite: (
|
|
"50": rgb("#f0f4f7"),
|
|
"100": rgb("#dfe4e9"),
|
|
"200": rgb("#acb4bd"),
|
|
"300": rgb("#828e9a"),
|
|
"400": rgb("#596978"),
|
|
"500": rgb("#46596b"),
|
|
"600": rgb("#2f4356"),
|
|
"700": rgb("#263645"),
|
|
"800": rgb("#1c2834"),
|
|
"900": rgb("#131b22"),
|
|
),
|
|
blue: (
|
|
"50": rgb("#eff6ff"),
|
|
"100": rgb("#dbeafe"),
|
|
"200": rgb("#bfdbfe"),
|
|
"300": rgb("#93c5fd"),
|
|
"400": rgb("#60a5fa"),
|
|
"500": rgb("#3b82f6"),
|
|
"600": rgb("#2563eb"),
|
|
"700": rgb("#1d4ed8"),
|
|
"800": rgb("#1e40af"),
|
|
"900": rgb("#1e3a8a"),
|
|
),
|
|
green: (
|
|
"50": rgb("#ecfdf5"),
|
|
"100": rgb("#d1fae5"),
|
|
"200": rgb("#a7f3d0"),
|
|
"300": rgb("#6ee7b7"),
|
|
"400": rgb("#34d399"),
|
|
"500": rgb("#10b981"),
|
|
"600": rgb("#059669"),
|
|
"700": rgb("#047857"),
|
|
"800": rgb("#065f46"),
|
|
"900": rgb("#064e3b"),
|
|
),
|
|
indigo: (
|
|
"50": rgb("#eef2ff"),
|
|
"100": rgb("#e0e7ff"),
|
|
"200": rgb("#c7d2fe"),
|
|
"300": rgb("#a5b4fc"),
|
|
"400": rgb("#818cf8"),
|
|
"500": rgb("#6366f1"),
|
|
"600": rgb("#4f46e5"),
|
|
"700": rgb("#4338ca"),
|
|
"800": rgb("#3730a3"),
|
|
"900": rgb("#312e81"),
|
|
),
|
|
orange: (
|
|
"50": rgb("#fff7ed"),
|
|
"100": rgb("#ffedd5"),
|
|
"200": rgb("#fed7aa"),
|
|
"300": rgb("#fdba74"),
|
|
"400": rgb("#fb923c"),
|
|
"500": rgb("#f97316"),
|
|
"600": rgb("#ea580c"),
|
|
"700": rgb("#c2410c"),
|
|
"800": rgb("#9a3412"),
|
|
"900": rgb("#7c2d12"),
|
|
),
|
|
pink: (
|
|
"50": rgb("#fdf2f8"),
|
|
"100": rgb("#fce7f3"),
|
|
"200": rgb("#fbcfe8"),
|
|
"300": rgb("#f9a8d4"),
|
|
"400": rgb("#f472b6"),
|
|
"500": rgb("#ec4899"),
|
|
"600": rgb("#db2777"),
|
|
"700": rgb("#be185d"),
|
|
"800": rgb("#9d174d"),
|
|
"900": rgb("#831843"),
|
|
),
|
|
purple: (
|
|
"50": rgb("#f5f3ff"),
|
|
"100": rgb("#ede9fe"),
|
|
"200": rgb("#ddd6fe"),
|
|
"300": rgb("#c4b5fd"),
|
|
"400": rgb("#a78bfa"),
|
|
"500": rgb("#8655F6"),
|
|
"600": rgb("#7c3aed"),
|
|
"700": rgb("#6d28d9"),
|
|
"800": rgb("#5b21b6"),
|
|
"900": rgb("#4c1d95"),
|
|
),
|
|
red: (
|
|
"50": rgb("#ffedee"),
|
|
"100": rgb("#fae1e2"),
|
|
"200": rgb("#ffccce"),
|
|
"300": rgb("#fa9da1"),
|
|
"400": rgb("#fc656b"),
|
|
"500": rgb("#e53940"),
|
|
"600": rgb("#d8232a"),
|
|
"700": rgb("#bf1f25"),
|
|
"800": rgb("#99191e"),
|
|
"900": rgb("#801519"),
|
|
),
|
|
teal: (
|
|
"50": rgb("#f2fdfc"),
|
|
"100": rgb("#cbfbf8"),
|
|
"200": rgb("#98f6f3"),
|
|
"300": rgb("#5de8ea"),
|
|
"400": rgb("#2bced4"),
|
|
"500": rgb("#14afb8"),
|
|
"600": rgb("#0d8b96"),
|
|
"700": rgb("#0f6b75"),
|
|
"800": rgb("#11575f"),
|
|
"900": rgb("#13474e"),
|
|
),
|
|
yellow: (
|
|
"50": rgb("#fffbeb"),
|
|
"100": rgb("#fef3c7"),
|
|
"200": rgb("#fde68a"),
|
|
"300": rgb("#fcd34d"),
|
|
"400": rgb("#fbbf24"),
|
|
"500": rgb("#f59e0b"),
|
|
"600": rgb("#d97706"),
|
|
"700": rgb("#b45309"),
|
|
"800": rgb("#92400e"),
|
|
"900": rgb("#78350f"),
|
|
),
|
|
gray: (
|
|
"50": rgb("#f9fafb"),
|
|
"100": rgb("#f3f4f6"),
|
|
"200": rgb("#e5e7eb"),
|
|
"300": rgb("#d1d5db"),
|
|
"400": rgb("#9ca3af"),
|
|
"500": rgb("#6b7280"),
|
|
"600": rgb("#4b5563"),
|
|
"700": rgb("#374151"),
|
|
"800": rgb("#1f2937"),
|
|
"900": rgb("#111827"),
|
|
),
|
|
)
|
|
|
|
#let palette = (
|
|
..base,
|
|
// UI Functional Colors
|
|
primary: base.red,
|
|
secondary: base.petrol-anthracite,
|
|
text: base.gray,
|
|
ui: (
|
|
text: base.gray.at("800"), // Default text color
|
|
text-light: base.gray.at("500"), // Default light text
|
|
link: base.red.at("600"), // color-primary-600
|
|
bg-dark: base.petrol-anthracite.at("50"), // background-color
|
|
border: rgb(31, 41, 55), // border-bottom-color
|
|
),
|
|
)
|