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

Rename and remove CSS design tokens

Browse Source 
Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>
This commit is contained in:
Charles de Dreuille
2026-02-13 13:11:29 +00:00
parent 6209c67072
commit 4137a43a1b
41 changed files with 144 additions and 191 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.storybook/preview.tsx
+2 -2
View File
@@ -132,11 +132,11 @@ export default definePreview({
};
}, [selectedTheme, selectedThemeName]);
document.body.style.backgroundColor = 'var(--bui-bg-neutral-0)';
document.body.style.backgroundColor = 'var(--bui-bg-app)';
const docsStoryElements = document.getElementsByClassName('docs-story');
Array.from(docsStoryElements).forEach(element => {
(element as HTMLElement).style.backgroundColor =
'var(--bui-bg-neutral-0)';
'var(--bui-bg-app)';
});
return (
.storybook/storybook.css
+6 -6
View File
@@ -5,10 +5,10 @@
--sb-panel-left: 0;
--sb-panel-right: 0;
--sb-sidebar-border: none;
--sb-sidebar-border-right: 1px solid var(--bui-border);
--sb-sidebar-border-right: 1px solid var(--bui-border-2);
--sb-sidebar-bg: #000;
--sb-options-border: none;
--sb-options-border-left: 1px solid var(--bui-border);
--sb-options-border-left: 1px solid var(--bui-border-2);
--sb-content-padding-inline: 250px;
}
@@ -31,8 +31,8 @@
}
[data-theme-name='spotify'][data-theme-mode='light'] {
--sb-sidebar-border: 1px solid var(--bui-border);
--sb-sidebar-border-right: 1px solid var(--bui-border);
--sb-options-border: 1px solid var(--bui-border);
--sb-options-border-left: 1px solid var(--bui-border);
--sb-sidebar-border: 1px solid var(--bui-border-2);
--sb-sidebar-border-right: 1px solid var(--bui-border-2);
--sb-options-border: 1px solid var(--bui-border-2);
--sb-options-border-left: 1px solid var(--bui-border-2);
}
.storybook/themes/spotify.css
+6 -12
View File
@@ -174,7 +174,7 @@
}
.bui-TableHeader .bui-TableRow {
border-bottom: 1px solid var(--bui-border);
border-bottom: 1px solid var(--bui-border-2);
}
.bui-TableHead {
@@ -226,10 +226,7 @@
--bui-fg-solid: var(--bui-black);
--bui-fg-solid-disabled: #62ab7c;
--bui-border: #d9d9d9;
--bui-border-hover: rgba(0, 0, 0, 0.3);
--bui-border-pressed: rgba(0, 0, 0, 0.5);
--bui-border-disabled: rgba(0, 0, 0, 0.1);
--bui-border-2: #d9d9d9;
--bui-border-danger: #f87a7a;
--bui-border-warning: #e36d05;
--bui-border-success: #53db83;
@@ -237,16 +234,16 @@
--bui-ring: rgba(0, 0, 0, 0.2);
.bui-HeaderToolbarWrapper {
border: 1px solid var(--bui-border);
border: 1px solid var(--bui-border-2);
}
.bui-HeaderTabsWrapper {
border: 1px solid var(--bui-border);
border: 1px solid var(--bui-border-2);
}
}
[data-theme-mode='dark'][data-theme-name='spotify'] {
--bui-bg-neutral-0: var(--bui-black);
--bui-bg-app: var(--bui-black);
--bui-bg-solid: #1ed760;
--bui-bg-solid-hover: #3be477;
@@ -266,10 +263,7 @@
--bui-fg-warning: #e36d05;
--bui-fg-success: #1db954;
--bui-border: #373737;
--bui-border-hover: rgba(255, 255, 255, 0.4);
--bui-border-pressed: rgba(255, 255, 255, 0.5);
--bui-border-disabled: rgba(255, 255, 255, 0.2);
--bui-border-2: #373737;
--bui-border-danger: #f87a7a;
--bui-border-warning: #e36d05;
--bui-border-success: #53db83;