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

* 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

View file

@ -134,14 +134,14 @@ export const CreateWorkspaceForm: React.FC<Props> = ({
`Name can only contain (" "), ( - ), ( _ ) & Alphanumeric characters.`,
}}
placeholder="e.g. My Workspace"
className="placeholder:text-brand-secondary"
className="placeholder:text-custom-text-200"
error={errors.name}
/>
</div>
<div className="flex flex-col items-start justify-center gap-1">
<span className="mb-1.5 text-sm">Workspace URL</span>
<div className="flex w-full items-center rounded-md border border-brand-base px-3">
<span className="whitespace-nowrap text-sm text-brand-secondary">
<div className="flex w-full items-center rounded-md border border-custom-border-100 px-3">
<span className="whitespace-nowrap text-sm text-custom-text-200">
{typeof window !== "undefined" && window.location.origin}/
</span>
<Input
@ -169,7 +169,7 @@ export const CreateWorkspaceForm: React.FC<Props> = ({
</div>
</div>
<div className="flex flex-col items-start justify-center gap-1 border-t border-brand-base px-7 pt-3.5 ">
<div className="flex flex-col items-start justify-center gap-1 border-t border-custom-border-100 px-7 pt-3.5 ">
<span className="mb-1.5 text-sm">How large is your company?</span>
<div className="w-full">
<Controller
@ -184,7 +184,7 @@ export const CreateWorkspaceForm: React.FC<Props> = ({
value ? (
value.toString()
) : (
<span className="text-brand-secondary">Select company size</span>
<span className="text-custom-text-200">Select company size</span>
)
}
input