Add windows specific userChrome.css
This commit is contained in:
parent
d1e1b9d4a5
commit
9da7831b73
File diff suppressed because it is too large
Load Diff
22
gulpfile.js
22
gulpfile.js
|
@ -4,9 +4,9 @@ var gulp = require('gulp');
|
|||
var concatCss = require('gulp-concat-css');
|
||||
|
||||
/**********************************
|
||||
* *
|
||||
* userContent.css *
|
||||
* *
|
||||
* *
|
||||
* userContent.css *
|
||||
* *
|
||||
**********************************/
|
||||
|
||||
/* userContent file with no addons */
|
||||
|
@ -26,13 +26,21 @@ gulp.task('userContent_all', ['userContent_no_addons'], function() {
|
|||
|
||||
|
||||
/**********************************
|
||||
* *
|
||||
* userChrome.css *
|
||||
* *
|
||||
* *
|
||||
* userChrome.css *
|
||||
* *
|
||||
**********************************/
|
||||
|
||||
/* Add everything to userContent */
|
||||
gulp.task('userChrome_all', function() {
|
||||
gulp.task('userChrome_windows', function() {
|
||||
return gulp.src(['color_variables.css', 'userChrome-files/*.css', 'userChrome-files/windows_fixes/*.css' ])
|
||||
.pipe(concatCss('userChrome_windows.css'))
|
||||
.pipe(gulp.dest('./alternative_user_files'));
|
||||
});
|
||||
|
||||
|
||||
/* Add everything to userContent */
|
||||
gulp.task('userChrome_all', [`userChrome_windows`], function() {
|
||||
return gulp.src(['color_variables.css', 'userChrome-files/*.css'])
|
||||
.pipe(concatCss('userChrome.css'))
|
||||
.pipe(gulp.dest('.'));
|
||||
|
|
|
@ -25,16 +25,12 @@
|
|||
opacity: 1 !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
#editBMPanel_folderTree treechildren:not(.autocomplete-treebody)::-moz-tree-row,
|
||||
#editBMPanel_tagsSelector treechildren:not(.autocomplete-treebody)::-moz-tree-row {
|
||||
background: var(--grey-60) !important;
|
||||
color: var(--primary-light-color) !important;
|
||||
}
|
||||
|
||||
|
||||
#editBMPanel_folderTree treechildren:not(.autocomplete-treebody)::-moz-tree-row(hover),
|
||||
#editBMPanel_tagsSelector treechildren:not(.autocomplete-treebody)::-moz-tree-row(hover) {
|
||||
background: var(--dark-accent) !important;
|
||||
|
@ -53,7 +49,6 @@
|
|||
fill: white !important;
|
||||
}
|
||||
|
||||
|
||||
/* Selected, in focus */
|
||||
#editBMPanel_folderTree treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected, current, focus){
|
||||
background: var(--primary-accent-color) !important;
|
||||
|
@ -73,8 +68,6 @@ listitem[selected="true"] {
|
|||
border-bottom: none !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
#editBMPanel_newFolderBox {
|
||||
background: var(--grey-70) !important;
|
||||
border: 1px solid var(--grey-50) !important;
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
/* Change active tab line color */
|
||||
.tab-line[selected="true"] {
|
||||
background-color: var(--primary-accent-color) !important;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -0,0 +1,96 @@
|
|||
/* Remove white separators between menu items */
|
||||
menupopup menuseparator {
|
||||
-moz-appearance:none !important;
|
||||
background: rgba(0, 0, 0, 0) !important;
|
||||
border: 0px !important;
|
||||
}
|
||||
|
||||
/* Removes white bar between icons and menu items */
|
||||
#context-navigation, #context-sep-navigation {
|
||||
padding: 0px !important;
|
||||
}
|
||||
|
||||
/* Bookmarks Toolbar, Toolbar Context menu, spacing tweaks */
|
||||
#personal-bookmarks menupopup .bookmark-item,
|
||||
#bookmarksMenuPopup,
|
||||
menupopup#toolbar-context-menu,
|
||||
menupopup#menu_ToolsPopup,
|
||||
menupopup#goPopup,
|
||||
menupopup#tabContextMenu {
|
||||
padding-left: 4px !important;
|
||||
padding-right: 4px !important;
|
||||
}
|
||||
|
||||
/* Tab menu */
|
||||
menupopup > menu > menupopup > .popup-internal-box,
|
||||
menupopup#toolbar-context-menu > menuitem {
|
||||
padding-left: 1px !important;
|
||||
padding-right: 1px !important;
|
||||
}
|
||||
|
||||
/* All menus padding tweaks */
|
||||
menupopup,
|
||||
menupopup > menu > menupopup,
|
||||
#bookmarksMenuPopup menupopup > hbox {
|
||||
padding: 4px 0px 4px 0px !important;
|
||||
}
|
||||
|
||||
#bookmarksMenuPopup menupopup {
|
||||
padding: 0px 0px 0px 0px !important;
|
||||
}
|
||||
|
||||
#BMB_bookmarksPopup menupopup {
|
||||
padding: 4px 0px 0px 0px !important;
|
||||
}
|
||||
|
||||
/* Context menu, spacing and font size similar to macOS */
|
||||
menupopup menuitem,
|
||||
menupopup menu {
|
||||
font-size: 1.167em !important;
|
||||
padding-top: 1px !important;
|
||||
padding-bottom: 1px !important;
|
||||
}
|
||||
|
||||
menupopup menu menuitem,
|
||||
menupopup menu menu {
|
||||
font-size: 1em !important;
|
||||
padding-top: 1px !important;
|
||||
padding-bottom: 1px !important;
|
||||
}
|
||||
|
||||
menupopup#contentAreaContextMenu menuitem,
|
||||
menupopup#contentAreaContextMenu menu {
|
||||
padding-top: 2px !important;
|
||||
padding-bottom: 2px !important;
|
||||
}
|
||||
|
||||
/* Menus, slightly adjust arrow */
|
||||
menupopup .menu-right {
|
||||
margin-right: 0px !important;
|
||||
}
|
||||
|
||||
/* Menus, slightly increase separator margin */
|
||||
menupopup menuseparator {
|
||||
margin: 2px !important;
|
||||
}
|
||||
|
||||
/* Context menus, border added because Windows has a different drop shadow effect than macOS */
|
||||
#personal-bookmarks menupopup,
|
||||
.panel-arrowcontent,
|
||||
.box-inherit scrollbox-innerbox,
|
||||
#BMB_bookmarksPopup menupopup[placespopup="true"] > hbox,
|
||||
#bookmarksMenuPopup menupopup[placespopup="true"] > hbox,
|
||||
menupopup#BMB_bookmarksPopup > menu > menupopup > hbox,
|
||||
menupopup#bookmarksMenuPopup > menu > menupopup > hbox,
|
||||
menupopup#contentAreaContextMenu,
|
||||
menupopup#placesContext,
|
||||
menupopup#bookmarksMenuPopup,
|
||||
menupopup#PlacesChevronPopup,
|
||||
menupopup#toolbar-context-menu,
|
||||
menupopup#downloadsContextMenu,
|
||||
menupopup#tabContextMenu,
|
||||
menupopup > menu > menupopup {
|
||||
border-color: var(--grey-70) !important;
|
||||
border-width: 1px !important;
|
||||
border-style: solid !important;
|
||||
}
|
|
@ -0,0 +1,19 @@
|
|||
#metaTagsCaption,
|
||||
#security-identity,
|
||||
#security-privacy,
|
||||
#security-technical,
|
||||
#security-identity-groupbox,
|
||||
#security-privacy-groupbox,
|
||||
#security-technical-groupbox {
|
||||
-moz-appearance: none !important;
|
||||
background-color: var(--grey-70) !important;
|
||||
border: none !important;
|
||||
color: var(--grey-10) !important;
|
||||
}
|
||||
|
||||
#security-identity-groupbox,
|
||||
#security-privacy-groupbox,
|
||||
#security-technical-groupbox {
|
||||
-moz-appearance: none !important;
|
||||
background-color: var(--grey-80) !important;
|
||||
}
|
|
@ -0,0 +1,28 @@
|
|||
#topBar {
|
||||
-moz-appearance: none !important;
|
||||
background-color: var(--grey-80) !important;
|
||||
border: none !important;
|
||||
padding-top: 5px !important;
|
||||
padding-bottom: 5px !important;
|
||||
color: var(--grey-20) !important;
|
||||
}
|
||||
|
||||
#metaTagsCaption,
|
||||
#security-identity,
|
||||
#security-privacy,
|
||||
#security-technical,
|
||||
#security-identity-groupbox,
|
||||
#security-privacy-groupbox,
|
||||
#security-technical-groupbox {
|
||||
-moz-appearance: none !important;
|
||||
background-color: var(--grey-70) !important;
|
||||
border: none !important;
|
||||
color: var(--grey-10) !important;
|
||||
}
|
||||
|
||||
#security-identity-groupbox,
|
||||
#security-privacy-groupbox,
|
||||
#security-technical-groupbox {
|
||||
-moz-appearance: none !important;
|
||||
background-color: var(--grey-80) !important;
|
||||
}
|
|
@ -342,14 +342,22 @@ menuitem:hover {
|
|||
background-color: var(--grey-80) !important;
|
||||
}
|
||||
|
||||
/* Sidebar Header Context Menue */
|
||||
/* Sidebar Header Context Menu */
|
||||
|
||||
.panel-arrowcontent {
|
||||
color: var(--grey-10) !important;
|
||||
background: var(--grey-60) !important;
|
||||
}
|
||||
|
||||
/* The following snippets are designed to fix promblems
|
||||
/* Sidebar border */
|
||||
|
||||
vbox#sidebar-box.chromeclass-extrachrome {
|
||||
border-color: var(--grey-80) !important;
|
||||
border-right: 1px !important;
|
||||
border-style: solid !important;
|
||||
}
|
||||
|
||||
/* The following snippets are designed to fix problems
|
||||
* only noticed on Windows computers */
|
||||
|
||||
@media screen and (-moz-windows-theme),
|
||||
|
@ -385,6 +393,14 @@ menuitem:hover {
|
|||
padding-right: 4px !important;
|
||||
}
|
||||
|
||||
/* Tab menu */
|
||||
|
||||
menupopup > menu > menupopup > .popup-internal-box,
|
||||
menupopup#toolbar-context-menu > menuitem {
|
||||
padding-left: 1px !important;
|
||||
padding-right: 1px !important;
|
||||
}
|
||||
|
||||
/* All menus padding tweaks */
|
||||
|
||||
menupopup,
|
||||
|
@ -403,21 +419,32 @@ menuitem:hover {
|
|||
|
||||
/* Context menu, spacing and font size similar to macOS */
|
||||
|
||||
menupopup#contentAreaContextMenu menuitem,
|
||||
menupopup#contentAreaContextMenu menu {
|
||||
padding-left: 4px !important;
|
||||
padding-right: 4px !important;
|
||||
font-size: 1.08em !important;
|
||||
menupopup menuitem,
|
||||
menupopup menu {
|
||||
font-size: 1.167em !important;
|
||||
padding-top: 1px !important;
|
||||
padding-bottom: 1px !important;
|
||||
}
|
||||
|
||||
/* Menus, slightly increase menu items spacing */
|
||||
menupopup menu menuitem,
|
||||
menupopup menu menu {
|
||||
font-size: 1em !important;
|
||||
padding-top: 1px !important;
|
||||
padding-bottom: 1px !important;
|
||||
}
|
||||
|
||||
menupopup menu,
|
||||
menuitem {
|
||||
menupopup#contentAreaContextMenu menuitem,
|
||||
menupopup#contentAreaContextMenu menu {
|
||||
padding-top: 2px !important;
|
||||
padding-bottom: 2px !important;
|
||||
}
|
||||
|
||||
/* Menus, slightly adjust arrow */
|
||||
|
||||
menupopup .menu-right {
|
||||
margin-right: 0px !important;
|
||||
}
|
||||
|
||||
/* Menus, slightly increase separator margin */
|
||||
|
||||
menupopup menuseparator {
|
||||
|
@ -438,7 +465,9 @@ menuitem:hover {
|
|||
menupopup#bookmarksMenuPopup,
|
||||
menupopup#PlacesChevronPopup,
|
||||
menupopup#toolbar-context-menu,
|
||||
menupopup#downloadsContextMenu {
|
||||
menupopup#downloadsContextMenu,
|
||||
menupopup#tabContextMenu,
|
||||
menupopup > menu > menupopup {
|
||||
border-color: var(--grey-70) !important;
|
||||
border-width: 1px !important;
|
||||
border-style: solid !important;
|
||||
|
|
Loading…
Reference in New Issue