rebreak-monorepo/apps/rebreak-native/tailwind.config.js

51 lines
1.3 KiB
JavaScript

/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
'./app/**/*.{ts,tsx}',
'./components/**/*.{ts,tsx}',
],
presets: [require('nativewind/preset')],
theme: {
extend: {
colors: {
// Rebreak brand colors — orange burst + dark blue from app-icon.png
// TEMP: iOS native blue palette zum Testen.
// Original Brand-Orange: 50:#fff7ed → 500:#f59e0b → 900:#78350f
rebreak: {
50: '#eff6ff',
100: '#dbeafe',
200: '#bfdbfe',
300: '#93c5fd',
400: '#60a5fa',
500: '#007AFF',
600: '#0062cc',
700: '#0050a3',
800: '#003e7a',
900: '#002b52',
},
// Dark blue background palette aus dem Brand-Icon
midnight: {
50: '#e6edf6',
100: '#cad9eb',
200: '#92b4d6',
300: '#5a8ec1',
400: '#3a6da3',
500: '#264e7d',
600: '#1a3a60',
700: '#13284a',
800: '#0e1f3a',
900: '#091428',
950: '#040a16',
},
},
fontFamily: {
sans: ['Nunito_400Regular', 'system-ui'],
semibold: ['Nunito_600SemiBold'],
bold: ['Nunito_700Bold'],
extrabold: ['Nunito_800ExtraBold'],
},
},
},
plugins: [],
};