mirror of https://github.com/waku-org/metrics.git
86 lines
2.3 KiB
JavaScript
86 lines
2.3 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
import colors from 'tailwindcss/colors';
|
|
|
|
module.exports = {
|
|
content: [
|
|
'./pages/**/*.{js,ts,jsx,tsx,mdx}',
|
|
'./components/**/*.{js,ts,jsx,tsx,mdx}',
|
|
'./app/**/*.{js,ts,jsx,tsx,mdx}',
|
|
// Path to Tremor module
|
|
'./node_modules/@tremor/**/*.{js,ts,jsx,tsx}',
|
|
],
|
|
theme: {
|
|
extend: {
|
|
backgroundImage: {
|
|
'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
|
|
'gradient-conic':
|
|
'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))',
|
|
},
|
|
colors: {
|
|
// light mode
|
|
tremor: {
|
|
brand: {
|
|
faint: colors.blue[50],
|
|
muted: colors.blue[200],
|
|
subtle: colors.blue[400],
|
|
DEFAULT: colors.blue[500],
|
|
emphasis: colors.blue[700],
|
|
inverted: colors.white,
|
|
},
|
|
background: {
|
|
muted: colors.gray[50],
|
|
subtle: colors.gray[100],
|
|
DEFAULT: colors.white,
|
|
emphasis: colors.gray[700],
|
|
},
|
|
border: {
|
|
DEFAULT: colors.gray[200],
|
|
},
|
|
ring: {
|
|
DEFAULT: colors.gray[200],
|
|
},
|
|
content: {
|
|
subtle: colors.gray[400],
|
|
DEFAULT: colors.gray[500],
|
|
emphasis: colors.gray[700],
|
|
strong: colors.gray[900],
|
|
inverted: colors.white,
|
|
},
|
|
},
|
|
// dark mode
|
|
'dark-tremor': {
|
|
brand: {
|
|
faint: '#FFFFFF',
|
|
muted: '#FFFFFF',
|
|
subtle: '#FFFFFF',
|
|
DEFAULT: '#FFFFFF',
|
|
emphasis: '#FFFFFF',
|
|
inverted: '#FFFFFF',
|
|
},
|
|
background: {
|
|
muted: '#131A2B',
|
|
subtle: colors.gray[800],
|
|
DEFAULT: colors.gray[900],
|
|
emphasis: colors.gray[300],
|
|
},
|
|
border: {
|
|
DEFAULT: colors.gray[800],
|
|
},
|
|
ring: {
|
|
DEFAULT: colors.gray[800],
|
|
},
|
|
content: {
|
|
subtle: colors.gray[600],
|
|
DEFAULT: colors.gray[500],
|
|
emphasis: colors.gray[200],
|
|
strong: colors.gray[50],
|
|
inverted: colors.gray[950],
|
|
},
|
|
},
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
}
|
|
|