GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-04 21:01:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #11297 from storybookjs/tech/revert-theming-greys-flip

Browse Source 
Tech/revert theming greys flip
This commit is contained in:
Norbert de Langen 2020-06-25 19:19:56 +02:00 committed by GitHub
commit 8099a056f4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 18 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
lib/theming/src/convert.ts
View File

@ -49,15 +49,15 @@ const createColors = (vars: ThemeVars): Color => ({
ultraviolet: color.ultraviolet,
// Monochrome
lightest: vars.base === 'dark' ? color.darkest : color.lightest,
lighter: vars.base === 'dark' ? color.darker : color.lighter,
light: vars.base === 'dark' ? color.dark : color.light,
mediumlight: vars.base === 'dark' ? color.mediumdark : color.mediumlight,
lightest: color.lightest,
lighter: color.lighter,
light: color.light,
mediumlight: color.mediumlight,
medium: color.medium,
mediumdark: vars.base === 'dark' ? color.mediumlight : color.mediumdark,
dark: vars.base === 'dark' ? color.light : color.dark,
darker: vars.base === 'dark' ? color.lighter : color.darker,
darkest: vars.base === 'dark' ? color.lightest : color.darkest,
mediumdark: color.mediumdark,
dark: color.dark,
darker: color.darker,
darkest: color.darkest,
// For borders
border: color.border,

25
lib/ui/src/components/sidebar/Sidebar.tsx
View File

@ -12,21 +12,16 @@ import { filteredLength } from './Tree/utils';
import { Ref } from './Refs';
import { RefType, Refs } from './RefHelpers';
const Container = styled.nav(
{
position: 'absolute',
zIndex: 1,
left: 0,
top: 0,
bottom: 0,
right: 0,
width: '100%',
height: '100%',
},
({ theme }) => ({
color: theme.color.darker,
})
);
const Container = styled.nav({
position: 'absolute',
zIndex: 1,
left: 0,
top: 0,
bottom: 0,
right: 0,
width: '100%',
height: '100%',
});
const CustomScrollArea = styled(ScrollArea)({
'&&&&& .os-scrollbar-handle:before': {