tunic-tracker-redux/tunictracker/werefoxtheme/static_src/tailwind.config.js

127 lines
2.8 KiB
JavaScript
Raw Normal View History

/**
* This is a minimal config.
*
* If you need the full config, get it from here:
* https://unpkg.com/browse/tailwindcss@latest/stubs/defaultConfig.stub.js
*/
module.exports = {
content: [
/**
* HTML. Paths to Django template files that will contain Tailwind CSS classes.
*/
/* Templates within theme app (<tailwind_app_name>/templates), e.g. base.html. */
"../templates/**/*.html",
/*
* Main templates directory of the project (BASE_DIR/templates).
* Adjust the following line to match your project structure.
*/
"../../templates/**/*.html",
/*
* Templates in other django apps (BASE_DIR/<any_app_name>/templates).
* Adjust the following line to match your project structure.
*/
"../../**/templates/**/*.html",
/**
* JS: If you use Tailwind CSS in JavaScript, uncomment the following lines and make sure
* patterns match your project structure.
*/
/* JS 1: Ignore any JavaScript in node_modules folder. */
// '!../../**/node_modules',
/* JS 2: Process all JavaScript files in the project. */
// '../../**/*.js',
/**
* Python: If you use Tailwind CSS classes in Python, uncomment the following line
* and make sure the pattern below matches your project structure.
*/
// '../../**/*.py'
],
theme: {
container: {
center: true,
padding: {
DEFAULT: "1rem",
xl: "0rem",
},
},
extend: {
fontFamily: {
nerd: ["DejaVuSansMono"],
},
colors: {
bluelight: {
light: "#378ec880",
DEFAULT: "#317eb1",
dark: "#006bb380",
translucent: {
light: "#317eb140",
DEFAULT: "#317eb180",
dark: "#2facff40",
},
background: {
light: "#317eb1",
DEFAULT: "#26638c",
dark: "#1b4764",
},
},
"trans-pride": {
cyan: {
2024-03-11 03:05:07 -05:00
DEFAULT: "#5adefc",
translucent: "#5adefc69",
},
white: {
DEFAULT: "#eeeeeeff",
2024-03-11 03:05:07 -05:00
translucent: "#eeeeee69",
},
pink: {
2024-03-11 03:05:07 -05:00
DEFAULT: "#ff8cda",
translucent: "#ff8cda69",
},
},
highlight: {
checks: {
DEFAULT: "#A431B1",
translucent: {
light: "#A431B1E8",
dark: "#A431B1A0",
},
},
entrances: {
DEFAULT: "#B16431",
translucent: {
light: "#B16431E8",
dark: "#B16431B0",
},
},
both: {
DEFAULT: "#3EB131",
translucent: {
light: "#3EB131E8",
dark: "#3EB13190",
},
},
},
2024-03-11 03:05:07 -05:00
"holy-cross": {
DEFAULT: "fffae0",
},
},
},
},
plugins: [
/**
* '@tailwindcss/forms' is the forms plugin that provides a minimal styling
* for forms. If you don't like it or have own styling for forms,
* comment the line below to disable '@tailwindcss/forms'.
*/
require("@tailwindcss/forms"),
require("@tailwindcss/typography"),
require("@tailwindcss/aspect-ratio"),
require("tailwind-scrollbar"),
],
};