diff --git a/THEMES.md b/THEMES.md
new file mode 100644
index 0000000..3fe18e8
--- /dev/null
+++ b/THEMES.md
@@ -0,0 +1,16 @@
+# Farbschemata
+
+Unter **Einstellungen → Darstellung** stehen zwei Schemas zur Auswahl:
+
+- **Deck Standard**: das bisherige Anthrazit- und Salbeigrün-Schema.
+- **Athena Classic**: Dunkelblau, Cyan und Mint aus dem alten Athena-Dashboard.
+
+Die Auswahl wird sofort auf die gesamte Deck-Oberfläche einschließlich des
+Dashboards angewandt. Sie wird ausschließlich im `localStorage` dieses Browsers
+gespeichert; sie ist keine Serverkonfiguration und beeinflusst weder API noch
+Modelle. Ein anderer Browser verwendet zunächst Deck Standard.
+
+`style.css` und `dashboard.css` verwenden `--deck-tone-*`-Farbvariablen mit den
+bisherigen Deck-Farben als Fallback. `themes.css` definiert die zweite Palette.
+Für weitere Schemas kann ein neuer `data-theme`-Wert samt Farbvariablen ergänzt
+werden. Die Vorschaukarten in `app.js` zeigen die Auswahl.
diff --git a/app.js b/app.js
index 3e6ffe1..de03c48 100644
--- a/app.js
+++ b/app.js
@@ -7,10 +7,27 @@ async function api(path,method='GET'){const r=await fetch('/api/v1/'+path,{metho
const metric=(title,value)=>`
${title}${value}
`;
const bar=v=>v==null?'':``;
const placeholders={chat:['Sprachmodelle / Chat','Modellprofile, Laufzeit und Chat','Hier werden später Modellprofile und native llama.cpp-Prozesse verwaltet.'],image:['Bildgenerierung','Worker und Aufträge','Hier entsteht später die Übersicht für Bild-Worker und deren Zustand.'],audio:['Audio','Spracheingabe und Sprachausgabe','Hier werden später getrennte Worker für Erkennung und Ausgabe eingebunden.'],services:['Weitere Dienste','Erweiterbare Dienste','Hier finden später zusätzliche Worker und ihre Schnittstellen Platz.']};
+const DECK_THEME_KEY='athena-deck-theme';
+const DECK_THEMES=new Set(['deck','athena-classic']);
+function applyDeckTheme(theme){
+ const selected=DECK_THEMES.has(theme)?theme:'deck';
+ document.documentElement.dataset.theme=selected;
+ try{localStorage.setItem(DECK_THEME_KEY,selected)}catch(_){}
+ return selected;
+}
+try{applyDeckTheme(localStorage.getItem(DECK_THEME_KEY))}catch(_){applyDeckTheme('deck')}
+function appearancePage(){
+ if(view.querySelector('#appearance-page'))return;
+ view.innerHTML=`
EINSTELLUNGEN / DARSTELLUNG
Darstellung
Wähle die Farben für Athena Deck. Die Auswahl gilt in diesem Browser und wird sofort angewendet.