UI/fonts: migrate all text-* classes

This commit is contained in:
Johannes Kirschbauer
2024-11-19 15:33:30 +01:00
parent edc3f847c7
commit 71140de04c
14 changed files with 37 additions and 43 deletions

View File

@@ -103,7 +103,7 @@ export const CreateClan = () => {
{(field, props) => (
<label class="form-control w-full">
<div class="label">
<span class="label-text block after:ml-0.5 after:text-primary after:content-['*']">
<span class="label-text block after:ml-0.5 after:text-primary-800 after:content-['*']">
Name
</span>
</div>

View File

@@ -74,8 +74,8 @@ const EditClanForm = (props: EditClanFormProps) => {
<>
<figure class="p-1">
<div class="flex flex-col items-center">
<div class="text-3xl text-primary">{curr_name()}</div>
<div class="text-secondary">Wide settings</div>
<div class="text-3xl text-primary-800">{curr_name()}</div>
<div class="text-secondary-800">Wide settings</div>
</div>
</figure>
<figure>
@@ -100,7 +100,7 @@ const EditClanForm = (props: EditClanFormProps) => {
)}
</Field>
<div class="card-body">
<span class="text-xl text-primary">General</span>
<span class="text-xl text-primary-800">General</span>
<Field
name="name"
validate={[required("Please enter a unique name for the clan.")]}
@@ -108,7 +108,7 @@ const EditClanForm = (props: EditClanFormProps) => {
{(field, props) => (
<label class="form-control w-full">
<div class="label">
<span class="label-text block after:ml-0.5 after:text-primary after:content-['*']">
<span class="label-text block after:ml-0.5 after:text-primary-800 after:content-['*']">
Name
</span>
</div>
@@ -226,9 +226,9 @@ const AdminModuleForm = (props: AdminModuleFormProps) => {
return (
<Form onSubmit={handleSubmit}>
<div class="card-body">
<span class="text-xl text-primary">Administration</span>
<span class="text-xl text-primary-800">Administration</span>
<div class="grid grid-cols-12 gap-2">
<span class="col-span-12 text-lg text-neutral">
<span class="col-span-12 text-lg text-neutral-800">
Each of the following keys can be used to authenticate on machines
</span>
<For each={keys()}>

View File

@@ -59,7 +59,7 @@ const ClanItem = (props: ClanItemProps) => {
return (
<div class="stat">
<div class="stat-figure text-primary">
<div class="stat-figure text-primary-800">
<div class="join">
<button
class="join-item btn-sm"

View File

@@ -431,7 +431,7 @@ const MachineForm = (props: MachineDetailsProps) => {
</div>
</figure>
<div class="card-body">
<span class="text-xl text-primary">General</span>
<span class="text-xl text-primary-800">General</span>
{/*
<Field name="machine.tags" type="string[]">
{(field, props) => field.value}
@@ -536,14 +536,14 @@ const MachineForm = (props: MachineDetailsProps) => {
{(module) => (
<>
<div class="divider"></div>
<span class="text-xl text-primary">{module.name}</span>
<span class="text-xl text-primary-800">{module.name}</span>
{module.component}
</>
)}
</For>
<div class="divider"></div>
<span class="text-xl text-primary">Actions</span>
<span class="text-xl text-primary-800">Actions</span>
<div class="my-4 flex flex-col gap-6">
<span class="max-w-md text-neutral">
Installs the system for the first time. Used to bootstrap the remote

View File

@@ -14,7 +14,7 @@ const ModuleListItem = (props: { name: string; info: ModuleInfo }) => {
return (
<div class="stat">
<div class="stat-figure text-primary">
<div class="stat-figure text-primary-800">
<div class="join">more</div>
</div>

View File

@@ -18,7 +18,7 @@ export const Welcome = () => {
Build your own
</button>
<button
class="link w-full text-right text-primary"
class="link w-full text-right text-primary-800"
onClick={async () => {
const uri = await registerClan();
if (uri) {