Skip to content

Commit

Permalink
feat(ui): Add Theme Defaults (#4099)
Browse files Browse the repository at this point in the history
  • Loading branch information
@joe-bell
joe-bell authored Sep 4, 2024
1 parent 8823c21 commit b7a4f13
Show file tree
Hide file tree
Showing 2 changed files with 122 additions and 0 deletions.
2 changes: 2 additions & 0 deletions .changeset/silver-trainers-bathe.md
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
---
---
120 changes: 120 additions & 0 deletions packages/ui/src/tailwind.config.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -325,6 +325,126 @@ const config = {
'--cl-radius': '0.375rem',
'--cl-spacing-unit': '1rem',
'--cl-font-size': '0.8125rem',
// Values generated via the "Theme Builder" (Dark omitted until later)
'--color-background': '#fff',
'--cl-accent-1': '#fdfdff',
'--cl-accent-2': '#f7f8ff',
'--cl-accent-3': '#f0f1ff',
'--cl-accent-4': '#e4e6ff',
'--cl-accent-5': '#d9daff',
'--cl-accent-6': '#cacbff',
'--cl-accent-7': '#b6b5ff',
'--cl-accent-8': '#9c96ff',
'--cl-accent-9': '#6c47ff',
'--cl-accent-10': '#603de6',
'--cl-accent-11': '#5f3ce5',
'--cl-accent-12': '#2d1e72',
'--cl-accent-a1': '#0000ff02',
'--cl-accent-a2': '#0020ff08',
'--cl-accent-a3': '#0011ff0f',
'--cl-accent-a4': '#0013ff1b',
'--cl-accent-a5': '#0007ff26',
'--cl-accent-a6': '#0005ff35',
'--cl-accent-a7': '#0401ff4a',
'--cl-accent-a8': '#0f00ff69',
'--cl-accent-a9': '#3300ffb8',
'--cl-accent-a10': '#2e00dec2',
'--cl-accent-a11': '#2e00ddc3',
'--cl-accent-a12': '#11005fe1',
'--cl-accent-contrast': '#fff',
'--cl-accent-surface': '#f5f6ffcc',
'--cl-accent-indicator': '#6c47ff',
'--cl-accent-track': '#6c47ff',
'--cl-gray-1': '#fcfcfd',
'--cl-gray-2': '#f9f9fc',
'--cl-gray-3': '#eff0f4',
'--cl-gray-4': '#e7e8ed',
'--cl-gray-5': '#dfe0e7',
'--cl-gray-6': '#d8d9e1',
'--cl-gray-7': '#cdced8',
'--cl-gray-8': '#b9bbc8',
'--cl-gray-9': '#8b8d99',
'--cl-gray-10': '#81828e',
'--cl-gray-11': '#62646d',
'--cl-gray-12': '#1f2026',
'--cl-gray-a1': '#00005503',
'--cl-gray-a2': '#00008006',
'--cl-gray-a3': '#00105010',
'--cl-gray-a4': '#000b4018',
'--cl-gray-a5': '#00084020',
'--cl-gray-a6': '#00073b27',
'--cl-gray-a7': '#00063932',
'--cl-gray-a8': '#00083746',
'--cl-gray-a9': '#00051f74',
'--cl-gray-a10': '#00031b7e',
'--cl-gray-a11': '#0004129d',
'--cl-gray-a12': '#000108e0',
'--cl-gray-contrast': '#fff',
'--cl-gray-surface': '#ffffffcc',
'--cl-gray-indicator': '#8b8d99',
'--cl-gray-track': '#8b8d99',
},
'@supports (color: color(display-p3 1 1 1))': {
'@media (color-gamut: p3)': {
':where(:root)': {
'--cl-accent-1': 'oklch(99.4% 0.0036 283.7)',
'--cl-accent-2': 'oklch(98.1% 0.0128 283.7)',
'--cl-accent-3': 'oklch(96.2% 0.0246 283.7)',
'--cl-accent-4': 'oklch(93.5% 0.0497 283.7)',
'--cl-accent-5': 'oklch(90.4% 0.0739 283.7)',
'--cl-accent-6': 'oklch(86.5% 0.0972 283.7)',
'--cl-accent-7': 'oklch(80.8% 0.1231 283.7)',
'--cl-accent-8': 'oklch(72.9% 0.1642 283.7)',
'--cl-accent-9': 'oklch(55.7% 0.2543 283.7)',
'--cl-accent-10': 'oklch(51.2% 0.2379 283.7)',
'--cl-accent-11': 'oklch(51% 0.2379 283.7)',
'--cl-accent-12': 'oklch(31.4% 0.137 283.7)',
'--cl-accent-a1': 'color(display-p3 0.0196 0.0196 1 / 0.008)',
'--cl-accent-a2': 'color(display-p3 0.0196 0.1451 0.8784 / 0.032)',
'--cl-accent-a3': 'color(display-p3 0.0039 0.0706 0.9373 / 0.059)',
'--cl-accent-a4': 'color(display-p3 0.0039 0.0784 0.9294 / 0.106)',
'--cl-accent-a5': 'color(display-p3 0.0078 0.0353 0.9216 / 0.15)',
'--cl-accent-a6': 'color(display-p3 0.0039 0.0196 0.9255 / 0.208)',
'--cl-accent-a7': 'color(display-p3 0.0196 0.0039 0.9333 / 0.291)',
'--cl-accent-a8': 'color(display-p3 0.051 0.0039 0.9373 / 0.412)',
'--cl-accent-a9': 'color(display-p3 0.1647 0 0.949 / 0.714)',
'--cl-accent-a10': 'color(display-p3 0.1451 0 0.8235 / 0.753)',
'--cl-accent-a11': 'color(display-p3 0.1451 0 0.8196 / 0.757)',
'--cl-accent-a12': 'color(display-p3 0.0549 0 0.3529 / 0.879)',
'--cl-accent-contrast': '#fff',
'--cl-accent-surface': 'color(display-p3 0.9608 0.9686 1 / 0.8)',
'--cl-accent-indicator': 'oklch(55.7% 0.2543 283.7)',
'--cl-accent-track': 'oklch(55.7% 0.2543 283.7)',
'--cl-gray-1': 'oklch(99.2% 0.0017 279.2)',
'--cl-gray-2': 'oklch(98.3% 0.0031 279.2)',
'--cl-gray-3': 'oklch(95.6% 0.0055 279.2)',
'--cl-gray-4': 'oklch(93.2% 0.0073 279.2)',
'--cl-gray-5': 'oklch(90.9% 0.0094 279.2)',
'--cl-gray-6': 'oklch(88.6% 0.0108 279.2)',
'--cl-gray-7': 'oklch(85.4% 0.0134 279.2)',
'--cl-gray-8': 'oklch(79.4% 0.0181 279.2)',
'--cl-gray-9': 'oklch(64.6% 0.0182 279.2)',
'--cl-gray-10': 'oklch(61.1% 0.0173 279.2)',
'--cl-gray-11': 'oklch(50.5% 0.015 279.2)',
'--cl-gray-12': 'oklch(24.5% 0.0125 279.2)',
'--cl-gray-a1': 'color(display-p3 0.0235 0.0235 0.349 / 0.012)',
'--cl-gray-a2': 'color(display-p3 0.0235 0.0235 0.5137 / 0.024)',
'--cl-gray-a3': 'color(display-p3 0.0078 0.0667 0.3176 / 0.063)',
'--cl-gray-a4': 'color(display-p3 0.0118 0.051 0.2588 / 0.095)',
'--cl-gray-a5': 'color(display-p3 0.0078 0.0353 0.2235 / 0.126)',
'--cl-gray-a6': 'color(display-p3 0.0039 0.0275 0.2078 / 0.153)',
'--cl-gray-a7': 'color(display-p3 0.0078 0.0275 0.2039 / 0.197)',
'--cl-gray-a8': 'color(display-p3 0.0039 0.0314 0.2039 / 0.275)',
'--cl-gray-a9': 'color(display-p3 0.0039 0.0196 0.1137 / 0.455)',
'--cl-gray-a10': 'color(display-p3 0.0039 0.0118 0.098 / 0.495)',
'--cl-gray-a11': 'color(display-p3 0 0.0157 0.0667 / 0.616)',
'--cl-gray-a12': 'color(display-p3 0 0.0039 0.0275 / 0.879)',
'--cl-gray-contrast': '#fff',
'--cl-gray-surface': 'color(display-p3 1 1 1 / 80%)',
'--cl-gray-indicator': 'oklch(64.6% 0.0182 279.2)',
'--cl-gray-track': 'oklch(64.6% 0.0182 279.2)',
},
},
},
});

Expand Down

0 comments on commit b7a4f13

Please sign in to comment.