otterscan/tailwind.config.js

64 lines
1.5 KiB
JavaScript
Raw Normal View History

const colors = require("tailwindcss/colors");
function withOpacity(variableName) {
return ({ opacityValue }) => {
if (opacityValue !== undefined) {
return `rgba(var(${variableName}), ${opacityValue})`;
}
return `rgb(var(${variableName}))`;
};
}
2021-07-01 18:21:40 +00:00
module.exports = {
purge: ["./src/**/*.{js,jsx,ts,tsx}", "./public/index.html"],
darkMode: false, // or 'media' or 'class'
theme: {
extend: {
colors: {
"link-blue": "#3498db",
"link-blue-hover": "#0468ab",
orange: colors.orange,
2021-07-01 18:21:40 +00:00
},
fontFamily: {
sans: ["Roboto"],
title: ["Space Grotesk"],
address: ["Roboto Mono"],
hash: ["Roboto Mono"],
data: ["Roboto Mono"],
balance: ["Fira Code"],
blocknum: ["Roboto"],
},
borderColor: {
skin: {
from: withOpacity("--color-from-border"),
},
},
textColor: {
skin: {
2021-09-01 21:12:35 +00:00
button: withOpacity("--color-button-text"),
from: withOpacity("--color-from-text"),
},
},
backgroundColor: {
skin: {
2021-09-01 21:12:35 +00:00
"button-fill": withOpacity("--color-button-fill"),
"button-hover-fill": withOpacity("--color-button-hover-fill"),
from: withOpacity("--color-from-fill"),
to: withOpacity("--color-to-fill"),
2021-08-31 07:02:26 +00:00
"table-hover": withOpacity("--color-table-row-hover"),
},
},
2021-07-01 18:21:40 +00:00
},
},
variants: {
extend: {
cursor: ["disabled"],
backgroundColor: ["disabled"],
textColor: ["disabled"],
},
},
plugins: [],
};