diff options
| author | かっこかり <67428053+kakkokari-gtyih@users.noreply.github.com> | 2024-12-12 01:31:29 +0900 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-12-11 16:31:29 +0000 |
| commit | de15f8e2d3264b9ffb18c3a089612ef604eb87b8 (patch) | |
| tree | ae5419e798d55b978596ca7a396fdb395d2cf4fc /bskyembed/tailwind.config.cjs | |
| parent | 48c5341644935b103fa81c91b23391f7b7c8a572 (diff) | |
| download | voidsky-de15f8e2d3264b9ffb18c3a089612ef604eb87b8.tar.zst | |
feat(embed): Add support for dark mode (#6912)
* feat(embed): Support dark mode (wip) * finishing up the implementation * fix tailwind color selector * tweak design * refactor: unify types * fix * fix english grammar * refactor: unify types * tweak design * remove the customization part
Diffstat (limited to 'bskyembed/tailwind.config.cjs')
| -rw-r--r-- | bskyembed/tailwind.config.cjs | 8 |
1 files changed, 8 insertions, 0 deletions
diff --git a/bskyembed/tailwind.config.cjs b/bskyembed/tailwind.config.cjs index 092e8c2cb..0e9f5b8ea 100644 --- a/bskyembed/tailwind.config.cjs +++ b/bskyembed/tailwind.config.cjs @@ -1,11 +1,19 @@ /** @type {import('tailwindcss').Config} */ module.exports = { content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'], + darkMode: ['variant', [ + '&:is(.dark *):not(:is(.dark .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)', }, }, }, |