AutoStyler – Themes für Autodarts Autor: Florian Frei

Inoffizielle Erweiterung. Nicht von Autodarts entwickelt, betrieben oder unterstützt.

AutoStyler gestaltet play.autodarts.com nach deinem Geschmack – vom ruhigen Dunkelblau für zu Hause bis zur Neon-Arcade-Optik für den Automaten im Vereinsheim. Das Menü sitzt dabei in der Seite, nicht in einem Popup: Du siehst jede Änderung sofort dort, wo sie wirkt.

── DAS MENÜ IN DER SEITE ──
Unten rechts sitzt ein rundes Symbol, dezent und im laufenden Spiel noch zurückhaltender. Ein Klick klappt eine Schublade auf, die aussieht wie die Menüs von Autodarts selbst. Kein abdunkelnder Vorhang dahinter, denn die Seite ist ja das, was du gerade einstellst. Ziehst du einen Regler, zieht die Seite daneben mit – ohne Neuladen, ohne zweites Fenster. Das Symbol lässt sich an jede Stelle des Fensters schieben und merkt sich die Position.

── DREIZEHN FERTIGE THEMES ──
Mitternacht, Neon Arcade, Smaragd, Magma, Nordlicht, Königsgold, Cyber Lime, Bernstein, Stahl, Mattglas, Panorama, Vitrine und Papier. Je ein Klick. „Original Autodarts" schaltet alles wieder ab. Eigene Presets stehen in der Schnellwahl ganz vorn.

── ALLE FARBEN EINZELN ──
Hintergrund, Flächen, Karten, Haupttext, Nebentext, Banner, Akzent, Rahmen und die beiden Spielerfarben. Die Schrift auf Akzentflächen wird automatisch hell oder dunkel gesetzt, je nachdem was besser lesbar ist.

── LESBARKEIT EINGEBAUT ──
Eine Kontrastprüfung rechnet fünf Farbpaare live nach WCAG durch und sagt dir, ob sie reichen – das zählt, wenn der Bildschirm aus drei Metern abgelesen wird. Hell oder dunkel: Die Seite ist für den Dark Mode gebaut, helle Themes zieht AutoStyler trotzdem sauber durch.

── HINTERGRUND UND MILCHGLAS ──
Einfarbig, Farbverlauf oder eigenes Bild, mit Zuschnitt, Position, Abdunkeln, Weichzeichnen und Graustufen. Flächen lassen sich durchsichtig stellen, damit das Bild durchscheint – Kopfzeile, Karten, Menüs und Grundfläche getrennt regelbar. Ein Milchglas-Effekt dahinter hält den Text darüber ruhig lesbar.

── EIGENES LOGO ──
Platziere dein eigenes Logo neben dem Autodarts Logo und dazu ein frei platzierbares Wasserzeichen in einer Ecke oder mittig. Für Vereins- und Firmenfarben gemacht.

── ÜBER 30 SCHRIFTARTEN ──
Von Systemschriften über Inter, Roboto und Montserrat bis zu Anzeigetafel-Schriften wie Oswald, Teko und Bebas Neue sowie Arcade-Schriften wie Orbitron, Russo One und Press Start 2P. Schriftgröße und Zoom sind getrennt: die Größe ändert nur die Buchstaben, der Zoom die ganze Oberfläche. Jede Schrift wird an die Maße der Seite angeglichen, damit Scores und Namen nicht angeschnitten werden.

── AUFRÄUMEN ──
Zuschauer- und Einstellungssymbol ausblenden, oder per Klick jedes störende Element dauerhaft entfernen und einzeln zurückholen. Die Kopfzeile ist geschützt und bleibt immer sichtbar, damit die Navigation nicht verloren geht.

── MIT PIN VERRIEGELN ──
Ein optionaler PIN hält das AutoStyler-Menü zu und dazu das ganze Profilmenü von Autodarts – also auch Einstellungen, Geräte, Konto und, falls installiert, Tools for Autodarts. Aufgeschlossen bleibt es, bis du von Hand verriegelst oder den Tab schließt. Gedacht für den Automaten im Verein, an dem viele Hände vorbeikommen. Ehrlich gesagt: ein Riegel gegen Danebenstehende, kein Schutz gegen jemanden, der sich mit Browsern auskennt.

── EIGENE PRESETS ──
Speichere deine Einstellungen unter einem Namen, samt Hintergrundbild, Logo und der Liste ausgeblendeter Elemente. Über Export und Import ist ein zweiter Rechner in einem Schritt eingerichtet.

── DEUTSCH UND ENGLISCH ──
Die Oberfläche richtet sich nach deinem Browser oder nach deiner Wahl im Reiter Info.

── WIE ES ARBEITET ──
Die Seite beschreibt ihre Oberfläche über CSS-Design-Tokens. AutoStyler überschreibt diese Tokens, statt die Seite per Filter zu invertieren. Deshalb behalten Dartboard, Spielerfotos und Farbcodierungen ihre echten Farben, und fixierte Leisten verrutschen nicht.

── DATENSCHUTZ ──
Es werden keine Daten erhoben, gespeichert oder übertragen. Alle Einstellungen und Bilder liegen ausschließlich lokal im Browserprofil. Zugriff besteht ausschließlich auf play.autodarts.com. Wird eine Google-Schrift gewählt, lädt der Browser diese von Google Fonts; wer das vermeiden möchte, wählt eine Systemschrift oder „Original".

Tastenkürzel: Alt+Shift+A öffnet das Menü, Alt+Shift+S schaltet das Theme an und aus.

Rückmeldungen und Fehlerberichte gern an florian@frei.email