Skip to main content ↑ ↓
Topic solved
This topic has been marked as solved and requires no further attention.
Topic: How can I remove the black bar above Firefox window when title bar is disabled (Read 1183 times) previous topic - next topic
0 Members and 2 Guests are viewing this topic.

How can I remove the black bar above Firefox window when title bar is disabled

On Artix OpenRC Cinnamon, after disabling Firefox's title bar in settings, it goes from this:


To this:


Note Firefox is maximised in both examples. I haven't had this issue with other distros running Cinnamon.

Is there a way to remove the black bar? It seems to be fixed if I change the window border theme (to Adapta-Nokto), though strangely the window border still appears as the default Artix-dark theme (but without the black bar).

Any help would be appreciated because I am very new to Artix.

Re: How can I remove the black bar above Firefox window when title bar is disabled

Reply #1 –
You could see if turning off compositing in the settings helps, if not, "try the Cinnamon (Software Rendering) session, which disables 3D acceleration."
https://wiki.archlinux.org/title/cinnamon
Might not be a "graphics artifact" though, there are things like CSS involved with Firefox, GTK and desktops which could affect this.
I don't see that effect myself in Mate when I tried it, the title bar vanished as expected.

Re: How can I remove the black bar above Firefox window when title bar is disabled

Reply #2 –
Hello,

I have the exact same problem  :'(
I copied over the Artix theme to my Gentoo installation with Cinnamon, and the same thing happens there, too.
Switching the theme (Window borders in the system settings) to something else makes the black bar disappear, I want to use the Artix theme tho.
The same happens with gmrun, the theme gives it a titlebar and I'm able to drag it around (which should not be possible normally).

When I use this:
Code: [Select]
xprop -format _MOTIF_WM_HINTS 32c -set _MOTIF_WM_HINTS 2
and click on FF or gmrun, the black bar and the borders disappear.

Any idea how to solve this properly?

Re: How can I remove the black bar above Firefox window when title bar is disabled

Reply #3 –
Quote from: buriedrhyme – on
On Artix OpenRC Cinnamon, after disabling Firefox's title bar in settings, it goes from this:


To this:


Note Firefox is maximised in both examples. I haven't had this issue with other distros running Cinnamon.

Is there a way to remove the black bar? It seems to be fixed if I change the window border theme (to Adapta-Nokto), though strangely the window border still appears as the default Artix-dark theme (but without the black bar).
Is this a new Artix installation? If so, it's probably a bug on our side. I'm sure our Cinnamon guy (@Chris Cromer) will have a look at it.

Re: How can I remove the black bar above Firefox window when title bar is disabled

Reply #4 –
I fixed it, you have to edit the xml files in /usr/share/themes/Artix-dark/metacity-1/
(do a backup first)

in metacity-theme-1.xml and metacity-theme-2.xml (they are identical), I changed
this:
Code: [Select]
<frame_geometry name="borderless" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal" >
	<distance name="left_width" value="0" />
	<distance name="right_width" value="0" />
	<distance name="bottom_height" value="0" />
	<distance name="title_vertical_pad" value="0" />
	<border name="title_border" left="0" right="0" top="0" bottom="0" />
	<border name="button_border" left="3" right="3" top="0" bottom="0"/>
</frame_geometry>
to this:
Code: [Select]
<frame_geometry name="borderless" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal" >
	<distance name="left_width" value="0" />
	<distance name="right_width" value="0" />
	<distance name="bottom_height" value="0" />
	<distance name="left_titlebar_edge" value="0"/>
	<distance name="right_titlebar_edge" value="0"/>
	<distance name="button_width" value="0"/>
	<distance name="button_height" value="0"/>
	<distance name="title_vertical_pad" value="0" />
	<border name="title_border" left="0" right="0" top="0" bottom="0" />
	<border name="button_border" left="0" right="0" top="0" bottom="0"/>
</frame_geometry>

and in metacity-theme-3.xml I changed this:
Code: [Select]
<frame_geometry name="border" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal" >
	<distance name="left_width" value="1" />
	<distance name="right_width" value="1" />
	<distance name="bottom_height" value="1" />
	<border name="title_border" left="10" right="10" top="0" bottom="0" />
	<border name="button_border" left="3" right="3" top="0" bottom="0"/>
	<distance name="title_vertical_pad" value="1" />
</frame_geometry>

<frame_geometry name="borderless" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal" >
	<distance name="left_width" value="0" />
	<distance name="right_width" value="0" />
	<distance name="bottom_height" value="0" />
	<distance name="title_vertical_pad" value="0" />
	<border name="title_border" left="10" right="10" top="0" bottom="0" />
	<border name="button_border" left="3" right="3" top="0" bottom="0"/>
</frame_geometry>

to this:
Code: [Select]
<frame_geometry name="border" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal" >
	<distance name="left_width" value="1" />
	<distance name="right_width" value="1" />
	<distance name="bottom_height" value="1" />
	<distance name="left_titlebar_edge" value="0"/>
	<distance name="right_titlebar_edge" value="0"/>
	<distance name="button_width" value="1"/>
	<distance name="button_height" value="1"/>
	<distance name="title_vertical_pad" value="1" />
	<border name="title_border" left="0" right="0" top="0" bottom="0" />
	<border name="button_border" left="0" right="0" top="0" bottom="0"/>
</frame_geometry>

<frame_geometry name="borderless" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal" >
	<distance name="left_width" value="0" />
	<distance name="right_width" value="0" />
	<distance name="bottom_height" value="0" />
	<distance name="left_titlebar_edge" value="0"/>
	<distance name="right_titlebar_edge" value="0"/>
	<distance name="button_width" value="0"/>
	<distance name="button_height" value="0"/>
	<distance name="title_vertical_pad" value="0" />
	<border name="title_border" left="0" right="0" top="0" bottom="0" />
	<border name="button_border" left="0" right="0" top="0" bottom="0"/>
</frame_geometry>

Can you test it?
Why are the registrations here (https://gitea.artixlinux.org/nous/artix-dark-theme/src/branch/master/usr/share) disabled?

Re: How can I remove the black bar above Firefox window when title bar is disabled

Reply #5 –
Quote from: nous – on
Is this a new Artix installation? If so, it's probably a bug on our side. I'm sure our Cinnamon guy (@Chris Cromer) will have a look at it.
Yes, I installed via the official iso just a few days ago.

Quote from: gorgonzola – on
I fixed it, you have to edit the xml files in /usr/share/themes/Artix-dark/metacity-1/
(do a backup first)

in metacity-theme-1.xml and metacity-theme-2.xml (they are identical), I changed
this:
Code: [Select]
<frame_geometry name="borderless" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal" >
	<distance name="left_width" value="0" />
	<distance name="right_width" value="0" />
	<distance name="bottom_height" value="0" />
	<distance name="title_vertical_pad" value="0" />
	<border name="title_border" left="0" right="0" top="0" bottom="0" />
	<border name="button_border" left="3" right="3" top="0" bottom="0"/>
</frame_geometry>
to this:
Code: [Select]
<frame_geometry name="borderless" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal" >
	<distance name="left_width" value="0" />
	<distance name="right_width" value="0" />
	<distance name="bottom_height" value="0" />
	<distance name="left_titlebar_edge" value="0"/>
	<distance name="right_titlebar_edge" value="0"/>
	<distance name="button_width" value="0"/>
	<distance name="button_height" value="0"/>
	<distance name="title_vertical_pad" value="0" />
	<border name="title_border" left="0" right="0" top="0" bottom="0" />
	<border name="button_border" left="0" right="0" top="0" bottom="0"/>
</frame_geometry>

and in metacity-theme-3.xml I changed this:
Code: [Select]
<frame_geometry name="border" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal" >
	<distance name="left_width" value="1" />
	<distance name="right_width" value="1" />
	<distance name="bottom_height" value="1" />
	<border name="title_border" left="10" right="10" top="0" bottom="0" />
	<border name="button_border" left="3" right="3" top="0" bottom="0"/>
	<distance name="title_vertical_pad" value="1" />
</frame_geometry>

<frame_geometry name="borderless" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal" >
	<distance name="left_width" value="0" />
	<distance name="right_width" value="0" />
	<distance name="bottom_height" value="0" />
	<distance name="title_vertical_pad" value="0" />
	<border name="title_border" left="10" right="10" top="0" bottom="0" />
	<border name="button_border" left="3" right="3" top="0" bottom="0"/>
</frame_geometry>

to this:
Code: [Select]
<frame_geometry name="border" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal" >
	<distance name="left_width" value="1" />
	<distance name="right_width" value="1" />
	<distance name="bottom_height" value="1" />
	<distance name="left_titlebar_edge" value="0"/>
	<distance name="right_titlebar_edge" value="0"/>
	<distance name="button_width" value="1"/>
	<distance name="button_height" value="1"/>
	<distance name="title_vertical_pad" value="1" />
	<border name="title_border" left="0" right="0" top="0" bottom="0" />
	<border name="button_border" left="0" right="0" top="0" bottom="0"/>
</frame_geometry>

<frame_geometry name="borderless" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal" >
	<distance name="left_width" value="0" />
	<distance name="right_width" value="0" />
	<distance name="bottom_height" value="0" />
	<distance name="left_titlebar_edge" value="0"/>
	<distance name="right_titlebar_edge" value="0"/>
	<distance name="button_width" value="0"/>
	<distance name="button_height" value="0"/>
	<distance name="title_vertical_pad" value="0" />
	<border name="title_border" left="0" right="0" top="0" bottom="0" />
	<border name="button_border" left="0" right="0" top="0" bottom="0"/>
</frame_geometry>

Can you test it?
Why are the registrations here (https://gitea.artixlinux.org/nous/artix-dark-theme/src/branch/master/usr/share) disabled?

Thanks, this worked perfectly!

Should I mark this as solved or wait for follow up from the Cinnamon guy?

Re: How can I remove the black bar above Firefox window when title bar is disabled

Reply #6 –
I tested and it appears that modifying metacity-theme-3.xml is enough. Can either of @buriedrhyme or @gorgonzola confirm before we commit the changes? I'd like to keep modifications to a minimum because cinnamon isn't the only DE that reads those configuration files.

Quote from: gorgonzola – on
Why are the registrations here (https://gitea.artixlinux.org/nous/artix-dark-theme/src/branch/master/usr/share) disabled?
Only devs and packagers get gitea accounts, sorry :(

Re: How can I remove the black bar above Firefox window when title bar is disabled

Reply #7 –
It works on my Gentoo and my Artix install with just metacity-theme-3.xml.
I copied that portion from the CBlack theme and played around with the values little by little until it worked.
Ultimately I don't know if what I did is correct (I don't know anything about theme-ing), I hope it doesn't create new problems with other applications.

Chromium doesn't have that "black bar" problem and still behaves the same with the modification, BUT I noticed inconsistent behavior with and without the mod when you snap/tile windows to the left or right. On some applications the shadow disappears when the are tiled on some they stay.
So something seemingly unrelated to the "black bar" problem still is off with either the theme or cinnamon.

Re: How can I remove the black bar above Firefox window when title bar is disabled

Reply #8 –
It seems Cinnamon+firefox specific and there are similar reports of the "black bar" problem, as a quick search reveals. Unfortunately, firefox crashes if you try to launch it under GTK inspector. MATE, XFCE and LXDE render fine.

Re: How can I remove the black bar above Firefox window when title bar is disabled

Reply #9 –
Firefox 96.0 overrides the title bar style so the workaround isn't required anymore.