Skip to content

feat(carbon): init#2286

Open
DurianBurger561 wants to merge 2 commits into
catppuccin:mainfrom
DurianBurger561:feat/carbon
Open

feat(carbon): init#2286
DurianBurger561 wants to merge 2 commits into
catppuccin:mainfrom
DurianBurger561:feat/carbon

Conversation

@DurianBurger561

@DurianBurger561 DurianBurger561 commented Jul 7, 2026

Copy link
Copy Markdown

Website: Carbon

URL: https://carbon.now.sh

Description:

Carbon is a web app for creating and sharing images of source code. This userstyle applies Catppuccin colors to Carbon's UI, editor/export preview, syntax highlighting, controls, menus, and export-related surfaces.

🗒 Checklist 🗒


  • I have read and followed Catppuccin's userstyle submission guidelines.
  • I have made a new directory underneath /styles/<name-of-website>.
    • I have ensured that the new directory is in lower-kebab-case.
    • I have named the userstyle catppuccin.user.less within the new directory.
    • I have followed the template and kept the preprocessor as LESS.
  • I have updated the userstyles.yml file with information about the new userstyle.

💬 Comments 💬

Tested all four flavours (Latte, Frappé, Macchiato, Mocha), accent switching, and Carbon PNG/SVG export with Stylus enabled.

@uncenter uncenter changed the title feat(carbon): add userstyle feat(carbon): init Jul 7, 2026
@DurianBurger561

Copy link
Copy Markdown
Author

Hi, sorry to bother you. I just wanted to ask if there is any estimated timeline for the review. Thank you!

@uncenter

uncenter commented Jul 9, 2026

Copy link
Copy Markdown
Member

Hi, we are unfortunately unable to review this pull request until it meets our contributing guidelines, which require you to use our pull request template https://github.com/catppuccin/userstyles/blob/main/.github/PULL_REQUEST_TEMPLATE/userstyle-creation.md.

@DurianBurger561

Copy link
Copy Markdown
Author

Thanks for letting me know! I’ve updated the pull request description to use the required template.

@name Carbon Catppuccin
@namespace github.com/catppuccin/userstyles/styles/carbon
@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/carbon
@version 2026.07.07

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

For future reference; this is typically left as in is in the template (2000.01.01), as it gets updated by the CI pipeline.

background-color: @mantle !important;
}

/* CodeMirror export card. */

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

We plan to have a CodeMirror library to handle this, iirc.

color: @overlay2 !important;
}

* {

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

Does this work just applied at the root level? Try not to use wildcard selectors whenever possible.


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

@-moz-document domain("carbon.now.sh") {

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

Don't use !important unless it's too overwrite an inline style or an important from upstream. Prioritize using a higher specificity root selector.

#catppuccin(@flavor) {
#lib.palette();
#lib.defaults();
#lib.css-variables();

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

this is unnecessary in this port; it's only used whenever you are using a dependency that uses --ctp-* CSS variables.

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.

4 participants