From 092157493c7a554f540287566da2d0b53c4e9347 Mon Sep 17 00:00:00 2001 From: Maximilian Schoell Date: Tue, 28 Jul 2026 11:50:16 +0200 Subject: [PATCH] chore: update flashbar colors for one theme --- style-dictionary/one-theme/color-palette.ts | 1 + style-dictionary/one-theme/colors.ts | 14 ++++++++++---- 2 files changed, 11 insertions(+), 4 deletions(-) diff --git a/style-dictionary/one-theme/color-palette.ts b/style-dictionary/one-theme/color-palette.ts index a468e3ade0..329b8b558e 100644 --- a/style-dictionary/one-theme/color-palette.ts +++ b/style-dictionary/one-theme/color-palette.ts @@ -138,6 +138,7 @@ const referenceTokens: ReferenceTokens = { 50: brand.colorGreen50, 100: brand.colorGreen100, 200: brand.colorGreen200, + 300: brand.colorGreen300, 500: brand.colorGreen500, 600: brand.colorGreen600, 700: brand.colorGreen700, diff --git a/style-dictionary/one-theme/colors.ts b/style-dictionary/one-theme/colors.ts index 6b97a83a57..c56cb27c86 100644 --- a/style-dictionary/one-theme/colors.ts +++ b/style-dictionary/one-theme/colors.ts @@ -143,10 +143,16 @@ const tokens: StyleDictionary.ColorsDictionary = { colorTextBadgeGrey: { light: '{colorNeutral850}', dark: '{colorNeutral300}' }, // ── Flashbar (one-theme: subtle alert-style backgrounds) ─────────────────── - colorBackgroundFlashbarSuccess: { light: '{colorSuccess100}', dark: '{colorSuccess950}' }, - colorBackgroundFlashbarError: { light: '{colorError100}', dark: '{colorError950}' }, - colorBackgroundFlashbarInfo: { light: '{colorInfo100}', dark: '{colorInfo950}' }, - colorBackgroundFlashbarWarning: { light: '{colorWarning100}', dark: '{colorWarning950}' }, + colorBackgroundFlashbarSuccess: { light: '#e9fce7', dark: '#03220d' }, + colorBackgroundFlashbarError: { light: '#fceded', dark: '#460303' }, + colorBackgroundFlashbarInfo: { light: '#eaeffc', dark: '#030f49' }, + colorBackgroundFlashbarWarning: { light: '#fcfadb', dark: '#372603' }, + + // ── Status border ─────────────────────────────────────────────────────────── + colorBorderStatusError: { light: '{colorError600}', dark: '{colorError400}' }, + colorBorderStatusInfo: { light: '{colorInfo600}', dark: '{colorInfo400}' }, + colorBorderStatusSuccess: { light: '{colorSuccess600}', dark: '{colorSuccess300}' }, + colorBorderStatusWarning: { light: '{colorWarning900}', dark: '{colorWarning300}' }, // ── Status text ─────────────────────────────────────────────────────────── colorTextStatusInfo: { light: '{colorInfo600}', dark: '{colorInfo300}' },