So erstellst du ein eigenes Codex-Theme
Entwerfe eine stimmige Codex-Palette für Flächen, Grundfarbe, Akzent, semantische Farben, Schriftarten und Code-Highlighting, ohne die Lesbarkeit zu opfern.
Kurze Antwort
Beginne mit einer integrierten hellen oder dunklen Darstellung und definiere dann eine Rolle nach der anderen: Fläche, Vordergrund-Grundfarbe, Akzent, Kontrast, Code-Theme, UI-Schriftart, Code-Schriftart und semantische Farben. Sieh dir jeden Zustand in der Vorschau an, bevor du teilst.
Die Codex-App dokumentiert offiziell Steuerelemente für Basis-Theme, Akzent, Hintergrund, Vordergrund, UI-Schriftart, Code-Schriftart und das Teilen. Dieser Workflow wurde mit Build 26.707.72221 für macOS geprüft.
Baue eine rollenbasierte Palette
Beginne nicht mit fünf hübschen Farben und verteile sie wahllos. Beginne mit Rollen.
- Fläche ist die Hauptleinwand.
- Grundfarbe ist der primäre Vordergrund.
- Akzent kennzeichnet Aktionen und ausgewählte Zustände.
- Diff hinzugefügt und Diff entfernt brauchen eine klar unterscheidbare semantische Bedeutung.
- Skill sollte erkennbar sein, ohne mit dem Hauptakzent zu konkurrieren.
Nutze in deinen visuellen Studien eine zweite, benachbarte Fläche für Panels, aber denk daran: Die native Share-Nutzlast speichert die Hauptfläche und leitet viele Interface-Zustände aus dem Kontrast ab.
Teste vor dem Export
Prüfe lange Absätze, winzige Metadaten, deaktivierte Steuerelemente, Tastaturfokus, Codeblöcke, Inline-Code, Hinzufügungen, Löschungen und ausgewählte Zeilen. Teste sowohl eine volle Aufgabenansicht als auch eine leere Startansicht. Eine Palette, die in einem Fünf-Farben-Streifen elegant aussieht, kann trotzdem scheitern, wenn dezenter Text auf einer abgeleiteten Panel-Farbe liegt.
Notiere Theme-Name, unterstützte Variante, Codex-Build, Plattform, Erstellungsdatum, Quelle und Lizenz. Halte ein bewährtes integriertes Theme als Wiederherstellungsweg bereit.
Wenn das Theme stabil ist, exportiere es über Codex, statt ein undokumentiertes Format von Hand nachzubauen. Lies vor der Veröffentlichung wie du ein Theme sicher teilst, die Sicherheitsrichtlinie und die Lizenzhinweise.