skorotkiewicz/rDrama
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

theming

Browse source
This commit is contained in:
kek7198 2021-12-18 17:32:35 -06:00
parent b342baf474
commit 0ee9f57a4a
3 changed files with 269 additions and 123 deletions
Download patch file Download diff file Expand all files Collapse all files

96
tailwind.config.js
View file

@ -3,8 +3,8 @@ const colors = require('tailwindcss/colors')
module.exports = {
mode: 'jit',
purge: [
'files/templates/**/*.html',
'files/templates/*.html'
'files/templates/**/*.html',
'files/templates/*.html'
],
darkMode: 'class', // or 'media' or 'class'
theme: {
@ -47,16 +47,88 @@ module.exports = {
},
colors: {
gray: {
'100': '#f4f6f4',
'200': '#e5e7eb',
'300': '#d1d7db',
'400': '#9ba6af',
'500': '#6a7680',
'600': '#4d5b63',
'700': '#374552',
'800': '#1f2c37',
'900': '#111c28'
},
100: ({ opacityVariable, opacityValue }) => {
if (opacityValue !== undefined) {
return `rgba(var(--color-100), ${opacityValue})`;
}
if (opacityVariable !== undefined) {
return `rgba(var(--color-100), var(${opacityVariable}, 1))`;
}
return `rgb(var(--color-100))`;
},
200: ({ opacityVariable, opacityValue }) => {
if (opacityValue !== undefined) {
return `rgba(var(--color-200), ${opacityValue})`;
}
if (opacityVariable !== undefined) {
return `rgba(var(--color-200), var(${opacityVariable}, 1))`;
}
return `rgb(var(--color-200))`;
},
300: ({ opacityVariable, opacityValue }) => {
if (opacityValue !== undefined) {
return `rgba(var(--color-300), ${opacityValue})`;
}
if (opacityVariable !== undefined) {
return `rgba(var(--color-300), var(${opacityVariable}, 1))`;
}
return `rgb(var(--color-300))`;
},
400: ({ opacityVariable, opacityValue }) => {
if (opacityValue !== undefined) {
return `rgba(var(--color-400), ${opacityValue})`;
}
if (opacityVariable !== undefined) {
return `rgba(var(--color-400), var(${opacityVariable}, 1))`;
}
return `rgb(var(--color-400))`;
},
500: ({ opacityVariable, opacityValue }) => {
if (opacityValue !== undefined) {
return `rgba(var(--color-500), ${opacityValue})`;
}
if (opacityVariable !== undefined) {
return `rgba(var(--color-500), var(${opacityVariable}, 1))`;
}
return `rgb(var(--color-500))`;
},
600: ({ opacityVariable, opacityValue }) => {
if (opacityValue !== undefined) {
return `rgba(var(--color-600), ${opacityValue})`;
}
if (opacityVariable !== undefined) {
return `rgba(var(--color-600), var(${opacityVariable}, 1))`;
}
return `rgb(var(--color-600))`;
},
700: ({ opacityVariable, opacityValue }) => {
if (opacityValue !== undefined) {
return `rgba(var(--color-700), ${opacityValue})`;
}
if (opacityVariable !== undefined) {
return `rgba(var(--color-700), var(${opacityVariable}, 1))`;
}
return `rgb(var(--color-700))`;
},
800: ({ opacityVariable, opacityValue }) => {
if (opacityValue !== undefined) {
return `rgba(var(--color-800), ${opacityValue})`;
}
if (opacityVariable !== undefined) {
return `rgba(var(--color-800), var(${opacityVariable}, 1))`;
}
return `rgb(var(--color-800))`;
},
900: ({ opacityVariable, opacityValue }) => {
if (opacityValue !== undefined) {
return `rgba(var(--color-900), ${opacityValue})`;
}
if (opacityVariable !== undefined) {
return `rgba(var(--color-900), var(${opacityVariable}, 1))`;
}
return `rgb(var(--color-900))`;
},
}
}
},
},