procyberian/gimp
2
0
Fork 0
mirror of https://gitlab.gnome.org/GNOME/gimp.git synced 2025-07-04 01:43:24 +00:00
Code Issues 1 Projects 1 Releases Packages Wiki Activity Actions

themes: Improve separation between panels in dark theme

Browse source 
In collaboration with Denis Rangelov, the separator between
panes has been updated to use the same colors and thinner border
in all three theme variants.
Note that the border is created with box-shadow CSS, and is only
shown on one side of the horizontal separators to suggest that
it is a continuation of the bottom section.
This commit is contained in:
Alx Sa 2025-03-21 17:56:43 +00:00
parent b1d1699f14
commit 61d38cf9c1
2 changed files with 15 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

2
themes/Default/common-dark.css
View file

@ -20,12 +20,10 @@ iconview:hover {
*/ */
paned.horizontal > separator { paned.horizontal > separator {
background-image: url("ui/separator-handle-v-dark.svg"); background-image: url("ui/separator-handle-v-dark.svg");
background-color: @bg-color;
} }
paned.vertical > separator { paned.vertical > separator {
background-image: url("ui/separator-handle-h-dark.svg"); background-image: url("ui/separator-handle-h-dark.svg");
background-color: @bg-color;
} }
/* Top highlight for buttons */ /* Top highlight for buttons */

18
themes/Default/common.css
View file

@ -382,13 +382,25 @@ entry selection {
} }
paned separator { paned separator {
color: @border-color;
background-image: none; background-image: none;
background-color: @border-color; background-color: @widget-bg-color;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: auto; background-size: auto;
padding: 3px; color: @border-color;
}
paned.horizontal > separator
{
padding-left: 1px;
padding-right: 1px;
box-shadow: 0px 0px 0px 1px @strong-border-color;
}
paned.vertical > separator {
padding-top: 1px;
padding-bottom: 1px;
box-shadow: 0px -1px 0px -0px @strong-border-color;
} }
paned menu separator { paned menu separator {