teal.fm
Your music, beautifully tracked. All yours. (coming soon)
teal.fm
teal-fm
atproto
mmatt.net
1import { platformSelect, hairlineWidth } from "nativewind/theme";
2
3/** @type {import('tailwindcss').Config} */
4export const darkMode = "class";
5export const content = ["./app/**/*.{ts,tsx}", "./components/**/*.{ts,tsx}"];
6export const presets = [require("nativewind/preset")];
7export const theme = {
8 extend: {
9 fontFamily: {
10 sans: "DM Sans",
11 "serif-old": "CrimsonPro",
12 "serif-old-italic": "CrimsonPro Italic",
13 "serif": "Fraunces",
14 // serif: platformSelect({
15 // android: "Fraunces",
16 // ios: "Fraunces",
17 // web: 'Fraunces, Georgia, Cambria, "Times New Roman", Times, serif',
18 // }),
19 mono: "PlexMono"
20 // mono: platformSelect({
21 // android: "PlexMono",
22 // ios: ["PlexMono"],
23 // web: 'PlexMono, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace',
24 // }),
25 },
26 colors: {
27 border: "hsl(var(--border))",
28 input: "hsl(var(--input))",
29 ring: "hsl(var(--ring))",
30 background: "hsl(var(--background))",
31 foreground: "hsl(var(--foreground))",
32 primary: {
33 DEFAULT: "hsl(var(--primary))",
34 foreground: "hsl(var(--primary-foreground))",
35 },
36 secondary: {
37 DEFAULT: "hsl(var(--secondary))",
38 foreground: "hsl(var(--secondary-foreground))",
39 },
40 destructive: {
41 DEFAULT: "hsl(var(--destructive))",
42 foreground: "hsl(var(--destructive-foreground))",
43 },
44 muted: {
45 DEFAULT: "hsl(var(--muted))",
46 foreground: "hsl(var(--muted-foreground))",
47 },
48 accent: {
49 DEFAULT: "hsl(var(--accent))",
50 foreground: "hsl(var(--accent-foreground))",
51 },
52 popover: {
53 DEFAULT: "hsl(var(--popover))",
54 foreground: "hsl(var(--popover-foreground))",
55 },
56 card: {
57 DEFAULT: "hsl(var(--card))",
58 foreground: "hsl(var(--card-foreground))",
59 },
60 bsky: "hsl(var(--bsky))",
61 },
62 borderWidth: {
63 hairline: hairlineWidth(),
64 },
65 keyframes: {
66 "accordion-down": {
67 from: { height: "0" },
68 to: { height: "var(--radix-accordion-content-height)" },
69 },
70 "accordion-up": {
71 from: { height: "var(--radix-accordion-content-height)" },
72 to: { height: "0" },
73 },
74 },
75 animation: {
76 "accordion-down": "accordion-down 0.2s ease-out",
77 "accordion-up": "accordion-up 0.2s ease-out",
78 },
79 },
80};
81export const plugins = [require("tailwindcss-animate")];