dima/supabase
1
0 Fork 0
mirror of https://github.com/supabase/supabase.git synced 2026-10-11 04:15:04 +03:00
Code Issues Packages Projects Releases Wiki Activity

Change background color to red in both dark and light themes

Browse Source 
Update CSS theme variables (background-default, background-200,
background-dash-canvas, background-dash-sidebar) to red HSL values
in both dark and light theme files.

https://claude.ai/code/session_015j7RWM5FW7d5HY2fBNHbst
This commit is contained in:
Claude committed 2026-02-10 14:51:27 +00:00
1 parent a5dd0a9671
commit cd87bc4d37
2 files changed
+8 -8
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

packages/ui/build/css/themes/dark.css
+4 -4
View File
@@ -38,8 +38,8 @@
--border-secondary: 0deg 0% 14.1%;
--border-muted: 0deg 0% 14.1%;
--border-default: 0deg 0% 18%;
--background-dash-canvas: 0deg 0% 7.1%;
--background-dash-sidebar: 0deg 0% 9%;
--background-dash-canvas: 0deg 100% 20%;
--background-dash-sidebar: 0deg 100% 25%;
--background-dialog-default: 0deg 0% 7.1%;
--background-muted: 0deg 0% 14.1%;
--background-overlay-hover: 0deg 0% 18%;
@@ -52,8 +52,8 @@
--background-control: 0deg 0% 14.1%;
--background-selection: 0deg 0% 19.2%;
--background-alternative-default: 0deg 0% 5.9%;
--background-default: 0deg 0% 7.1%;
--background-200: 0deg 0% 9%;
--background-default: 0deg 100% 20%;
--background-200: 0deg 100% 25%;
--foreground-contrast: 0deg 0% 8.6%;
--foreground-muted: 0deg 0% 30.2%;
--foreground-lighter: 0deg 0% 53.7%;
packages/ui/build/css/themes/light.css
+4 -4
View File
@@ -51,14 +51,14 @@
--border-overlay: var(--colors-gray-light-500);
--border-secondary: var(--colors-gray-light-400);
--border-muted: var(--colors-gray-light-400);
--background-dash-canvas: var(--colors-gray-light-200);
--background-dash-sidebar: var(--colors-gray-light-100);
--background-dash-canvas: 0deg 100% 80%;
--background-dash-sidebar: 0deg 100% 85%;
--background-button-default: var(--colors-gray-light-100);
--background-overlay-hover: var(--colors-gray-light-300);
--background-overlay-default: var(--colors-gray-light-100);
--background-control: var(--colors-gray-light-300);
--background-selection: var(--colors-gray-light-400);
--background-default: var(--colors-gray-light-100);
--background-200: var(--colors-gray-light-200);
--background-default: 0deg 100% 85%;
--background-200: 0deg 100% 80%;
--foreground-default: var(--colors-gray-light-1200);
}