diff --git a/web/components/UserProfile.ce.vue b/web/components/UserProfile.ce.vue
index 5466c6ee3..5b8e02c37 100644
--- a/web/components/UserProfile.ce.vue
+++ b/web/components/UserProfile.ce.vue
@@ -36,7 +36,7 @@ const {
   state,
   connectPluginInstalled,
 } = storeToRefs(serverStore);
-const { bannerGradient, theme, altTheme } = storeToRefs(useThemeStore());
+const { bannerGradient, theme } = storeToRefs(useThemeStore());
 
 const hideDropdown = computed(() => state.value === 'PRO' && !connectPluginInstalled.value);
 
@@ -105,11 +105,7 @@ onBeforeMount(() => {
 <template>
   <div
     id="UserProfile"
-    :class="{
-      'text-alpha': !altTheme,
-      'text-beta': altTheme,
-    }"
-    class="relative z-20 flex flex-col h-full gap-y-4px pt-4px pr-16px pl-40px"
+    class="text-alpha relative z-20 flex flex-col h-full gap-y-4px pt-4px pr-16px pl-40px"
   >
     <div v-if="bannerGradient" class="absolute z-0 w-[125%] top-0 bottom-0 right-0" :style="bannerGradient" />
 
diff --git a/web/components/UserProfile/DropdownTrigger.vue b/web/components/UserProfile/DropdownTrigger.vue
index f611a3c6c..35faebe00 100644
--- a/web/components/UserProfile/DropdownTrigger.vue
+++ b/web/components/UserProfile/DropdownTrigger.vue
@@ -53,7 +53,7 @@ const title = computed((): string => {
       <span class="absolute bottom-[-3px] inset-x-0 h-2px w-full bg-gradient-to-r from-unraid-red to-orange rounded opacity-0 group-hover:opacity-100 group-focus:opacity-100 transition-opacity" />
     </span>
 
-    <BellAlertIcon v-if="osUpdateAvailable && !rebootType" class="hover:animate-pulse text-alpha fill-current relative w-16px h-16px" />
+    <BellAlertIcon v-if="osUpdateAvailable && !rebootType" class="hover:animate-pulse fill-current relative w-16px h-16px" />
 
     <Bars3Icon v-if="!dropdownVisible" class="w-20px" />
     <Bars3BottomRightIcon v-else class="w-20px" />
diff --git a/web/store/theme.ts b/web/store/theme.ts
index ffd89042f..ae64b7dcd 100644
--- a/web/store/theme.ts
+++ b/web/store/theme.ts
@@ -21,9 +21,8 @@ export const useThemeStore = defineStore('theme', () => {
   // State
   const theme = ref<Theme | undefined>();
   // Getters
-  const darkMode = computed(() => (theme.value?.name === 'black' || theme.value?.name === 'gray') ?? false);
+  const darkMode = computed(() => (theme.value?.name === 'black' || theme.value?.name === 'azure') ?? false);
   // used to swap the UPC text color when using the azure or gray theme
-  const altTheme = computed(() => (theme.value?.name === 'azure' || theme.value?.name === 'gray') ?? false);
   const bannerGradient = computed(() => {
     if (!theme.value?.banner || !theme.value?.bannerGradient) { return undefined; }
     const start = theme.value?.bgColor ? 'var(--color-customgradient-start)' : 'rgba(0, 0, 0, 0)';
@@ -75,7 +74,6 @@ export const useThemeStore = defineStore('theme', () => {
     // state
     bannerGradient,
     darkMode,
-    altTheme,
     theme,
     // actions
     setTheme,