Skip to content

Conversation

@WalkQuackBack
Copy link
Member

@WalkQuackBack WalkQuackBack commented Oct 19, 2025

🎉 Theme for Excalidraw 🎉

catppuccin/catppuccin#2626

excalidraw com_(4k) (1) libraries excalidraw com__target=_excalidraw referrer=https%3A%2F%2Fexcalidraw com%2F useHash=true token=Xou57Y0KxTUXHp7RSJbLx theme=dark version=2 sort=default(4k)

💬 Additional Comments 💬

🗒 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.less - all the CSS for the userstyle, based on the template.

excalidraw:
name: Excalidraw
link: https://excalidraw.com
categories: [note_taking, document_viewer]
Copy link
Member Author

Choose a reason for hiding this comment

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

Does document_viewer fit the description of Excalidraw?

);
}

--button-destructive-bg-color: @red;
Copy link
Member Author

Choose a reason for hiding this comment

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

Suggested change
--button-destructive-bg-color: @red;
--button-destructive-bg-color: mix(@red, @base, @tint);


@import "https://userstyles.catppuccin.com/lib/lib.less";

@-moz-document url-prefix("https://excalidraw.com") {
Copy link
Member

Choose a reason for hiding this comment

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

What are we excluding here?

Copy link
Member Author

Choose a reason for hiding this comment

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

In theory it excludes https://plus.excalidraw.com/, but in practice I'm not sure if it does.

Comment on lines +46 to +52
@inverseFlavor: if(
@flavor = latte,
@catppuccin[@mocha],
@catppuccin[@latte]
);
@tint: if(@flavor = latte, 15%, 30%);
@emp: if(@flavor = latte, -20%, 7.5%);
Copy link
Member

Choose a reason for hiding this comment

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

These seem like things that warrant larger discussion since they appear in all of your submitted userstyles. I can't review them if this isn't part of our standard, but you can make the case that it should be. Both the inverse flavor and the tint/shades stuff that's everywhere.

Copy link
Member Author

Choose a reason for hiding this comment

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

inverseFlavor is unused here, that was a leftover from copying from another one of my userstyles as a base. I prefer to use base/text instead when possible, except when an accent from the inverse flavour is needed.

For emp, that's a fill for Tints and Shades and for tint that covers coloured non prominent backgrounds. The latter is confusingly named, but since I've done it everywhere it might be too late to change it...

@uncenter uncenter added 0.kind: init A new userstyle 5.needs: staff-review A review by a staff member is required/needed 2.status: pending Pending until internal discussion, planned updates, etc. labels Nov 4, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

0.kind: init A new userstyle 2.status: pending Pending until internal discussion, planned updates, etc. 5.needs: staff-review A review by a staff member is required/needed

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants