diff --git a/app/assets/javascripts/discourse/app/controllers/preferences/interface.js b/app/assets/javascripts/discourse/app/controllers/preferences/interface.js
index e16e5b61e84..8a769cee584 100644
--- a/app/assets/javascripts/discourse/app/controllers/preferences/interface.js
+++ b/app/assets/javascripts/discourse/app/controllers/preferences/interface.js
@@ -243,12 +243,12 @@ export default Controller.extend({
         return;
       }
 
-      const defaultTheme = this.site.user_themes?.findBy("default", true);
+      const theme = this.userSelectableThemes?.findBy("id", this.themeId);
 
       // we don't want to display the numeric ID of a scheme
       // when it is set by the theme but not marked as user selectable
       if (
-        defaultTheme?.color_scheme_id === this.session.userColorSchemeId &&
+        theme?.color_scheme_id === this.session.userColorSchemeId &&
         !this.userSelectableColorSchemes.findBy(
           "id",
           this.session.userColorSchemeId