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
|
||||
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
|
||||
|
||||
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
|
||||
enable CSD in about:config), but you will be able to do it in Firefox 59, when
|
||||
Firefox adds client-side decoration support. For now you can use a GNOME
|
||||
extension like
|
||||
enable CSD), but you will be able to do it in Firefox 59, when Firefox adds
|
||||
client-side decoration support. For now you can use a GNOME extension like
|
||||
[No Title Bar](https://extensions.gnome.org/extension/1267/no-title-bar/)
|
||||
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");
|
||||
|
||||
#nav-bar toolbarbutton.chromeclass-toolbar-additional,
|
||||
|
|
@ -8,3 +7,94 @@
|
|||
#PanelUI-menu-button {
|
||||
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)
|
||||
* 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) */
|
||||
/*@import "ui/csd.css"; /**/
|
||||
/* Enable CSD for Firefox 57 (Fedora only) */
|
||||
/*@import "ui/fedora-csd.css"; /**/
|
||||
|
||||
/* Window controls: just 1 button */
|
||||
/*@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.
|
||||
* To enable a specific feature, uncomment its @import line by removing "/*" at
|
||||
* the beginning of the line. To disable it, put the "/*" back.
|
||||
|
|
|
|||
Loading…
Reference in New Issue