Skip to content

fix: Toolbar and Sidebar styling for Compact mode#44

Merged
IAmJafeth merged 11 commits intocatppuccin:mainfrom
ad1822:fix/compact-mode-css
Jun 20, 2025
Merged

fix: Toolbar and Sidebar styling for Compact mode#44
IAmJafeth merged 11 commits intocatppuccin:mainfrom
ad1822:fix/compact-mode-css

Conversation

@ad1822
Copy link
Contributor

@ad1822 ad1822 commented Jun 10, 2025

There are some bugs where theme is applying for sidebar's corner and toolbar in compact mode

This PR fixes visual issues caused by the theme in compact mode:

  • Incorrect border radius on the sidebar corners
  • Inconsistent styling on the toolbar

Also Update chromeCSS for other theme as well

Before:
06-09-14-01-45

After (fixed):
06-09-14-08-32

06-10-16-56-32

Also add in template for testing purposes..

There are some bugs where theme is applying for sidebar's corner and toolbar in compact mode
@anasgets111
Copy link

anasgets111 commented Jun 20, 2025

Using your edits, they seem to solve lots of issues, thanks

@IAmJafeth IAmJafeth merged commit e171e2a into catppuccin:main Jun 20, 2025
1 check passed
@ad1822
Copy link
Contributor Author

ad1822 commented Jun 20, 2025

Using your edits, they seem to solve lots of issues, thanks

Thank you, sir.

@shadowe1ite
Copy link

It looks same after the most recent update. Also the url background

@maxmilton
Copy link

@shadowe1ite it's better to open a new issue and include a reference to this PR rather than trying to necro a PR that was merged quite some time ago.

@ad1822
Copy link
Contributor Author

ad1822 commented Sep 26, 2025

It looks same after the most recent update. Also the url background

Could you give me a screenshot or something ?
Although, I fixed it. I will create a pr.

@ad1822
Copy link
Contributor Author

ad1822 commented Sep 26, 2025

It looks same after the most recent update. Also the url background

Hey, I fixed it. In my. Issue was on floating url bar. I can't take screenshot though. But Just fixed id to class in zen browser would work.

#urlbar-background { background-color: #1e1e2e !important; }
to

.urlbar-background { background-color: #1e1e2e !important; }

@shadowe1ite
Copy link

It looks same after the most recent update. Also the url background

Hey, I fixed it. In my. Issue was on floating url bar. I can't take screenshot though. But Just fixed id to class in zen browser would work.

#urlbar-background { background-color: #1e1e2e !important; } to

.urlbar-background { background-color: #1e1e2e !important; }

Could I just provide a screenshot ?

Yes that fixed the issue

@ad1822 ad1822 mentioned this pull request Sep 26, 2025
@ad1822
Copy link
Contributor Author

ad1822 commented Sep 26, 2025

It looks same after the most recent update. Also the url background

Hey, I fixed it. In my. Issue was on floating url bar. I can't take screenshot though. But Just fixed id to class in zen browser would work.
#urlbar-background { background-color: #1e1e2e !important; } to
.urlbar-background { background-color: #1e1e2e !important; }
Could I just provide a screenshot ?

Yes that fixed the issue

I have created #52

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.

5 participants