helix-admin/helix-engage
1
0
Fork 0
mirror of https://dev.azure.com/globalhealthx/EMR/_git/helix-engage synced 2026-04-11 18:28:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: override brand color to Material Blue and add General Sans + Satoshi fonts

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
saridsa2
2026-03-16 14:25:57 +05:30
parent 3a338b33dd
commit 06c91ecc88
2 changed files with 15 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/styles/globals.css
View File

@@ -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";

28
src/styles/theme.css
View File

@@ -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);