gatsby-theme-docz
Version:
Gatsby theme created to use Docz
98 lines (95 loc) • 2.07 kB
JavaScript
import * as colors from './colors'
import prismDark from './prism/dark'
import prismLight from './prism/light'
export const light = {
...colors,
primary: colors.blue,
text: colors.grayDark,
muted: colors.gray,
link: colors.blue,
background: colors.white,
border: colors.grayLight,
sidebar: {
bg: colors.white,
navGroup: colors.grayDark,
navLink: colors.grayDark,
navLinkActive: colors.blue,
tocLink: colors.gray,
tocLinkActive: colors.grayExtraDark,
},
header: {
bg: colors.grayExtraLight,
text: colors.grayDark,
border: colors.grayLight,
button: {
bg: colors.blue,
color: colors.white,
},
},
props: {
bg: colors.grayUltraLight,
text: colors.grayDark,
highlight: colors.blue,
defaultValue: colors.gray,
descriptionText: colors.grayDark,
descriptionBg: colors.white,
},
playground: {
bg: colors.white,
border: colors.grayLight,
},
blockquote: {
bg: colors.grayExtraLight,
border: colors.grayLight,
color: colors.gray,
},
prism: {
...prismLight,
},
}
export const dark = {
...colors,
primary: colors.skyBlue,
text: colors.grayExtraLight,
muted: colors.gray,
link: colors.skyBlue,
background: colors.grayExtraDark,
border: colors.grayDark,
sidebar: {
bg: colors.grayExtraDark,
navGroup: colors.gray,
navLink: colors.grayLight,
navLinkActive: colors.skyBlue,
tocLink: colors.gray,
tocLinkActive: colors.grayLight,
},
header: {
bg: colors.dark,
text: colors.grayLight,
border: colors.grayDark,
button: {
bg: colors.skyBlue,
color: colors.white,
},
},
props: {
bg: colors.dark,
text: colors.gray,
highlight: colors.skyBlue,
defaultValue: colors.grayDark,
descriptionText: colors.gray,
descriptionBg: colors.grayExtraDark,
},
playground: {
bg: colors.dark,
border: colors.grayDark,
},
blockquote: {
bg: colors.grayDark,
border: colors.gray,
color: colors.gray,
},
prism: {
...prismDark,
},
}