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/src/components/container.tsx | |
| 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/src/components/container.tsx')
| -rw-r--r-- | bskyembed/src/components/container.tsx | 2 |
1 files changed, 1 insertions, 1 deletions
diff --git a/bskyembed/src/components/container.tsx b/bskyembed/src/components/container.tsx index 5b1b2b7fb..8e142a25b 100644 --- a/bskyembed/src/components/container.tsx +++ b/bskyembed/src/components/container.tsx @@ -37,7 +37,7 @@ export function Container({ return ( <div ref={ref} - className="w-full bg-white hover:bg-neutral-50 relative transition-colors max-w-[600px] min-w-[300px] flex border rounded-xl" + className="w-full bg-white text-black hover:bg-neutral-50 dark:bg-dimmedBg dark:hover:bg-dimmedBgLighten relative transition-colors max-w-[600px] min-w-[300px] flex border dark:border-slate-600 dark:text-slate-200 rounded-xl" onClick={() => { if (ref.current && href) { // forwardRef requires preact/compat - let's keep it simple |