abandon FF 57
This commit is contained in:
Sai Kurogetsu
parent
b36254ed1b
commit
26b5236b14
13
README.md
13
README.md
|
|
@ -8,6 +8,14 @@ This is a bunch of CSS code to make Firefox 57+ look closer to GNOME's default
|
||||||
theme. It styles the UI and internal Firefox' pages like about: and
|
theme. It styles the UI and internal Firefox' pages like about: and
|
||||||
view-source:. Both light and dark variants are supported.
|
view-source:. Both light and dark variants are supported.
|
||||||
|
|
||||||
|
The `master` branch is currently tracking **Firefox 58**. If you need support
|
||||||
|
for older versions, they are archived under version-specific git tags. Eg. if
|
||||||
|
you're using Firefox 57, switch to the `57` tag after cloning the repo:
|
||||||
|
|
||||||
|
```sh
|
||||||
|
git checkout 57
|
||||||
|
```
|
||||||
|
|
||||||
## Installation
|
## Installation
|
||||||
|
|
||||||
Extensions can no longer style UI elements, but we can still use good old
|
Extensions can no longer style UI elements, but we can still use good old
|
||||||
|
|
@ -87,9 +95,8 @@ user_pref("browser.display.foreground_color", "#ccc");
|
||||||
```
|
```
|
||||||
|
|
||||||
You can't get rid of the title bar for now (except for Fedora, where you can
|
You can't get rid of the title bar for now (except for Fedora, where you can
|
||||||
enable CSD in about:config), but you will be able to do it in Firefox 59, when
|
enable CSD), but you will be able to do it in Firefox 59, when Firefox adds
|
||||||
Firefox adds client-side decoration support. For now you can use a GNOME
|
client-side decoration support. For now you can use a GNOME extension like
|
||||||
extension like
|
|
||||||
[No Title Bar](https://extensions.gnome.org/extension/1267/no-title-bar/)
|
[No Title Bar](https://extensions.gnome.org/extension/1267/no-title-bar/)
|
||||||
to hide it.
|
to hide it.
|
||||||
|
|
||||||
|
|
|
||||||
92
ui/csd.css
92
ui/csd.css
|
|
@ -1,4 +1,3 @@
|
||||||
@import "fedora-csd.css";
|
|
||||||
@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
|
@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
|
||||||
|
|
||||||
#nav-bar toolbarbutton.chromeclass-toolbar-additional,
|
#nav-bar toolbarbutton.chromeclass-toolbar-additional,
|
||||||
|
|
@ -8,3 +7,94 @@
|
||||||
#PanelUI-menu-button {
|
#PanelUI-menu-button {
|
||||||
margin: 6px 3px !important;
|
margin: 6px 3px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#nav-bar {
|
||||||
|
margin-top: -4px !important;
|
||||||
|
padding-right: 7px !important;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Add window controls separator */
|
||||||
|
#nav-bar::after {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
right: 3px;
|
||||||
|
top: 6px;
|
||||||
|
height: 32px;
|
||||||
|
border-right: 1px solid rgba(0, 0, 0, .1);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Move window buttons next to the header bar */
|
||||||
|
#titlebar-buttonbox {
|
||||||
|
background-image: var(--gnome-headerbar-bgimage) !important;
|
||||||
|
border: none !important;
|
||||||
|
border-bottom: var(--gnome-headerbar-border-bottom) !important;
|
||||||
|
box-shadow: var(--gnome-headerbar-box-shadow);
|
||||||
|
margin-right: -4px;
|
||||||
|
margin-top: -4px !important;
|
||||||
|
padding-right: 3px;
|
||||||
|
}
|
||||||
|
#titlebar-buttonbox:-moz-window-inactive {
|
||||||
|
background-image: var(--gnome-inactive-headerbar-bgimage) !important;
|
||||||
|
border-bottom: var(--gnome-inactive-headerbar-border-bottom) !important;
|
||||||
|
box-shadow: var(--gnome-inactive-headerbar-box-shadow);
|
||||||
|
}
|
||||||
|
#navigator-toolbox {
|
||||||
|
margin-top: -5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Window buttons */
|
||||||
|
#titlebar toolbarbutton {
|
||||||
|
-moz-appearance: none !important;
|
||||||
|
border: var(--gnome-headerbar-button-border) !important;
|
||||||
|
border-color: transparent !important;
|
||||||
|
border-radius: 3px !important;
|
||||||
|
height: 34px;
|
||||||
|
margin: 6px 3px !important;
|
||||||
|
padding: 0 2px !important;
|
||||||
|
position: relative;
|
||||||
|
transition: all .3s ease-out;
|
||||||
|
width: 34px;
|
||||||
|
}
|
||||||
|
#titlebar toolbarbutton image {
|
||||||
|
filter: invert(85%);
|
||||||
|
margin-left: 6px;
|
||||||
|
}
|
||||||
|
#titlebar:-moz-window-inactive toolbarbutton image {
|
||||||
|
opacity: .7 !important;
|
||||||
|
}
|
||||||
|
#titlebar:not(:-moz-window-inactive) toolbarbutton:not([disabled]):hover {
|
||||||
|
background-image: var(--gnome-headerbar-button-hover-bgimage);
|
||||||
|
border: var(--gnome-headerbar-button-border) !important;
|
||||||
|
}
|
||||||
|
#titlebar:not(:-moz-window-inactive) toolbarbutton:not([disabled]):active {
|
||||||
|
background-image: var(--gnome-headerbar-button-active-bgimage);
|
||||||
|
box-shadow: var(--gnome-headerbar-button-active-box-shadow);
|
||||||
|
border: var(--gnome-headerbar-button-border) !important;
|
||||||
|
}
|
||||||
|
#titlebar:not(:-moz-window-inactive) toolbarbutton[disabled] {
|
||||||
|
background-color: var(--gnome-headerbar-button-disabled-bgcolor);
|
||||||
|
box-shadow: var(--gnome-headerbar-button-disabled-box-shadow);
|
||||||
|
border: var(--gnome-headerbar-button-border) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Remove ugly line before tabs */
|
||||||
|
.titlebar-placeholder[type="pre-tabs"] {
|
||||||
|
border-inline-end: 0px solid !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Remove blank space after tabs when window is maximized */
|
||||||
|
#main-window:not([sizemode="normal"]) .titlebar-placeholder[type="post-tabs"] {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Remove window controls blank space after tabs */
|
||||||
|
.titlebar-placeholder[type="caption-buttons"] {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Remove blank space before and after tabs */
|
||||||
|
.titlebar-placeholder[type="pre-tabs"],
|
||||||
|
.titlebar-placeholder[type="post-tabs"] {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,92 +0,0 @@
|
||||||
@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
|
|
||||||
|
|
||||||
#nav-bar {
|
|
||||||
margin-top: -4px !important;
|
|
||||||
padding-right: 7px !important;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Add window controls separator */
|
|
||||||
#nav-bar::after {
|
|
||||||
content: "";
|
|
||||||
position: absolute;
|
|
||||||
right: 3px;
|
|
||||||
top: 6px;
|
|
||||||
height: 32px;
|
|
||||||
border-right: 1px solid rgba(0, 0, 0, .1);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Move window buttons next to the header bar */
|
|
||||||
#titlebar-buttonbox {
|
|
||||||
background-image: var(--gnome-headerbar-bgimage) !important;
|
|
||||||
border: none !important;
|
|
||||||
border-bottom: var(--gnome-headerbar-border-bottom) !important;
|
|
||||||
box-shadow: var(--gnome-headerbar-box-shadow);
|
|
||||||
margin-right: -4px;
|
|
||||||
margin-top: -4px !important;
|
|
||||||
padding-right: 3px;
|
|
||||||
}
|
|
||||||
#titlebar-buttonbox:-moz-window-inactive {
|
|
||||||
background-image: var(--gnome-inactive-headerbar-bgimage) !important;
|
|
||||||
border-bottom: var(--gnome-inactive-headerbar-border-bottom) !important;
|
|
||||||
box-shadow: var(--gnome-inactive-headerbar-box-shadow);
|
|
||||||
}
|
|
||||||
#navigator-toolbox {
|
|
||||||
margin-top: -5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Window buttons */
|
|
||||||
#titlebar toolbarbutton {
|
|
||||||
-moz-appearance: none !important;
|
|
||||||
border: var(--gnome-headerbar-button-border) !important;
|
|
||||||
border-color: transparent !important;
|
|
||||||
border-radius: 3px !important;
|
|
||||||
height: 34px;
|
|
||||||
margin: 6px 3px !important;
|
|
||||||
padding: 0 2px !important;
|
|
||||||
position: relative;
|
|
||||||
transition: all .3s ease-out;
|
|
||||||
width: 34px;
|
|
||||||
}
|
|
||||||
#titlebar toolbarbutton image {
|
|
||||||
filter: invert(85%);
|
|
||||||
margin-left: 6px;
|
|
||||||
}
|
|
||||||
#titlebar:-moz-window-inactive toolbarbutton image {
|
|
||||||
opacity: .7 !important;
|
|
||||||
}
|
|
||||||
#titlebar:not(:-moz-window-inactive) toolbarbutton:not([disabled]):hover {
|
|
||||||
background-image: var(--gnome-headerbar-button-hover-bgimage);
|
|
||||||
border: var(--gnome-headerbar-button-border) !important;
|
|
||||||
}
|
|
||||||
#titlebar:not(:-moz-window-inactive) toolbarbutton:not([disabled]):active {
|
|
||||||
background-image: var(--gnome-headerbar-button-active-bgimage);
|
|
||||||
box-shadow: var(--gnome-headerbar-button-active-box-shadow);
|
|
||||||
border: var(--gnome-headerbar-button-border) !important;
|
|
||||||
}
|
|
||||||
#titlebar:not(:-moz-window-inactive) toolbarbutton[disabled] {
|
|
||||||
background-color: var(--gnome-headerbar-button-disabled-bgcolor);
|
|
||||||
box-shadow: var(--gnome-headerbar-button-disabled-box-shadow);
|
|
||||||
border: var(--gnome-headerbar-button-border) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Remove ugly line before tabs */
|
|
||||||
.titlebar-placeholder[type="pre-tabs"] {
|
|
||||||
border-inline-end: 0px solid !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Remove blank space after tabs when window is maximized */
|
|
||||||
#main-window:not([sizemode="normal"]) .titlebar-placeholder[type="post-tabs"] {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Remove window controls blank space after tabs */
|
|
||||||
.titlebar-placeholder[type="caption-buttons"] {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Remove blank space before and after tabs */
|
|
||||||
.titlebar-placeholder[type="pre-tabs"],
|
|
||||||
.titlebar-placeholder[type="post-tabs"] {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
|
|
@ -29,17 +29,10 @@
|
||||||
|
|
||||||
/*******************************************************************************
|
/*******************************************************************************
|
||||||
/* Client-side decorations (optional)
|
/* Client-side decorations (optional)
|
||||||
* This feature is currently only available in Firefox 59 (beta) for all distros
|
|
||||||
* and Firefox 57 / 58 on Fedora, which includes a CSD patch. You can enable
|
|
||||||
* Firefox' CSD support in the app menu → Customize... → uncheck "Title Bar" at
|
|
||||||
* the bottom of the window. Fedora's version for Firefox 57 also requires
|
|
||||||
* enabling a key in about:config — widget.allow-client-side-decoration.
|
|
||||||
*/
|
*/
|
||||||
|
|
||||||
/* Enable CSD for Firefox 58 (Fedora only) and 59 (all distros) */
|
/* Enable CSD for Firefox 58 (Fedora only) and 59 (all distros) */
|
||||||
/*@import "ui/csd.css"; /**/
|
/*@import "ui/csd.css"; /**/
|
||||||
/* Enable CSD for Firefox 57 (Fedora only) */
|
|
||||||
/*@import "ui/fedora-csd.css"; /**/
|
|
||||||
|
|
||||||
/* Window controls: just 1 button */
|
/* Window controls: just 1 button */
|
||||||
/*@import "ui/csd-1-button.css"; /**/
|
/*@import "ui/csd-1-button.css"; /**/
|
||||||
|
|
|
||||||
|
|
@ -1,16 +1,4 @@
|
||||||
/*
|
/*
|
||||||
*******************************************************************************
|
|
||||||
* WARNING: If you are using this file with Firefox 57, there is a bug that
|
|
||||||
* breaks it. You must disable those two options in about:config if you want to
|
|
||||||
* use it:
|
|
||||||
* - browser.tabs.remote.autostart
|
|
||||||
* - browser.tabs.remote.autostart.2
|
|
||||||
* If you are using Firefox 58 or higher, you don't need to disable anything.
|
|
||||||
* More information:
|
|
||||||
* https://bugzilla.mozilla.org/show_bug.cgi?id=1416184
|
|
||||||
* https://github.com/kurogetsusai/firefox-gnome-theme/issues/14
|
|
||||||
*******************************************************************************
|
|
||||||
*
|
|
||||||
* In this file you can enable styles which apply to web pages' content.
|
* In this file you can enable styles which apply to web pages' content.
|
||||||
* To enable a specific feature, uncomment its @import line by removing "/*" at
|
* To enable a specific feature, uncomment its @import line by removing "/*" at
|
||||||
* the beginning of the line. To disable it, put the "/*" back.
|
* the beginning of the line. To disable it, put the "/*" back.
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue