binarybeach/bb-plane-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: themes (#902)

Browse source 
* 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
Download patch file Download diff file Expand all files Collapse all files

10
apps/app/components/workspace/issues-list.tsx
View file

@ -36,10 +36,10 @@ export const IssuesList: React.FC<Props> = ({ issues, type }) => {
<div>
<h3 className="mb-2 font-semibold capitalize">{type} Issues</h3>
{issues ? (
<div className="rounded-[10px] border bg-white p-4 text-sm h-[calc(100%-2.25rem)]">
<div className="rounded-[10px] border border-brand-base bg-brand-sidebar p-4 text-sm h-[calc(100%-2.25rem)]">
<div
className={`mb-2 grid grid-cols-4 gap-2 rounded-lg px-3 py-2 font-medium ${
type === "overdue" ? "bg-red-100" : "bg-gray-100"
type === "overdue" ? "bg-red-600 bg-opacity-20" : "bg-brand-surface-1"
}`}
>
<h4 className="capitalize">{type}</h4>
@ -83,12 +83,12 @@ export const IssuesList: React.FC<Props> = ({ issues, type }) => {
})
) : (
<div className="grid h-full place-items-center">
<div className="flex flex-col items-center gap-4">
<div className="flex flex-col items-center gap-4 my-5">
<LayerDiagonalIcon height={60} width={60} />
<span>
No issues found. Use{" "}
<pre className="inline rounded bg-gray-200 px-2 py-1">C</pre> shortcut to create
a new issue
<pre className="inline rounded bg-brand-surface-1 px-2 py-1">C</pre> shortcut to
create a new issue
</span>
</div>
</div>