feat(keybr.com): init

[TadoTheMiner]

🎉 Theme for Website 🎉

Keybr is a website to practice touch typing

💬 Additional Comments 💬

🗒 Checklist 🗒

• I have read and followed Catppuccin's submission guidelines.
• I have made sure to update the
  userstyles.yml
  file with information about the new userstyle.
• I have made a new directory underneath /styles/<name-of-website> containing the contents of the /template directory.
  • I have ensured that the new directory is in lower-kebab-case.
  • I have followed the template and kept the preprocessor as LESS.
• I have included the following files:
  • catppuccin.user.css - all the CSS for the userstyle, based on the
    template.
  • preview.webp - composite image of all four individual flavor screenshots (taken with the default accent color of mauve) stitched together, generated via Catwalk.

[uncenter]

All of the letters in the input field, with the exception of the current letter at cursor (see other discussion), are unthemed:

--textinput__color: #9f9999;
--textinput--special__color: #696666;
--textinput--hit__color: #747070;
--textinput--miss__color: #9b4545;

The first is for untyped characters (ahead of the cursor), the second is for punctuation, the third is for typed characters (behind the cursor), and the fourth is for errors in typing a character.

This dropdown shouldn't be accent:

And the currently selected item, as well as hovered items, are not visibly different.

Code snippets in "Source Code" tab of settings is not themed:

        --syntax-keyword: @mauve;
        --syntax-string: @green;
        --syntax-number: @peach;
        --syntax-comment: @overlay2;