mirror of
https://github.com/supabase/supabase.git
synced 2026-10-05 09:25:06 +03:00
65b962e771
* Refactor Drawer component and add date-fns dependency Refactored the Drawer component for improved slot-based structure, updated styles, and added 'use client' directive. Added 'date-fns' as a dependency in design-system, updated tsconfig paths for icons, and marked ToggleGroup as a client component. * nit: add env for svg path * fix: instructions * accent color docs and basic tidy * copy value feature * improve color contrast * increase contrast on text-warning in light mode * update changelog * replace outdated text-warning utility classes * remove redundant warning-600 * minor design-system docs updates * docs updates * remove unused brand-button class * update docs * fix: restore brand default * update docs brand text color * low hanging branded text fruit * Nit refactor and clean up * re-add Kemal’s README instructions for hot reload --------- Co-authored-by: Jonathan Summers-Muir <MildTomato@users.noreply.github.com> Co-authored-by: Joshen Lim <joshenlimek@gmail.com>
65 lines
2.4 KiB
CSS
65 lines
2.4 KiB
CSS
[data-theme='concept-two'],
|
|
.concept-two {
|
|
--helpers-os-appearance: Dark;
|
|
--code-block-5: 0deg 0% 100%;
|
|
--code-block-4: 0deg 0% 100%;
|
|
--code-block-3: 0deg 0% 100%;
|
|
--code-block-2: 0deg 0% 100%;
|
|
--code-block-1: 0deg 0% 100%;
|
|
--secondary-default: 21deg 90.4% 59%;
|
|
--secondary-400: 20deg 93.2% 40.4%;
|
|
--secondary-200: 17.7deg 78.9% 27.8%;
|
|
--brand-link: 163.9deg 53.2% 15.1%;
|
|
--brand-default: 163.9deg 53.2% 15.1%;
|
|
--brand-600: 156.3deg 59.5% 70%;
|
|
--brand-500: 175.6deg 61.8% 21.6%;
|
|
--brand-400: 176deg 65.2% 13.5%;
|
|
--brand-300: 176.3deg 69.6% 9%;
|
|
--brand-200: 175deg 75% 6.3%;
|
|
--warning-default: 41.2deg 67.5% 48.2%;
|
|
--warning-600: 41deg 80.6% 42.4%;
|
|
--warning-500: 39.7deg 70.3% 19.8%;
|
|
--warning-400: 38.8deg 69.9% 14.3%;
|
|
--warning-300: 41.8deg 60% 10.8%;
|
|
--warning-200: 60deg 42.1% 7.5%;
|
|
--destructive-default: 10.2deg 77.9% 53.9%;
|
|
--destructive-600: 9.7deg 85.2% 62.9%;
|
|
--destructive-500: 7.9deg 71.6% 29%;
|
|
--destructive-400: 6.7deg 60% 20.6%;
|
|
--destructive-300: 7.5deg 51.3% 15.3%;
|
|
--destructive-200: 10.9deg 23.4% 9.2%;
|
|
--border-button-hover: 180deg 4.9% 23.9%;
|
|
--border-button-default: 180deg 7.3% 16.1%;
|
|
--border-stronger: 180deg 4.9% 23.9%;
|
|
--border-strong: 180deg 7.3% 16.1%;
|
|
--border-alternative: 165deg 40% 2%;
|
|
--border-control: 180deg 7.3% 16.1%;
|
|
--border-overlay: 160deg 7.3% 8%;
|
|
--border-secondary: 180deg 17.1% 8%;
|
|
--border-muted: 170deg 20% 5.9%;
|
|
--border-default: 150deg 13% 9%;
|
|
--background-dash-canvas: 180deg 20% 2%;
|
|
--background-dash-sidebar: 180deg 20% 2%;
|
|
--background-dialog-default: 180deg 20% 2%;
|
|
--background-button-default: 154.3deg 14.3% 9.6%;
|
|
--background-muted: 160deg 12% 4.9%;
|
|
--background-overlay-hover: 168deg 5.2% 19%;
|
|
--background-overlay-default: 168deg 9.8% 10%;
|
|
--background-surface-400: 154.3deg 14.3% 9.6%;
|
|
--background-surface-300: 154.3deg 14.3% 9.6%;
|
|
--background-surface-200: 160deg 12% 4.9%;
|
|
--background-surface-100: 160deg 23.1% 2.5%;
|
|
--background-surface-75: 0deg 0% 100%;
|
|
--background-control: 180deg 9.9% 13.9%;
|
|
--background-selection: 165deg 8.7% 9%;
|
|
--background-alternative-default: 165deg 40% 2%;
|
|
--background-alternative-200: 0deg 0% 5.5%;
|
|
--background-default: 180deg 20% 2%;
|
|
--background-200: 180deg 20% 2%;
|
|
--foreground-contrast: 156deg 33.3% 2.9%;
|
|
--foreground-muted: 162deg 8.5% 23.1%;
|
|
--foreground-lighter: 180deg 6.7% 47.1%;
|
|
--foreground-light: 180deg 7.5% 63.5%;
|
|
--foreground-default: 0deg 0% 100%;
|
|
}
|