Skip to content

Conversation

MovByte
Copy link

@MovByte MovByte commented Sep 29, 2025

🎉 Theme for Nitro Type 🎉

Nitro Type is a game that lets you improve your typing skills

💬 Additional Comments 💬

  • This site requires an account to do much of anything, so you cannot reproduce what is in my catwalk screenshot

🗒 Checklist 🗒

  • I have read and followed Catppuccin's submission guidelines.
  • 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 made sure to update the
    userstyles.yml
    file with information about the new userstyle.
  • 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 stitched together,
      generated via Catwalk.

MovByte and others added 29 commits August 4, 2024 01:29
To conform more to the catppuccin way of doing things and remove unused code

Co-authored-by: uncenter <[email protected]>
…pport the lootbox modal, and support more styling in the customizer
…e, support dropdown links when hovered over, and improve friend online notifications
- update styles to account for UI updates
- switch to LESS with standard library
@MovByte MovByte requested a review from uncenter as a code owner September 29, 2025 19:37
@MovByte MovByte changed the title Feat/nitrotype feat(nitrotype): init Sep 29, 2025
}

& when (@themeOnlyRaceBox = 0) {
::selection {
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This until L78 is themed by #lib.defaults.

/* color */
/* the border surrounding a mantle box */

@text-shadow: @border;
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Could these be moved up with the other Less variables? It's a bit difficult to parse considering that they are used prior to being defined.

/* these elements inhert from .table */
tr,
tbody {
border-color: fade(@crust, 10%);
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Typically it's preferred to use a different colour for borders, like overlay0 rather than fading existing colours.

/* promotion zone */
.leagues--promotion-zone.promote {
color: @green;
background: fade(@green, 15%);
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Could these be green background with base text?

/* race again tooltip */
.pop--secondary::before {
background-color: @tooltip;
color: @colored-button-text;
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This doesn't look like it'll contrast well.

/* dash actions (under the race box) */
.btn--ghost,
.btn--ghost:focus:not(:hover) {
color: fade(@text, 80%);
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

80% seems like it won't contrast well enough, even for faded text. 66% makes it a lot more visible.

@WalkQuackBack WalkQuackBack marked this pull request as draft September 29, 2025 21:51
MovByte and others added 6 commits September 29, 2025 18:05
- remove options to configure race box theming
- theme Gold properly
- make race box theming more faithful to original
- make text more visible
- correct text leader colors
- support teachers page
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants