Files
crimson-quirks-ui/src/themes/index.ts
T
2021-04-16 00:00:15 +01:00

115 lines
2.1 KiB
TypeScript

import { DefaultTheme } from 'styled-components';
export const theme: DefaultTheme = {
colors: {
black: {
main: '#000000',
light: '',
},
white: {
main: '#FFFFFF',
light: '',
},
gray: {
main: '#C2C9D1',
light: '',
dark: `linear-gradient(
rgba(0, 0, 0, .3),
rgba(0, 0, 0, .3)
),
linear-gradient(
#C2C9D1,
#C2C9D1
)`,
},
success: {
main: '',
light: '',
},
error: {
main: '#F03738',
light: '',
},
warning: {
main: '',
light: '',
},
client: {
main: '#5F6CAD',
light: `linear-gradient(
rgba(255, 255, 255, .75),
rgba(255, 255, 255, .75)
),
linear-gradient(
#5F6CAD,
#5F6CAD
)`,
dark: `linear-gradient(
rgba(0, 0, 0, .3),
rgba(0, 0, 0, .3)
),
linear-gradient(
#5F6CAD,
#5F6CAD
)`,
},
productOwner: {
main: '#20063B',
light: `linear-gradient(
rgba(255, 255, 255, .75),
rgba(255, 255, 255, .75)
),
linear-gradient(
#20063B,
#20063B
)`,
dark: `linear-gradient(
rgba(0, 0, 0, .3),
rgba(0, 0, 0, .3)
),
linear-gradient(
#20063B,
#20063B
)`,
},
developer: {
main: '#ED7D3A',
light: `linear-gradient(
rgba(255, 255, 255, .75),
rgba(255, 255, 255, .75)
),
linear-gradient(
#ED7D3A,
#ED7D3A
)`,
dark: `linear-gradient(
rgba(0, 0, 0, .3),
rgba(0, 0, 0, .3)
),
linear-gradient(
#ED7D3A,
#ED7D3A
)`,
},
admin: {
main: '#A30015',
light: `linear-gradient(
rgba(255, 255, 255, .75),
rgba(255, 255, 255, .75)
),
linear-gradient(
#A30015,
#A30015
)`,
dark: `linear-gradient(
rgba(0, 0, 0, .3),
rgba(0, 0, 0, .3)
),
linear-gradient(
#A30015,
#A30015
)`,
},
},
};