refactor: text-primary (#22141)

This commit is contained in:
Jason Rasmussen
2025-09-17 12:12:51 -04:00
committed by GitHub
parent 53a6724039
commit 11e72a0f35
63 changed files with 138 additions and 229 deletions

View File

@@ -78,9 +78,9 @@
<div>
<div class="flex gap-2 place-items-center">
{#if icon}
<Icon {icon} class="text-immich-primary dark:text-immich-dark-primary" size="24" aria-hidden />
<Icon {icon} class="text-primary" size="24" aria-hidden />
{/if}
<h2 class="font-medium text-immich-primary dark:text-immich-dark-primary">
<h2 class="font-medium text-primary">
{title}
</h2>
</div>

View File

@@ -16,13 +16,9 @@
<div class="mt-8 flex justify-between gap-2">
<div class="left">
{#if showResetToDefault}
<button
type="button"
onclick={() => onReset({ default: true })}
class="bg-none text-sm font-medium text-immich-primary hover:text-immich-primary/75 dark:text-immich-dark-primary hover:dark:text-immich-dark-primary/75"
<Button variant="ghost" shape="round" size="small" onclick={() => onReset({ default: true })}
>{$t('reset_to_default')}</Button
>
{$t('reset_to_default')}
</button>
{/if}
</div>

View File

@@ -31,7 +31,7 @@
<div class="mb-4 w-full">
<div class="flex h-[26px] place-items-center gap-1">
<label class="font-medium text-immich-primary dark:text-immich-dark-primary text-sm" for="{name}-select">
<label class="font-medium text-primary text-sm" for="{name}-select">
{label}
</label>

View File

@@ -1,9 +1,9 @@
<script lang="ts">
import Combobox, { type ComboBoxOption } from '$lib/components/shared-components/combobox.svelte';
import type { Snippet } from 'svelte';
import { t } from 'svelte-i18n';
import { quintOut } from 'svelte/easing';
import { fly } from 'svelte/transition';
import Combobox, { type ComboBoxOption } from '$lib/components/shared-components/combobox.svelte';
import { t } from 'svelte-i18n';
import type { Snippet } from 'svelte';
interface Props {
title: string;
@@ -31,7 +31,7 @@
<div class="grid grid-cols-2">
<div>
<div class="flex h-[26px] place-items-center gap-1">
<label class="font-medium text-immich-primary dark:text-immich-dark-primary text-sm" for={title}>
<label class="font-medium text-primary text-sm" for={title}>
{title}
</label>
{#if isEdited}

View File

@@ -29,7 +29,7 @@
<div class="flex place-items-center justify-between">
<div>
<div class="flex h-[26px] place-items-center gap-1">
<label class="font-medium text-immich-primary dark:text-immich-dark-primary text-sm" for={title}>
<label class="font-medium text-primary text-sm" for={title}>
{title}
</label>
{#if isEdited}

View File

@@ -81,9 +81,7 @@
<div class="mb-4 w-full">
<div class="flex place-items-center gap-1">
<label class="font-medium text-immich-primary dark:text-immich-dark-primary text-sm min-h-6 uppercase" for={label}
>{label}</label
>
<label class="font-medium text-primary text-sm min-h-6 uppercase" for={label}>{label}</label>
{#if required}
<div class="text-red-400">*</div>
{/if}

View File

@@ -40,9 +40,7 @@
<div class="mb-4 w-full">
<div class="flex h-[26px] place-items-center gap-1">
<label class="font-medium text-immich-primary dark:text-immich-dark-primary text-sm" for="{name}-select"
>{label}</label
>
<label class="font-medium text-primary text-sm" for="{name}-select">{label}</label>
{#if isEdited}
<div

View File

@@ -35,7 +35,7 @@
<div class="flex place-items-center justify-between">
<div class="me-2">
<div class="flex h-[26px] place-items-center gap-1">
<label class="font-medium text-immich-primary dark:text-immich-dark-primary text-sm" for={sliderId}>
<label class="font-medium text-primary text-sm" for={sliderId}>
{title}
</label>
{#if isEdited}

View File

@@ -1,8 +1,8 @@
<script lang="ts">
import type { Snippet } from 'svelte';
import { t } from 'svelte-i18n';
import { quintOut } from 'svelte/easing';
import { fly } from 'svelte/transition';
import { t } from 'svelte-i18n';
import type { Snippet } from 'svelte';
interface Props {
value: string;
@@ -31,7 +31,7 @@
<div class="mb-4 w-full">
<div class="flex h-[26px] place-items-center gap-1">
<label class="font-medium text-immich-primary dark:text-immich-dark-primary text-sm" for={label}>{label}</label>
<label class="font-medium text-primary text-sm" for={label}>{label}</label>
{#if required}
<div class="text-red-400">*</div>
{/if}

View File

@@ -38,7 +38,7 @@
{#if showSettingDescription}
<div>
<div class="flex h-[26px] place-items-center gap-1">
<label class="font-medium text-immich-primary dark:text-immich-dark-primary text-sm" for={$t('language')}>
<label class="font-medium text-primary text-sm" for={$t('language')}>
{$t('language')}
</label>
</div>