Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
- /* custom colors */ /*var(--tab-bg)*/
- :root {
- --tab-bg: #1D1F21 !important; /* tab bg */
- --url-bg: #1D1F21 !important; /* nav bar and selected tab */
- --browser-bg: #1D1F21 !important; /* url bg & hover bg */
- --main-text: #777777 !important; /* tab fg */
- --secondary-text: #556B82 !important; /* selected tab fg*/
- --third-text: #74857C !important; /* hover tab fg & url bar fg*/
- }
- /* hide favicons */
- .tab-icon-image {
- display: inherit !important;
- }
- /* fades buttons */
- #downloads-button, #new-tab-button, #ctraddon_bookmarks-button, #ctraddon_reload-button, bookmarks-button, reload-button, .tab-icon-image {
- opacity: 0.5 !important;
- }
- /*#TabsToolbar .tabbrowser-tab {
- min-width: 37px !important;
- }
- /*uncomment to show website info
- #identity-box, #identity-icon-labels {
- display: none;
- }*/
- /* fix white bg when opening new tabs */
- browser, browser.display.background_color, tabbrowser tabpanels {
- background-color: var(--url-bg) !important;
- margin-top: 0px !important;
- margin-left:0px !important;
- }
- /* hide back/forward buttons
- #forward-button, #back-button {
- display: none !important;
- } */
- /* page identity box */
- #identity-box {
- background: var(--url-bg) !important;
- color: var(--secondary-text) !important;
- opacity: 0 !important;
- }
- .tab-icon-image {
- opacity: 0.5 !important;
- filter: grayscale(0.9);
- -webkit-filter: brightness(50%);
- -o-filter: brightness(50%);
- -ms-filter: brightness(50%);
- }
- .tab-icon-image {
- filter: grayscale(0.9) !important;
- /*filter: hue-rotate(130deg) !important;*/
- opacity: 0 !important;
- }
- /* fonts */
- #urlbar, #TabsToolbar .tabbrowser-tab, menu, .autocomplete-richlistbox, #menubar-items, statuspanel[type="overLink"] .statuspanel-label, toolbarbutton, #placeContent, #placesList, .editBMPanel_rowLabel, .textbox-input-box, .viewer-title.label.toolbar, .downloadTarget, .downloadDetails, #bookmarks-view-children, #sidebar-search-label, #sidebar-title, .menubar-text {
- /* font-family: open sans !important;*/
- font-weight: 550 !important;
- font-size: 16px !important;
- }
- #clientBox {
- /* font-family: open sans !important;*/
- font-weight: 550 !important;
- font-size: 14px !important;
- background-color: #1D1F21 !important;
- }
- /* remove icons */
- #memfx-toolbar-button, #urlbar-reload-button, .box-inherit.toolbarbutton-menubutton-button, .scrollbutton-up, .scrollbutton-down, .tab-close-button.close-icon, #urlbar-stop-button {
- display: none;
- }
- /* remove plugin and reader view
- #reader-mode-button, #notification-popup-box {
- display: none;
- }*/
- #TabsToolbar .tabbrowser-tab {
- background-color: var(--tab-bg) !important;
- border: 0px solid #1d1e2a !important;
- border-radius: 0px !important;
- color: var(--main-text) !important;
- margin: 0px 0px 0px 0px !important;
- padding: 0px;
- margin-right: 0px !important;
- height: 25px !important;
- margin-top: 10px !important;
- margin-bottom; -5px !important;
- }
- #TabsToolbar {
- background-color: #1D1F21 !important;
- margin-left: 0px !important;
- }
- /*remove blue browser border
- :not([chromehidden*="toolbar"])[sizemode="normal"]
- */
- #main-window {
- margin-top:-5px!important;
- margin-left:0px!important;
- margin-right:-1px!important;
- margin-bottom: -1px !important;
- background-color: #1D1F21 !important;
- }
- #TabsToolbar {
- margin-left: 0px !important;
- margin-top: -5px !important;
- margin-bottom: 1px !important;
- background-color: #1D1F21 !important;
- }
- #navigator-toolbox {
- border-bottom: -2px solid #59444b !important;
- margin-bottom: -3px !important;
- margin-left: 0px !important;
- background-color: #1D1F21 !important;
- }
- /* nav bg color and sizes */
- #nav-bar-customization-target {
- background: var(--url-bg) !important;
- margin-bottom: -3px !important;
- margin-top: -2px !important;
- background-color: #1D1F21 !important;
- }
- #urlbar {
- background: var(--url-bg) !important;
- color: var(--third-text) !important;
- text-align: center !important;
- font-weight: 600 !important;
- margin-top: 0px !important;
- margin-left: -75px !important;
- border: none !important;
- /*height: 30px !important;
- border: 0px solid #59444b !important;
- margin-top: 2px!important;
- width: 10000px !important;
- padding: 3px !important; */
- }
- /* navbar */
- #navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(:-moz-lwtheme) {
- background-color: var(--url-bg) !important;
- margin-bottom: -18px !important;
- margin-top: -3px !important;
- height: 35px !important;
- }
- /* plugin icons */
- #notification-popup-box, .unknownIdentity {
- background-color: var(--url-bg) !important;
- border-image-source: none !important;
- }
- #notification-popup-box, #page-proxy-favicon {
- opacity: 0.5 !important;
- filter: grayscale(0.9) !important;
- }
- #nav-bar {
- height: 30px !important;
- }
- /* selected tab */
- #TabsToolbar .tabbrowser-tab[selected] {
- background-color: var(--tab-bg) !important;
- color: var(--secondary-text) !important;
- margin: 0px 0px 0px 0px !important;
- margin-top: 10px !important;
- box-shadow: 0px 0px 10px rgba(0,0,0,1) !important;
- }
- /* changes bg color of pinned tabs when updated */
- .tabbrowser-tab[pinned][titlechanged]:not([selected="true"]) > .tab-stack > .tab-content {
- opacity: 0.6 !important;
- background: var(--secondary-text) !important;
- color: var(--tab-bg) !important;
- background-color: #1D1F21 !important;
- }
- /* hover tab */
- #TabsToolbar .tabbrowser-tab:hover {
- background-color: var(--url-bg) !important;
- /*background: url(https://puu.sh/kwLI3/300a84af8b.png) !important;*/
- background-size: 100% 100% !important;
- background-repeat: no-repeat !important;
- color: var(--third-text) !important;
- background-color: #1D1F21 !important;
- }
- /* borders around tabs */
- #main-window .tabbrowser-tab > .tab-stack, .tabbrowser-tab[pinned][titlechanged]:not([selected="true"]) > .tab-stack > .tab-content, #TabsToolbar {
- /* border-width: 2px 1px 1px 1px !important;
- border-radius: 5px !important;
- border-style: solid !important;
- border-color: #000 !important;*/
- margin-left: -20px !important;
- margin-top: -5px !important;
- }
- /* fix tab bg color and removes australis */
- #TabsToolbar .tab-background {
- background: transparent !important;
- }
- #TabsToolbar .tab-background-start,
- #TabsToolbar .tab-background-end {
- background: transparent !important;
- background-image: none !important;
- }
- #TabsToolbar .tab-background-middle {
- background: transparent !important;
- }
- #TabsToolbar .tab-background-start::before, #TabsToolbar .tab-background-end::before {
- background-image: none !important;
- }
- .tab-background-start[selected=true]:-moz-locale-dir(ltr)::after,
- .tab-background-end[selected=true]:-moz-locale-dir(ltr)::after {
- background-image: none!important;
- }
- /* removes seperators between pinned tabs */
- #TabsToolbar .tabbrowser-tab:after,
- #TabsToolbar .tabbrowser-tab:before {
- display: none !important;
- }
- /* center text */
- .tab-text {
- text-align: center !important;
- }
- /* menu bar color */
- #main-menubar, #toolbar-menubar, #menubar-items, menubar > menu {
- background: var(--tab-bg) !important;
- color: var(--secondary-text) !important;
- text-shadow: none !important;
- border: none !important;
- margin-top: 0px !important;
- }
- /* menu icon */
- #PanelUI-button {
- background: var(--url-bg) !important;
- }
- /* back/forward buttons*/
- #back-button > .toolbarbutton-icon {
- list-style-image: url(http://puu.sh/nNmIC/afb1912a86.png) !important;
- margin-left: -3px !important;
- margin-top: -5px !important;
- }
- #forward-button {
- list-style-image: url(http://puu.sh/nNmJ1/ea4c68de75.png) !important;
- margin-left: -3px !important;
- }
- #back-button:hover, #forward-button:hover {
- background: transparent !important;
- background-color: var(--focus-tab-bg) !important;
- opacity: 0.3 !important;
- border: none !important;
- box-shadow: none !important;
- }
- #back-button:not([disabled="true"]):not([open="true"]):not(:active):hover > .toolbarbutton-icon, #back-button, #back-button .toolbarbutton-icon:hover, #back-button .toolbarbutton-icon, #forward-button .toolbarbutton-icon, #forward-button {
- border-radius: 0px !important;
- background: transparent !important;
- background-color: transparent !important;
- border: 0px solid #000 !important;
- padding: 2px !important;
- box-shadow: none !important;
- margin-left: 0px !important;
- margin-top: 1px !important;
- margin-bottom: 2px !important;
- background-color: var(--url-bg) !important;
- width: 25px !important;
- height: 26px !important;
- }
- #back-button:disabled, #forward-button:disabled {
- opacity: 0.4 !important;
- }
- /* remove disabled back button border */
- #back-button#back-button#back-button>image.toolbarbutton-icon {
- box-shadow: none !important;
- }
- /* history dropdown */
- .urlbar-history-dropmarker, .urlbar-history-dropmarker:hover {
- display: none !important;
- }
- .urlbar-history-dropmarker:hover {
- display: none !important;
- }
- .urlbar-history-dropmarker .dropmarker-icon {
- display: none !important;
- }
- /* go icon */
- #urlbar-go-button, #urlbar-go-button:hover, #urlbar-go-button:hover:active {
- display: none !important;
- }
- #urlbar-go-button, #urlbar-go-button:not([disabled]):hover, #urlbar-go-button:not([disabled]):hover:active {
- }
- /* menu button */
- #PanelUI-button {
- background: url('http://puu.sh/oEDUp/b03ca9e50d.png') !important;
- background-color: var(--url-bg) !important;
- background-repeat: no-repeat !important;
- background-position: center !important;
- box-shadow: none !important;
- margin-left: -8px !important;
- margin-bottom: -2px !important;
- margin-right: -40px !important;
- margin-top: 0px !important;
- width: 44px !important;
- height: 40px !important;
- border: none !important;
- }
- #PanelUI-button:hover {
- background-color: var(--url-bg) !important;
- background-repeat: no-repeat !important;
- background-position: center !important;
- box-shadow: none !important;
- margin-top: -2px !important;
- width: 44px !important;
- height: 10px !important;
- border: none !important;
- }
- #PanelUI-button .button-icon,
- #PanelUI-button .button-text {
- display: none !important;
- }
- #PanelUI-menu-button {
- opacity: 0 !important;
- width: 40px !important;
- height: 30px !important;
- margin-right: -5px !important;
- margin-bottom: -20px !important;
- background-color: var(--url-bg) !important;
- padding-bottom: -20px !important;
- }
- /* remove shitty fog */
- #TabsToolbar:not(:-moz-lwtheme)::after {
- display: none;
- }
- /* bookmarks folder icons*/
- menu.bookmark-item:not([query]):not([label="Bookmarks Toolbar"]), menuitem.bookmark-item, menu.bookmark-item:not([query]):not([label="Bookmarks Toolbar"])[open] {
- list-style-image: url("https://puu.sh/leYZ9/1769a4b8b7.ico") !important;
- -moz-image-region: rect(0 32px 32px 0) !important;
- }
- /* bookmark icon */
- /*#bookmarks-menu-button {
- background-image: url('http://puu.sh/oEFdB/02fb7581fb.png') !important;
- background-color: var(--url-bg) !important;
- background-repeat: no-repeat !important;
- background-position: center !important;
- opacity: 0.7 !important;
- margin-top: -1px !important;
- margin-left: 11px !important;
- box-shadow: none !important;
- width: 18px !important;
- height: 15px !important;
- border: none !important;
- }
- /* bookmark icon
- #bookmarks-menu-button:hover {
- background-color: var(--url-bg) !important;
- background-repeat: no-repeat !important;
- background-position: center !important;
- opacity: 0.4 !important;
- margin-top: -1px !important;
- margin-left: 11px !important;
- box-shadow: none !important;
- width: 18px !important;
- height: 15px !important;
- border: none !important;
- }*/
- /* speaker icon */
- .tab-icon-sound, .tab-icon-overlay {
- list-style-image: url('https://puu.sh/l8Qbf/d1a24baa27.png') !important;
- opacity: 0.8 !important;
- }
- .tab-icon-sound[muted="true"] {
- list-style-image: url('https://puu.sh/leWAi/54c36b6e52.png') !important;
- opacity: 0.8 !important;
- }
- .tabs-newtab-button {
- background: var(--url-bg) !important;
- width: 40px !important;
- margin-top: 8px !important;
- margin-left: -8px !important;
- /*list-style-image: url('http://puu.sh/p5cHZ/9517fd36e1.png') !important; */
- }
- .toolbarbutton-menubutton-dropmarker {
- display: none !important;
- }
- #page-proxy-favicon {
- list-style-image: url(http://puu.sh/jDf7t/c0600ffd52.png);
- }
- #reader-mode-button {
- background-image: url(http://puu.sh/nOhuY/3f40ff38be.png);
- margin-top: -2px !important;
- margin-right: 2px !important;
- }
- /* icons */
- #reader-mode-button, #bookmarks-menu-button, #PanelUI-button {
- list-style-image: none !important;
- }
- #PanelUI-button, #bookmarks-menu-button, .urlbar-history-dropmarker, #urlbar-go-button,
- #urlbar-go-button:hover,
- #urlbar-go-button:hover:active,
- #PanelUI-menu-button .toolbarbutton-icon, #PanelUI-menu-button .toolbarbutton-icon, #bookmarks-menu-button, #bookmarks-menu-button:hover, #back-button > .toolbarbutton-icon, #forward-button {
- -moz-image-region: rect(0, 0, 0, 0) !important;
- }
- #urlbar-go-button, #urlbar-go-button:hover, #urlbar-go-button:hover:active, #PanelUI-menu-button .toolbarbutton-icon, #PanelUI-menu-button .toolbarbutton-icon {
- list-style-image: none !important;
- background-size: contain !important;
- background-position: center center !important;
- background-repeat: no-repeat !important;
- }
- statuspanel[type="overLink"] .statuspanel-label {
- margin-bottom: 0px !important;
- background: var(--url-bg) !important;
- border: 0px !important;
- color: var(--third-text) !important;
- }
- statuspanel .statuspanel-label {
- background: var(--url-bg) !important;
- border: 0px !important;
- color: var(--third-text) !important;
- }
- statuspanel[type="status"] .statuspanel-label[value^="Looking"],
- statuspanel[type="status"] .statuspanel-label[value^="Connect"],
- statuspanel[type="status"] .statuspanel-label[value^="Waiting"],
- statuspanel[type="status"] .statuspanel-label[value^="Transfer"] {
- background: var(--url-bg) !important;
- border: 0px solid !important;
- color: var(--third-text) !important;
- }
- #main-window:not([privatebrowsingmode])[sizemode="normal"] #nav-bar {
- border-top: 0px #282B34!important;
- }
- /* changes loading tab icons*/
- .tab-throbber[busy] {
- display: none !important;
- }
- .tab-throbber[progress] {
- display: none !important;
- }
- /* Add Ons Page - wip*/
- #view-port, #addons-page, .status-control-wrapper {
- background-color: var(--focus-tab-bg) !important;
- border: none !important;
- }
- .addon.addon-view, .category, #nav-header, #categories, #header-search {
- background-color: var(--tab-bg) !important;
- }
- #header-search, #userstyle-sorting, #userstyle-footer {
- border: none !important;
- }
- .addon.addon-view, .category {
- border-top: 0px !important;
- border-bottom: 0px !important;
- border-color: var(--main-text) !important;
- }
- .advancedinfo-container, .name-container, .category, .text-link, .details.button-link, #userstyles-note {
- color: var(--third-text) !important;
- }
- #new-userstyle, #install-from-url,.addon-control, #userstyle-sorting-status, #userstyle-sorting-name, #userstyle-sorting-type, .sorter, #back-btn, #forward-btn, #header-utils-btn {
- background-color: var(--focus-tab-bg) !important;
- border: none !important;
- color: var(--secondary-text) !important;
- box-shadow: none !important;
- }
- #window-controls {
- opacity: 0 !important;
- }
- #window-controls:hover {
- opacity: 0.4 !important;
- }
- #new-tab-button {
- margin-top: 7px !important;
- margin-left: 2px !important;
- }
- /* menu buttons */
- #tabview-button .toolbarbutton-icon,
- #save-page-button .toolbarbutton-icon,
- #developer-button .toolbarbutton-icon,
- #preferences-button .toolbarbutton-icon,
- #webrtc-status-button .toolbarbutton-icon, #new-window-button .toolbarbutton-icon,
- #new-tab-button .toolbarbutton-icon,
- #go-button:hover,
- #downloads-button:not([attention]) .toolbarbutton-icon,
- #zoom-in-button .toolbarbutton-icon,
- #copy-button .toolbarbutton-icon,
- #add-ons-button .toolbarbutton-icon,
- #find-button .toolbarbutton-icon,
- #sidebar-button .toolbarbutton-icon, #context-stop,
- .tabs-closebutton:hover .toolbarbutton-icon,
- .tab-close-button:hover .toolbarbutton-icon,
- #downloads-button[paused] .toolbarbutton-icon,
- #urlbar-stop-button:hover,
- #cut-button .toolbarbutton-icon,
- #zoom-out-button .toolbarbutton-icon,
- #stop-button .toolbarbutton-icon,
- #characterencoding-button .toolbarbutton-icon, #tabview-button .toolbarbutton-icon,
- #history-button .toolbarbutton-icon,
- #history-panelmenu .toolbarbutton-icon,
- #fullscreen-button .toolbarbutton-icon,
- #urlbar-reload-button:hover,
- #paste-button .toolbarbutton-icon,
- #reload-button .toolbarbutton-icon, #urlbar[level="broken"] #page-proxy-favicon, #feed-button .toolbarbutton-icon, #password-notification-icon,
- #home-button .toolbarbutton-icon,
- #open-file-button .toolbarbutton-icon,
- #email-link-button .toolbarbutton-icon, #sync-button .toolbarbutton-icon,
- #social-share-button .toolbarbutton-icon, #privatebrowsing-button .toolbarbutton-icon,
- #print-button .toolbarbutton-icon,
- #PanelUI-menu-button .toolbarbutton-icon,
- #nav-bar-overflow-button .toolbarbutton-icon,
- #classic_bm_button23-toolbar-button > .toolbarbutton-icon,
- #bookmarks-menu-button:not([starred]) .toolbarbutton-icon,
- #bookmarks-button .toolbarbutton-icon,
- #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon, #ublock0-button, #downloads-button {
- filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'>\
- <feColorMatrix in='SourceGraphic' type='matrix' values=\
- '0.0 0.0 0.0 0.0 0.0 \
- 0.0 0.0 0.0 0.0 0.0 \
- 0.0 0.0 0.0 0.0 0.0 \
- 0.0 0.0 0.0 1.0 0.0'/></filter></svg>#invert") !important;
- /*filter: hue-rotate(120deg) !important;*/
- opacity: 0.7 !important;
- }
- /* about ffox dialog */
- #aboutDialogContainer, #clientBox, .main-content {
- background: var(--tab-bg) !important;
- color: var(--secondary-text) !important;
- }
- #noUpdatesFound > label, #trademark, #verifiedManage, #fxaUnlinkButton, #fxaChangeDeviceName, #fxaSyncComputerName, .androidAttribution {
- color: var(--main-text) !important;
- }
- #leftBox {
- background-image: url("https://puu.sh/lkSrb/131664655c.png") !important;
- }
- #rightBox {
- background-image: url("https://puu.sh/lkSoQ/809ae3607f.png") !important;
- }
- #notification-popup-box {
- display: none !important;
- }
- /* library window */
- #placesToolbar, #verifiedManage, #fxaUnlinkButton, #fxaChangeDeviceName, #fxaSyncComputerName, #help-button, #generalTab, #dataChoicesTab, #networkTab, #updateTab, #encryptionTab, #tabsElement, .checkbox-check {
- background: var(--focus-tab-bg) !important;
- }
- #browserStartupPage, #browserHomePage, #useCurrent, #useBookmark, #restoreDefaultHomePage, #chooseFolder, #filter, #handlersView, #typeColumn, #actionColumn, #historyMode, #addonExceptions, #passwordExceptions, #changeMasterPassword, #showPasswords, #engineShown, #engineName, #engineKeyword, #engineChildren, #engineList, #defaultEngine, #defaultFont, #defaultFontSize, #popupPolicyButton, #advancedFonts, #colors, #chooseLanguage, #warningScreen, #warningButton, #configDeck > vbox, #configTreeBody, #prefCol, #lockCol, #typeCol, #valueCol, #configTree > treecols:nth-child(1) {
- background: var(--focus-tab-bg) !important;
- border: none !important;
- color: var(--main-text) !important;
- }
- /* remove unsorted bookmarks from bookmarks dropdown */
- #BMB_unsortedBookmarks + menuseparator,
- #BMB_unsortedBookmarks, #bookmarksMenuPopup > .hide-if-empty-places-result,
- #menu_unsortedBookmarks {
- display: none !important;
- }
- #titlebar-buttonbox {
- display: none !important;
- margin-right: -5px !important;
- }
- :root {
- --in-content-text-color: var(--main-text) !important;
- }
- #placesList > treechildren, #searchFilter, #textbox {
- background: var(--tab-bg) !important;
- color: var(--main-text) !important;
- }
- .download.download-state, #clearDownloadsButton {
- background: var(--url-bg) !important;
- color: var(--third-text) !important;
- }
- #placesToolbar, #placesView > splitter, #searchFilter, .checkbox-check, .fxaAccountBox, #verifiedManage, #fxaUnlinkButton, #fxaChangeDeviceName, #fxaSyncComputerName, .header, spacer.separator, #tabsElement, #handlersView > listheader, #engineList > treecols, #textbox, #configTree {
- border: none !important;
- }
- .checkbox-check {
- border-radius: 0px !important;
- box-shadow: none !important;
- }
- #TabsToolbar .arrowscrollbox-scrollbox {
- background-color: #1D1F21 !important;
- margin-bottom: -2px !important;
- }
- /*#verticaltabs-box {
- border-right: none !important;
- height: 790px !important;
- width: 30px !important;
- margin-right: -10px !important;
- margin-top: -32px !important;
- margin-left: -3px !important;
- background-color: #1D1F21 !important;*/
- }
- /*#verticaltabs-box .tabbrowser-tab {
- background-color: #1D1F21 !important;
- }
- #verticaltabs-box .arrowscrollbox-scrollbox
- {
- background-color: #1D1F21 !important;
- margin-bottom: -42px !important;
- border-top: none !important;
- margin-top: -2px !important;
- margin-left: 0px !important;
- }background-color: var(--tab-bg) !important;
- border: 0px solid #1d1e2a !important;
- border-radius: 0px !important;
- color: var(--main-text) !important;
- margin: 0px 0px 0px 0px !important;
- padding: 0px;
- height: 20px !important;
- margin-top: 10px !important;
- margin-bottom; -5px !important;
- box-shadow: 4px 4px 13px rgba(0,0,0,0.3) !important;*/
- #browser > #browser-border-start{display:none !important;}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement