Animated BG, Text colors, and Font changer.
Zebra Type Customizer is a lightweight userscript designed to enhance the aesthetic experience of Zebratype.org. It allows users to toggle between custom-designed color themes, providing a personalized interface for both the main dashboard and the active racing track.
Features
Dynamic Theme Toggling: Easily switch between themes (e.g., "The b0sses," "Midnight") via a discreet, floating UI panel.
Race-Ready Customization: Themes apply seamlessly across the site, including the /race page.
Persistent Preferences: Your selected theme is automatically saved, so your preferred aesthetic is waiting for you every time you return.
Low Impact: Built with clean CSS variables for optimal performance without affecting game mechanics.
How to Install
Install a Manager: Ensure you have a userscript manager installed in your browser (e.g., Tampermonkey or Violentmonkey).
Add Script: Click the "Install" button on this page (or create a new script in your manager and paste the code provided).
Activate: Refresh Zebratype.org.
Customize: Use the floating control panel in the bottom-right corner to select your theme.
Supported Themes
The b0sses: A sleek, high-contrast aesthetic featuring dark tones and racing-inspired accents.
Midnight: A retro-dashboard inspired theme with deep blacks and vibrant contrast colors.
Customization Guide
Users are encouraged to modify the script to fit their personal style. Simply edit the const themes object within the script code to define your own custom colors, including:
--bg-color: Set your desired background color.
--text-color: Adjust your font readability.
--accent-color: Choose your preferred highlight color for borders and UI elements.
Tips for Publishing on Greasy Fork:
Version Number: Make sure the @version in your script metadata matches the one you put in your documentation (e.g., 1.1).
Support: If you want to allow others to report bugs or suggest themes, consider adding a "Support" section with a link to your Discord server or a contact email.
Screenshots: If you can, take a screenshot of your themes and upload them to the project page—users love to see the visual changes before they install!
