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

refactor(website): dark mode

Browse Source
This commit is contained in:
iCrawl
2023-04-11 20:13:59 +02:00
parent 78e02c4b63
commit 24c462bf6f
12 changed files with 23 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/ui/src/lib/components/Section.tsx
View File

@@ -6,6 +6,7 @@ import type { PropsWithChildren } from 'react';
export interface SectionOptions {
background?: boolean | undefined;
buttonClassName?: string;
className?: string;
defaultClosed?: boolean | undefined;
dense?: boolean | undefined;
@@ -25,13 +26,18 @@ export function Section({
gutter = false,
children,
className = '',
buttonClassName = '',
}: PropsWithChildren<SectionOptions>) {
const disclosure = useDisclosureState({ defaultOpen: !defaultClosed });
return (
<div className={`flex flex-col ${className}`}>
<Disclosure
className="hover:bg-light-800 active:bg-light-800 dark:bg-dark-600 dark:hover:bg-dark-500 dark:active:bg-dark-400 focus:ring-width-2 focus:ring-blurple rounded bg-white p-3 outline-0 focus:ring"
className={
buttonClassName
? buttonClassName
: 'hover:bg-light-800 active:bg-light-900 dark:bg-dark-400 dark:hover:bg-dark-300 dark:active:bg-dark-200 focus:ring-width-2 focus:ring-blurple rounded bg-white p-3 outline-0 focus:ring'
}
state={disclosure}
>
<div className="flex flex-row place-content-between place-items-center">