<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>
import { Component, Input, OnDestroy, OnInit } from '@angular/core'
import { AuthService, Notifier, ServerService, UserService } from '@app/core'
import { FormReactive, FormValidatorService } from '@app/shared/shared-forms'
+import { capitalizeFirstLetter } from '@root-helpers/string'
import { HTMLServerConfig, User, UserUpdateMe } from '@shared/models'
@Component({
formValuesWatcher: Subscription
+ defaultThemeLabel = $localize`Light/Orange`
+
private serverConfig: HTMLServerConfig
constructor (
this.formValuesWatcher?.unsubscribe()
}
+ getDefaultThemeLabel () {
+ const theme = this.serverConfig.theme.default
+
+ if (theme === 'default') return this.defaultThemeLabel
+
+ return theme
+ }
+
+ capitalizeFirstLetter (str: string) {
+ return capitalizeFirstLetter(str)
+ }
+
updateInterfaceSettings () {
const theme = this.form.value['theme']
export * from './local-storage-utils'
export * from './peertube-web-storage'
export * from './plugins-manager'
+export * from './string'
export * from './utils'
export * from './video'