catppuccin/github

🐈‍⬛ Soothing pastel theme for GitHub

🚧 This repository has moved to catppuccin/userstyles 🚧

Copyright © 2021-present Catppuccin Org

github's Issues

Disabled buttons illegible on Frappe

Problem

When working in an organisation that does not allow forking, the fork button is disabled. When this is the case, the text, and icon, on the button are illegible and users must rely on the on-hover tooltip to know what the button is for

Example

[Question] Custom fonts?

How can I custom interface font (different than Inter) and monospace font?

Using comments inside of a `json` codeblock creates hard to read text

dhall-lang/dhall-haskell#2374 (comment)

The code block looks like this:

```json
// .vscode/settings.json
{
    "vscode-dhall-lsp-server.server.contextFile": "${workspaceRoot}/ApiContext.dhall"
}
```

Style active on ALL websites/tabs

The Stylus icon shows GitHub Catppuccin as active on all websites, even ones it does not match. The Regex test correctly only shows github.com and gist.github.com tabs as matching though.

On websites where another Style matches, like CodeBerg Catppuccin, the Stylus icon shows both Styles as active.

Github Actions Marketplace missing large portion of styles

Problem

(rel: #28)

The Actions marketplace UI remains mostly unstyled, with only a small subsection of the UI being restyled. Due to text not being styled on the page for specific actions, the content is close to illegible on the darker variants.

Examples

Marketplace index - Link

Actions index - Link

Action detail page - Link

No text on red/pink background

I think the screen will explain everything:

Text is visible after hoovering on switch.

Highlighted search item has wrong text color on "Jump to" button

Description

• When searching in GitHub, highlighted item has wrong text color on "Jump to" button

Screenshots

how can i use this theme in other browsers?

now I use qutebrowsers, can I use catppuccin in this browser?

Stylish + catppuccin.user.css not working ?

Hello,
I tried to install the catppuccin theming with stylish.

I can see when i copy paste catppuccin.user.css in the stylish editor tens of errors marked on the side with warning icons.
Expected Brace, unexpected token etc...
No theming is applied so far.

comment showing as a weird color when browsing code

broken in latest version

attempting to apply the style as of 35e41f3 (#32) results in the following message:

Stylus failed to parse usercss:

stylus:50:10
   46|         $mantle = #e6e9ef
   47|         $crust = #dce0e8
   48|         $shadow = #dbdfef
   49|     }
   50|     else if (theme=="Frappe") {
----------------^
   51|         $type = dark
   52|         
   53|         $rosewater = #f2d5cf

unexpected "else"

this renders the style uninstallable (as far as i can tell!)

applying the style as it was at 011e121 works as expected.

Text contrast is lacking in dark variants

Contrast is lacking throughout the whole GitHub.

Repository visibility scope buttons illegible

Problem

The action buttons and modal confirm button in the "danger zone" section, when changing the visibility of a repo (e.g. from internal to private) are illegible until hovered over

Example

Danger zone section

Standard button state

Hover state

Scope modal

Standard button state

Hover state

some colours are off

Note to myself:

Some colours have changed with the addition of the new colour blind themes?
Need to check the properties and rename then if necessary.

Icons inside of issue timeline are wrongly colored

For timeline items inside of issues the icons are not colored correctly:

https://github.com/mainrs/nixos-config/issues/8

Some subdomains are styled wrongly

I've only found that https://education.github.com/experts is wrongly styled. The text is non-readable. Maybe only applying the theme to github.com without any subdomain is a good idea?

Inconsistencies/errors

Some screenshots of inconsistencies/errors that I stumbled across:

This is the GitHub workflow "header" when contributing the first time to a repository that has workflows enabled. The icons are quite dark. Here is the PR: NixOS/nixpkgs#157047

The lower border corners of notifications are not connected.

Jupyter notebook theming

Jupyter notebooks aren't themed.
I have implemented most of the theme, but one thing to note here is that GitHub uses iframes to render .ipynb files, so the target url for the style file would be different.
Should I PR a separate file to this repo? or is a new repo needed?

GitHub Actions UI looking off with Latte theme

A continuation of #27 — opening a new issue as requested.

Screenshot:

Creating a repository screen is wrongly styled

Take a look at https://github.com/organizations/plan. It's super niche, but it's still part of GitHub :p The whole "flow" of creating an organization isn't styled.

Might be worth taking a look at creating a new repository as well.

Legibility issues in diffs

Loving this theme, nice work! 🔥

Not sure if this is the right place to report this, but I ran into this while reviewing a PR. Notice how the content of the highlighted selection is difficult to read (the 7d).

GT

Hello.. sup how are you

New notifications do not have a style applied

This notification is new/unread:

After the (probably) github update text is not visible anymore

I assume today github released some css update and theme doesn't work properly anymore. Screenshot is attached as an example.

I use latest version of userstyle for Stylus with autoupdate turned on.

can't parse some URL

when i use github theme by stylus extension, I can enjoy this theme very comfortably.
however, i can't parse this URL https://www.zhihu.com/ very well

how can i solve this problem? ths