Skip to content

fix: Toolbar and Sidebar styling for Compact mode#44

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

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

Conversation

@ad1822

@ad1822 ad1822 commented Jun 10, 2025

Copy link
Copy Markdown
Contributor

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

anasgets111 commented Jun 20, 2025

Copy link
Copy Markdown

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

ad1822 commented Jun 20, 2025

Copy link
Copy Markdown
Contributor Author

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

Thank you, sir.

@shadowe1ite

Copy link
Copy Markdown

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

@maxmilton

Copy link
Copy Markdown

@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

ad1822 commented Sep 26, 2025

Copy link
Copy Markdown
Contributor Author

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

ad1822 commented Sep 26, 2025

Copy link
Copy Markdown
Contributor Author

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
Copy Markdown

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

ad1822 commented Sep 26, 2025

Copy link
Copy Markdown
Contributor Author

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