AutoStyler – Themes for Autodarts users statistics

Restyle play.autodarts.com: colours, background, logo, fonts and presets – right inside the page, with a live preview.

Unofficial extension. Not developed, operated or endorsed by Autodarts.

AutoStyler restyles the interface of play.autodarts.com to your taste – from a subdued dark blue to full neon arcade for the machine in the club room.

READY-MADE THEMES Midnight, Neon Arcade and more. One click is enough. "Original" switches everything back off.

LIGHT OR DARK The site is built for dark mode. AutoStyler carries light themes through cleanly all the same: navigation, numbers and the logo stay visible, and the captions on the photo tiles stay light.

EVERY COLOUR SEPARATELY Background, surfaces, cards, body text, muted text, banner, accent and border. Plus the player colours.

READABILITY BUILT IN The text colour on accent surfaces is chosen automatically: white or dark, whichever reads better. A contrast check recalculates five colour pairs live against WCAG and shows whether they hold up. That pays off above all when the screen is read from two or three metres away.

BACKGROUND OF YOUR CHOICE Solid colour, gradient or your own image – with fit, position, darkening, blur, transparency and greyscale.

YOUR OWN LOGO The logo in the header can be replaced with an image of your own. Plus a watermark you can place in any corner or in the middle.

OVER 30 TYPEFACES From system fonts through Inter, Roboto and Montserrat to scoreboard faces like Oswald, Teko and Bebas Neue, and arcade faces like Orbitron, Russo One and Press Start 2P. Size adjustable from 80 to 160 per cent.

TIDYING UP Hide the spectator and settings icons. With the element picker, any element that gets in the way can be removed for good with a click and brought back individually. The header is deliberately protected and always stays visible, so navigation never gets lost.

YOUR OWN PRESETS Save your settings under a name – background image, logo and the list of hidden elements included. Export and import set up a second machine in one step.

HOW IT WORKS The site describes its interface through CSS design tokens. AutoStyler overwrites those tokens instead of inverting the page with a filter. That is why the dartboard, player photos and colour coding keep their real colours, and fixed bars do not shift.

PRIVACY No data is collected, stored or transmitted. All settings and images stay local to the Chrome profile. Access is limited to autodarts.com. If a Google font is chosen, the browser loads it from Google Fonts; to avoid that, pick a system font or "Original".

Shortcut: Alt+Shift+S switches the theme on and off.