Basilisk • Simple way of adding window controls to the tabbar on Linux

Before:

(Source.)

After:

(This image is "GIMPed" xD, but you can achieve the same, only the corners I don't know if will be rounded.)

Vide:

Issue #170 (Basilisk) Firefox bug #1283299

This is called client-side decoration (CSD), and people on Linux got used to it. Personally, I hate it, and it was the reason I moved away from XFCE back in the day (and from GTK3 wherever I can after I got tired of compiling gtk3-classic every time).

Extensions (Classic Add-ons Archive)

• HTitle,
• Hide Caption Titlebar Plus.

or...

The simple way

1. Add this CSS style to Stylem or to your profile's chrome dir:

CODE:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);@-moz-document url(chrome://browser/content/browser.xul) { #window-controls { display: -moz-box; -moz-appearance: -moz-window-button-box; } #minimize-button { -moz-appearance: -moz-window-button-minimize; list-style-image: url("file:/usr/share/themes/Raleigh/wm-assets/button-minimize.png"); } #minimize-button:active { list-style-image: url("file:/usr/share/themes/Raleigh/wm-assets/button-minimize-pressed.png"); } #restore-button { -moz-appearance: -moz-window-button-restore; list-style-image: url("file:/usr/share/themes/Raleigh/wm-assets/button-restore.png"); } #restore-button:active { list-style-image: url("file:/usr/share/themes/Raleigh/wm-assets/button-restore-pressed.png"); } #close-button { -moz-appearance: -moz-window-button-close; list-style-image: url("file:/usr/share/themes/Raleigh/wm-assets/button-close.png"); } #close-button:active { list-style-image: url("file:/usr/share/themes/Raleigh/wm-assets/button-close-pressed.png"); } #tabbrowser-tabs { background: #49667f; } /*#TabsToolbar { -moz-appearance: none !important; background: #49667f; }*/}

On my machine (Linux, GTK2), the above turns out like this:

Notes:

• The first time you open Basilisk, you'll have to hit F11 twice (couldn't figure out how to fix this).
• The text that follows -moz-appearance, i. e, -moz-window-button-box, etc., can be replaced with none.
• Change image urls after list-style-image to those of the theme you're currently using (look into /usr/share/themes/[your_theme]/wm-assests/, or [...]/[your_theme]/metacity-1/). If they are .xpm files, you'll have to convert to .png or whatever.
• Change the tabbar's background color to match the titlebar color of your window manager (mine is #49667f). If it's a gradient, you can use linear-gradient(), etc.
• If you want the tabbar's background color to fill the whole tabbar, uncomment the last portion of the code (remove the /* and */).

2. Disable the titlebar for Basilisk. You'll have to figure out how to do this for the window manager you're using (usually, it's very simple).