tailwind.config.js

/** @type {import('tailwindcss').Config} */
export default {
  content: [
    './src/**/*.{js,jsx,ts,tsx}',
    'node_modules/daisyui/dist/**/*.js',
    'node_modules/react-daisyui/dist/**/*.js',
  ],
  theme: {
    extend: {
      fontFamily: {
        sans: ['Roboto-Regular', 'sans-serif'],
        serif: ['Cooper', 'serif'],
      },
    },
  },
  plugins: [require('daisyui')],
  daisyui: {
    themes: [
      {
        dark: {
          ...require('daisyui/src/theming/themes')['dark'],
          '.bg-navbar': {
            'background-color': '#06D26A' /* For browsers that do not support gradients */,
            'background-image': 'linear-gradient(to right, #06D26A , #00918C)',
          },
          '.bg-footer': {
            'background-color': '#263241',
            'box-shadow': '0px 0px 0.5px 0.5px #000000',
          },
          '.dropzone': {
            'background-color': '#263241',
            'border-color': '#06D26A',
          },
          '.inline-button': {
            'border-color': '#06D26A',
            'border-width': '1.5px',
            'border-radius': '9999px',
            color: '#EAEAEA',
          },
          '.inline-button:hover': {
            'border-color': '#06D26A',
            'border-width': '1.5px',
            'border-radius': '9999px',
            color: '#202936',
            'background-color': '#06D26A',
          },
          '.outline-button': {
            'border-width': '0px',
            'border-radius': '9999px',
            'background-color': '#06D26A',
            color: '#263241',
          },
          '.text-base-content': {
            color: '#EAEAEA',
          },
          '.highlight-color': {
            color: '#06D26A',
          },
          'background-color': '#202936',
          '.svg-symbol': { fill: '#06d26a' },
          '.svg-line': { stroke: '#06d26a' },
          '.svg-icon': { fill: '#EAEAEA' },
          '.svg-icon:hover': { fill: '#06d26a' },
        },
      },
      {
        light: {
          ...require('daisyui/src/theming/themes')['light'],
          '.bg-navbar': {
            'background-color': '#FF3E3E' /* For browsers that do not support gradients */,
            'background-image': 'linear-gradient(to right, #FF3E3E , #FFA400)',
          },
          '.bg-footer': {
            'background-color': '#FFF8F9',
            'box-shadow': '0px 0px 0.5px 0.5px #474F5A',
          },
          '.dropzone': {
            'background-color': '#FFF8F9',
            'border-color': '#FF3E3E',
          },
          '.inline-button': {
            'border-color': '#FF3E3E',
            'border-width': '1.5px',
            'border-radius': '9999px',
            color: '#474F5A',
          },
          '.inline-button:hover': {
            'border-color': '#FF3E3E',
            'border-width': '1.5px',
            'border-radius': '9999px',
            color: 'white',
            'background-color': '#FF3E3E',
          },
          '.outline-button': {
            'border-width': '0px',
            'border-radius': '9999px',
            'background-color': '#FF3E3E',
            color: 'white',
          },
          '.text-base-content': {
            color: '#474F5A',
          },
          '.highlight-color': {
            color: '#FF3E3E',
          },
          'background-color': 'white',
          '.svg-symbol': { fill: '#ff7917' },
          '.svg-line': { stroke: '#ff3e3e' },
          '.svg-icon': { fill: '#474F5A' },
          '.svg-icon:hover': { fill: '#FF3E3E' },
        },
      },
    ],
  },
}