Breeze AlphaBlack

Breeze AlphaBlack Featured

Source (link to git-repo or to original if based on someone elses unmodified work): https://github.com/Zren/breeze-alphablack

Description:

I took the default Breeze Light theme and made all the panel related stuff a slightly transparent black.

The "AlphaBlack Control" widget (https://store.kde.org/p/1237963/) will be automatically installed to quickly change the theme's colors or the panel transparency. It should appear in the system tray after relogging with widgets unlocked.

* [Pager] I removed the transparent blue fill on the active desktop in the pager, instead using just a white outline to show which is selected (similar to dexpot).
* [Tasks] Don't use a solid fill on minimized tasks.

After installing, run the following to set the panel / breeze window border colors.
python3 ~/.local/share/plasma/desktoptheme/breeze-alphablack/desktoptheme.py set theme.accentColor 0,0,0

=[ Other Stuff ]=
Menu: https://store.kde.org/p/1160672/
Volume Mixer: https://store.kde.org/p/1100894/
Calendar: https://store.kde.org/p/998901/
Win7 Show Desktop: https://store.kde.org/p/1100895/
Alt+Tab Skin: https://store.kde.org/p/1153173/

Last changelog:

v18 - December 11 2020 1 month ago

* Fix pale popups caused by the Background Contrast Desktop Effect (Issue #21). Added `ContrastEffect` properties in `metadata.desktop` in an attempt to fix it, however the proper fix was to ship a pre-generated `dialogs/background.svg`.
* Refactor `background.svg` to add `dialog.radius` which doesn't really work well.
* Fix `resettitlebarcolors` mentioned in AlphaBlackControl's Issue 2.
* Only use blue shifted DecorationFocus for Complementary colors (Issue #20)
* Set Header color group to fix white `plasmoidheading.svg` in Plasma 5.20

51 comments

1

2
3

Comments/Ratings

Please login or register to add a comment or rating

ftrh
2 years ago

thank you, but it's possible to make functionality for adjust the corner radius ? i'm not familiar with plasma theming btw

Report

hypnomaki
2 years ago

9 +

Report

h3ndy
2 years ago

9 +This is a really good looking plasma theme.
Thanks

Report

jamjam
2 years ago

9 +nice dark theme

Report

jamjam
2 years ago

nice work

Report

stathisq
2 years ago

9 +

Report

patiga
2 years ago

sorry for bothering you, but can i also get rid of that black outline of the panel.
ˢᶦᵈᵉⁿᵒᵗᵉ ʷʰᵉʳᵉ ᶜᵃⁿ ᴵ ᶜʰᵃⁿᵍᵉ ᵗʰᵉ ᵛᶦˢᵘᵃˡˢ ᵒᶠ ᵗʰᵉ ᶦᶜᵒⁿˢ⁻ᵒⁿˡʸ ᵗᵃˢᵏ ᵐᵃⁿᵃᵍᵉʳ

Report

Zren
2 years ago

If you're going for a completely transparent panel, I think there's someone who's probably uploaded a modified version like that, but if you want to modify the theme youself to customize it to your liking:

To edit the shadow that outlines the panel, Open up the following SVG in the Inkscape app:
~/.local/share/plasma/desktoptheme/breeze-alphablack/widgets/panel-background.svg

Select the 9 "shadow" tiles in the middle "square".
Then drag the opacity from 100% down to 0%. The shadows should now be invisible.
Save the file, then switch to another Desktop Theme (like Breeze Dark) and back to test the changes.

The "task manager widget" is styled with the "breeze-alphablack/widgets/tasks.svg".

More info about Desktop Themes at:
https://techbase.kde.org/Development/Tutorials/Plasma5/ThemeDetails

If there's any other Breeze SVGs you want to override, copy them from:
/usr/share/plasma/desktoptheme/default/

Report

patiga
2 years ago

+ nice, is it somehow possible to remove the blur?

Report

Zren
2 years ago

Blur is controlled by Desktop Effects.

Report

patiga
2 years ago

thanks! works as intended now

Report

lehoczky
2 years ago

9 +

Report

MirceaMx
2 years ago

9 +GREAT theme...only theme with setting transparency levels and colors

Report

DoppelDoppler
2 years ago

9 +awesome looking theme

Report

ratrafa
2 years ago

9 +

Report

khatat
2 years ago

Very nice theme. Thanks for this.
one question: When I change the opacity it changes the opacity of the panel. That's neat. But can I somehow change the opacity of widgets?

Report

Zren
2 years ago

I uploaded a v11 of the desktop theme + v2 of the widget to control the popup and desktop widget opacity.

Report

khatat
2 years ago

wow that works like a charm better than window rules. Awesome! Thanks!!

Report

khatat
2 years ago

nvm, I did it with a simple window rule :)

Report

hughwilliams94
3 years ago

Hey, thanks for the theme been trying to get a non-transparent breeze dark panel forever! I have one small issue notifications seem to be outlined solid black as do panel drop down menus?

Report

makmm
3 years ago

really cool, but one problem:
python3 ~/.local/share/plasma/desktoptheme/breeze-alphablack/setpanelopacity.py 0.75
[Errno 2] No such file or directory: '_templates/panel-background.svg'
python3 setpanelopacity.py [opacity]
[opacity] is a real number from 0.0 to 1.0
Eg: python3 setpanelopacity.py 0.6

Report

Zren
3 years ago

Ah, looks like I only tested with (cd path/to/theme && python3 setpanelopacity.py 0). I fixed the script in v9 so it can be run anywhere.

Report

makmm
3 years ago

To fix it:
$ ls ~/.local/share/plasma/desktoptheme/breeze-alphablack/
$ nano setpanelopacity.py
Ctrl+W _templates Enter
./
Ctrl+O Ctrl+X

boom now it works

Report

schnelle
4 years ago

Beautiful black transparent theme. Breeze dark should look like you theme :)
Thank you.

Report

janet
4 years ago

Can you please give a link to the wallpaper? :)

Report

v18 - December 11 2020 1 month ago

v17 - June 16 2020 7 months ago

* Added `widgets/plasmoidheading.svg` to show the solid notification heading like Breeze. It's only displayed if the current theme has the svg, it does not inherit this svg.
* Removed all deprecated `set___color.py` scripts. Use the `desktoptheme.py` subcommands.

v16 - March 15 2020 10 months ago

* Move `set___color.py` etc into `desktoptheme.py` as subcommands. Eg: `python3 desktoptheme.py set dialog.opacity 0.7`. The existing scripts are deprecated and will be removed in the next version.
* Add ability to set dialog padding with `python3 desktoptheme.py set dialog.padding 2`. Note that you need to close a popup and reopen it to see the change in padding. You may need to run the command a few times for it to take effect.

v15 - March 17 2019 1 year ago

* Cleanup the desktop widget background svg coordinates (`widget/background.svg`).
* Use Breeze's rectangle new rounded corner popup dialog svg from KDE Frameworks 5.56.
* Fix the dialog popup color (when using a custom opacity) broken by the Qt 5.12.2 update. The default dialog popups and tooltips will be fixed in KDE Frameworks 5.56.2 or 5.57.0.

v14 - December 15 2018 2 years ago

* Use Breeze's rectangle corner popup svg. Somewhere along the line this theme ended up using a different svg with round corners for some reason.
* Add `sethighlightcolor.py` to set the selection/highlight color.

v13 - October 12 2018 2 years ago

* Hide the panel shadow when the panel opacity is set below 30% (`0.3`).
* Update the desktop widget background to use the same look as breeze.
* Add `settextcolor.py` to change the panel/widget/titlebar text color.
* Fix `resettitlebarcolor.py` not working for color schemes installed in the home directory (`~/.local/share/color-scheme/`. It previously only worked for color schemes in the root directory (`/usr/share/color-scheme/`). This fix also scans all color schemes when the color scheme filename is not the typical `{ColorSchemeName}.colors` (Eg: "Breeze Solarized Light" uses "BreezeSolarizedLight.colors").
* Add `resettodefaults.py` script to revert all changes.

v12 - July 26 2018 2 years ago

* Add settitlebarcolor.py and resettitlebarcolor.py to easily reset the titlebar color. v3 of the widget has buttons that will run these scripts.

v11 - June 24 2018 2 years ago

* Remove the opache and transparent folders which don't appear to do anything (they aren't overriding breeze).
* Add new templates + scripts to set the panel popups/dialog opacity, and the desktop widget opacity. The new scripts are setdialogopacity.py and setwidgetopacity.py. Both work the same as setpanelopacity.py.

v10 - May 29 2018 2 years ago

* Follow color scheme when compositor is off. Gets rid of white outline when compositor is off.
* Add breeze's widgets/tabbar.svg, as Plasma doesn't allow it to "inherit" this svg. This fixes/adds the "popup is open" blue line.
* Add alternative tasks.svg where the line is on the outside/edge of the screen line Windows 10. Use the config widget, or the settasksvg.py script, to change to it.
* "Unzip" the svgz into svg, and cleanup the xml.

v9 - February 20 2017 3 years ago

* Fix panel opacity script so it can be run anywhere.

v8 - January 21 2017 4 years ago

* Add a script to set the panel opacity.

v7 4 years ago

* Fix the minimized tasks svg (showed nothing instead of looking like a "normal" task)
* Use a hardcoded #f67400 orange for highlighted tasks instead of the NeutralText color from the color scheme.

v6 4 years ago

* Use the Breeze 5.8 tasks.svg (thinner line), but with minimized tasks looking the same as a normal task.

v5 4 years ago

* Add script to change the color.

4 years ago

v3 - June 16 2016

* Theme progressbar in tasks.

v2 - June 15 2016

* Got rid of the white line at the top of the panel
* Got rid of the pink spot in the pager