feat(embed): Support dark mode (wip)

2024-11-19 17:58:48 +09:00
parent 48c5341644
commit 139683fab1
10 changed files with 139 additions and 49 deletions
@@ -1,11 +1,20 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
  content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
+  darkMode: ['variant', [
+    '&:is(.dark *)',
+    '@media (prefers-color-scheme: dark) { &:not(.light *) }',
+  ]],
  theme: {
    extend: {
      colors: {
        brand: 'rgb(10,122,255)',
+        brandLighten: 'rgb(32,139,254)',
        textLight: 'rgb(66,87,108)',
+        textDimmed: 'rgb(174,187,201)',
+        dimmedBgLighten: 'rgb(30,41,54)',
+        dimmedBg: 'rgb(22,30,39)',
+        dimmedBgDarken: 'rgb(18,25,32)',
      },
    },
  },