| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556 |
- /** @type {import('tailwindcss').Config} */
- module.exports = {
- content: [
- './index.html',
- './src/**/*.{js,ts,jsx,tsx}',
- './node_modules/react-tailwindcss-datepicker/dist/index.esm.js',
- ],
- darkMode: 'class',
- theme: {
- extend: {
- colors: {
- white: '#ffffff',
- black: '#000000',
- main: {
- accent: '#00BCF0',
- hovered: '#00B7EA',
- secondary: '#E0F8FF',
- selector: '#F2FCFF',
- alert: '#FB006D',
- warning: '#FFD667',
- success: '#66CF80',
- },
- tint: {
- 1: '#E8E0FF',
- 2: '#FFE7FD',
- 3: '#FFE7EE',
- 4: '#FFEFE3',
- 5: '#FFF2CD',
- 6: '#F5FFDC',
- 7: '#DDFFD6',
- 8: '#DEFFF1',
- 9: '#E1FBFF',
- },
- shade: {
- 1: '#333333',
- 2: '#4F4F4F',
- 3: '#828282',
- 4: '#BDBDBD',
- 5: '#E0E0E0',
- 6: '#F2F2F2',
- 7: '#FFFFFF',
- },
- surface: {
- 1: '#F7F8FC',
- 2: '#EDEEF2',
- 3: '#E2E4EB',
- fiol: '#2C144B',
- },
- },
- boxShadow: {
- md: '0px 0px 20px rgba(0, 0, 0, 0.1);',
- },
- },
- },
- plugins: [],
- };
|
