Window Geometry

[FBachofner]

Hi @the-allanc

What a fabulous "mix in" you have created here. It easily solves one of my biggest gripes with Cinnamon (especially) when using a dark theme.

Do you know what theme CSS parameters need to be adjusted to change window corners? I would like either 4 "sharp" corners or 4 rounded corners. [ Alternatively, diagonally opposite corners could be rounded and "sharp" such as what Android calls "Leaf" ]

The two top rounded corners and two "sharp" bottom corners looks like a complete design disaster to me.

Thanks in advance for any ideas!

[FBachofner]

I figured out at least one way of doing this!

I had also incorporated @hightowe 's borders enhancement

By adding

border-top-left-radius: 0px;
border-top-right-radius: 0px;

to each of the sections of that enhancement, you can get "sharp" corners at the top left and right.

So, within the larger css file I now have:

/* Active window BORDERS: sizes & colors; top corner squaring */

decoration:not(:backdrop) {
    border: 2px solid @active_window_bg_color;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    background: gray;
}
decoration {
    border: 2px solid @inactive_window_bg_color;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    background: gray;
}

border radius: 0px; did not work for some reason

[FBachofner]

It turns out border radius: 0px; does work. Perhaps I failed to restart Cinnamon to reactivate the theme . . .

So, I now have:

/* Active window BORDERS: sizes & colors; top corner squaring */
decoration:not(:backdrop) {
    border: 2px solid @active_window_bg_color;
    border-radius: 0px;
    background: gray;
}
decoration {
    border: 2px solid @inactive_window_bg_color;
    border-radius: 0px;
    background: gray;
}

Side benefit:

If Cinnamon ever rounds the bottom corners and you don't want that, this CSS code will likely "automatically" fix that.