refactor(theme): update UserProfile component colors to use theme variables

zackspear · zackspear · commit 921dd25b4df3 · 2025-01-29T17:29:57.000-08:00
diff --git a/web/components/UserProfile.ce.vue b/web/components/UserProfile.ce.vue
@@ -120,7 +120,7 @@ onMounted(() => {
           <span class="text-right text-12px sm:text-18px hidden 2xs:block" v-html="description" />
           <span class="text-header-text-secondary hidden md:inline-block px-8px">&bull;</span>
         </template>
-        <button :title="t('Click to Copy LAN IP {0}', [lanIp])" class="opacity-100 hover:opacity-75 focus:opacity-75 transition-opacity" @click="copyLanIp()">
+        <button :title="t('Click to Copy LAN IP {0}', [lanIp])" class="text-header-text-primary opacity-100 hover:opacity-75 focus:opacity-75 transition-opacity" @click="copyLanIp()">
           {{ name }}
         </button>
         <span
@@ -132,7 +132,7 @@ onMounted(() => {
         </span>
       </h1>
 
-      <div class="block w-2px h-24px bg-popover" />
+      <div class="block w-2px h-24px bg-header-text-secondary" />
 
       <!-- Keep the sidebar out of staging/prod builds, but easily accessible for development -->
       <NotificationsSidebar />
diff --git a/web/components/UserProfile/ServerState.vue b/web/components/UserProfile/ServerState.vue
@@ -21,7 +21,7 @@ const upgradeAction = computed((): ServerStateDataAction | undefined => {
   <span class="flex flex-row items-center gap-x-8px">
     <template v-if="upgradeAction">
       <UpcServerStateBuy
-        class="text-white"
+        class="text-header-text-secondary"
         :title="t('Upgrade Key')"
         @click="upgradeAction.click?.()"
       >

Original file line number	Diff line number	Diff line change
`@@ -21,7 +21,7 @@ const upgradeAction = computed((): ServerStateDataAction \| undefined => {`
`21`	`21`	`<span class="flex flex-row items-center gap-x-8px">`
`22`	`22`	`<template v-if="upgradeAction">`
`23`	`23`	`<UpcServerStateBuy`
`24`		`- class="text-white"`
	`24`	`+ class="text-header-text-secondary"`
`25`	`25`	`:title="t('Upgrade Key')"`
`26`	`26`	`@click="upgradeAction.click?.()"`
`27`	`27`	`>`