APPEARANCE

Only used by the web player

CUSTOMIZATION

Use plugins & themes for more involved changes
UI customization only applies if the user is using the default platform theme.
@if (getCurrentThemeName() !== getDefaultThemeName()) {
You can't preview the changes because you aren't using your platform's default theme.
Current theme: {{ getCurrentThemeLabel() }}
Platform theme: {{ getDefaultThemeLabel() }}.
} @else {
You can preview your UI customization but don't forget to save your changes once you are happy with the results.
}
@for (field of customizationFormFields; track field.name) {
@if (!hasDefaultCustomizationValue(field.name)) { } @if (field.description) {
{{ field.description }}
} @if (field.type === 'color') { } @else if (field.type === 'radius') { } @else { }
}

EMAIL

Support
{{ '{{instanceName}}' }}
template variable
@if (formErrors.email.subject.prefix) { }
Support
{{ '{{instanceName}}' }}
template variable
@if (formErrors.email.body.signature) { }

ADVANCED

Advanced modifications to your PeerTube platform if creating a plugin or a theme is overkill.

Write JavaScript code directly. Example:

console.log('my instance is amazing');
@if (formErrors.instance.customizations.javascript) { }

Write CSS code directly. Example:

  #custom-css {{ '{' }}
  color: red;
  {{ '}' }}
  

Prepend with #custom-css to override styles. Example:

  #custom-css .logged-in-email {{ '{' }}
  color: red;
  {{ '}' }}
  
@if (formErrors.instance.customizations.css) { }