APPEARANCE

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) {
{{ field.description }}
@if (field.type === 'color') { } @else if (field.type === 'pixels' && isCustomizationFieldNumber(field.name)) {
pixels
} @else { }
}

EMAIL

Support
{{ '{{instanceName}}' }}
template variable
Support
{{ '{{instanceName}}' }}
template variable

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');

Write CSS code directly. Example:

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

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

  #custom-css .logged-in-email {{ '{' }}
  color: red;
  {{ '}' }}