Giter VIP home page Giter VIP logo

monkeytype-themes's Introduction

monkeytype-themes

Warning

NO LONGER ACTIVELY MAINTAINED. THEMES ARE OUTDATED.

Welcome to monkeytype-themes, a list of custom themes I have created for monkeytype.

Contact me in the #custom-themes channel of the Monkeytype discord if you need any help (my username is refact0r).

Also please star the github.


How to install themes

  1. Install the Stylus browser extension: Chrome, Firefox

  2. Click a theme install link below OR open any css file in this repository and click the "Raw" button at the top of the file.

  3. The stylus extension should open up with a button to install the style.

NOTE FOR FIREFOX USERS: You need to enable backdrop-filter in the firefox config for background blur to work. Tutorial here.


Component Themes

These are themes that change small parts of monkeytype and can be used together.

Base

Install

Basic tweaks like hiding the unnecessary bottom buttons, centering the top menu, and changing logo text.


Icons

Install

Replaces the default Font Awesome icons with Bootstrap icons (which look better). Also adds a few animations to the menu buttons and the buttons that show after completing a test.


Clean command line

Install

Removes command line box background and adds a blur behind it for a cleaner look. Works best if you already have a background image.



Style Themes

These are themes that change the color and feel of Monkeytype. Works best if used with Base theme, don't mix style themes together.

Iceland

Install

Iceland theme. Colors based off the iceberg dark preset theme. Make sure you have timer/progress style on "bar".


Gruvbox Dark

Install

Gruvbox dark theme. Same colors as the preset theme gruvbox dark.


Botanical

Install

Botanical theme. Colors based off the terrow below preset theme.


Nord

Install

Nord theme. Colors based off the nord preset theme.


Dracula

Install

Dracula theme. Colors based off the dracula preset theme.


monkeytype-themes's People

Contributors

refact0r avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

monkeytype-themes's Issues

Issue with Icons

In the results screen after typing a quote, the "Report quote" and the "Favorite quote" buttons don't show.
image
image

This is what it looks like without the icons installed.
image

Names/Titles doesn't work

Example, The word "Nord" should be seen at the top left. But it doesn't appearing, only the default name only which is "monkeytype"

Feature Request: Colored Icons

Can you do make a custom snippet where it colors the icons? like in the nord, dracula theme but so it can be used with other themes

Issiue with Gruvbox

When i use the gruvbox theme, it doesn't change the background, it does on botanical, but not gruv

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.