livebook/assets/tailwind.config.js
Cristine Guadelupe 9690e2ac51
Minor design improvements (#858)
* Adds the greens and yellows from the custom color palette

* Keeps the cell status indicators with the original bright colors

* Increases icon-button contrast

* Increases labeled_text font-size

* Removes type: button to fix the runtime sidebar buttons style on Safari

* Increases the toggleable menu contrast on hover

* Use the same color for the stale state in the sections sidebar
2022-01-13 15:06:11 -03:00

105 lines
2.3 KiB
JavaScript

module.exports = {
content: [
"../lib/**/*.ex",
"../lib/**/*.leex",
"../lib/**/*.heex",
"../lib/**/*.eex",
"./js/**/*.js",
],
theme: {
fontFamily: {
sans: ["Inter"],
mono: ["JetBrains Mono", "monospace"],
},
extend: {
colors: {
blue: {
50: "#F5F7FF",
100: "#ECF0FF",
200: "#D8E0FF",
300: "#B2C1FF",
400: "#8BA2FF",
500: "#6583FF",
600: "#3E64FF",
700: "#2D4CDB",
800: "#1F37B7",
900: "#132593",
},
gray: {
50: "#F8FAFC",
100: "#F0F5F9",
200: "#E1E8F0",
300: "#CAD5E0",
400: "#91A4B7",
500: "#61758A",
600: "#445668",
700: "#304254",
800: "#1C2A3A",
900: "#0D1829",
},
red: {
50: "#FDF3F4",
100: "#FCE8E9",
200: "#F8D1D2",
300: "#F1A3A6",
400: "#E97579",
500: "#E2474D",
600: "#DB1920",
700: "#BC1227",
800: "#9D0C2B",
900: "#7F072B",
},
green: {
50: "#F3F9F3",
100: "#E9F4E9",
200: "#D2E7D1",
300: "#A5D0A3",
400: "#77B876",
500: "#4AA148",
600: "#1D891A",
700: "#137518",
800: "#0D6219",
900: "#084F18",
},
yellow: {
50: "#FFFAF5",
100: "#FFF7EC",
200: "#FFEED9",
300: "#FFDCB2",
400: "#FFCB8C",
500: "#FFB965",
600: "#FFA83F",
700: "#DB842E",
800: "#B7641F",
900: "#934814",
},
'green-bright': {
50: "#F0FDF4",
100: "#DCFCE7",
200: "#BBF7D0",
300: "#86EFAC",
400: "#4ADE80",
500: "#22C55E",
600: "#16A34A",
700: "#15803D",
800: "#166534",
900: "#14532D",
},
'yellow-bright': {
50: "#FEFCE8",
100: "#FEF9C3",
200: "#FEF08A",
300: "#FDE047",
400: "#FACC15",
500: "#EAB308",
600: "#CA8A04",
700: "#A16207",
800: "#854D0E",
900: "#713F12",
},
},
},
},
plugins: [],
};