daniel598 / typeracer-responsive-dark-theme

Saving you energy and strain on your eyes!

🌃 TypeRacer-Responsive-Dark-Theme

Saving you energy and strain on your eyes!

What is this theme?

This is a dark theme for the new TypeRacer 2020 Responsive theme.

Right now as it is still new as of Nov 2020, there is still wonky things with this new theme. While the goal is to make this a good looking dark theme, there is some enhancements as well that just tidy up the theme.

• Everything is dark followed by more orange buttons and text.
• Tidies up some things on the site to make it cleaner.

Installation Guide

Use a styling extension like Stylus then click the button below to install.

Requires: Stylus Extension

• Stylus for Chrome
• Stylus for Firefox
• Stylus for Opera

Install User-Style

Head on over the to the releases section and install the latest one.

Issues

If you see something that isn't themed, please feel free to message me on the TypeRacer Discord or open an issue on the issue tracker and I will fix it as soon as possible.

---

Monospace Font

This theme changes the tracks font for enthusiasts to better differentiate characters that can look alike and clash with a typical font without serifs. This theme is using Ubuntu Mono.

Customizing the Font

You can change the font inside like so: (This will make the font Times New Roman)

table.inputPanel div {
    font-family: 'Times New Roman', sans-serif;
    font-size: 1.15em;
}

Screenshots

Main Site

Profiles

Competitions Page