Skip to content

Conversation

LastElaphine
Copy link

🔧 What does this fix? 🔧

Re-applies dark flavor styles to the header element in the specific case where the system is in dark mode with dark flavor is used. Other theme combinations continue to inherit styles normally.

Closes #1849

Stage Screenshot
Before Before Dark Mode Header
After After Dark Mode Header

Verified the following combinations work as expected:

Latte Macchiato Mocha
Light Flavor / Light Theme
Dark Flavor / Light Theme
Light Flavor / Dark Theme
Dark Flavor / Dark Theme

🗒 Checklist 🗒

@github-actions github-actions bot added the github GitHub label Sep 20, 2025
Copy link
Member

@uncenter uncenter left a comment

Choose a reason for hiding this comment

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

You'll want to remove lines 522-547 as well from previous header styling.

@uncenter
Copy link
Member

Some unthemed/bad contrast areas with prefers-color-mode: light:

CleanShot 2025-09-20 at 13 57 41

- HeaderMenu fixed in light & dark modes
- Preferences button fixed in light mode
- Removed unnecessary logged out header
--fgColor-default: @text;
--fgColor-muted: @subtext1;
--fgColor-onEmphasis: @base;
--fgColor-white: if(@flavor = latte, @crust, @text);
Copy link
Author

Choose a reason for hiding this comment

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

I didn't notice any difference changing this logged in or out on a few different pages, so I'm not sure if it's still relevant to have it set to @crust on latte.

Copy link
Member

Choose a reason for hiding this comment

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

Did it break something?

Copy link
Author

Choose a reason for hiding this comment

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

I found one issue this was causing, currently the "Appearance Settings" icon in the top right in Latte is not visible:
Screenshot 2025-10-11 at 14-51-43 fix(github) dark theme header by LastElaphine · Pull Request #1922 · catppuccin_userstyles · GitHub

But removing the if condition fixes it to look like this:
Screenshot 2025-10-11 at 14-52-16 fix(github) dark theme header by LastElaphine · Pull Request #1922 · catppuccin_userstyles · GitHub

With the removal of the header overrides in this PR the text is not visible in Latte when the if condition is set:
Screenshot 2025-10-11 at 14-50-24 fix(github) dark theme header by LastElaphine · Pull Request #1922 · catppuccin_userstyles · GitHub

Will all the changes in the PR it also looks correct on Latte:
Screenshot 2025-10-11 at 14-56-01 fix(github) dark theme header by LastElaphine · Pull Request #1922 · catppuccin_userstyles · GitHub

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

github GitHub

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Low contrast logged out Github header

2 participants