svelte-toolkit/sui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

prefix theme colors for consumer compatibility

Browse Source
This commit is contained in:
Elijah Duffy
2025-07-03 20:21:38 -07:00
parent ed434f88ed
commit 9988e07108
14 changed files with 91 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files

100
src/lib/styles/theme.css
View File

@@ -25,63 +25,63 @@
);
/* Primary Colors */
--color-primary-50: var(--ui-primary-50, #f0f8fe);
--color-primary-100: var(--ui-primary-100, #ddeefc);
--color-primary-200: var(--ui-primary-200, #c2e3fb);
--color-primary-300: var(--ui-primary-300, #98d2f8);
--color-primary-400: var(--ui-primary-400, #68b9f2);
--color-primary-500: var(--ui-primary-500, #459bec);
--color-primary-600: var(--ui-primary-600, #2f80e1);
--color-primary-700: var(--ui-primary-700, #2463c1);
--color-primary-800: var(--ui-primary-800, #2556a8);
--color-primary-900: var(--ui-primary-900, #234b85);
--color-primary-950: var(--ui-primary-950, #1a2f51);
--color-primary: var(--ui-primary, #2463c1);
--color-sui-primary-50: var(--ui-primary-50, #f0f8fe);
--color-sui-primary-100: var(--ui-primary-100, #ddeefc);
--color-sui-primary-200: var(--ui-primary-200, #c2e3fb);
--color-sui-primary-300: var(--ui-primary-300, #98d2f8);
--color-sui-primary-400: var(--ui-primary-400, #68b9f2);
--color-sui-primary-500: var(--ui-primary-500, #459bec);
--color-sui-primary-600: var(--ui-primary-600, #2f80e1);
--color-sui-primary-700: var(--ui-primary-700, #2463c1);
--color-sui-primary-800: var(--ui-primary-800, #2556a8);
--color-sui-primary-900: var(--ui-primary-900, #234b85);
--color-sui-primary-950: var(--ui-primary-950, #1a2f51);
--color-sui-primary: var(--ui-primary, #2463c1);
/* Secondary Colors */
--color-secondary-50: var(--ui-secondary-50, #f2f7fc);
--color-secondary-100: var(--ui-secondary-100, #e1edf8);
--color-secondary-200: var(--ui-secondary-200, #cbe0f2);
--color-secondary-300: var(--ui-secondary-300, #a7cce9);
--color-secondary-400: var(--ui-secondary-400, #7cb1de);
--color-secondary-500: var(--ui-secondary-500, #5d95d4);
--color-secondary-600: var(--ui-secondary-600, #487bc6);
--color-secondary-700: var(--ui-secondary-700, #3f69b6);
--color-secondary-800: var(--ui-secondary-800, #395694);
--color-secondary-900: var(--ui-secondary-900, #324a76);
--color-secondary-950: var(--ui-secondary-950, #222f49);
--color-secondary: var(--ui-secondary, #487bc6);
--color-sui-secondary-50: var(--ui-secondary-50, #f2f7fc);
--color-sui-secondary-100: var(--ui-secondary-100, #e1edf8);
--color-sui-secondary-200: var(--ui-secondary-200, #cbe0f2);
--color-sui-secondary-300: var(--ui-secondary-300, #a7cce9);
--color-sui-secondary-400: var(--ui-secondary-400, #7cb1de);
--color-sui-secondary-500: var(--ui-secondary-500, #5d95d4);
--color-sui-secondary-600: var(--ui-secondary-600, #487bc6);
--color-sui-secondary-700: var(--ui-secondary-700, #3f69b6);
--color-sui-secondary-800: var(--ui-secondary-800, #395694);
--color-sui-secondary-900: var(--ui-secondary-900, #324a76);
--color-sui-secondary-950: var(--ui-secondary-950, #222f49);
--color-sui-secondary: var(--ui-secondary, #487bc6);
/* Accent Colors */
--color-accent-50: var(--ui-accent-50, #f0f9ff);
--color-accent-100: var(--ui-accent-100, #e1f2fd);
--color-accent-200: var(--ui-accent-200, #bbe7fc);
--color-accent-300: var(--ui-accent-300, #7fd3fa);
--color-accent-400: var(--ui-accent-400, #3cbef4);
--color-accent-500: var(--ui-accent-500, #12a5e5);
--color-accent-600: var(--ui-accent-600, #068cce);
--color-accent-700: var(--ui-accent-700, #066a9e);
--color-accent-800: var(--ui-accent-800, #095983);
--color-accent-900: var(--ui-accent-900, #0e4b6c);
--color-accent-950: var(--ui-accent-950, #093048);
--color-accent: var(--ui-accent, #068cce);
--color-sui-accent-50: var(--ui-accent-50, #f0f9ff);
--color-sui-accent-100: var(--ui-accent-100, #e1f2fd);
--color-sui-accent-200: var(--ui-accent-200, #bbe7fc);
--color-sui-accent-300: var(--ui-accent-300, #7fd3fa);
--color-sui-accent-400: var(--ui-accent-400, #3cbef4);
--color-sui-accent-500: var(--ui-accent-500, #12a5e5);
--color-sui-accent-600: var(--ui-accent-600, #068cce);
--color-sui-accent-700: var(--ui-accent-700, #066a9e);
--color-sui-accent-800: var(--ui-accent-800, #095983);
--color-sui-accent-900: var(--ui-accent-900, #0e4b6c);
--color-sui-accent-950: var(--ui-accent-950, #093048);
--color-sui-accent: var(--ui-accent, #068cce);
/* Text Colors */
--color-text-50: var(--ui-text-50, #f6f6f6);
--color-text-100: var(--ui-text-100, #e7e7e7);
--color-text-200: var(--ui-text-200, #d1d1d1);
--color-text-300: var(--ui-text-300, #b0b0b0);
--color-text-400: var(--ui-text-400, #888888);
--color-text-500: var(--ui-text-500, #6d6d6d);
--color-text-600: var(--ui-text-600, #5d5d5d);
--color-text-700: var(--ui-text-700, #4f4f4f);
--color-text-800: var(--ui-text-800, #454545);
--color-text-900: var(--ui-text-900, #3d3d3d);
--color-text-950: var(--ui-text-950, #2a2a2a);
--color-text: var(--ui-text, #2a2a2a);
--color-sui-text-50: var(--ui-text-50, #f6f6f6);
--color-sui-text-100: var(--ui-text-100, #e7e7e7);
--color-sui-text-200: var(--ui-text-200, #d1d1d1);
--color-sui-text-300: var(--ui-text-300, #b0b0b0);
--color-sui-text-400: var(--ui-text-400, #888888);
--color-sui-text-500: var(--ui-text-500, #6d6d6d);
--color-sui-text-600: var(--ui-text-600, #5d5d5d);
--color-sui-text-700: var(--ui-text-700, #4f4f4f);
--color-sui-text-800: var(--ui-text-800, #454545);
--color-sui-text-900: var(--ui-text-900, #3d3d3d);
--color-sui-text-950: var(--ui-text-950, #2a2a2a);
--color-sui-text: var(--ui-text, #2a2a2a);
/* Background */
--color-background: var(--ui-background, #f2efec);
--color-sui-background: var(--ui-background, #f2efec);
/* Shadows */
--shadow-centre: var(--ui-shadow-centre, 0 0 80px -6px rgb(0 0 0 / 0.25));
@@ -100,6 +100,6 @@
::before,
::backdrop,
::file-selector-button {
border-color: var(--color-gray-200, currentcolor);
border-color: var(--color-sui-gray-200, currentcolor);
}
}