Nomchy/discord.js
1
0
Fork 0
mirror of https://github.com/discordjs/discord.js.git synced 2026-03-13 01:53:30 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix: dark/light theme fixes

Browse Source
This commit is contained in:
iCrawl
2022-09-07 18:39:02 +02:00
parent d8e774138d
commit 8d07ea9a62
4 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/website/src/components/Section.tsx
View File

@@ -19,7 +19,7 @@ export function Section({
const disclosure = useDisclosureState({ defaultOpen: !defaultClosed });
return (
<div>
<div className="flex flex-col">
<Disclosure
className="bg-light-600 hover:bg-light-700 active:bg-light-800 dark:bg-dark-600 dark:hover:bg-dark-500 dark:active:bg-dark-400 rounded p-3"
state={disclosure}

2
packages/website/src/components/SidebarItems.tsx
View File

@@ -89,7 +89,7 @@ export function SidebarItems({
{groupItems[group].map((member, index) => (
<Link key={index} href={member.path} prefetch={false}>
<a
className={`dark:border-dark-100 border-light-800 ml-5 border-l p-[5px] pl-6 ${
className={`dark:border-dark-100 border-light-800 ml-5 flex flex-col border-l p-[5px] pl-6 ${
asPathWithoutQueryAndAnchor === member.path
? 'bg-blurple text-white'
: 'dark:hover:bg-dark-200 dark:active:bg-dark-100 hover:bg-light-700 active:bg-light-800'