renati/music-repo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Remove dark mode

Browse Source
This commit is contained in:
Szymon Nowakowski
2024-12-01 10:21:11 +01:00
parent 2e3f90de19
commit 80e1f50acc
5 changed files with 9 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
packages/frontend/src/styled/Button.tsx
View File

@@ -1,41 +1,17 @@
import { ButtonHTMLAttributes, DetailedHTMLProps } from "react";
import { ButtonHTMLAttributes, DetailedHTMLProps, forwardRef } from "react";
export namespace Button {
export type Props = Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "className">;
}
export function Button({ children, ...props }: Button.Props) {
export const Button = forwardRef<HTMLButtonElement, Button.Props>(function Button({ children, ...props }, ref) {
return (
<button
{...props}
className="
p-2
bg-stone-300
border-2
border-t-stone-200
border-l-stone-200
border-r-stone-600
border-b-stone-600
active:border-t-stone-600
active:border-l-stone-600
active:border-r-stone-200
active:border-b-stone-200
rounded
focus:outline
focus:outline-2
focus:outline-red-500
dark:bg-stone-700
dark:border-t-stone-600
dark:border-l-stone-600
dark:border-r-stone-900
dark:border-b-stone-900
dark:active:border-t-stone-900
dark:active:border-l-stone-900
dark:active:border-r-stone-600
dark:active:border-b-stone-600
"
ref={ref}
className="p-2 bg-stone-300 border-2 border-t-stone-200 border-l-stone-200 border-r-stone-600 border-b-stone-600 active:border-t-stone-600 active:border-l-stone-600 active:border-r-stone-200 active:border-b-stone-200 rounded focus:outline focus:outline-2 focus:outline-red-500"
>
{children}
</button>
);
}
});