73 lines
2.2 KiB
JavaScript
73 lines
2.2 KiB
JavaScript
const defaultTheme = require("tailwindcss/defaultTheme");
|
|
|
|
module.exports = {
|
|
content: [
|
|
"./public/*.html",
|
|
"./app/helpers/**/*.rb",
|
|
"./app/javascript/**/*.js",
|
|
"./app/views/**/*.{erb,haml,html,slim}",
|
|
],
|
|
theme: {
|
|
extend: {
|
|
fontFamily: {
|
|
sans: ["Inter var", ...defaultTheme.fontFamily.sans],
|
|
},
|
|
colors: {
|
|
"hsrm-red": "#c20008",
|
|
"hsrm-red-dark": "#af0007",
|
|
"hsrm-red-light": "#e20009",
|
|
"hsrm-gray": "#3a3a3a",
|
|
"hsrm-gray-dark": "#212121",
|
|
"hsrm-gray-light": "#4e4e4e",
|
|
"status-open": "#111827", // gray-900
|
|
"status-open-light": "#d1d5db", // gray-300
|
|
"status-printing": "#713f12", // yellow-900
|
|
"status-printing-light": "#fde047", // yellow-300
|
|
"status-pickup": "#365314", // lime-900
|
|
"status-pickup-light": "#bef264", // lime-300
|
|
"status-paid": "#14532d", // green-900
|
|
"status-paid-light": "#86efac", // green-300
|
|
"status-canceled": "#7f1d1d", // red-900
|
|
"status-canceled-light": "#fca5a5", // red-300
|
|
"role-user": "#14532d", // green
|
|
"role-user-light": "#86efac",
|
|
"role-operator": "#713f12", // yellow
|
|
"role-operator-light": "#fde047",
|
|
"role-admin": "#7f1d1d", // red
|
|
"role-admin-light": "#fca5a5",
|
|
},
|
|
},
|
|
},
|
|
safelist: [
|
|
"text-status-open",
|
|
"bg-status-open-light",
|
|
"border-status-open-light",
|
|
"text-status-printing",
|
|
"bg-status-printing-light",
|
|
"border-status-printing-light",
|
|
"text-status-pickup",
|
|
"bg-status-pickup-light",
|
|
"border-status-pickup-light",
|
|
"text-status-paid",
|
|
"bg-status-paid-light",
|
|
"border-status-paid-light",
|
|
"text-status-canceled",
|
|
"bg-status-canceled-light",
|
|
"border-status-canceled-light",
|
|
"text-role-user",
|
|
"bg-role-user-light",
|
|
"text-role-operator",
|
|
"bg-role-operator-light",
|
|
"text-role-admin",
|
|
"bg-role-admin-light",
|
|
"hover:bg-role-user-light",
|
|
"hover:bg-role-operator-light",
|
|
"hover:bg-role-admin-light"
|
|
],
|
|
plugins: [
|
|
require("@tailwindcss/forms"),
|
|
require("@tailwindcss/typography"),
|
|
require("@tailwindcss/container-queries"),
|
|
],
|
|
};
|