aybWeb/tailwind.config.js
2023-12-08 18:43:56 +01:00

78 lines
1.2 KiB
JavaScript

// Flexoki tailwind theme: https://gist.github.com/martin-mael/4b50fa8e55da846f3f73399d84fa1848
const colors = {
base: {
black: "#100F0F",
950: "#1C1B1A",
900: "#282726",
850: "#343331",
800: "#403E3C",
700: "#575653",
600: "#6F6E69",
500: "#878580",
300: "#B7B5AC",
200: "#CECDC3",
150: "#DAD8CE",
100: "#E6E4D9",
50: "#F2F0E5",
paper: "#FFFCF0",
},
red: {
DEFAULT: "#AF3029",
light: "#D14D41",
},
orange: {
DEFAULT: "#BC5215",
light: "#DA702C",
},
yellow: {
DEFAULT: "#AD8301",
light: "#D0A215",
},
green: {
DEFAULT: "#66800B",
light: "#879A39",
},
cyan: {
DEFAULT: "#24837B",
light: "#3AA99F",
},
blue: {
DEFAULT: "#205EA6",
light: "#4385BE",
},
purple: {
DEFAULT: "#5E409D",
light: "#8B7EC8",
},
magenta: {
DEFAULT: "#A02F6F",
light: "#CE5D97",
},
}
const fontFamily = {
sans: [
"Rubik",
"ui-sans-serif",
"system-ui",
"sans-serif",
'"Apple Color Emoji"',
'"Segoe UI Emoji"',
'"Segoe UI Symbol"',
'"Noto Color Emoji"',
],
mono: ['"Jetbrains Mono"', "monospace"],
}
/** @type {import('tailwindcss').Config} */
export default {
content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx,svelte}"],
theme: {
extend: {
colors,
fontFamily,
},
},
plugins: [],
}