scottk/chatwoot
1
0
Fork 0
mirror of https://github.com/lingble/chatwoot.git synced 2025-10-30 02:32:29 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: update color palette [CW-2293] (#7617)

Browse Source
This commit is contained in:
Shivam Mishra
2023-08-01 21:34:10 +05:30
committed by GitHub
parent e052a061f4
commit 62e9fc1bc5
38 changed files with 241 additions and 171 deletions
Download Patch File Download Diff File Expand all files Collapse all files

164
tailwind.config.js
View File

@@ -1,3 +1,17 @@
const {
blue,
blueDark,
green,
greenDark,
yellow,
yellowDark,
slate,
slateDark,
red,
redDark,
violet,
violetDark,
} = require('@radix-ui/colors');
const defaultTheme = require('tailwindcss/defaultTheme');
module.exports = {
darkMode: 'class',
@@ -23,94 +37,94 @@ module.exports = {
modal: 'rgba(0, 0, 0, 0.4)',
current: 'currentColor',
woot: {
25: '#F5FAFF',
50: '#EBF5FF',
75: '#D6EBFF',
100: '#C2E1FF',
200: '#99CEFF',
300: '#70BAFF',
400: '#47A6FF',
500: '#1F93FF',
600: '#1976CC',
700: '#135899',
800: '#0C3B66',
900: '#061D33',
25: blue.blue2,
50: blue.blue3,
75: blue.blue4,
100: blue.blue5,
200: blue.blue7,
300: blue.blue8,
400: blueDark.blue11,
500: blueDark.blue10,
600: blueDark.blue9,
700: blueDark.blue8,
800: blueDark.blue6,
900: blueDark.blue2,
},
green: {
50: '#E6F8E6',
100: '#C4EEC2',
200: '#9DE29A',
300: '#6FD86F',
400: '#44CE4B',
500: '#00C41D',
600: '#00B412',
700: '#00A200',
800: '#009000',
900: '#007000',
50: greenDark.green12,
100: green.green6,
200: green.green7,
300: green.green8,
400: greenDark.green10,
500: greenDark.green9,
600: green.green10,
700: green.green11,
800: greenDark.green7,
900: greenDark.green6,
},
yellow: {
50: '#FEFDE8',
100: '#FDFCC4',
200: '#FCF68C',
300: '#F9E736',
400: '#F6D819',
500: '#E6C00C',
600: '#C69608',
700: '#9E6b0A',
800: '#835510',
900: '#6F4514',
50: yellow.yellow2,
100: yellow.yellow4,
200: yellow.yellow5,
300: yellowDark.yellow10,
400: yellowDark.yellow9,
500: yellowDark.yellow11,
600: yellow.yellow8,
700: yellow.yellow11,
800: yellowDark.yellow8,
900: yellowDark.yellow7,
},
slate: {
25: '#F8FAFC',
50: '#F1F5F8',
75: '#EBF0F5',
100: ' #E4EBF1',
200: ' #C9D7E3',
300: ' #AEC3D5',
400: ' #93AFC8',
500: ' #779BBB',
600: ' #446888',
700: ' #37546D',
800: ' #293F51',
900: ' #1B2836',
25: slate.slate2,
50: slate.slate3,
75: slate.slate4,
100: slate.slate5,
200: slate.slate7,
300: slate.slate8,
400: slateDark.slate11,
500: slateDark.slate10,
600: slate.slate11,
700: slateDark.slate8,
800: slateDark.slate4,
900: slateDark.slate1,
},
black: {
50: '#F7F7F7',
100: '#ECECED',
200: '#DDDDE0',
300: '#C6C7CA',
400: '#ABACAF',
500: '#96979C',
600: '#6E6F73',
700: '#5A5B5F',
800: '#3C3D40',
900: '#1B1C1F',
50: slate.slate2,
100: slateDark.slate12,
200: slate.slate7,
300: slate.slate8,
400: slateDark.slate11,
500: slate.slate9,
600: slateDark.slate9,
700: slateDark.slate8,
800: slateDark.slate7,
900: slateDark.slate2,
},
red: {
50: '#FFEBEE',
100: '#FFCCD1',
200: '#F69898',
300: '#EF6F6F',
400: '#F94B4A',
500: '#FF382D',
600: '#F02B2D',
700: '#DE1E27',
800: '#D11320',
900: '#C30011',
50: redDark.red12,
100: red.red6,
200: red.red8,
300: redDark.red11,
400: redDark.red10,
500: red.red9,
600: red.red10,
700: red.red11,
800: redDark.red8,
900: red.red12,
},
violet: {
50: '#FFFFFF',
100: '#F5EBFF',
200: '#DDB8FF',
300: '#C585FF',
400: '#AC52FF',
500: '#941FFF',
600: '#7B00EB',
700: '#6000B8',
800: '#450085',
900: '#2B0052',
50: violet.violet1,
100: violetDark.violet12,
200: violet.violet6,
300: violet.violet8,
400: violet.violet11,
500: violet.violet9,
600: violetDark.violet8,
700: violetDark.violet7,
800: violetDark.violet6,
900: violet.violet12,
},
body: '#2f3b49',
body: slateDark.slate7,
},
keyframes: {
...defaultTheme.keyframes,