mirror of
https://github.com/supabase/supabase.git
synced 2026-05-07 01:10:15 -04:00
Ivan Vasilov
9fbe5152d9
# Changes ## Removed unused themes - Deleted `concept-two.css` (unused) and `dark-combined.css` which was identical to `dark.css` - Removed the alias `deep-dark` to `dark` theme since it was unused ## Removed Figma token transform scripts - Deleted the entire `internals/transform/` directory (~700 lines of JS) — these scripts transformed Figma tokens into Tailwind variables but are no longer needed - Deleted `internals/tokens/cleanse-css-for-tailwind.js` and `extract-design-tokens.js` - Removed related dependencies from `package.json` ## Removed other unused files - Deleted `shadcn.css` (unused) - Deleted `tailwind-theming.md` (outdated doc), https://supabase.com/design-system/docs/color-usage is a better resource ## Refactoring - Extracted the `motion-safe-transition` Tailwind plugin into its own file (`packages/config/tailwind-plugins/motion-safe-transition.js`) - Renamed the tailwind class generation script for clarity - Added stub `tailwind.config.js` files in packages that were missing them, so VSCode IntelliSense works in those workspaces - Updated `packages/ui/README.md` to reflect current usage patterns (imports, styling conventions) instead of outdated Figma tokens workflow # Testing - Check all apps whether they have the correct themes with the correct colors [Linear task](https://linear.app/supabase/issue/FE-3059/clean-up-unused-ui-build-artifacts-themes-and-figma-token-scripts)
34 lines
1.0 KiB
CSS
34 lines
1.0 KiB
CSS
[data-theme='dark'],
|
|
.dark {
|
|
--code-token-keyword: #bda4ff;
|
|
--code-foreground: #ffffff;
|
|
--code-token-constant: #3ecf8e;
|
|
--code-token-string: #ffcda1;
|
|
--code-token-comment: #7e7e7e;
|
|
--code-token-parameter: #ffffff;
|
|
--code-token-function: #3ecf8e;
|
|
--code-token-string-expression: #ffcda1;
|
|
--code-token-punctuation: #ffffff;
|
|
--code-token-link: #ffffff;
|
|
--code-token-number: #ffffff;
|
|
--code-token-property: #3ecf8e;
|
|
--code-highlight-color: #232323;
|
|
}
|
|
|
|
[data-theme='light'],
|
|
.light {
|
|
--code-token-keyword: #6b35dc;
|
|
--code-foreground: hsl(var(--foreground-light) / 1);
|
|
--code-token-constant: #15593b;
|
|
--code-token-string: #f1a10d;
|
|
--code-token-comment: #7e7e7e;
|
|
--code-token-parameter: hsl(var(--foreground-light) / 1);
|
|
--code-token-function: #15593b;
|
|
--code-token-string-expression: #f1a10d;
|
|
--code-token-punctuation: hsl(var(--foreground-light) / 1);
|
|
--code-token-link: hsl(var(--foreground-light) / 1);
|
|
--code-token-number: hsl(var(--foreground-light) / 1);
|
|
--code-token-property: #15593b;
|
|
--code-highlight-color: #1c1c1c;
|
|
}
|