CSS Border on Welcome Dialog

[Jon]

I want to change the color of the border of the Welcome Dialog Window in gimp.css
I have managed to change the other borders OK.
Can somebody please tell me the name of the selector or whatever controls the look of this border.

[CmykStudent_]

The CSS class for the Welcome Dialogue is "gimp-welcome-dialog" if that helps.

[Jon]

Hi
Thanks for your reply.
I searched for gimp-welcome-dialog in the css files that are installed in the download of gimp 3.2.4 and some others that can be downloaded as plugins, but could not find it.
so I tried
gimp-welcome-dialog {background-color: red; border: 1px solid white;}
as the last line in the gimp.css file. Result no change from the original colors.

Can you please point me to a css file with gimp-welcome-dialog in it, or to any documentation. Also if you have any sugestions or comments.

[CmykStudent_]

(07-13-2026, 03:21 AM)Jon Wrote: Hi
Thanks for your reply.
I searched for gimp-welcome-dialog in the css files that are installed in the download of gimp 3.2.4 and some others that  can be downloaded as plugins, but could not find it.
so I tried
gimp-welcome-dialog {background-color: red; border: 1px solid white;}
as the last line in the gimp.css file. Result no change from the original colors.

Can you please point me to a css file with gimp-welcome-dialog in it, or to any documentation. Also if you have any sugestions or comments.

Well, it's a class so you'll need to indicate it as such (with a period in front of the class name). Try

.gimp-welcome-dialog * {background-color: red; border: 1px solid white;}

[Jon]

Thanks again.
I had spotted the class in you original post and
Tried:
.gimp-welcome-dialog {background-color: red; border: 1px solid white;}
with no result.
Adding the * made all the difference producing the outer border around the Welcome Dialog. It also included a border around almost every element within the dialog that are not required.

Can
.gimp-welcome-dialog *
be modified just to effect the dialogs outer border.
Do you know any documentation that lists all the css gimp selector names.

[MrsP-from-C]

In my GtkInspector this one works:

Code:

.gimp-welcome-dialog .vertical {background: transparent; border:1px solid yellow;}
.dialog-vbox .vertical  {background: transparent; border: none;} 

You'll need both definitions, because the first one grabs too much.
If gimp.css does not work, try to put it at  ... /themes/Default/common.css

[Jon]

Many thanks MrsP
Your code placed the border around the dialog window and the menu bar, but strangely left out the top Title Line.
Your post also made me have a look at the Gtkinspector.
I found the label Welcome to GIMP 3.2.4 under GtkDialog, vbox and vertical dialog-vbox
This gave me hope that I may find a border solution for the Title line. The only thing I found was it may be connected to gimp-canvas.

I would be very grateful if you could further help me in this final bit of the title line border.

[MrsP-from-C]

I'ld love to help you with that, but can't find what it is.
Also clicking around GtkInspector this title/ header or whatever it is does not highlight.
So I assume it's more part of the system's styling than GIMP's.

Anyone who knows better, please correct me.

[Jon]

Many thanks MrsP for your great help.
Jon