Update darkTheme (#781)

* Update darkTheme

* Add font color variation to IconButton
This commit is contained in:
Charles Bochet
2023-07-20 17:33:35 -07:00
committed by GitHub
parent 9c230f448e
commit 6562c1527b
11 changed files with 50 additions and 30 deletions

View File

@ -1,4 +1,4 @@
import DarkNoise from './assets/dark-noise.png';
import DarkNoise from './assets/dark-noise.jpg';
import LightNoise from './assets/light-noise.png';
import { grayScale, rgba } from './colors';
@ -16,22 +16,22 @@ export const backgroundLight = {
light: rgba(grayScale.gray100, 0.04),
lighter: rgba(grayScale.gray100, 0.02),
},
overlay: rgba(grayScale.gray85, 0.8),
overlay: rgba(grayScale.gray80, 0.8),
};
export const backgroundDark = {
noisy: `url(${DarkNoise.toString()});`,
primary: grayScale.gray90,
secondary: grayScale.gray85,
tertiary: grayScale.gray80,
quaternary: grayScale.gray75,
primary: grayScale.gray85,
secondary: grayScale.gray80,
tertiary: grayScale.gray75,
quaternary: grayScale.gray70,
transparent: {
primary: rgba(grayScale.gray90, 0.8),
secondary: rgba(grayScale.gray85, 0.8),
strong: rgba(grayScale.gray0, 0.09),
medium: rgba(grayScale.gray0, 0.06),
light: rgba(grayScale.gray0, 0.03),
lighter: rgba(grayScale.gray0, 0.02),
primary: rgba(grayScale.gray85, 0.8),
secondary: rgba(grayScale.gray80, 0.8),
strong: rgba(grayScale.gray0, 0.14),
medium: rgba(grayScale.gray0, 0.1),
light: rgba(grayScale.gray0, 0.06),
lighter: rgba(grayScale.gray0, 0.03),
},
overlay: rgba(grayScale.gray85, 0.8),
overlay: rgba(grayScale.gray80, 0.8),
};