refactor: text-primary (#22141)

web/src/lib/modals/AlbumUsersModal.svelte

@@ -140,7 +140,7 @@
               <button
                 type="button"
                 onclick={() => handleRemoveUser(user)}
-                class="text-sm font-medium text-immich-primary transition-colors hover:text-immich-primary/75 dark:text-immich-dark-primary"
+                class="text-sm font-medium text-primary transition-colors hover:text-immich-primary/75"
                 >{$t('leave')}</button
               >
             {/if}

web/src/lib/modals/ApiKeySecretModal.svelte

@@ -14,7 +14,7 @@
 
 <Modal title={$t('api_key')} icon={mdiKeyVariant} {onClose} size="small">
   <ModalBody>
-    <div class="text-immich-primary dark:text-immich-dark-primary">
+    <div class="text-primary">
       <p class="text-sm dark:text-immich-dark-fg">
         {$t('api_key_description')}
       </p>

web/src/lib/modals/HelpAndFeedbackModal.svelte

@@ -20,10 +20,7 @@
       <div>
         <a href="https://{info.version}.archive.immich.app/docs/overview/introduction" target="_blank" rel="noreferrer">
           <Icon icon={mdiInformationOutline} size="1.5em" class="inline-block" />
-          <p
-            class="font-medium text-immich-primary dark:text-immich-dark-primary text-sm underline inline-block"
-            id="documentation-label"
-          >
+          <p class="font-medium text-primary text-sm underline inline-block" id="documentation-label">
             {$t('documentation')}
           </p>
         </a>
@@ -32,10 +29,7 @@
       <div>
         <a href="https://github.com/immich-app/immich/" target="_blank" rel="noreferrer">
           <Icon icon={mdiGithub} size="1.5em" class="inline-block" />
-          <p
-            class="font-medium text-immich-primary dark:text-immich-dark-primary text-sm underline inline-block"
-            id="github-label"
-          >
+          <p class="font-medium text-primary text-sm underline inline-block" id="github-label">
             {$t('source')}
           </p>
         </a>
@@ -44,10 +38,7 @@
       <div>
         <a href="https://discord.immich.app" target="_blank" rel="noreferrer">
           <Icon icon={siDiscord} class="inline-block" size="1.5em" />
-          <p
-            class="font-medium text-immich-primary dark:text-immich-dark-primary text-sm underline inline-block"
-            id="github-label"
-          >
+          <p class="font-medium text-primary text-sm underline inline-block" id="github-label">
             {$t('discord')}
           </p>
         </a>
@@ -56,10 +47,7 @@
       <div>
         <a href="https://github.com/immich-app/immich/issues/new/choose" target="_blank" rel="noreferrer">
           <Icon icon={mdiBugOutline} size="1.5em" class="inline-block" />
-          <p
-            class="font-medium text-immich-primary dark:text-immich-dark-primary text-sm underline inline-block"
-            id="github-label"
-          >
+          <p class="font-medium text-primary text-sm underline inline-block" id="github-label">
             {$t('bugs_and_feature_requests')}
           </p>
         </a>
@@ -75,10 +63,7 @@
           <div>
             <a href={info.thirdPartyDocumentationUrl} target="_blank" rel="noreferrer">
               <Icon icon={mdiInformationOutline} size="1.5em" class="inline-block" />
-              <p
-                class="font-medium text-immich-primary dark:text-immich-dark-primary text-sm underline inline-block"
-                id="documentation-label"
-              >
+              <p class="font-medium text-primary text-sm underline inline-block" id="documentation-label">
                 {$t('documentation')}
               </p>
             </a>
@@ -89,10 +74,7 @@
           <div>
             <a href={info.thirdPartySourceUrl} target="_blank" rel="noreferrer">
               <Icon icon={mdiGit} size="1.5em" class="inline-block" />
-              <p
-                class="font-medium text-immich-primary dark:text-immich-dark-primary text-sm underline inline-block"
-                id="github-label"
-              >
+              <p class="font-medium text-primary text-sm underline inline-block" id="github-label">
                 {$t('source')}
               </p>
             </a>
@@ -103,10 +85,7 @@
           <div>
             <a href={info.thirdPartySupportUrl} target="_blank" rel="noreferrer">
               <Icon icon={mdiFaceAgent} class="inline-block" size="1.5em" />
-              <p
-                class="font-medium text-immich-primary dark:text-immich-dark-primary text-sm underline inline-block"
-                id="github-label"
-              >
+              <p class="font-medium text-primary text-sm underline inline-block" id="github-label">
                 {$t('support')}
               </p>
             </a>
@@ -117,10 +96,7 @@
           <div>
             <a href={info.thirdPartyBugFeatureUrl} target="_blank" rel="noreferrer">
               <Icon icon={mdiBugOutline} size="1.5em" class="inline-block" />
-              <p
-                class="font-medium text-immich-primary dark:text-immich-dark-primary text-sm underline inline-block"
-                id="github-label"
-              >
+              <p class="font-medium text-primary text-sm underline inline-block" id="github-label">
                 {$t('bugs_and_feature_requests')}
               </p>
             </a>

web/src/lib/modals/PersonEditBirthDateModal.svelte

@@ -37,7 +37,7 @@
 
 <Modal title={$t('set_date_of_birth')} icon={mdiCake} {onClose} size="small">
   <ModalBody>
-    <div class="text-immich-primary dark:text-immich-dark-primary">
+    <div class="text-primary">
       <p class="text-sm dark:text-immich-dark-fg">
         {$t('birthdate_set_description')}
       </p>

web/src/lib/modals/ServerAboutModal.svelte

@@ -17,11 +17,9 @@
 
 <Modal title={$t('about')} {onClose}>
   <ModalBody>
-    <div class="flex flex-col sm:grid sm:grid-cols-2 gap-1 text-immich-primary dark:text-immich-dark-primary">
+    <div class="flex flex-col sm:grid sm:grid-cols-2 gap-1 text-primary">
       <div>
-        <label class="font-medium text-immich-primary dark:text-immich-dark-primary text-sm" for="version-desc"
-          >Immich</label
-        >
+        <label class="font-medium text-primary text-sm" for="version-desc">Immich</label>
         <div>
           <a
             href={info.versionUrl}
@@ -36,45 +34,35 @@
       </div>
 
       <div>
-        <label class="font-medium text-immich-primary dark:text-immich-dark-primary text-sm" for="ffmpeg-desc"
-          >ExifTool</label
-        >
+        <label class="font-medium text-primary text-sm" for="ffmpeg-desc">ExifTool</label>
         <p class="immich-form-label pb-2 text-sm" id="ffmpeg-desc">
           {info.exiftool}
         </p>
       </div>
 
       <div>
-        <label class="font-medium text-immich-primary dark:text-immich-dark-primary text-sm" for="nodejs-desc"
-          >Node.js</label
-        >
+        <label class="font-medium text-primary text-sm" for="nodejs-desc">Node.js</label>
         <p class="immich-form-label pb-2 text-sm" id="nodejs-desc">
           {info.nodejs}
         </p>
       </div>
 
       <div>
-        <label class="font-medium text-immich-primary dark:text-immich-dark-primary text-sm" for="vips-desc"
-          >Libvips</label
-        >
+        <label class="font-medium text-primary text-sm" for="vips-desc">Libvips</label>
         <p class="immich-form-label pb-2 text-sm" id="vips-desc">
           {info.libvips}
         </p>
       </div>
 
       <div class={(info.imagemagick?.length || 0) > 10 ? 'col-span-2' : ''}>
-        <label class="font-medium text-immich-primary dark:text-immich-dark-primary text-sm" for="imagemagick-desc"
-          >ImageMagick</label
-        >
+        <label class="font-medium text-primary text-sm" for="imagemagick-desc">ImageMagick</label>
         <p class="immich-form-label pb-2 text-sm" id="imagemagick-desc">
           {info.imagemagick}
         </p>
       </div>
 
       <div class={(info.ffmpeg?.length || 0) > 10 ? 'col-span-2' : ''}>
-        <label class="font-medium text-immich-primary dark:text-immich-dark-primary text-sm" for="ffmpeg-desc"
-          >FFmpeg</label
-        >
+        <label class="font-medium text-primary text-sm" for="ffmpeg-desc">FFmpeg</label>
         <p class="immich-form-label pb-2 text-sm" id="ffmpeg-desc">
           {info.ffmpeg}
         </p>
@@ -82,9 +70,7 @@
 
       {#if info.repository && info.repositoryUrl}
         <div>
-          <label class="font-medium text-immich-primary dark:text-immich-dark-primary text-sm" for="version-desc"
-            >{$t('repository')}</label
-          >
+          <label class="font-medium text-primary text-sm" for="version-desc">{$t('repository')}</label>
           <div>
             <a
               href={info.repositoryUrl}
@@ -101,9 +87,7 @@
 
       {#if info.sourceRef && info.sourceCommit && info.sourceUrl}
         <div>
-          <label class="font-medium text-immich-primary dark:text-immich-dark-primary text-sm" for="git-desc"
-            >{$t('source')}</label
-          >
+          <label class="font-medium text-primary text-sm" for="git-desc">{$t('source')}</label>
           <div>
             <a
               href={info.sourceUrl}
@@ -120,9 +104,7 @@
 
       {#if info.build && info.buildUrl}
         <div>
-          <label class="font-medium text-immich-primary dark:text-immich-dark-primary text-sm" for="build-desc"
-            >{$t('build')}</label
-          >
+          <label class="font-medium text-primary text-sm" for="build-desc">{$t('build')}</label>
           <div>
             <a
               href={info.buildUrl}
@@ -139,9 +121,7 @@
 
       {#if info.buildImage && info.buildImage}
         <div>
-          <label class="font-medium text-immich-primary dark:text-immich-dark-primary text-sm" for="build-image-desc"
-            >{$t('build_image')}</label
-          >
+          <label class="font-medium text-primary text-sm" for="build-image-desc">{$t('build_image')}</label>
           <div>
             <a
               href={info.buildImageUrl}
@@ -166,9 +146,7 @@
       {/if}
 
       <div class="col-span-full">
-        <label class="font-medium text-immich-primary dark:text-immich-dark-primary text-sm" for="version-history"
-          >{$t('version_history')}</label
-        >
+        <label class="font-medium text-primary text-sm" for="version-history">{$t('version_history')}</label>
         <ul id="version-history" class="list-none">
           {#each versions.slice(0, 5) as item (item.id)}
             {@const createdAt = DateTime.fromISO(item.createdAt)}

web/src/lib/modals/SharedLinkCreateModal.svelte

@@ -146,7 +146,7 @@
       {:else}
         <div class="text-sm">
           {$t('public_album')} |
-          <span class="text-immich-primary dark:text-immich-dark-primary">{editingLink.album?.albumName}</span>
+          <span class="text-primary">{editingLink.album?.albumName}</span>
         </div>
       {/if}
     {/if}
@@ -157,7 +157,7 @@
       {:else}
         <div class="text-sm">
           {$t('individual_share')} |
-          <span class="text-immich-primary dark:text-immich-dark-primary">{editingLink.description || ''}</span>
+          <span class="text-primary">{editingLink.description || ''}</span>
         </div>
       {/if}
     {/if}

web/src/lib/modals/SlideshowSettingsModal.svelte

@@ -75,7 +75,7 @@
 
 <Modal size="small" title={$t('slideshow_settings')} onClose={() => onClose()}>
   <ModalBody>
-    <div class="flex flex-col gap-4 text-immich-primary dark:text-immich-dark-primary">
+    <div class="flex flex-col gap-4 text-primary">
       <SettingDropdown
         title={$t('direction')}
         options={Object.values(navigationOptions)}

web/src/lib/modals/TagCreateModal.svelte

@@ -38,7 +38,7 @@
 
 <Modal size="small" title={$t('create_tag')} icon={mdiTag} {onClose}>
   <ModalBody>
-    <div class="text-immich-primary dark:text-immich-dark-primary">
+    <div class="text-primary">
       <p class="text-sm dark:text-immich-dark-fg">
         {$t('create_tag_description')}
       </p>

web/src/lib/modals/UserEditModal.svelte

@@ -101,7 +101,7 @@
 
         <p>
           {$t('admin.note_apply_storage_label_previous_assets')}
-          <a href={AppRoute.ADMIN_JOBS} class="text-immich-primary dark:text-immich-dark-primary">
+          <a href={AppRoute.ADMIN_JOBS} class="text-primary">
             {$t('admin.storage_template_migration_job')}
           </a>
         </p>