git.iko.soy/urbit.org
on 4fdc19d help sign in
urbit.org/tailwind.config.js
71 lines 1.9 kB history raw
1module.exports = {
2 content: [
3 "./pages/**/*.{js,ts,jsx,tsx}",
4 "./components/**/*.{js,ts,jsx,tsx}",
5 ],
6 theme: {
7 colors: {
8 // Wall
9 "wall-100": "#F3F2F0", // Primary
10 "wall-200": "#E3E0DB",
11 "wall-300": "#C8C4BD",
12 "wall-400": "#918C84",
13 "wall-500": "#5A564F",
14 "wall-600": "#24221E",
15 washedWall: "rgba(240, 239, 236, .8)", // for overlays
16 // Greens (Theme Primary Color)
17 "green-100": "#E5F7F1",
18 "green-200": "#BFEBDB",
19 "green-300": "#80D8B8",
20 "green-400": "#00B171", // Primary
21 "green-500": "#006842",
22 "green-600": "#001F13",
23 // Yellows
24 "yellow-100": "#FFFCF1",
25 "yellow-200": "#FEEBAA",
26 "yellow-300": "#FCDB63", // Primary
27 "yellow-400": "#CE9645",
28 "yellow-500": "#A15A2D",
29 "yellow-600": "#602010",
30 // Blues
31 "blue-100": "#F1F9FF",
32 "blue-200": "#BAE9FF",
33 "blue-300": "#7ED8FF",
34 "blue-400": "#219DFF", // Primary
35 "blue-500": "#193C90",
36 "blue-600": "#070821",
37 // Util
38 black: "#000",
39 white: "#FFF",
40 transparent: "rgba(0,0,0,0)",
41 // Syntax highlighting
42 purple: "rgba(157,82,255,0.8)",
43 red: "#ff4136",
44 // White semi-opaques
45 washedWhite: "rgba(255,255,255, 0.5)",
46 midWhite: "rgba(255,255,255, 0.8)",
47 },
48 fontFamily: {
49 sans: ["Inter", "-apple-system", "sans-serif"],
50 mono: ["Source Code Pro", "monospace"],
51 },
52 extend: {
53 fontSize: {
54 xs: "0.75rem",
55 sm: "0.875rem",
56 base: "1rem",
57 lg: "1.125rem",
58 xl: "1.25rem",
59 "2xl": "1.5rem",
60 "3xl": "1.875rem",
61 "4xl": "2.25rem",
62 "5xl": "3rem",
63 "6xl": "4rem",
64 },
65 },
66 },
67 variants: {
68 extend: {},
69 },
70 plugins: [require("@tailwindcss/aspect-ratio")],
71};