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:
parent
a14f8c281b
commit
4c2cb2368a
329 changed files with 2130 additions and 1995 deletions
|
|
@ -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
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue