Mach Ember zu deinem

Die meisten Optionen findest du in den Einstellungen (das Zahnrad-Symbol in der App). Die beiden wichtigen Seiten hier sind Einstellungen → Darstellung und Einstellungen → Hintergründe. Keine Lust zu lesen? Spring zur Galerie, kopiere einen Code und füge ihn in der App ein.

01Designs

Ein Design färbt die ganze App: Flächen, Text, Buttons und Nachrichtenblasen.

Eine Voreinstellung wählen

1. Öffne Einstellungen → Darstellung.
2. Tippe unter Design auf eine Farbprobe: Dunkel, Hell, Violett, Ozean, AMOLED, Wald oder Rose. Die Vorschau oben aktualisiert sich sofort.
3. Feinjustiere nach Wunsch: Akzentfarbe, Nachrichtenfarben (gesendet und empfangen), Blasenstil (Abgerundet, Mit Spitze, Flach, Umriss), Eckenrundung, Textgröße und Schrift sowie Dichte. Diese Anpassungen bleiben beim Wechsel der Voreinstellung erhalten.

Dem System folgen oder einem Zeitplan

1. Suche in Einstellungen → Darstellung den Designmodus.
2. Manuell behält das gewählte Design. System wechselt mit der Hell-/Dunkel-Einstellung deines Geräts. Zeitplan schaltet zwischen zwei Uhrzeiten auf Dunkel.
3. Wähle bei den letzten beiden ein Helles Design und ein Dunkles Design. Lege beim Zeitplan Dunkel ab und bis fest. Ein Bereich wie 20:00 bis 07:00 geht über Mitternacht, und gleiche Zeiten bedeuten „nie dunkel“.

Aus sechs Farben ein eigenes bauen

1. Tippe in Einstellungen → Darstellung → Eigene Designs auf Neues eigenes Design (bis zu 10).
2. Gib ihm einen Namen (höchstens 24 Zeichen) und wähle sechs Farben: Chat-Hintergrund, Flächen, Text, Akzent, Gesendete Blase, Empfangene Blase.
3. Ember leitet alle anderen Farbtöne ab. Ob eine dunkle oder helle Basis verwendet wird, richtet sich nach der Helligkeit des Chat-Hintergrunds, und wenn deine Textfarbe darauf schwer lesbar wäre, tauscht Ember sie gegen eine sichere aus.
4. Tippe auf Speichern und verwenden. Später öffnest du es wieder mit bearbeiten unter der Farbprobe.

Teilen und Importieren mit ember-theme:-Codes

Ein Design-Code ist der Text ember-theme: gefolgt von deinen sechs Farben und dem Namen, als base64url verpackt. Er ist etwa 250 Zeichen lang.

1. Kopieren: Öffne dein eigenes Design und tippe auf Design-Code kopieren.
2. Einfügen: Öffne auf dem anderen Gerät Einstellungen → Darstellung → Eigene Designs, füge den Code in das Feld ein („Design-Code (ember-theme:…) hier einfügen“) und tippe auf Design importieren. Es wird deiner Liste hinzugefügt und aktiviert.

Codes werden beim Import geprüft: Alles, was keine strikten #rrggbb-Farben sind oder länger als 2048 Zeichen ist, wird mit einer Meldung abgelehnt. Probiere die fertigen Codes in der Galerie aus.

02Chat-Hintergründe

Öffne Einstellungen → Hintergründe. Wechsle unter Chat-Hintergrund zwischen Farbe, Foto/Video und Animiert. Eine Animation überdeckt ein Foto, und ein Foto überdeckt eine Farbe, also ist immer nur eines aktiv.

Eine einfache Farbe

1. Wähle Farbe.
2. Tippe auf die Farbprobe neben Hintergrundfarbe. Tippe auf Standard, um zur Farbe des Designs zurückzukehren.

Ein Foto, GIF, WebP oder kurzes Video

1. Wähle Foto/Video und tippe auf Foto oder Video hochladen.
2. Wähle ein JPEG, PNG, GIF oder WebP (animierte bewegen sich) oder ein MP4- oder WebM-Video.
3. Zum Ersetzen tippe auf Foto oder Video ändern. Zum Entfernen tippe auf entfernen.

Datenschutz: Große Fotos werden verkleinert und dann auf deinem Gerät verschlüsselt. Hochgeladen wird nur Chiffretext, der Server speichert also einen unlesbaren Datenblock und kann nicht sehen, was dein Hintergrundbild ist.

Tipp: Akzent an Hintergrund anpassen und dann Diesen Akzent verwenden wählt eine Akzentfarbe aus deinem Hintergrundbild.

03Generator für animierte Hintergründe

1. Öffne Einstellungen → Hintergründe und wähle Animiert.
2. Tippe auf eine der acht fertigen Kacheln. Fahre mit der Maus über eine Kachel (oder fokussiere sie), um sie in Bewegung zu sehen.
3. Ändere den Typ, die Farben (mit den Buttons + und - fügst du Farben hinzu oder entfernst sie, von 2 bis 5) und die Regler darunter.
4. Tippe auf Code kopieren, um ihn zu teilen, oder auf Code einfügen, um einen anzuwenden. Animation entfernen löscht sie.

Die Typen

Die Regler

04Fortgeschritten: Keyframes und Codes

Ein Keyframes-Hintergrund animiert zwei Verlaufsfarben und einen Winkel in einer Schleife, die du selbst beschreibst. Tippe in Einstellungen → Hintergründe → Animiert auf Erweitert und dann auf In Keyframes umwandeln. Dann bekommst du:

• Schleifenlänge: 2 bis 120 Sekunden. Nach dem letzten Frame gleiten die Farben zurück zum ersten, die Schleife ist also nahtlos.
• 2 bis 8 Frames. Jeder hat eine Position in der Schleife (0 bis 100 %), Farbe A und Farbe B sowie einen Winkel. Frame hinzufügen und entfernen ändern die Liste.
• Tempo skaliert weiterhin die gesamte Schleife.

Eine Beispiel-Spezifikation

Ein Hintergrund besteht nur aus Daten. Das ist „Slow tide“ aus der Galerie:

{
  "v": 1,
  "kind": "keyframes",
  "colors": ["#0ea5e9", "#1e1b4b"],
  "speed": 1,
  "density": 0.5,
  "intensity": 0.8,
  "angle": 180,
  "keyframes": [
    { "at": 0,   "colors": ["#0c4a6e", "#020617"], "angle": 180 },
    { "at": 0.5, "colors": ["#1e3a8a", "#0f172a"], "angle": 200 },
    { "at": 0.8, "colors": ["#155e75", "#082f49"], "angle": 160 }
  ],
  "duration": 20
}

Wie der ember-bg:-Code entsteht

Der Code ist das Präfix ember-bg: plus base64url(JSON): die obige Spezifikation als kompaktes UTF-8-JSON, als Base64 kodiert mit - und _ statt + und / und ohne =-Auffüllung. In einer Browser-Konsole:

const spec = { v: 1, kind: "gradient", colors: ["#f97316", "#4c1d95"], speed: 0.6, density: 0.5, intensity: 0.8, angle: 160 };
const bytes = new TextEncoder().encode(JSON.stringify(spec));
const b64 = btoa(String.fromCharCode(...bytes)).replace(/\+/g, "-").replace(/\//g, "_").replace(/=+$/, "");
console.log("ember-bg:" + b64);

Füge einen Code bei Code einfügen (oder in das Feld mit der Beschriftung „Code einfügen“) ein, um ihn anzuwenden. Codes werden validiert und nie ausgeführt:

• Muss mit ember-bg: beginnen und darf höchstens 2048 Zeichen lang sein.
• kind ist eines von embers, aurora, gradient, stars, bubbles, keyframes. v ist 1.
• 2 bis 5 colors, jeweils im strikten Format #rrggbb. Keyframes brauchen 2 bis 8 Frames mit genau zwei Farben pro Frame, und duration liegt zwischen 2 und 120.
• Unbekannte Schlüssel werden verworfen, und Zahlen außerhalb ihres Bereichs (siehe die Regler oben) werden begrenzt. Fehlende Zahlen bekommen Standardwerte.

05Look pro Chat, Spitznamen, Ordner und Anheftungen

Klicke in der Chatliste mit der rechten Maustaste auf einen Chat (auf dem Handy lange drücken). Das Menü bietet Oben anheften (oder Lösen), Zu Ordner hinzufügen…, Spitznamen festlegen (Einzelchats) und Chat anpassen.

Chat anpassen

1. Wähle Chat anpassen. Der Dialog heißt „Chat anpassen“ und zeigt den Namen des Chats.
2. Lege eine Akzentfarbe, ein Design (Standard Wie in der App oder jede Voreinstellung bzw. jedes eigene Design), eine Hintergrundfarbe, ein Hintergrund (Foto oder Video hochladen) oder einen Animierten Hintergrund (Animation wählen, derselbe Generator wie oben) fest.
3. Die Vorschau unten zeigt das Ergebnis. Diesen Chat zurücksetzen stellt den App-weiten Look wieder her.

Der Look eines einzelnen Chats hat immer Vorrang vor dem App-weiten. Nur du siehst ihn, und er wird verschlüsselt mit deinen privaten Einstellungen gespeichert. Ein Foto-Hintergrund wird unter einem anonymen Hash der Unterhaltung abgelegt, sodass der Server nicht erfährt, zu welchem Chat er gehört.

Spitznamen

Wähle Spitznamen festlegen, um einen Kontakt nur für dich umzubenennen, und gib dem Namen optional eine Farbe. Niemand sonst sieht das.

Ordner

1. Tippe über der Chatliste neben Alle, Direkt und Gruppen auf den +-Chip (Ordner verwalten) und gib einen Namen für den neuen Ordner ein.
2. Lege einen Chat mit Zu Ordner hinzufügen… in seinem Menü in einen Ordner. Der Ordner erscheint als Tab neben den anderen.

Anheftungen

Oben anheften hält einen Chat über den anderen, in der Reihenfolge, in der du sie angeheftet hast. Du kannst bis zu 10 anheften.

06Profil-Tab und Status

Öffne den Tab Profil: bei einem breiten Bildschirm unter den Tabs der linken Spalte (Chats, Freunde, Profil), auf dem Handy in der unteren Leiste.

1. Die große Karte oben zeigt, wie andere dich sehen, und aktualisiert sich live beim Bearbeiten.
2. Tippe unter Status auf einen Chip für einen schnellen: Bei der Arbeit, Bitte nicht stören, Fokus, Homeoffice, Im Urlaub. Er gilt bis zum Ende des Tages. Leeren entfernt ihn.
3. Lege unter Profil bearbeiten einen Anzeigenamen (32 Zeichen), eine Über mich (160), eine Profilfarbe sowie dein eigenes Status-Emoji und deinen Text (60) fest. Wähle Status löschen nach: 1 Stunde, 4 Stunden, Heute oder Nie, und dann Profil speichern.
4. Deine ID hat Kopieren und Teilen, damit Freunde dich hinzufügen können. Darstellung anpassen → unten öffnet Einstellungen → Darstellung.

07Leistung und Akku

• Animationen-Einstellung: Einstellungen → Darstellung → Layout und Verhalten → Animationen bietet System (beachtet die Bewegungsreduzierung deines Geräts), Reduziert und Voll. Bei reduzierter Bewegung wird ein animierter Hintergrund zu einem Standbild, und Videos starten nicht automatisch.
• Sie stoppt, wenn du sie nicht siehst. Animationen pausieren, solange die App in einem Hintergrund-Tab ist oder der Hintergrund außerhalb des Bildschirms liegt, und laufen mit höchstens 30 Bildern pro Sekunde auf einer Zeichenfläche mit begrenzter Auflösung.
• Schlankere Looks: Verringere Dichte und Tempo oder wähle Verlauf oder Keyframes, die fast nichts zeichnen. Ein dunkles Design wie AMOLED spart auf OLED-Bildschirmen Strom.
• Diese Seite folgt derselben Regel: Die Vorschauen in der Galerie bewegen sich nur auf dem Bildschirm und stehen still, wenn dein Gerät reduzierte Bewegung wünscht.

08Galerie

Tippe auf Code kopieren, öffne die App und füge ein. Design-Codes gehören in Einstellungen → Darstellung → Eigene Designs. Hintergrund-Codes gehören in Einstellungen → Hintergründe → Animiert → Code einfügen.

Designs

Animierte Hintergründe