feat: Add custom background color #3221 (#3336)

### What problem does this PR solve?

feat: Add custom background color #3221

### Type of change

- [x] New Feature (non-breaking change which adds functionality)

web/tailwind.config.js

@@ -3,7 +3,7 @@ const { fontFamily } = require('tailwindcss/defaultTheme');
 /** @type {import('tailwindcss').Config} */
 
 module.exports = {
-  darkMode: ['class'],
+  darkMode: ['selector'],
   content: [
     './src/pages/**/*.tsx',
     './src/components/**/*.tsx',
@@ -52,6 +52,10 @@ module.exports = {
           DEFAULT: 'hsl(var(--card))',
           foreground: 'hsl(var(--card-foreground))',
         },
+        backgroundInverseStandard: {
+          DEFAULT: 'var(--background-inverse-standard)',
+          foreground: 'var(--background-inverse-standard-foreground)',
+        },
       },
       borderRadius: {
         lg: `var(--radius)`,