mirror of
https://github.com/supabase/supabase.git
synced 2026-10-06 01:45:10 +03:00
Saxon FletcherandDanny White
ec24d69369
Replaces abs and from for foreground colours to potentially improve browser compatibility <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit * **Style** * Improved semantic color calculations for broader browser compatibility. * Refined foreground, muted, and tertiary text colors for more consistent theme rendering. * Improved surface overlay contrast across different tones. * Fine-tuned the light theme’s link color brightness for better visual balance. <!-- end of auto-generated comment: release notes by coderabbit.ai --> --------- Co-authored-by: Danny White <3104761+dnywh@users.noreply.github.com>
61 lines
2.1 KiB
CSS
61 lines
2.1 KiB
CSS
[data-theme='light'],
|
|
.light {
|
|
--helpers-os-appearance: Light;
|
|
--hue: 159;
|
|
--surface-hue: 34;
|
|
--chroma: 0;
|
|
/*
|
|
* Soft-gray canvas (not pure white) so elevated surfaces have headroom to
|
|
* brighten toward white. --elevation-step is positive here: higher surfaces
|
|
* get lighter, matching dark mode's direction. Tuned literal (previously
|
|
* derived from 1 - surface); retune alongside --surface.
|
|
*/
|
|
--surface: 0.995;
|
|
--elevation-step: 0.024;
|
|
--contrast: 0.53;
|
|
--foreground-lightness: 0.1;
|
|
--muted-foreground-level: 0.65;
|
|
--tertiary-foreground-level: 0.5;
|
|
/*
|
|
* Expressive fills run darker than the dark-theme anchors so they hold contrast
|
|
* against the near-white surface (a light amber on white disappears). Lightness
|
|
* is mode-aware; chroma is the shared --expressive-chroma from semantic.css.
|
|
*/
|
|
--warning-lightness: 0.68;
|
|
--destructive-lightness: 0.52;
|
|
--info-lightness: 0.54;
|
|
|
|
--code-block-5: 14deg 80.4% 58%;
|
|
--code-block-4: 276.3deg 60% 52.9%;
|
|
--code-block-3: 83.8deg 61.6% 48%;
|
|
--code-block-2: 33.1deg 80% 52.9%;
|
|
--code-block-1: 170.6deg 43.2% 51%;
|
|
|
|
--code-token-string: #c46a0a;
|
|
--code-token-string-expression: #c46a0a;
|
|
|
|
/* Stepped numeric scales (per-theme literals; mapped in theme.css) */
|
|
--secondary-default: 247.8deg 100% 70%;
|
|
--secondary-400: 248.3deg 54.5% 25.9%;
|
|
--secondary-200: 248deg 53.6% 11%;
|
|
--brand-link: 153.4deg 86.5% 27.8%;
|
|
--brand-default: 152.9deg 60% 52.9%;
|
|
--brand-600: 156.5deg 86.5% 26.1%;
|
|
--brand-500: 155.3deg 78.4% 40%;
|
|
--brand-400: 151.3deg 66.9% 66.9%;
|
|
--brand-300: 147.5deg 72% 80.4%;
|
|
--brand-200: 147.6deg 72.5% 90%;
|
|
/* --warning-default: 30.3deg 80.3% 47.8%; */
|
|
--warning-600: 30.3deg 80.3% 47.8%;
|
|
--warning-500: 36.3deg 85.7% 67.1%;
|
|
--warning-400: 41.9deg 100% 81.8%;
|
|
--warning-300: 44.3deg 100% 91.8%;
|
|
--warning-200: 40deg 81.8% 97.8%;
|
|
--destructive-default: 10.2deg 77.9% 53.9%;
|
|
--destructive-600: 9.9deg 82% 43.5%;
|
|
--destructive-500: 10.4deg 77.1% 79.4%;
|
|
--destructive-400: 7.1deg 91.3% 91%;
|
|
--destructive-300: 7.1deg 100% 96.7%;
|
|
--destructive-200: 0deg 100% 99.4%;
|
|
}
|