Backgrounds

Der RCT-Hintergrund ist nicht „flat color, fertig". Im Default läuft eine WebGL-Aurora-Animation mit konfigurierbarer Speed plus eine optionale Dots-Layer (interaktives Punktefeld). Beides per Toggle in der Theme-Config abschaltbar — was in unserem letzten Performance-Block ein freier 5–10-Punkte-Hebel war.

Theme-spezifische BG-Images (z. B. das Baker-Street-Sherlock-Cover) ersetzen den Aurora-Shader für No-GL-Themes.

Backgrounds — drei Layer im Stack

RCT layert mehrere Hintergrund-Stacks übereinander, alle abschaltbar via tl_rct_config oder direkt via Theme-Switch. Performance-Tipp: für 93%-Pagespeed alle Canvas-Layer aus, single-Theme-Mode an.

WebGL-Aurora

Animierter 4-Stop-Gradient via WebGL-Shader. Pro Theme andere Farben, Speed-Multiplier in BE-Config. ~10-15% Pagespeed-Cost auf Mobile.

Dots-Animation

2D-Canvas mit weichen Noise-Punkten. Subtileres Layer als Aurora, ~5% Cost. Toggle in BE-Config.

Theme-BG-Images

Sparta, Baker Street, Honey Moon und Co. nutzen .webp-Hintergründe statt WebGL. Bei Baker Street zusätzlich animierter Mond + Lampen-Halos via Canvas.

body-bg per Layout

Pro Layout-Wahl andere Body-Färbung (Sidebar-Frame dunkel, Classic hell). Funktioniert unabhängig vom Theme-BG-Layer darüber.

Live-Test: Theme-Switcher oben rechts wechseln — die Backgrounds wechseln automatisch mit (Aurora-Farben, Dots-Farbe, Theme-BG). Layout-Switch ändert zusätzlich die body-bg-Farbe.