search

PapirusDevelopmentTeam / materia-kde

Materia KDE customization
https://git.io/materia-kde
GNU General Public License v3.0
627 stars 42 forks source link

[feature] - Materia Theme with bigger roundness #71

Closed psifidotos closed 4 years ago

psifidotos commented 4 years ago

@varlesh hello, I am answering too many threads from plasma users requesting bigger rounded corners and shadows from Latte... I am trying to explain them that this is possible but from plasma theme side. Whatever roundness and shadows the plasma theme is supporting, same roundness and shadows Latte is also providing...

I love Materia plasma theme and I use it in my system. Is it possible to create an alternative plasma theme with bigger roundness and shadows? It would help a lot the community to understand the concept and also try to emulate it afterwards with other color palettes...

Latte is discovering the current Materia panel background roundness to 4pixels... A new theme with roundness >10 would be more than appreciated even for just demonstration purposes...

example roundness from Deepin: https://149366088.v2.pressablecdn.com/wp-content/uploads/2019/10/deepin-v20-apps.jpg

varlesh commented 4 years ago

@psifidotos Hi. Angle is a quarter circle. I can make more rounded angles, BUT not more quarter circle. For example: image You can test it with updated panel-background widget: panel-background.tar.gz

psifidotos commented 4 years ago

unfortunately that gives 5 pixels. that is only +1 pixel..

you mean that 5 pixels roundness is the maximum roundness that plasma can provide??

varlesh commented 4 years ago

I think better doing this programmatically, because plasma draw panel from 9 elements (top, topleft, right and etc). But Gnome like DE's doing this from one element. I don't know how draw rounded angle more than quarter circle. Also maybe you help method from Kvantum engine - used frame.expansion for rounded square elements (on cpp and qt5)

psifidotos commented 4 years ago

I believe plasma devs are not aware of the issue, I have opened a task to be discussed, https://phabricator.kde.org/T12442

psifidotos commented 4 years ago

managed to do it... I just had to make them bigger in the panel-background svg file... of course it would like adjustments for the margins...

Screenshot_20191228_234912

varlesh commented 4 years ago

@psifidotos hm, it's worked yes. And this strange for me, because i'm doing only scale x2 and not understand that image

psifidotos commented 4 years ago

Only thing needs fixing is that shadows must become smaller in thickness and margins probably need to be Increased

psifidotos commented 4 years ago

@varlesh we need one such plasma theme well presented. Kde store does not have any such plasma theme and kde users do not think that it is possible

varlesh commented 4 years ago

@psifidotos i'm create soon new plasma theme... but after holidays. It's example fixed panel-background: panel-background.tar.gz

psifidotos commented 4 years ago

so happy to hear!! :) it will help the kde community a lot!!! :)

varlesh commented 4 years ago

Theme maked... based on Breeze style (without KDE Color scheme support now). But now have some bugs with switch buttons & angles (dialog/backgrround widget) image it's strange, but background have problem only with latte and i don't know why... I like rounded buttons - it's looking very fresh, but this spoiled on switch-buttons. It's not final version. I think how doing this better https://github.com/varlesh/rounded

psifidotos commented 4 years ago

looks nice!!! :)

it's strange, but background have problem only with latte and i don't know why...

can you explain me with a screenshot in what way? it could be Latte fault...

varlesh commented 4 years ago

shadows superimposed on angles image

psifidotos commented 4 years ago

shadows superimposed on angles image

dont bother with it, it is Latte fault https://bugs.kde.org/show_bug.cgi?id=416175 but I will need to track it down and see what breaks and why... there is an easy workaround but I would prefer to search first why this is happening...

https://bugs.kde.org/show_bug.cgi?id=416175

psifidotos commented 4 years ago

@varlesh all fine, I fixed the shadow issue with Latte both for upcoming Latte 0.9.8 and master versions

varlesh commented 4 years ago

@psifidotos fine. i'm replace rounded buttons to more squared, because i can't fix little size buttons (<20px) But now it's looking good: image

varlesh commented 4 years ago

@psifidotos i found another bug. If used inverted scheme for background on latte - widgets on latte have white overlay color: image

varlesh commented 4 years ago

@psifidotos how unfasten latte form bottom screen? (it's present on your screenshot https://github.com/PapirusDevelopmentTeam/materia-kde/issues/71#issuecomment-569453871).

trmdi commented 4 years ago

@psifidotos how unfasten latte form bottom screen? (it's present on your screenshot #71 (comment)).

Floating dock, it's available in the git version currently.

psifidotos commented 4 years ago

@psifidotos i found another bug. If used inverted scheme for background on latte - widgets on latte have white overlay color: image

you can disable auto-coloring for these applets. Right click Dock -> Dock Settings -> Rearrange and configurure your applets -> hover any of these applets and from its tooltip, click the "drop" icon

varlesh commented 4 years ago

@trmdi strange... i'm try latest git-version form Neon unstable repo and Floating options not active: image You know why this not actived and how enable it?

varlesh commented 4 years ago

@psifidotos I think soon release theme on kde store: image

varlesh commented 4 years ago

added: https://store.kde.org/p/1352754/

psifidotos commented 4 years ago

@varlesh thank you !! Really great release!! I will follow your updates...

  1. Make sure to use latest master version because it contains a fix for panel background. It prevents panel shadows to overlap at all cases even when background size is set to 0%.

  2. For Floating options to become enabled you need to make one of your panels floating... Appearance -> Margins -> Thickness -> Screen [increase that slider in order to make your Latte docks/panels to float]

varlesh commented 4 years ago

@psifidotos

  1. yes, all fine

  2. worked perfect!!!

Screenshot_20200117_205546-1

varlesh commented 4 years ago

@psifidotos i'm now have some bug with notifications. Screenshot_20200117_210734 on completed notifications used STRECHED vertical line... it's spoil style, because on theme used very specific line - ascending and descending.

varlesh commented 4 years ago

this style used for more elements: slider (background), searchbar and etc: image image

psifidotos commented 4 years ago

  1. It could be a notifications interface bug, you can try to report it to plasma devs

  2. For elements that break why not use the same elements from your other plasma themes with just correct colors?

varlesh commented 4 years ago

on code used this:

Component {
                    id: notificationDelegate
                    ColumnLayout {
                        spacing: units.smallSpacing

                        RowLayout {
                            Item {
                                id: groupLineContainer
                                Layout.fillHeight: true
                                Layout.topMargin: units.smallSpacing
                                width: units.iconSizes.small
                                visible: model.isInGroup

                                PlasmaCore.SvgItem {
                                    elementId: "vertical-line"
                                    svg: lineSvg
                                    anchors.horizontalCenter: parent.horizontalCenter
                                    width: units.iconSizes.small
                                    height: parent.height
                                }
                            }

width: units.iconSizes.small - it's strange value for vertical line.

varlesh commented 4 years ago

reported: https://bugs.kde.org/show_bug.cgi?id=416386