tailwind.config.js

module.exports = {
  content: [
    "./src/**/*.{js,jsx}",
  ],
  theme: {
    extend: {
      textColor: {
        primary: 'var(--color-text-primary)',
        secondary: 'var(--color-text-secondary)',
        chatSecondary: 'var(--color-text-chat-secondary)',
        headerText: 'var(--header-text)'
      },
      backgroundColor: {
        primary: 'var(--color-body-bg-primary)',
        secondary: 'var(--color-body-bg-secondary)',
        navbarBg: 'var(--color-navbar-bg)',
        chatPrimary: 'var(--color-chat-primary)',
        chatSecondary: 'var(--color-chat-secondary)',
        chatContainer: 'var(--color-chat-container)',
        otheruserContainer: 'var(--color-other-user-container)',
        inputBg: 'var(--color-input-bg)',
        logininputBg: 'var(--color-login-input-bg)',
        modeswithcerBg: 'var(--color-mode-switcher-bg)',
      },
      borderColor: {
        primary: 'var(--color-border-primary)',
        focus: 'var(--color-navbar-bg)',
        loginInput: 'var(--color-login-input-border)'
      }
    },

  },
  plugins: [],
}