Admin Config Customization.Component

APPEARANCE

Theme

Player Theme 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) { {{ field.label }} @if (!hasDefaultCustomizationValue(field.name)) { Reset } @if (field.description) { {{ field.description }} } @if (field.type === 'color') { } @else if (field.type === 'radius') { } @else { } }

EMAIL

Subject prefix Support

{{ '{{instanceName}}' }}

template variable @if (formErrors.email.subject.prefix) { {{ formErrors.email.subject.prefix }} }

Body signature Support

{{ '{{instanceName}}' }}

template variable @if (formErrors.email.body.signature) { {{ formErrors.email.body.signature }} }

ADVANCED

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

JavaScript

Write JavaScript code directly. Example:

console.log('my instance is amazing');

@if (formErrors.instance.customizations.javascript) { {{ formErrors.instance.customizations.javascript }} }

CSS

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) { {{ formErrors.instance.customizations.css }} }