103 lines
3 KiB
JavaScript
103 lines
3 KiB
JavaScript
module.exports = {
|
|
main: '#394EFF',
|
|
'gray-light-shade': '#EEEEEE',
|
|
'gray-lightest': '#f6f6f6',
|
|
'gray-lighter': '#f1f1f1',
|
|
'gray-light': '#ddd',
|
|
'gray-bg': '#CCC',
|
|
'gray-medium': '#888',
|
|
'gray-dark': '#666',
|
|
'gray-darkest': '#333',
|
|
'gray-light-blue': '#F8F8FA',
|
|
teal: '#394EFF', /* blue */
|
|
'teal-dark': '#2331A8', /* "blue-dark" */
|
|
'teal-light': 'rgba(57, 78, 255, 0.1)', /* "blue-light" */
|
|
tealx: '#3EAAAF',
|
|
'tealx-light': '#E2F0EE',
|
|
'tealx-light-border': '#C6DCDA',
|
|
'tealx-lightest': 'rgba(62, 170, 175, 0.1)',
|
|
orange: '#E28940',
|
|
yellow: '#FFFBE5',
|
|
yellow2: '#F5A623',
|
|
'orange-dark': '#C26822',
|
|
green: '#42AE5E',
|
|
green2: '#00dc69',
|
|
'green-dark': '#2C9848',
|
|
red: '#cc0000',
|
|
red2: '#F5A623',
|
|
'red-lightest': 'rgba(204, 0, 0, 0.1)',
|
|
blue: '#366CD9',
|
|
blue2: '#0076FF',
|
|
'active-blue': '#F6F7FF',
|
|
'active-dark-blue': '#E2E4F6',
|
|
'bg-blue': '#e3e6ff',
|
|
'active-blue-border': '#D0D4F2',
|
|
pink: '#ffb9b9',
|
|
'light-blue-bg': '#E5F7F7',
|
|
white: '#fff',
|
|
'gray-border': '#999', // Added for border-gray shadow
|
|
borderColor: {
|
|
default: '#DDDDDD',
|
|
'gray-light-shade': '#EEEEEE',
|
|
primary: '#3490dc',
|
|
transparent: 'transparent',
|
|
},
|
|
transparent: 'transparent',
|
|
cyan: '#EBF4F5',
|
|
// actual theme colors - use this for new components
|
|
figmaColors: {
|
|
'accent-secondary': 'rgba(62, 170, 175, 1)',
|
|
main: 'rgba(57, 78, 255, 1)',
|
|
'primary-outlined-hover-background': 'rgba(62, 170, 175, 0.08)',
|
|
'primary-outlined-resting-border': 'rgba(62, 170, 175, 0.5)',
|
|
'secondary-outlined-hover-background': 'rgba(63, 81, 181, 0.08)',
|
|
'secondary-outlined-resting-border': 'rgba(63, 81, 181, 0.5)',
|
|
'text-disabled': 'rgba(0,0,0, 0.38)',
|
|
'text-primary': 'rgba(0,0,0, 0.87)',
|
|
'outlined-border': 'rgba(0,0,0, 0.23)',
|
|
divider: 'rgba(0, 0, 0, 0.12)',
|
|
},
|
|
|
|
dark: {
|
|
// used as background in multiple places
|
|
white: '#0d0d0d',
|
|
teal: '#394EFF',
|
|
main: '#394EFF',
|
|
'text-primary': 'rgba(255, 255, 255, 0.87)',
|
|
'text-disabled': 'rgba(255, 255, 255, 0.38)',
|
|
'outlined-border': 'rgba(255, 255, 255, 0.23)',
|
|
divider: 'rgba(255, 255, 255, 0.12)',
|
|
'background': '#f1f1f1',
|
|
'surface': '#1E1E1E',
|
|
|
|
'gray-light-shade': '#333333',
|
|
'gray-lightest': '#2A2A2A',
|
|
'gray-lighter': '#262626',
|
|
'gray-light': '#444',
|
|
'gray-bg': '#555',
|
|
'gray-medium': '#999',
|
|
'gray-dark': '#AAA',
|
|
'gray-darkest': '#EEE',
|
|
'gray-light-blue': '#1A1A2A',
|
|
'gray-border': '#888',
|
|
|
|
'active-blue': '#1A1B32',
|
|
'active-dark-blue': '#1D1F3A',
|
|
'bg-blue': '#161A4D',
|
|
'active-blue-border': '#2F337D',
|
|
|
|
'tealx-light': '#1A2A2A',
|
|
'tealx-light-border': '#2A3F3F',
|
|
|
|
'light-blue-bg': '#15292C',
|
|
'disabled-text': 'rgba(255, 255, 255, 0.38)',
|
|
|
|
figmaColors: {
|
|
'accent-secondary': 'rgba(82, 190, 195, 1)',
|
|
'text-disabled': 'rgba(255, 255, 255, 0.38)',
|
|
'text-primary': 'rgba(255, 255, 255, 0.87)',
|
|
'outlined-border': 'rgba(255, 255, 255, 0.23)',
|
|
divider: 'rgba(255, 255, 255, 0.12)',
|
|
}
|
|
}
|
|
};
|