Clearer theme select labels

1 files changed, 3 insertions, 3 deletions

diff --git a/client/src/app/shared/shared-user-settings/user-interface-settings.component.html b/client/src/app/shared/shared-user-settings/user-interface-settings.component.html
index 0d0ddc0f2..b739e881b 100644
--- a/client/src/app/shared/shared-user-settings/user-interface-settings.component.html
+++ b/client/src/app/shared/shared-user-settings/user-interface-settings.component.html
@@ -5,10 +5,10 @@
 
     <div class="peertube-select-container">
       <select formControlName="theme" id="theme" class="form-control">
-        <option i18n value="instance-default">instance default</option>
-        <option i18n value="default">peertube default</option>
+        <option i18n value="instance-default">Instance default theme ({{ getDefaultThemeLabel() }})</option>
+        <option i18n value="default">{{ defaultThemeLabel }}</option>
 
-        <option *ngFor="let theme of availableThemes" [value]="theme">{{ theme }}</option>
+        <option *ngFor="let theme of availableThemes" [value]="theme">{{ capitalizeFirstLetter(theme) }}</option>
       </select>
     </div>
   </div>