Last active
October 11, 2018 15:08
-
-
Save Liamb135/07cddf943af0bdf22432f74969ee2cf4 to your computer and use it in GitHub Desktop.
MONOCHROMATIC CSS Skin for Firefox 57+
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); | |
/* | |
MONOCHROMATIC | |
- First attempt at Firefox CSS | |
- By Liamb135 | |
- With help from /r/FirefoxCSS | |
- Works with Default, White and Dark Default Firefox 57 Themes. | |
- Compact Density. | |
*/ | |
/* --------------------------------------- | |
IMPORTANT | |
Short URL by hensm: https://goo.gl/eGwYEL | |
Place bindings.xml in the same folder as userChrome.css | |
Scrollbar by mrkwatz: https://goo.gl/FPv1qR | |
- Follow Installation instructions | |
*/------------------------------------------ | |
#urlbar { | |
-moz-binding: url("bindings.xml#urlbar") !important; | |
} | |
#urlbar .urlbar-input-box { /* Centre URL Text */ | |
text-align: center; | |
} | |
#TabsToolbar,#nav-bar { | |
height: 33px !important; | |
margin-bottom: -1px; | |
} | |
#TabsToolbar { | |
margin-left:27.75vw !important; | |
margin-right:44px; | |
} | |
#nav-bar { | |
margin-top:-31px !important; | |
margin-right: 69.9vw!important; | |
} | |
#PanelUI-button, | |
#customization-panel-container, | |
#customization-panelWrapper .panel-arrow { /* Move Hamburger to left */ | |
-moz-box-ordinal-group: 0 !important; | |
margin-right: -6px !important; | |
margin-top: 1px !important; | |
} | |
#PlacesToolbar { | |
margin-top: 2px; | |
margin-bottom: -2px; | |
} | |
#page-action-buttons { | |
display: none !important; | |
} | |
#urlbar, | |
.searchbar-textbox { | |
box-shadow: none !important; | |
} | |
#urlbar:hover, | |
.searchbar-textbox:hover { | |
box-shadow: none !important; | |
} | |
#urlbar { | |
background-color: transparent !important; /* Transparent URL Bar */ | |
} | |
/* Centre Bookmarks */ | |
.bookmarks-toolbar-items>.scrollbox-innerbox { | |
-moz-box-pack: center!important; | |
} | |
#personal-bookmarks, #PlacesToolbarItems { | |
-moz-box-pack: center!important; | |
} | |
.bookmark-item > .toolbarbutton-text { | |
margin-top: -1px !important; | |
} | |
.bookmark-item .toolbarbutton-icon { | |
display: none !important; | |
} | |
#PlacesToolbar .bookmark-item:hover { /* Hide Mouse-over Effect */ | |
background: transparent !important; | |
filter:invert(50%) | |
} | |
/* Grayscale */ | |
.tab-line[selected="true"] { | |
filter:grayscale(100%) | |
} | |
toolbarbutton.webextension-browser-action { | |
filter:grayscale(100%) | |
} | |
tab .tab-icon, .tab-icon-image { | |
filter:grayscale(100%) | |
} | |
#identity-box { | |
filter:grayscale(100%) | |
} | |
#page-action-buttons { | |
filter:grayscale(100%) | |
} | |
#PopupAutoCompleteRichResult { | |
filter:grayscale(100%) | |
} | |
#contentAreaContextMenu { | |
filter:grayscale(100%) | |
} | |
#PlacesToolbarItems menupopup[placespopup="true"], #placesContext { | |
filter:grayscale(100%) | |
} | |
#PlacesChevronPopup, menupopup[placespopup="true"] { | |
Filter:grayscale(100%) | |
} | |
/* Title Changed Notification */ | |
.tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged] { | |
filter:grayscale(100%) | |
background-position: center bottom !important; | |
background-size: 4px !important; | |
} | |
/* Scrollbar */ | |
toolbarbutton#alltabs-button { | |
-moz-binding: url("userChrome.xml#js"); | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
well done....well done!