Add windows specific userChrome.css

This commit is contained in:
overdodactyl 2018-02-04 14:12:19 -07:00
parent d1e1b9d4a5
commit 9da7831b73
8 changed files with 1405 additions and 26 deletions

File diff suppressed because it is too large Load Diff

View File

@ -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('.'));

View File

@ -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;

View File

@ -1,4 +1,4 @@
/* Change active tab line color */
.tab-line[selected="true"] {
background-color: var(--primary-accent-color) !important;
}
}

View File

@ -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;
}

View File

@ -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;
}

View File

@ -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;
}

View File

@ -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;