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