paulononato/backstage
1
0
Fork 0
Code Issues Pull Requests Actions 43 Packages Projects Releases Wiki Activity

Bring back correct neutral tokens

Browse Source 
Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>
This commit is contained in:
Charles de Dreuille
2026-05-29 15:59:39 +02:00
parent 64c8108166
commit a4f2c56110
6 changed files with 30 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui/src/css/colors.stories.tsx
+1 -1
View File
@@ -124,11 +124,11 @@ export const All = meta.story({
<Section
title="Neutral Backgrounds"
tokens={[
{ label: 'App', token: '--bui-bg-app' },
{ label: 'Neutral 1', token: '--bui-bg-neutral-1' },
{ label: 'Neutral 2', token: '--bui-bg-neutral-2' },
{ label: 'Neutral 3', token: '--bui-bg-neutral-3' },
{ label: 'Neutral 4', token: '--bui-bg-neutral-4' },
{ label: 'Neutral 5', token: '--bui-bg-neutral-5' },
]}
/>
packages/ui/src/css/tokens.css
+10 -12
View File
@@ -91,11 +91,11 @@
--bui-gray-11: #0a0a0a;
/* Neutral background colors */
--bui-bg-neutral-1: #f5f5f5;
--bui-bg-neutral-2: var(--bui-white);
--bui-bg-neutral-3: #f7f7f7;
--bui-bg-neutral-4: var(--bui-white);
--bui-bg-neutral-5: #f7f7f7;
--bui-bg-app: #f5f5f5;
--bui-bg-neutral-1: var(--bui-white);
--bui-bg-neutral-2: #f7f7f7;
--bui-bg-neutral-3: var(--bui-white);
--bui-bg-neutral-4: #f7f7f7;
/* Foreground colors */
--bui-fg-primary: var(--bui-black);
@@ -174,7 +174,6 @@
--bui-bg-solid-hover: #163a66;
--bui-bg-solid-pressed: #0f2b4e;
--bui-bg-solid-disabled: #163a66;
--bui-bg-app: #f8f8f8;
--bui-bg-neutral-1-hover: oklch(0% 0 0 / 6%);
--bui-bg-neutral-1-pressed: oklch(0% 0 0 / 12%);
--bui-bg-neutral-1-disabled: oklch(0% 0 0 / 6%);
@@ -216,11 +215,11 @@
--bui-scrollbar-thumb: #575757;
/* Neutral background colors */
--bui-bg-neutral-1: #333333;
--bui-bg-neutral-2: #1a1a1a;
--bui-bg-neutral-3: #282828;
--bui-bg-neutral-4: #393939;
--bui-bg-neutral-5: #474747;
--bui-bg-app: #333333;
--bui-bg-neutral-1: #1a1a1a;
--bui-bg-neutral-2: #282828;
--bui-bg-neutral-3: #393939;
--bui-bg-neutral-4: #474747;
/* Foreground colors */
--bui-fg-primary: var(--bui-white);
@@ -299,7 +298,6 @@
--bui-bg-solid-hover: #83b9fd;
--bui-bg-solid-pressed: #83b9fd;
--bui-bg-solid-disabled: #1b3d68;
--bui-bg-app: #333333;
--bui-bg-neutral-1-hover: oklch(100% 0 0 / 14%);
--bui-bg-neutral-1-pressed: oklch(100% 0 0 / 20%);
--bui-bg-neutral-1-disabled: oklch(100% 0 0 / 10%);