csd: add support for a visible border

When we’re using CSDs, we’ve up until now rendered a 5px invisible
border. This border handles interactive resizing. I.e. hovering it
changes the mouse cursor, and mouse button events are used to start an
interactive resize.

This patch makes it possible to color part of (or the entire) border,
with a configurable color.

To facilitate this, two new options have been added:

* csd.border-width
* csd.border-color

border-width defaults to 0, resulting in the look we’re used to.

border-color defaults to the title bar color. If the title bar color
hasn’t been set, it defaults to the default foreground color (just
like the title bar color does).

This means that, setting border-width but not border-color, results in
a border that blends with the title bar.
This commit is contained in:
Daniel Eklöf 2021-10-27 18:27:08 +02:00
parent eebec8e38d
commit 5e4de143de
No known key found for this signature in database
GPG key ID: 5BBD4992C116573F
6 changed files with 99 additions and 7 deletions

View file

@ -564,6 +564,17 @@ component.
title bar size. That is, all *:size* and *:pixelsize* attributes
will be ignored. Default: _primary font_.
*border-width*
Width of the border, in pixels (subject to output scaling). Note
that the border encompasses the entire window, including the title
bar. Default: _0_.
*border-color*
Color of border, on the format AARRGGBB. By default, the title bar
color is used. If the title bar color has not been set, the
default foreground color (from the color scheme) is used. Default:
_titlebar color_.
*button-width*
Width, in pixels (subject to output scaling), of the
minimize/maximize/close buttons. Default: _26_.