Arc-theme: [question] gtk3 window shadows

[roidm]

Hi there,

i just wondering if is possible to add more shadow to gtk3 windows ?

something like in gtk2 apps?

btw this theme is amazing, i love it....
thanks mate

[NelsonBrandao]

if you are using gnome 3 the only way to get bigger shadows is to change the Mutter source code and compile it

[roidm]

yeah i know that, arch user here and i'm using mutter-biggershadows pkg from the AUR repo, but some themes have more window/frame/box shadows (sorry i dont know the proper name)
look here

[victorparragarcia]

This is really annoying, sometimes you cannot even see the borders, it's a pity 'cause this theme is by far the best I've ever used.

[horst3180]

I think the shadows of mutter-biggershadows are way too big and over the top and I don't think this would fit the theme. If anything, I would just make them a bit darker to match the default mutter shadows.

@victorparragarcia That is not a bug in the theme, I think. A recent update introduced some glitchiness regarding the window shadows. It seems that they don't update properly when a window gets unmaximized for example.

[isacdaavid]

@roidm @victorparragarcia
dive into /gtk-3.0/gtk-contained.css and find the .window-frame class and change the box-shadow property to your liking. I'm using the values from another GTK3 theme and this is what I get:

This is the default Arc theme:

Then using

.window-frame {
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); }

will get you this. (Don't delete the other properties inside .window-frame { }, just modify box-shadow)

You can add a third 1-pixel-thick component to the shadow to make window borders sharper, like this:

.window-frame {
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22), 0 0 0 1px rgba(0, 0, 0, 0.2); }

You may also want to add shadows to window popups (right click menus and combo boxes) by adding the rule:

.window-frame.csd.popup {
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22), 0 0 0 1px rgba(0, 0, 0, 0.2);}

As well as to message dialogs (.window-frame.csd.message-dialog in our CSS file):

Finally, it is possible to tell GTK3 what shadow to paint depending on whether the window is focused or not. You do this by appending the :backdrop pseudo-class to any of the .window-frame... rules above. I personally prefer not to have hard shadows on all the unfocused windows, so I left Arc's default rule:

.window-frame:backdrop {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 5px 2px rgba(0, 0, 0, 0.1); }

@roidm, would you tell me how to change gtk2 window shadows?

[horst3180]

I'm closing this. I won't make such large shadows default, because I don't really like them.

[matbrgz]

How to disable shadow?