• OS: Bazzite 42
  • Global Theme: Vapor
  • Colors: Catppuccin Macchiato Sky (modified to add transparency)
  • Application Style: Darkly
  • Plasma Style: Breeze
  • Window Decorations: Darkly
  • Icons: Fluent Dark
  • Cursors: Breeze Dark
  • Fonts: Inter and Iosevka

I’m also using Better Blur for the window blur, Panel Colorizer to change the opacity of the Plasma Panel and change some icons on the tray to be monochrome, and I’m using Lucidglyph for better font rendering.

  • Kras Mazov@lemmygrad.mlOPEnglish
    3·
    1 day ago

    Sure thing!

    This comment ended up being very big and I’m not good at formatting, it would be better if I passed it through an LLM to format it nicely, but this already took a lot of effort and I would need to edit that output too, so I’ll leave it as it is.

    Lil disclaimer: The names of things might be a bit different since I use my system in Portuguese and I’m translating it myself for this comment. And there’s still things I didn’t do like trying to add transparency to GTK4 apps and things I didn’t include cause I haven’t finished yet, like modifying the Midnight Catppuccin theme for Discord and the Catppuccin theme for Zen Browser, the general theme also wasn’t extensively tested, so there might be a few issues here and there. Lastly, if there’s any settings I didn’t talk about, leave it as default.

    • In Color and themes > Global Theme Vapor came with Bazzite, but you can use Breeze or something else you like
    • In Color and themes > Colors I have set Highlight color from wallpaper and I downloaded the Catppuccin Macchiato Sky color scheme from here which should go in ~/.local/share/color-schemes. I modified it myself to add transparency and since I didn’t fork it and upload to GitHub, I can’t really distribute it without the license, so here’s the changes I did, they are minimal, so it should be fairly quick to copy (the 4th number is the alpha channel, you can change it to alter the transparency of elements if you wish):
      • Line 12: Color=36, 39, 58, 255
      • Line 23: BackgroundNormal=54, 58, 79, 155
      • Line 51: BackgroundNormal=30, 32, 48, 169
      • Line 54: ForegroundActive=245, 169, 127, 150
      • Line 55: ForegroundInactive=165, 173, 203, 153
      • Line 79: BackgroundNormal=36, 39, 58, 235
      • Line 94: DecorationFocus=145, 215, 227, 200
      • Line 95: DecorationHover=54, 58, 79, 200
      • Line 107: BackgroundNormal=30, 32, 48, 125
      • Line 108: DecorationFocus=145, 215, 227, 125
      • Line 109: DecorationHover=54, 58, 79, 125
      • Line 129: activeBackground=36, 39, 58, 169
      • Line 132: inactiveBackground=24, 25, 38, 169
    • Darkly have instructions for how to install in the readme. If you’re on an atomic/immutable distro, layering the package is probably the easiest way to install it, it’s what I did
    • In Color and themes > Application Style I did this:
      • Edit Darkly
      • Tabs > enable Use highlight color as selected tab background and Use brighter close icon
      • Frames > enable Transparent Dolphin view
      • Transparency > Menu: 50%, Sidebar: 66%, Menubar: 50%, Toolbar: 66%, Tabbar: 100%
      • Shadow > disable Draw widget shadow and Draw shadow under toolbar
    • In Color and themes > Window decorations I did this:
      • Edit Darkly
      • General > Title alignment: Center (Full Width)
    • Icons I downloaded from Colors and Themes > Icons > Get new > Fluent icon theme
    • Inter fonts can be downloaded from here or here. Iosevka fonts can be downloaded from here or here. After that I have it set like this in Text and fonts > Fonts:
      • General: Inter 10pt
      • Monospaced: Iosevka 12pt
      • Small: Inter 8pt
      • Menu: Inter 10pt
      • Window Title: Inter 10pt
      • Anti-aliasing: Enabled
      • Subpixel Rendering: None
      • Hinting: Slight
    • You can then download and install Lucidglyph with the instructions on the readme. If you’re on an atomic/immutable distro, don’t forget to use the User Mode installation
    • For Better Blur it’s the same thing I said for Darkly, I also layered the copr repo since it was easier. After that, in Window management > Desktop Effects:
      • Disable Blur > Apply
      • Enable Better Blur > Apply > config Better Blur
      • General > Blur strength: 6th stop, Noise strength: 0 > disable Window opacity affects blur
      • Force blur > mark Blur all except matching > enable Blur window decorations as well and Blur menus
      • Rounded corners > Window top and Window bottom are both set at 16,00 (because of GTK4 apps), Menu and Dock are both at 6,00
    • Panel Colorizer can be installed either from source or by Right clicking Plasma Panel > Add or manage widgets > Get new > Panel Colorizer. Then here’s what I did in it:
      • Add to Plasma Panel
      • Right click its icon > mark to make it Invisible
      • Right click an empty space on the Panel > Panel Colorizer Settings
      • Appearance > enable Background and Shadow > Opacity: 0,35
      • Text and icon fixes > mark the tray icons you want to be monochrome with Effect
    • For the Shell, the font I’m using is Iosevka Term 12 and I’m using Starship with Pastel Powerline, but I just saw that there is also a Catppuccin Powerline, so that’s even better. I’m also using Nushell if you’re interested.
    • For Kate and KWrite if you use them, you’ll need to edit the Catppuccin Macchiato theme on the settings of one of the apps to add alpha channels with the color picker, it’s easy to do. I won’t put it here because I’m not fully satisfied with the results I got.
    • One thing I did for Zen Browser even tho I haven’t finished the theme editing, is enable zen.widget.linux.transparency in about:config
    • Zed editor has an extension which is Catppuccin with Blur you can find inside the app, which is great.