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

chore: update classnames according to the new theming structure (#1494)

Browse source 
* chore: store various shades of accent color

* refactor: custom theme selector

* refactor: custom theme selector

* chore: update custom theme input labels

* fix: color generator function logic

* fix: accent color preloaded data

* chore: new theming structure

* chore: update shades calculation logic

* refactor: variable names

* chore: update color scheming

* chore: new color scheming

* refactor: themes folder structure

* chore: update classnames to the new ones

* chore: update static colors

* chore: sidebar link colors

* chore: placeholder color

* chore: update border classnames
This commit is contained in:
Aaryan Khandelwal 2023-07-10 12:47:00 +05:30 • committed by GitHub
parent a14f8c281b
commit 4c2cb2368a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
329 changed files with 2130 additions and 1995 deletions
Download patch file Download diff file Expand all files Collapse all files

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

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