Add light mode support.

ui/tailwind.config.ts

@@ -11,16 +11,16 @@ const config: Config = {
     extend: {
       colors: {
         gray: {
-          950: '#0a0a0a',
-          900: '#171717',
-          800: '#262626',
-          700: '#404040',
-          600: '#525252',
-          500: '#737373',
-          400: '#a3a3a3',
-          300: '#d4d4d4',
-          200: '#e5e5e5',
-          100: '#f5f5f5',
+          950: 'rgb(var(--gray-950) / <alpha-value>)',
+          900: 'rgb(var(--gray-900) / <alpha-value>)',
+          800: 'rgb(var(--gray-800) / <alpha-value>)',
+          700: 'rgb(var(--gray-700) / <alpha-value>)',
+          600: 'rgb(var(--gray-600) / <alpha-value>)',
+          500: 'rgb(var(--gray-500) / <alpha-value>)',
+          400: 'rgb(var(--gray-400) / <alpha-value>)',
+          300: 'rgb(var(--gray-300) / <alpha-value>)',
+          200: 'rgb(var(--gray-200) / <alpha-value>)',
+          100: 'rgb(var(--gray-100) / <alpha-value>)',
         },
 
         yellow: {