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