Arjun Patel
a8a0b7db1b
* wip * wip * wip * format * wip(mobile): lint and format * cleanup * nits * nits * idiomatic react * nit * format all root files
53 lines
2.0 KiB
JavaScript
53 lines
2.0 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
// Tokens mirror js/desktop/src/styles/globals.css `.dark` palette. Desktop
|
|
// authors values in OKLCH; React Native's color parser is not guaranteed to
|
|
// handle oklch(), so we ship hex/rgba equivalents here and keep the OKLCH
|
|
// source in comments.
|
|
//
|
|
// Mobile is dark-only by design — names match desktop 1:1 so components
|
|
// written against `bg-background`, `text-foreground`, etc. behave identically
|
|
// to the desktop app in dark mode.
|
|
module.exports = {
|
|
content: ['./index.ts', './src/**/*.{ts,tsx}'],
|
|
presets: [require('nativewind/preset')],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
background: '#252525', // oklch(0.145 0 0)
|
|
foreground: '#fafafa', // oklch(0.985 0 0)
|
|
card: '#363636', // oklch(0.205 0 0)
|
|
'card-foreground': '#fafafa',
|
|
popover: '#363636',
|
|
'popover-foreground': '#fafafa',
|
|
primary: '#ebebeb', // oklch(0.922 0 0)
|
|
'primary-foreground': '#363636',
|
|
secondary: '#454545', // oklch(0.269 0 0)
|
|
'secondary-foreground': '#fafafa',
|
|
muted: '#454545',
|
|
'muted-foreground': '#a6a6a6', // oklch(0.708 0 0)
|
|
accent: '#454545',
|
|
'accent-foreground': '#fafafa',
|
|
destructive: '#ef4444', // oklch(0.704 0.191 22.216)
|
|
border: 'rgba(255,255,255,0.1)', // oklch(1 0 0 / 10%)
|
|
input: 'rgba(255,255,255,0.15)', // oklch(1 0 0 / 15%)
|
|
ring: '#878787', // oklch(0.556 0 0)
|
|
sidebar: '#363636',
|
|
'sidebar-foreground': '#fafafa',
|
|
'sidebar-primary': '#6366f1', // chart-1 dark = oklch(0.488 0.243 264.376)
|
|
'sidebar-primary-foreground': '#fafafa',
|
|
'sidebar-accent': '#454545',
|
|
'sidebar-accent-foreground': '#fafafa',
|
|
'sidebar-border': 'rgba(255,255,255,0.1)',
|
|
'sidebar-ring': '#878787',
|
|
},
|
|
borderRadius: {
|
|
lg: '10px', // --radius: 0.625rem
|
|
md: '8px',
|
|
sm: '6px',
|
|
xl: '14px',
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
};
|