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

fix(enums): dark theme colors

Browse Source
This commit is contained in:
iCrawl
2022-07-25 01:38:17 +02:00
parent 4fff6076e7
commit 5a3c9996e0
2 changed files with 17 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/website/src/components/model/Enum.tsx
View File

@@ -10,8 +10,8 @@ export interface EnumProps {
export function Enum({ data }: EnumProps) { export function Enum({ data }: EnumProps) {
return ( return (
<DocContainer name={data.name} kind={data.kind} excerpt={data.excerpt} summary={data.summary}> <DocContainer name={data.name} kind={data.kind} excerpt={data.excerpt} summary={data.summary}>
<Section title="Members"> <Section title="Members" className="dark:text-white">
<div className="flex flex-col space-y-5"> <div className="flex flex-col gap-5">
{data.members.map((member) => ( {data.members.map((member) => (
<CodeListing <CodeListing
key={member.name} key={member.name}

23
packages/website/src/pages/index.tsx
View File

@@ -7,16 +7,21 @@ import vercelLogo from '../assets/powered-by-vercel.svg';
import text from '../text.json'; import text from '../text.json';
interface ButtonProps { interface ButtonProps {
title: string; label: string;
href?: string; href?: string;
ref?: Ref<HTMLAnchorElement>; ref?: Ref<HTMLAnchorElement>;
onClick?: MouseEventHandler<HTMLAnchorElement>; onClick?: MouseEventHandler<HTMLAnchorElement>;
} }
// eslint-disable-next-line react/display-name // eslint-disable-next-line react/display-name
const LinkButton = forwardRef<HTMLAnchorElement, ButtonProps>(({ title, onClick, href }: ButtonProps, ref) => ( const LinkButton = forwardRef<HTMLAnchorElement, ButtonProps>(({ label, onClick, href }: ButtonProps, ref) => (
<a href={href} onClick={onClick} ref={ref} className="max-h-[70px] bg-blurple px-3 py-4 rounded-lg"> <a
<p className="font-semibold text-white m-0">{title}</p> href={href}
onClick={onClick}
ref={ref}
className="no-underline max-h-[70px] bg-blurple px-3 py-4 rounded-lg font-semibold text-white"
>
{label}
</a> </a>
)); ));
@@ -29,7 +34,9 @@ export default function IndexRoute() {
<Image className="h-[50px] w-[50px]" src={logo} /> <Image className="h-[50px] w-[50px]" src={logo} />
</div> </div>
<div className="flex flex-row space-x-8"> <div className="flex flex-row space-x-8">
<a className="text-blurple font-semibold">Docs</a> <Link href="/docs" passHref>
<a className="no-underline text-blurple font-semibold">Docs</a>
</Link>
<a className="text-blurple font-semibold">Guide</a> <a className="text-blurple font-semibold">Guide</a>
</div> </div>
</div> </div>
@@ -40,9 +47,9 @@ export default function IndexRoute() {
<h1 className="font-bold text-6xl text-blurple my-2">{text.heroTitle}</h1> <h1 className="font-bold text-6xl text-blurple my-2">{text.heroTitle}</h1>
<p className="text-xl text-dark-100 dark:text-gray-300">{text.heroDescription}</p> <p className="text-xl text-dark-100 dark:text-gray-300">{text.heroDescription}</p>
<div className="flex flew-row space-x-4"> <div className="flex flew-row space-x-4">
<LinkButton title="Read the guide" /> <LinkButton label="Read the guide" />
<Link href="/docs/" passHref> <Link href="/docs" passHref>
<LinkButton title="Check out the docs" /> <LinkButton label="Check out the docs" />
</Link> </Link>
</div> </div>
</div> </div>