Adding border to terminal, nautilus, etc...

[Calab]

I'm really liking AnduinOS and I haven't had to log into Windows in days! There is one thing I don't like. There are windows, like terminal, nautilus, etc. that do not have any border on them. I've tried editing the gtk.css file at .config/gtk-3.0 but it doesn't affect those windows. I have been able to get a border on Firefox using the decoration selector in the gtk.css file. Is there any way to get border on these other windows?

My gtk.css file:

headerbar {
    background-color: #804000;
}

headerbar:backdrop {
    background-color: #402000;
}

decoration {
    border: 3px solid #C06000;
    background: #C06000;
}

[samwhelp]

The application you mentioned uses GTK4.

Therefore, the CSS settings should be placed in the file ~/.config/gtk-4.0/gtk.css.

Window border css

Additionally, I searched Google using the keywords: gtk4 border css window, and the AI provided the following CSS snippet for your reference.

/* Apply standard borders to all client-side decorated GTK 4 windows */
window.csd {
    border: 2px solid #6272a4;
    border-radius: 12px;
}

/* Ensure solid window variations (without invisible margins) receive the same border */
window.solid-csd {
    padding: 0px;
    border: 2px solid #6272a4;
    border-radius: 12px;
}

/* Remove or adapt borders when the window is maximized to prevent display artifacts */
window.maximized {
    border: none;
    border-radius: 0px;
}

I also found the following reference URLs.

• https://discourse.gnome.org/t/gtk-4-css-customisation-help-needed/31463
• [FEATURE] Customizing GTK Window Borders with CSS for Enhanced Window Decorations dracula/gtk#296
• https://docs.gtk.org/gtk4/css-properties.html

Another thing that comes to mind is GTK themes that have borders.

• Graphite-gtk-theme

Demo

I have just created a sample based on the CSS above and uploaded it to GitHub for your reference.

• demo-custom-gtk4-window-border-css

[Calab]

That is what I thought, but whenever I put a gtk.css file in ~/.config/gtk-4.0 the file disappears when I log off and back in. All that I see is the settings.ini file.

[samwhelp]

Sorry, I was just about to add this important note:

Remember to disable the GNOME Shell Extension: accent-gtk-theme@brgvos first,

because I discovered that it deletes ~/.config/gtk-4.0/gtk.css.

The command to disable it is as follows:

gnome-extensions disable accent-gtk-theme@brgvos

Related discussions

• #361 - Icon theme resets after restart
• #291 - Select gtk theme

[Calab]

Disabling the extender did the trick. Thank you very much!

Now, if I could get MS Teams working in a VirtualBox Windows VM I'd be all set... but that question is for a different forum.

Thanks again!

[Anduin2017]

Thank you @samwhelp !!