Nightly icon, color, and padding fixings

fixed right into place
zapSNH · Oct 26, 2024 · f638257 · f638257
1 parent b18c0a5
commit f638257
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 18 deletions.
diff --git a/resources/content.css b/resources/content.css
@@ -125,7 +125,7 @@
 	button, listheader, richlistbox, search-textbox, .info-box-container, .synced-tab-a,
 	.page-section-header > .twisty, [class^="closed-tab-li"], .web-appearance-choice img,
 	.web-appearance-choice, .toolbar, input:not([type="radio"]), .downloadButton > .button-box,
-	.dropdown-selector > select {
+	.dropdown-selector > select, .blackbox {
 		border-radius: var(--photon-secondary-border-radius) !important;
 	}
 	listheader {	
@@ -1182,8 +1182,7 @@
 	.page-nav-icon {
 		width: 16px !important;
 		height: 16px !important;
-		margin-inline-start: 4px;
-		margin-inline-end: -4px;
+		translate: 2px;
 	}
 	.page-nav-icon[src="chrome://browser/content/firefoxview/view-recentbrowsing.svg"] {
 		content: url(./icons/glyph-highlights-16.svg);
@@ -1209,8 +1208,10 @@
 	#fxview-tab-row-tertiary-button {
 		--button-icon: url(./icons/close.svg) !important;
 	}
-	button[part="button"] {
-		background-image: var(--button-icon) !important;
+	button, span {
+		&[part="button"] {
+			background-image: var(--button-icon) !important;
+		}
 	}
 
 	@media (-moz-platform: windows) {

diff --git a/resources/icons.css b/resources/icons.css
@@ -1154,6 +1154,10 @@ img[src="chrome://browser/content/shopping/assets/shopping.svg"] {
 	list-style-image: url(./icons/sign-out.svg) !important;
 	width: 16px !important;
 }
+:root #PanelUI-fxa toolbarbutton[itemtype="showinactivebutton"] .toolbarbutton-icon {
+	margin-inline-end: calc(var(--appmenu-icon-inline-end) * 2) !important;
+	list-style-image: url(./icons/tab.svg) !important;
+}
 :root #PanelUI-sendTabToDevice .sendToDevice-device {
 	padding-top: 4px !important;
 }
@@ -1273,6 +1277,10 @@ menuitem[data-l10n-id="sidebar-menu-close"] .menu-text {
 	margin-inline-end: var(--appmenu-icon-inline-end) !important;
 	list-style-image: url(./icons/find-in-page.svg) !important;
 }
+#allTabsMenu-syncedTabs .toolbarbutton-icon {
+	margin-inline-end: var(--appmenu-icon-inline-end) !important;
+	list-style-image: url(./icons/sync.svg) !important;
+}
 #allTabsMenu-closeDuplicateTabs .toolbarbutton-icon {
 	margin-inline-end: var(--appmenu-icon-inline-end) !important;
 	list-style-image: url(./icons/close.svg) !important;
@@ -1482,16 +1490,16 @@ img {
 }
 /* New sidebar */
 button > img, span > img {
-	&[src="chrome://mozapps/skin/extensions/category-discover.svg"] {
+	&[src="chrome://mozapps/skin/extensions/category-discover.svg"], &[src="chrome://global/skin/icons/highlights.svg"] {
 		content: url("./icons/glyph-highlights-16.svg") !important;
 	}
-	&[src="chrome://browser/content/firefoxview/view-syncedtabs.svg"] {
+	&[src="chrome://browser/content/firefoxview/view-syncedtabs.svg"], &[src="chrome://browser/skin/synced-tabs.svg"] {
 		content: url("./icons/sync.svg") !important;
 	}
-	&[src="chrome://browser/content/firefoxview/view-history.svg"] {
+	&[src="chrome://browser/content/firefoxview/view-history.svg"], &[src="chrome://browser/skin/history.svg"] {
 		content: url("./icons/history.svg") !important;
 	}
-	&[src="chrome://browser/skin/preferences/category-general.svg"] {
+	&[src="chrome://browser/skin/preferences/category-general.svg"], &[src="chrome://global/skin/icons/settings.svg"] {
 		content: url("./icons/settings.svg") !important;
 	}
 	&[src="chrome://browser/skin/bookmark-hollow.svg"] {

diff --git a/resources/panels.css b/resources/panels.css
@@ -604,27 +604,27 @@ tooltip {
 }
 /* Searchbar (not URL bar) */
 #PopupSearchAutoComplete .search-panel-header {
-	background: color-mix(in srgb, currentColor 10%, transparent) !important;
+	background: color-mix(in srgb, currentColor 5%, transparent) !important;
 	padding-block: 2px;
 }
 #PopupSearchAutoComplete .search-panel-current-engine {
 	margin-top: -8px !important;
 }
 #PopupSearchAutoComplete .search-panel-one-offs-header {
-	border-bottom: 1px solid var(--arrowpanel-border-color) !important;
+	border-bottom: 1px solid var(--panel-separator-color) !important;
 }
 #PopupSearchAutoComplete menuseparator {
 	border: none !important;
 	margin: 0 !important;
 	&::before {
-		border-color: var(--arrowpanel-border-color) !important;
+		border-color: var(--panel-separator-color) !important;
 	}
 }
 #PopupSearchAutoComplete .searchbar-engine-one-off-item:not(#searchbar-anon-search-settings) {
 	border-radius: 0 !important;
 	margin: 0 !important;
 	padding-inline: 12px !important;
-	border-inline-end: 1px solid var(--arrowpanel-border-color) !important;
+	border-inline-end: 1px solid var(--panel-separator-color) !important;
 }
 #PopupSearchAutoComplete .search-panel-one-offs-container {
 	display: flex !important;
@@ -635,7 +635,7 @@ tooltip {
 	border-radius: 0 !important;
 	margin: 0 !important;
 	margin-bottom: -8px !important;
-	border-top: 1px solid var(--arrowpanel-border-color) !important;
+	border-top: 1px solid var(--panel-separator-color) !important;
 	background-color: color-mix(in srgb, currentColor 10%, transparent) !important;
 	&:hover:not(:active) {
 		background-color: color-mix(in srgb, currentColor 15%, transparent) !important;
@@ -645,7 +645,7 @@ tooltip {
 	}
 	&::before {
 		content: attr(tooltiptext);
-		border-color: var(--arrowpanel-border-color) !important;
+		border-color: var(--panel-separator-color) !important;
 		opacity: 0.6;
 		margin: auto;
 		width: 100%;

diff --git a/resources/tabs-and-urlbar.css b/resources/tabs-and-urlbar.css
@@ -924,9 +924,6 @@ credits to phroton for some of this stuff */
 			margin-inline-end: calc(var(--space-sidebar) * -1 - 2px) !important;
 		}
 	}
-	.expanded-button {
-		width: calc(100% + var(--button-outer-padding-inline)) !important;
-	}
 	#sidebar-main {
 		width: var(--new-sidebar-width) !important;
 	}