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

14
apps/app/components/pages/single-page-detailed-item.tsx
View file

@ -75,7 +75,7 @@ export const SinglePageDetailedItem: React.FC<TSingleStatProps> = ({
page.label_details.map((label) => (
<div
key={label.id}
className="group flex items-center gap-1 rounded-2xl border border-brand-base px-2 py-0.5 text-xs"
className="group flex items-center gap-1 rounded-2xl border border-custom-border-100 px-2 py-0.5 text-xs"
style={{
backgroundColor: `${
label?.color && label.color !== "" ? label.color : "#000000"
@ -101,7 +101,7 @@ export const SinglePageDetailedItem: React.FC<TSingleStatProps> = ({
` ${new Date(page.updated_at).getHours() < 12 ? "am" : "pm"}`
} on ${renderShortDate(page.updated_at)}`}
>
<p className="text-sm text-gray-400">{renderShortTime(page.updated_at)}</p>
<p className="text-sm text-custom-text-200">{renderShortTime(page.updated_at)}</p>
</Tooltip>
{page.is_favorite ? (
<button
@ -125,7 +125,7 @@ export const SinglePageDetailedItem: React.FC<TSingleStatProps> = ({
}}
className="z-10 grid place-items-center"
>
<StarIcon className="h-4 w-4 " color="#858E96" />
<StarIcon className="h-4 w-4 " color="rgb(var(--color-text-200))" />
</button>
)}
{page.created_by === user?.id && (
@ -146,9 +146,9 @@ export const SinglePageDetailedItem: React.FC<TSingleStatProps> = ({
}}
>
{page.access ? (
<LockClosedIcon className="h-4 w-4" color="#858e96" />
<LockClosedIcon className="h-4 w-4" color="rgb(var(--color-text-200))" />
) : (
<LockOpenIcon className="h-4 w-4" color="#858e96" />
<LockOpenIcon className="h-4 w-4" color="rgb(var(--color-text-200))" />
)}
</button>
</Tooltip>
@ -162,7 +162,7 @@ export const SinglePageDetailedItem: React.FC<TSingleStatProps> = ({
} on ${renderLongDateFormat(`${page.created_at}`)}`}
>
<span>
<ExclamationIcon className="h-4 w-4 fill-current text-brand-secondary" />
<ExclamationIcon className="h-4 w-4 fill-current text-custom-text-200" />
</span>
</Tooltip>
<CustomMenu verticalEllipsis>
@ -205,7 +205,7 @@ export const SinglePageDetailedItem: React.FC<TSingleStatProps> = ({
</CustomMenu>
</div>
</div>
<div className="relative mt-2 space-y-2 text-sm text-brand-secondary">
<div className="relative mt-2 space-y-2 text-sm text-custom-text-200">
{page.blocks.length > 0
? page.blocks.slice(0, 3).map((block) => <h4>{block.name}</h4>)
: null}