talksik
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: [],
|
|
};
|