feat: themes (#902)

* chore: add next theme and initial setup

* chore: add dark mode colors to layouts

* chore: user general setting page theming

* chore: dashboard theming

* chore: project page theming

* chore: workspace setting page theming

* chore: my issue page theming

* chore: cmdk theming

* chore: change hardcode bg and text color to theme

* chore: change color name according to the design

* style: fix card in the dashboard

* style: fix merge conflict design issues

* style: add light high contrast and dark high contrast

* style: fix cmd k menu color and selection

* feat: change theme from cmdk menu

* chore: add multiple theme field to custom theme

* chore: removed custom theming

* fix: build error

---------

Co-authored-by: Saheb Giri <iamsahebgiri@gmail.com>
This commit is contained in:
Aaryan Khandelwal 2023-04-20 13:41:24 +05:30 committed by GitHub
parent 9f04933957
commit 3c2f5d12ed
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
191 changed files with 1550 additions and 880 deletions

View file

@ -66,7 +66,7 @@ export const SingleLabelGroup: React.FC<Props> = ({
};
return (
<Disclosure as="div" className="rounded-[10px] border bg-white p-5 text-gray-900" defaultOpen>
<Disclosure as="div" className="rounded-[10px] border border-brand-base bg-brand-surface-1 p-5 text-brand-base" defaultOpen>
{({ open }) => (
<>
<div className="flex cursor-pointer items-center justify-between gap-2">
@ -74,7 +74,7 @@ export const SingleLabelGroup: React.FC<Props> = ({
<span>
<RectangleGroupIcon className="h-4 w-4" />
</span>
<h6 className="font-medium text-gray-600">{label.name}</h6>
<h6 className="font-medium text-brand-base">{label.name}</h6>
</div>
<div className="flex items-center gap-2">
<CustomMenu ellipsis>
@ -100,7 +100,7 @@ export const SingleLabelGroup: React.FC<Props> = ({
<Disclosure.Button>
<span>
<ChevronDownIcon
className={`h-4 w-4 text-gray-500 ${!open ? "rotate-90 transform" : ""}`}
className={`h-4 w-4 text-brand-base ${!open ? "rotate-90 transform" : ""}`}
/>
</span>
</Disclosure.Button>
@ -120,9 +120,9 @@ export const SingleLabelGroup: React.FC<Props> = ({
{labelChildren.map((child) => (
<div
key={child.id}
className="group flex items-center justify-between rounded-md border p-2 text-sm"
className="group flex items-center justify-between rounded-md border border-brand-base p-2 text-sm"
>
<h5 className="flex items-center gap-3 text-gray-600">
<h5 className="flex items-center gap-3 text-brand-base">
<span
className="h-2.5 w-2.5 flex-shrink-0 rounded-full"
style={{