From 06c91ecc884ab4f15742f16c165ad4b175b88631 Mon Sep 17 00:00:00 2001 From: saridsa2 Date: Mon, 16 Mar 2026 14:25:57 +0530 Subject: [PATCH] feat: override brand color to Material Blue and add General Sans + Satoshi fonts Co-Authored-By: Claude Sonnet 4.6 --- src/styles/globals.css | 1 + src/styles/theme.css | 28 ++++++++++++++-------------- 2 files changed, 15 insertions(+), 14 deletions(-) diff --git a/src/styles/globals.css b/src/styles/globals.css index d067886..2449136 100755 --- a/src/styles/globals.css +++ b/src/styles/globals.css @@ -1,3 +1,4 @@ +@import url('https://api.fontshare.com/v2/css?f[]=general-sans@500,600,700&f[]=satoshi@400,500,700&display=swap'); @import "tailwindcss"; @import "./theme.css"; @import "./typography.css"; diff --git a/src/styles/theme.css b/src/styles/theme.css index 84838f3..91a03fa 100644 --- a/src/styles/theme.css +++ b/src/styles/theme.css @@ -1,7 +1,7 @@ @theme { /* FONT FAMILY */ - --font-body: var(--font-inter, "Inter"), -apple-system, "Segoe UI", Roboto, Arial, sans-serif; - --font-display: var(--font-inter, "Inter"), -apple-system, "Segoe UI", Roboto, Arial, sans-serif; + --font-body: 'Satoshi', var(--font-inter, "Inter"), -apple-system, "Segoe UI", Roboto, Arial, sans-serif; + --font-display: 'General Sans', var(--font-inter, "Inter"), -apple-system, "Segoe UI", Roboto, Arial, sans-serif; --font-mono: ui-monospace, "Roboto Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* FONT SIZE */ @@ -117,18 +117,18 @@ --color-white: rgb(255 255 255); --color-black: rgb(0 0 0); - --color-brand-25: rgb(252 250 255); - --color-brand-50: rgb(249 245 255); - --color-brand-100: rgb(244 235 255); - --color-brand-200: rgb(233 215 254); - --color-brand-300: rgb(214 187 251); - --color-brand-400: rgb(182 146 246); - --color-brand-500: rgb(158 119 237); - --color-brand-600: rgb(127 86 217); - --color-brand-700: rgb(105 65 198); - --color-brand-800: rgb(83 56 158); - --color-brand-900: rgb(66 48 125); - --color-brand-950: rgb(44 28 95); + --color-brand-25: var(--color-blue-25); + --color-brand-50: var(--color-blue-50); + --color-brand-100: var(--color-blue-100); + --color-brand-200: var(--color-blue-200); + --color-brand-300: var(--color-blue-300); + --color-brand-400: var(--color-blue-400); + --color-brand-500: var(--color-blue-500); + --color-brand-600: var(--color-blue-600); + --color-brand-700: var(--color-blue-700); + --color-brand-800: var(--color-blue-800); + --color-brand-900: var(--color-blue-900); + --color-brand-950: var(--color-blue-950); --color-error-25: rgb(255 251 250); --color-error-50: rgb(254 243 242);