phundrak/blurredfox-nord
Archived
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

userChrome: add -moz-mac, update font

Browse Source
This commit is contained in:
Gerome Matilla 2020-07-09 07:06:11 +08:00
parent ff1d243b16
commit bc1aaa7ba8
1 changed files with 53 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

83
userChrome.css
View File

@ -56,10 +56,25 @@
Transparent Window Transparent Window
*/ */
#main-window { #main-window {
font-kerning: normal;
background: transparent !important; background: transparent !important;
border: none !important; border: none !important;
-moz-appearance: -moz-mac-vibrancy-dark !important;
}
/*
░█▀▀░█▀█░█▀█░▀█▀
░█▀▀░█░█░█░█░░█░
░▀░░░▀▀▀░▀░▀░░▀░
*/
* {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
font-variant-ligatures: none;
font-kerning: normal;
} }
/* /*
@ -128,6 +143,7 @@ toolbarbutton {
.megabar[breakout-extend="true"]:not([open="true"]) > #urlbar-background { .megabar[breakout-extend="true"]:not([open="true"]) > #urlbar-background {
box-shadow: none !important; box-shadow: none !important;
background: transparent !important; background: transparent !important;
-moz-appearance: -moz-mac-vibrancy-dark !important;
} }
.megabar[open=true] > #urlbar-background { .megabar[open=true] > #urlbar-background {
@ -220,6 +236,7 @@ toolbarbutton {
#back-button > .toolbarbutton-icon { #back-button > .toolbarbutton-icon {
--backbutton-background: transparent !important; --backbutton-background: transparent !important;
border: none !important; border: none !important;
-moz-appearance: -moz-mac-vibrancy-dark !important;
} }
#back-button { #back-button {
@ -266,6 +283,7 @@ The tabs container
.toolbar-items { .toolbar-items {
background-color: transparent !important; background-color: transparent !important;
-moz-appearance: -moz-mac-vibrancy-dark !important;
} }
#tabbrowser-tabs { #tabbrowser-tabs {
@ -291,6 +309,7 @@ The tabs container
.tab-background { .tab-background {
border: none !important; border: none !important;
background: transparent !important; background: transparent !important;
-moz-appearance: -moz-mac-vibrancy-dark !important;
} }
.tab-background[selected="true"] { .tab-background[selected="true"] {
@ -374,10 +393,10 @@ hbox.tab-content[pinned=true] .tab-text {
} }
.tabbrowser-tab { .tabbrowser-tab {
border-radius: var(--bf-tab-border-radius) !important; border-radius: var(--bf-tab-border-radius) !important;
border-width: 0; border-width: 0;
height: var(--bf-tab-height) !important; height: var(--bf-tab-height) !important;
margin-top: 0 !important; margin-top: 0 !important;
margin-bottom: 0 !important; margin-bottom: 0 !important;
margin-inline-start: 2px !important; margin-inline-start: 2px !important;
margin-inline-end: 2px !important; margin-inline-end: 2px !important;
@ -390,7 +409,7 @@ hbox.tab-content[pinned=true] .tab-text {
.tab-icon-sound { .tab-icon-sound {
/* Hide icon of audio */ /* Hide icon of audio */
display: none !important; display: none !important;
} }
#tabs-newtab-button { #tabs-newtab-button {
@ -404,18 +423,19 @@ hbox.tab-content[pinned=true] .tab-text {
} }
tab.tabbrowser-tab { tab.tabbrowser-tab {
overflow: hidden; overflow: hidden;
} }
/* Remove hover effects on tab bar buttons */ /* Remove hover effects on tab bar buttons */
#TabsToolbar { #TabsToolbar {
--toolbarbutton-active-background: transparent !important; --toolbarbutton-active-background: transparent !important;
--toolbarbutton-hover-background: transparent !important; --toolbarbutton-hover-background: transparent !important;
-moz-appearance: -moz-mac-vibrancy-dark !important;
} }
tab.tabbrowser-tab:hover { tab.tabbrowser-tab:hover {
background: var(--bf-hover-bg) !important; background: var(--bf-hover-bg) !important;
box-shadow: 0 1px 4px rgba(0,0,0,.05); box-shadow: 0 1px 4px rgba(0,0,0,.05);
} }
#tabbrowser-tabs { #tabbrowser-tabs {
@ -432,13 +452,14 @@ The findbar
#browser #appcontent #tabbrowser-tabbox findbar, #browser #appcontent #tabbrowser-tabbox findbar,
#browser #appcontent #tabbrowser-tabbox tabpanels { #browser #appcontent #tabbrowser-tabbox tabpanels {
-moz-appearance: none !important; -moz-appearance: none !important;
background: transparent !important; background: transparent !important;
border: none !important; border: none !important;
-moz-appearance: -moz-mac-vibrancy-dark !important;
} }
#browser #appcontent #tabbrowser-tabbox findbar { #browser #appcontent #tabbrowser-tabbox findbar {
background-color: var(--bf-bg) !important; background-color: var(--bf-bg) !important;
} }
.findbar-find-previous, .findbar-find-previous,
@ -447,7 +468,7 @@ The findbar
border: none !important; border: none !important;
} }
#browser #appcontent #tabbrowser-tabbox .findbar-find-fast { #browser #appcontent #tabbrowser-tabbox .findbar-find-fast {
background-color: var(--bf-bg) !important; background-color: var(--bf-bg) !important;
} }
/* /*
@ -461,21 +482,22 @@ Contains history, bookmarks, and etc.
#history-panel, #history-panel,
#sidebar-search-container, #sidebar-search-container,
#bookmarksPanel { #bookmarksPanel {
background: var(--bf-bg) !important; background: var(--bf-bg) !important;
} }
#search-box { #search-box {
-moz-appearance: none !important; -moz-appearance: none !important;
background: var(--bf-bg) !important; background: var(--bf-bg) !important;
border-radius: 6px !important; border-radius: 6px !important;
} }
#sidebar-search-container { #sidebar-search-container {
background-color: var(--bf-sidebar-bg) !important; background-color: var(--bf-sidebar-bg) !important;
-moz-appearance: -moz-mac-vibrancy-dark !important;
} }
.close-icon, .urlbar-icon { .close-icon, .urlbar-icon {
fill: var(--bf-icon-color) !important; fill: var(--bf-icon-color) !important;
} }
#sidebar-icon { #sidebar-icon {
@ -483,7 +505,7 @@ Contains history, bookmarks, and etc.
} }
.sidebar-placesTree { .sidebar-placesTree {
color: var(--bf-sidebar-color) !important; color: var(--bf-sidebar-color) !important;
} }
#sidebar-switcher-target { #sidebar-switcher-target {
@ -491,15 +513,16 @@ Contains history, bookmarks, and etc.
} }
#sidebar-header { #sidebar-header {
background: var(--bf-bg) !important; background: var(--bf-bg) !important;
} }
#sidebar-box { #sidebar-box {
--sidebar-background-color: var(--bf-sidebar-bg) !important; --sidebar-background-color: var(--bf-sidebar-bg) !important;
-moz-appearance: -moz-mac-vibrancy-dark !important;
} }
#sidebar-splitter { #sidebar-splitter {
border: none !important; border: none !important;
opacity: 1 !important; opacity: 1 !important;
background-color: var(--bf-splitter-bg) !important; background-color: var(--bf-splitter-bg) !important;
} }
@ -513,21 +536,21 @@ The dropdown menus
*/ */
.panel-arrowcontent { .panel-arrowcontent {
padding: 0px !important; padding: 0px !important;
margin: 0px !important; margin: 0px !important;
} }
toolbarseparator { toolbarseparator {
display: none !important; display: none !important;
} }
box.panel-arrowbox { box.panel-arrowbox {
display: none; display: none;
} }
box.panel-arrowcontent { box.panel-arrowcontent {
border-radius: 8px !important; border-radius: 8px !important;
border: none !important; border: none !important;
} }
/* /*
@ -571,11 +594,11 @@ The control buttons. Contains, close, minimize, and maximize buttons
} }
:root[tabsintitlebar][sizemode="maximized"] #titlebar .titlebar-buttonbox-container { :root[tabsintitlebar][sizemode="maximized"] #titlebar .titlebar-buttonbox-container {
display: none !important; display: none !important;
} }
:root[tabsintitlebar][sizemode="maximized"] #nav-bar { :root[tabsintitlebar][sizemode="maximized"] #nav-bar {
padding-left: 3px !important; padding-left: 3px !important;
} }