expo-duooomi-app/tailwind.config.js

58 lines
1.6 KiB
JavaScript

/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
'./app/**/*.{js,jsx,ts,tsx}',
'./components/**/*.{js,jsx,ts,tsx}',
'./@share/**/*.{js,jsx,ts,tsx}',
'./ble/**/*.{js,jsx,ts,tsx}',
'./utils/**/*.{js,jsx,ts,tsx}',
],
presets: [require('nativewind/preset')],
darkMode: 'class',
safelist: ['dark'],
theme: {
extend: {
fontFamily: {},
fontSize: {},
screens: {
xs: '400px',
sm: '640px',
md: '768px',
lg: '1024px',
},
colors: {
primary: '#16181B',
line: '#ebebeb',
bg: '#090A0B',
fg: '#F5F5F5',
surface: '#1C1E22',
accent: '#FFE500',
paper: '#f2f2f2',
muted: '#ABABAB',
appbg: '#E6F4FE',
overlay: '#262626',
grayx: '#CCCCCC',
link: '#0a7ea4',
graylight: '#E6E6E6',
},
boxShadow: {
'hard-accent': '4px 4px 0px #FFE500',
'hard-black': '4px 4px 0px #000000',
'medium-black': '3px 3px 0px #000000',
'medium-gray': '3px 3px 0px #888888',
'small-accent': '2px 2px 0px #FFE500',
'soft-black-10': '2px 2px 0px rgba(0,0,0,0.1)',
'hard-black-50': '4px 4px 0px rgba(0,0,0,0.5)',
'deep-black': '8px 8px 0px rgba(0,0,0,1)',
'glow-accent': '0px 0px 20px #FFE500',
'large-black': '5px 5px 0px #000000',
'large-accent': '5px 5px 0px #FFE500',
},
backgroundImage: {
'primary-gradient': 'linear-gradient(to left, #8b5cf6, #ec4899, #f97316)',
},
},
},
plugins: [],
}