roleypoly/v3
1
0
Fork 0
mirror of https://github.com/roleypoly/roleypoly.git synced 2025-04-25 03:49:11 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

adjust branding contrast bg color

Browse source
This commit is contained in:
41666 2020-12-06 18:03:33 -05:00
parent 95a5732457
commit 43d6b6565c
2 changed files with 4 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/design-system/atoms/branding/Branding.stories.tsx
View file

@ -1,5 +1,6 @@
import * as React from 'react'; import * as React from 'react';
import styled from 'styled-components'; import styled from 'styled-components';
import { palette } from '../colors';
import { Logomark as BrandingLogomark, Logotype as BrandingLogotype } from './Branding'; import { Logomark as BrandingLogomark, Logotype as BrandingLogotype } from './Branding';
export default { export default {
@ -7,7 +8,7 @@ export default {
}; };
const Wrapper = styled.div` const Wrapper = styled.div`
background-color: black; background-color: ${palette.taupe100};
padding: 2em; padding: 2em;
`; `;

3
src/design-system/atoms/branding/DynamicBranding.stories.tsx
View file

@ -2,6 +2,7 @@ import * as React from 'react';
import ReactTooltip from 'react-tooltip'; import ReactTooltip from 'react-tooltip';
import { Text } from 'roleypoly/design-system/atoms/typography'; import { Text } from 'roleypoly/design-system/atoms/typography';
import styled from 'styled-components'; import styled from 'styled-components';
import { palette } from '../colors';
import { Logomark, Logotype } from './Branding'; import { Logomark, Logotype } from './Branding';
import { AllVariants, DynamicLogomark, DynamicLogotype } from './DynamicBranding'; import { AllVariants, DynamicLogomark, DynamicLogotype } from './DynamicBranding';
@ -11,7 +12,7 @@ export default {
}; };
const WrapperDiv = styled.div` const WrapperDiv = styled.div`
background-color: black; background-color: ${palette.taupe100};
padding: 2em; padding: 2em;
`; `;