r/p5.js-web-editor
1
0
Fork 0
Code Issues 1 Pull requests Releases 1 Wiki Activity

👌 create Panel color object in theme

Browse source
This commit is contained in:
ghalestrilo 2020-06-29 18:13:42 -03:00
parent 78ec304e15
commit 9ca0995461
3 changed files with 23 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
client/components/mobile/Footer.jsx
View file

@ -2,7 +2,7 @@ import React from 'react';
import styled from 'styled-components';
import { prop, remSize } from '../../theme';
const background = prop('Button.default.background');
const background = prop('Panel.default.background');
const textColor = prop('primaryTextColor');
const Footer = styled.div`

2
client/components/mobile/Header.jsx
View file

@ -2,7 +2,7 @@ import React from 'react';
import styled from 'styled-components';
import { prop, remSize } from '../../theme';
const background = prop('Button.default.background');
const background = prop('Panel.default.background');
const textColor = prop('primaryTextColor');
const Header = styled.div`

21
client/theme.js
View file

@ -88,6 +88,13 @@ export default {
Icon: {
default: grays.middleGray,
hover: grays.darker
},
Panel: {
default: {
foreground: colors.black,
background: grays.light,
border: grays.middleLight,
},
}
},
[Theme.dark]: {
@ -120,6 +127,13 @@ export default {
Icon: {
default: grays.middleLight,
hover: grays.lightest
},
Panel: {
default: {
foreground: grays.light,
background: grays.dark,
border: grays.middleDark,
},
}
},
[Theme.contrast]: {
@ -152,6 +166,13 @@ export default {
Icon: {
default: grays.mediumLight,
hover: colors.yellow
},
Panel: {
default: {
foreground: grays.light,
background: grays.dark,
border: grays.middleDark,
},
}
},
};