jarno
/
firefox-gnome-theme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

native-looking popups and minor fixes for tabs, issue #21

This commit is contained in:
Sai Kurogetsu 2018-02-24 14:01:24 +00:00
parent 22ec2454ef
commit 782343dbfc
No known key found for this signature in database
GPG Key ID: 48E52EBE10D57BF6
4 changed files with 53 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
pages/about-dark.css
View File

@ -46,7 +46,7 @@
--in-content-table-header-background: #0a84ff;
/* Extensions' popups */
--popup-background: #292929;
--popup-background: -moz-field;
}
/* A workaround for the screenshot tool, issue #7 */

2
pages/about-light.css
View File

@ -46,7 +46,7 @@
--in-content-table-header-background: #0a84ff;
/* Extensions' popups */
--popup-background: #ededed;
--popup-background: -moz-field;
}
/* A workaround for the screenshot tool, issue #7 */

12
pages/about.css
View File

@ -29,8 +29,7 @@ xul|treecol:not([hideheader="true"]):not(:first-child), xul|treecolpicker {
border-image: linear-gradient(transparent 0%, transparent 20%, var(--in-content-border-color) 20%, var(--in-content-border-color) 80%, transparent 80%, transparent 100%) 1 1 !important;
}
/* Try to make popups added by add-ons and their settings pages look dark too,
* doesn't always work tho because of their weird styles */
/* Try to apply styles to add-ons' settings pages */
@-moz-document url-prefix("moz-extension://") {
body {
background-color: var(--in-content-page-background) !important;
@ -38,6 +37,15 @@ xul|treecol:not([hideheader="true"]):not(:first-child), xul|treecolpicker {
}
}
/* Try to make popups added by add-ons and their settings pages look dark too,
* doesn't always work tho because of their weird styles */
@-moz-document regexp("^moz-extension://.+/popup.html$") {
body {
background-color: var(--popup-background) !important;
color: var(--in-content-page-color) !important;
}
}
@-moz-document url("about:"), url("about:accounts"), url("about:buildconfig"),
url("about:cache"), url("about:checkerboard"), url("about:memory"),
url("about:mozilla"), url("about:webrtc") {

43
ui/theme.css
View File

@ -68,11 +68,37 @@ tabbrowser tabpanels {
border-bottom-width: 0 !important;
}
/* Zoom reset in the buger menu */
/* Popup menus */
.panel-arrowcontent {
background-color: -moz-field !important;
border-radius: 5px;
padding: 8px 12px !important;
}
panelview vbox.panel-subview-body > toolbarbutton image {
display: none;
}
panelview vbox.panel-subview-body > toolbarbutton label {
padding-inline-start: 0 !important;
}
#appMenu-zoom-controls > spacer, #appMenu-edit-controls > spacer {
width: 12px !important;
}
#appMenu-zoomReset-button {
background-color: var(--arrowpanel-background) !important;
border-color: var(--panel-separator-color) !important;
}
panel[type=arrow] {
margin-top: 6px !important;
}
panel[type=arrow][viewId=appMenu-libraryView],
panel[type=arrow][viewId=PanelUI-characterEncodingView],
panel[type=arrow][viewId=PanelUI-developer],
#widget-overflow {
margin-top: 0 !important;
}
#BMB_bookmarksPopup {
margin-top: -3px !important;
}
/* Color of the last item in the bookmark menu and downloads menu */
.subviewbutton.panel-subview-footer,
@ -373,6 +399,13 @@ toolbarspring {
#tabbrowser-tabs, tab > stack {
height: 38px;
}
/* Extra margin for the first and last tabs */
.tabbrowser-tab[first-tab]:not([pinned=true]) {
margin-left: 8px !important;
}
.tabbrowser-tab[last-tab]:not([pinned=true]) {
margin-right: 8px !important;
}
/* Remove hover effects on tab bar buttons */
#TabsToolbar {
@ -432,6 +465,7 @@ tab[selected]:-moz-window-inactive {
display: flex;
justify-content: center;
align-items: center;
margin-top: -1px;
min-width: 100% !important;
}
@ -515,9 +549,14 @@ tab[selected]:-moz-window-inactive {
opacity: 1;
}
/* Tab close button etc. positioning */
.tab-throbber, .tab-icon-image, .tab-sharing-icon-overlay, .tab-icon-sound, .tab-close-button {
margin-top: 0 !important;
}
/* Remove blue line above tabs */
.tab-line {
--tab-line-color: transparent !important;
display: none;
}
/* Move container lines to the top */