Skip to content

feat(carbon): init#2286

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

feat(carbon): init#2286
DurianBurger561 wants to merge 8 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.

Comment thread styles/carbon/catppuccin.user.less Outdated
Comment thread styles/carbon/catppuccin.user.less Outdated
Comment thread styles/carbon/catppuccin.user.less Outdated
Comment thread styles/carbon/catppuccin.user.less
Comment thread styles/carbon/catppuccin.user.less Outdated
- Revert @Version to the template default (2000.01.01); CI bumps it.
- Drop the unused #lib.css-variables() call since nothing here reads
  --ctp-* custom properties.
- Replace the `* { scrollbar-color: ... }` wildcard with a plain
  root-level declaration.
- Remove all !important flags, instead tripling the :root selector
  at the mixin call site so every rule inherits enough specificity
  to win without it.
@DurianBurger561

Copy link
Copy Markdown
Author

Thanks for the feedback, I think I fixed everything ([9e539ccd](DurianBurger561@9e539ccd)): version back to 2000.01.01 (my bad, forgot CI bumps that), removed the unneeded css-variables() call, moved the scrollbar rule off the * wildcard onto the root, and got rid of all the !important's by tripling the :root selector where the mixin gets called so specificity is high enough without them (tested it compiles fine). Left the CodeMirror part as manual overrides since I didn't see a shared mixin for it in lib.less yet, can switch it over whenever that's ready — let me know if anything still looks off!

@DurianBurger561

This comment was marked as spam.

@DurianBurger561

This comment was marked as spam.

@scarcekoi

Copy link
Copy Markdown
Member

The theme looks unfinished and broken:
image

And changing the editor colours should probably be done via Carbon's palette feature in a port and this userstyle be for the rest of the site so that changing to other themes is still possible.

sixuan911 and others added 2 commits July 16, 2026 15:42
Carbon has its own palette feature for the code editor's colours
(Blackboard, Dracula, etc.). Overriding CodeMirror/token colours here
fights that and leaves users unable to pick another editor theme, per
scarcekoi's review. This userstyle now only themes the surrounding
site chrome.
@uncenter uncenter added the 0.kind: init A new userstyle label Jul 20, 2026
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

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants