687 lines
26 KiB
Diff
687 lines
26 KiB
Diff
diff --git a/browser/components/newtab/content-src/styles/_icons.scss b/browser/components/newtab/content-src/styles/_icons.scss
|
|
--- a/browser/components/newtab/content-src/styles/_icons.scss
|
|
+++ b/browser/components/newtab/content-src/styles/_icons.scss
|
|
@@ -31,11 +31,11 @@
|
|
|
|
// icon images
|
|
&.icon-bookmark-added {
|
|
- background-image: url('chrome://browser/skin/bookmark.svg');
|
|
+ background-image: url('chrome://browser/skin/starred48.png');
|
|
}
|
|
|
|
&.icon-bookmark-hollow {
|
|
- background-image: url('chrome://browser/skin/bookmark-hollow.svg');
|
|
+ background-image: url('chrome://browser/skin/unstarred48.png');
|
|
}
|
|
|
|
&.icon-clear-input {
|
|
diff --git a/browser/components/newtab/css/activity-stream-linux.css b/browser/components/newtab/css/activity-stream-linux.css
|
|
--- a/browser/components/newtab/css/activity-stream-linux.css
|
|
+++ b/browser/components/newtab/css/activity-stream-linux.css
|
|
@@ -102,10 +102,10 @@ body[lwt-newtab-brighttext] {
|
|
fill: var(--newtab-text-primary-color);
|
|
}
|
|
.icon.icon-bookmark-added {
|
|
- background-image: url("chrome://browser/skin/bookmark.svg");
|
|
+ background-image: url("chrome://browser/skin/starred48.png");
|
|
}
|
|
.icon.icon-bookmark-hollow {
|
|
- background-image: url("chrome://browser/skin/bookmark-hollow.svg");
|
|
+ background-image: url("chrome://browser/skin/unstarred48.png");
|
|
}
|
|
.icon.icon-clear-input {
|
|
background-image: url("chrome://activity-stream/content/data/content/assets/glyph-cancel-16.svg");
|
|
@@ -3742,7 +3742,7 @@ main.has-snippet {
|
|
margin-inline-end: 6px;
|
|
}
|
|
.story-footer .status-message .story-badge-icon.icon-bookmark-removed {
|
|
- background-image: url("chrome://activity-stream/content/data/content/assets/icon-removed-bookmark.svg");
|
|
+ background-image: url("chrome://activity-stream/content/data/content/assets/icon-removed-starred48.png");
|
|
}
|
|
.story-footer .status-message .story-context-label {
|
|
color: var(--newtab-text-secondary-color);
|
|
diff --git a/browser/components/places/content/bookmarkProperties.js b/browser/components/places/content/bookmarkProperties.js
|
|
--- a/browser/components/places/content/bookmarkProperties.js
|
|
+++ b/browser/components/places/content/bookmarkProperties.js
|
|
@@ -267,7 +267,7 @@ var BookmarkPropertiesPanel = {
|
|
},
|
|
|
|
_getIconUrl() {
|
|
- let url = "chrome://browser/skin/bookmark-hollow.svg";
|
|
+ let url = "chrome://browser/skin/unstarred48.png";
|
|
|
|
if (this._action === ACTION_EDIT && this._itemType === BOOKMARK_ITEM) {
|
|
url = window.arguments[0]?.node?.icon;
|
|
diff --git a/browser/components/protections/content/protections.css b/browser/components/protections/content/protections.css
|
|
--- a/browser/components/protections/content/protections.css
|
|
+++ b/browser/components/protections/content/protections.css
|
|
@@ -265,7 +265,7 @@ a.hidden,
|
|
height: var(--exit-icon-size);
|
|
top: var(--exit-icon-position);
|
|
inset-inline-end: var(--exit-icon-position);
|
|
- background-image: url(chrome://global/skin/icons/close.svg);
|
|
+ background-image: url(chrome://browser/skin/tab-close.png);
|
|
background-size: calc(var(--exit-icon-size) - 2px);
|
|
background-color: transparent;
|
|
background-position: center;
|
|
diff --git a/browser/components/urlbar/UrlbarInput.jsm b/browser/components/urlbar/UrlbarInput.jsm
|
|
--- a/browser/components/urlbar/UrlbarInput.jsm
|
|
+++ b/browser/components/urlbar/UrlbarInput.jsm
|
|
@@ -1914,13 +1914,21 @@ class UrlbarInput {
|
|
"--urlbar-container-height",
|
|
px(getBoundsWithoutFlushing(this.textbox.parentNode).height)
|
|
);
|
|
+ //this.textbox.style.setProperty(
|
|
+ // "--urlbar-height",
|
|
+ // px(getBoundsWithoutFlushing(this.textbox).height)
|
|
+ //);
|
|
+ //this.textbox.style.setProperty(
|
|
+ // "--urlbar-toolbar-height",
|
|
+ // px(getBoundsWithoutFlushing(this._toolbar).height)
|
|
+ //);
|
|
this.textbox.style.setProperty(
|
|
"--urlbar-height",
|
|
- px(getBoundsWithoutFlushing(this.textbox).height)
|
|
+ 20
|
|
);
|
|
this.textbox.style.setProperty(
|
|
"--urlbar-toolbar-height",
|
|
- px(getBoundsWithoutFlushing(this._toolbar).height)
|
|
+ 26
|
|
);
|
|
|
|
this.setAttribute("breakout", "true");
|
|
diff --git a/browser/components/urlbar/UrlbarUtils.jsm b/browser/components/urlbar/UrlbarUtils.jsm
|
|
--- a/browser/components/urlbar/UrlbarUtils.jsm
|
|
+++ b/browser/components/urlbar/UrlbarUtils.jsm
|
|
@@ -230,7 +230,7 @@ var UrlbarUtils = {
|
|
{
|
|
source: UrlbarUtils.RESULT_SOURCE.BOOKMARKS,
|
|
restrict: UrlbarTokenizer.RESTRICT.BOOKMARK,
|
|
- icon: "chrome://browser/skin/bookmark.svg",
|
|
+ icon: "chrome://browser/skin/starred48.png",
|
|
pref: "shortcuts.bookmarks",
|
|
},
|
|
{
|
|
diff --git a/browser/components/urlbar/tests/browser/browser_oneOffs_heuristicRestyle.js b/browser/components/urlbar/tests/browser/browser_oneOffs_heuristicRestyle.js
|
|
--- a/browser/components/urlbar/tests/browser/browser_oneOffs_heuristicRestyle.js
|
|
+++ b/browser/components/urlbar/tests/browser/browser_oneOffs_heuristicRestyle.js
|
|
@@ -42,7 +42,7 @@ const RESULT_DATA_BY_TYPE = {
|
|
function getSourceIcon(source) {
|
|
switch (source) {
|
|
case UrlbarUtils.RESULT_SOURCE.BOOKMARKS:
|
|
- return "chrome://browser/skin/bookmark.svg";
|
|
+ return "chrome://browser/skin/starred48.png";
|
|
case UrlbarUtils.RESULT_SOURCE.HISTORY:
|
|
return "chrome://browser/skin/history.svg";
|
|
case UrlbarUtils.RESULT_SOURCE.TABS:
|
|
diff --git a/browser/components/urlbar/tests/browser/browser_searchMode_localOneOffs_actionText.js b/browser/components/urlbar/tests/browser/browser_searchMode_localOneOffs_actionText.js
|
|
--- a/browser/components/urlbar/tests/browser/browser_searchMode_localOneOffs_actionText.js
|
|
+++ b/browser/components/urlbar/tests/browser/browser_searchMode_localOneOffs_actionText.js
|
|
@@ -111,7 +111,7 @@ add_task(async function localOneOff() {
|
|
);
|
|
Assert.equal(
|
|
result.image,
|
|
- "chrome://browser/skin/bookmark.svg",
|
|
+ "chrome://browser/skin/starred48.png",
|
|
"Check the heuristic icon"
|
|
);
|
|
|
|
@@ -252,7 +252,7 @@ add_task(async function localOneOff_with
|
|
);
|
|
Assert.equal(
|
|
result.image,
|
|
- "chrome://browser/skin/bookmark.svg",
|
|
+ "chrome://browser/skin/starred48.png",
|
|
"Check the heuristic icon"
|
|
);
|
|
|
|
diff --git a/browser/themes/shared/browser.inc.css b/browser/themes/shared/browser.inc.css
|
|
--- a/browser/themes/shared/browser.inc.css
|
|
+++ b/browser/themes/shared/browser.inc.css
|
|
@@ -57,10 +56,6 @@
|
|
--urlbar-box-text-color: inherit;
|
|
--urlbar-min-height: 32px;
|
|
--urlbar-icon-fill-opacity: 0.9;
|
|
- --urlbar-icon-padding: 6px; /* (32px - 2px border - 2px padding - 16px icon) / 2 */
|
|
- /* This should be used for icons and chiclets inside the input field. It makes
|
|
- the gap around them more uniform when they are close to the field edges */
|
|
- --urlbar-icon-border-radius: calc(var(--toolbarbutton-border-radius) - 1px);
|
|
--urlbar-popup-url-color: -moz-nativehyperlinktext;
|
|
|
|
--lwt-additional-images: none;
|
|
@@ -490,7 +485,7 @@ menupopup::part(drop-indicator) {
|
|
margin: 3px;
|
|
border: none;
|
|
border-radius: 2px;
|
|
- background-image: url(chrome://global/skin/icons/close.svg);
|
|
+ background-image: url(chrome://browser/skin/tab-close.png);
|
|
background-color: transparent;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
@@ -617,7 +612,7 @@ menupopup::part(drop-indicator) {
|
|
#cfr-notification-footer-filled-stars,
|
|
#cfr-notification-footer-empty-stars {
|
|
-moz-context-properties: fill, fill-opacity;
|
|
- background-image: url(chrome://browser/skin/bookmark.svg);
|
|
+ background-image: url(chrome://browser/skin/starred48.png);
|
|
fill: currentColor;
|
|
fill-opacity: 0.7;
|
|
height: 16px;
|
|
@@ -826,3 +821,8 @@ popupnotificationcontent {
|
|
#tab-notification-deck {
|
|
display: block;
|
|
}
|
|
+
|
|
+#nav-bar, #nav-bar-customization-target {
|
|
+ height: 36px !important;
|
|
+}
|
|
+
|
|
diff --git a/browser/themes/shared/contextmenu.inc.css b/browser/themes/shared/contextmenu.inc.css
|
|
--- a/browser/themes/shared/contextmenu.inc.css
|
|
+++ b/browser/themes/shared/contextmenu.inc.css
|
|
@@ -37,11 +37,11 @@
|
|
}
|
|
|
|
#context-bookmarkpage {
|
|
- list-style-image: url("chrome://browser/skin/bookmark-hollow.svg");
|
|
+ list-style-image: url("chrome://browser/skin/unstarred48.png");
|
|
}
|
|
|
|
#context-bookmarkpage[starred=true] {
|
|
- list-style-image: url("chrome://browser/skin/bookmark.svg");
|
|
+ list-style-image: url("chrome://browser/skin/starred48.png");
|
|
}
|
|
|
|
#context-back:-moz-locale-dir(rtl),
|
|
diff --git a/browser/themes/shared/controlcenter/panel.inc.css b/browser/themes/shared/controlcenter/panel.inc.css
|
|
--- a/browser/themes/shared/controlcenter/panel.inc.css
|
|
+++ b/browser/themes/shared/controlcenter/panel.inc.css
|
|
@@ -721,7 +721,7 @@ description#identity-popup-content-verif
|
|
margin: 0;
|
|
width: 12px;
|
|
height: 12px;
|
|
- list-style-image: url(chrome://global/skin/icons/close.svg);
|
|
+ list-style-image: url(chrome://browser/skin/tab-close.png);
|
|
-moz-context-properties: fill;
|
|
fill: currentColor;
|
|
}
|
|
diff --git a/browser/themes/shared/identity-block/identity-block.inc.css b/browser/themes/shared/identity-block/identity-block.inc.css
|
|
--- a/browser/themes/shared/identity-block/identity-block.inc.css
|
|
+++ b/browser/themes/shared/identity-block/identity-block.inc.css
|
|
@@ -279,3 +279,6 @@
|
|
#urlbar-input-container[pageproxystate="invalid"] > #tracking-protection-icon-container {
|
|
visibility: collapse;
|
|
}
|
|
+.verifiedDomain {
|
|
+ margin 0 4px !important;
|
|
+}
|
|
diff --git a/browser/themes/shared/places/tree-icons.css b/browser/themes/shared/places/tree-icons.css
|
|
--- a/browser/themes/shared/places/tree-icons.css
|
|
+++ b/browser/themes/shared/places/tree-icons.css
|
|
@@ -41,7 +41,7 @@ treechildren::-moz-tree-image(query) {
|
|
}
|
|
|
|
treechildren::-moz-tree-image(query, OrganizerQuery_allbms_____v) {
|
|
- list-style-image: url("chrome://browser/skin/bookmark.svg");
|
|
+ list-style-image: url("chrome://browser/skin/starred48.png");
|
|
}
|
|
|
|
treechildren::-moz-tree-image(query, OrganizerQuery_downloads__v) {
|
|
diff --git a/browser/themes/shared/preferences/preferences.inc.css b/browser/themes/shared/preferences/preferences.inc.css
|
|
--- a/browser/themes/shared/preferences/preferences.inc.css
|
|
+++ b/browser/themes/shared/preferences/preferences.inc.css
|
|
@@ -601,8 +601,8 @@ richlistitem[selected] .actionsMenu:focu
|
|
background-color: transparent; /* override common.css, but keep hover/active states */
|
|
min-width: 0;
|
|
min-height: auto;
|
|
- width: 20px;
|
|
- height: 20px;
|
|
+ width: 16px !important;
|
|
+ height: 16px !important;
|
|
padding: 0;
|
|
margin-inline: 0 8px;
|
|
}
|
|
@@ -790,7 +790,7 @@ dialog > .sync-engines-list + hbox {
|
|
|
|
.sync-engine-bookmarks .checkbox-icon,
|
|
.sync-engine-bookmarks.sync-engine-image {
|
|
- list-style-image: url("chrome://browser/skin/bookmark.svg");
|
|
+ list-style-image: url("chrome://browser/skin/starred48.png");
|
|
}
|
|
|
|
.sync-engine-history .checkbox-icon,
|
|
diff --git a/browser/themes/shared/sidebar.inc.css b/browser/themes/shared/sidebar.inc.css
|
|
--- a/browser/themes/shared/sidebar.inc.css
|
|
+++ b/browser/themes/shared/sidebar.inc.css
|
|
@@ -106,7 +106,7 @@ toolbarseparator + #sidebar-extensions-s
|
|
}
|
|
|
|
#sidebar-box[sidebarcommand="viewBookmarksSidebar"] > #sidebar-header > #sidebar-switcher-target > #sidebar-icon {
|
|
- list-style-image: url(chrome://browser/skin/bookmark.svg);
|
|
+ list-style-image: url(chrome://browser/skin/starred48.png);
|
|
-moz-context-properties: fill;
|
|
fill: currentColor;
|
|
opacity: 0.8;
|
|
--- a/browser/themes/shared/tabs.inc.css 2021-09-28 00:46:31.000000000 +0200
|
|
+++ b/browser/themes/shared/tabs.inc.css 2021-10-21 00:55:40.676223564 +0200
|
|
@@ -44,6 +44,7 @@
|
|
#tabbrowser-tabs {
|
|
--tab-min-width: 76px;
|
|
--tab-loading-fill: #0A84FF;
|
|
+ --tab-min-height: 24px !important;
|
|
}
|
|
|
|
#tabbrowser-tabpanels {
|
|
@@ -90,11 +91,9 @@
|
|
margin: 0 !important /* override tabbox.css */;
|
|
padding: 0 !important /* override tabbox.css */;
|
|
-moz-box-align: stretch;
|
|
-}
|
|
-
|
|
-.tabbrowser-tab {
|
|
min-height: var(--tab-min-height);
|
|
padding-inline: 2px !important;
|
|
+ height: 24px !important;
|
|
}
|
|
|
|
/* tabbrowser-tab keyboard focus */
|
|
@@ -447,10 +446,11 @@
|
|
.tab-close-button {
|
|
-moz-context-properties: fill, fill-opacity;
|
|
margin-inline-end: calc(var(--inline-tab-padding) / -2);
|
|
- width: 24px;
|
|
- height: 24px;
|
|
- padding: 7px;
|
|
+ width: 16px !important;
|
|
+ height: 16px !important;
|
|
+ padding: 0px;
|
|
border-radius: var(--tab-border-radius);
|
|
+ list-style-image: url("chrome://browser/skin/tab-close.png");
|
|
}
|
|
|
|
/* The following rulesets allow showing more of the tab title */
|
|
@@ -541,9 +541,8 @@
|
|
.tab-background {
|
|
border: 1px none transparent;
|
|
background-clip: padding-box;
|
|
-}
|
|
-
|
|
-.tab-background {
|
|
+ margin-top: 0;
|
|
+ height: 24px;
|
|
border-radius: var(--tab-border-radius);
|
|
margin-block: var(--tab-block-margin);
|
|
}
|
|
@@ -645,7 +644,7 @@
|
|
|
|
#tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[first-visible-unpinned-tab] {
|
|
/* Add a gap between the last pinned tab and the first visible tab */
|
|
- margin-inline-start: 12px !important; /* .tabbrowser-tab sets margin: 0 !important; */
|
|
+ margin-inline-start: 0px !important; /* .tabbrowser-tab sets margin: 0 !important; */
|
|
}
|
|
|
|
.tab-label[attention]:not([selected="true"]) {
|
|
@@ -778,5 +777,55 @@
|
|
}
|
|
|
|
.all-tabs-item > toolbarbutton {
|
|
- margin-inline-start: 0;
|
|
+ margin-inline-start: 0 !important;
|
|
+}
|
|
+
|
|
+tab {
|
|
+ font-size: 16px !important;
|
|
+ font-family: sans-serif !important;
|
|
+ padding-inline-start: 0px !important;
|
|
+ padding-inline-end: 0px !important;
|
|
+}
|
|
+
|
|
+.tab-background {
|
|
+ /*background: #eeeeee;*/
|
|
+ border-radius: 0 !important;
|
|
+ margin-bottom: 0px !important;
|
|
+ box-shadow: 0 0 2px 2px rgba(0,0,0,0.1) !important;
|
|
+ border: 1px solid rgba(0,0,0,.5) !important;
|
|
+ border-bottom-width: 0px !important;
|
|
+}
|
|
+
|
|
+#tabbrowser-tabs {
|
|
+ --tab-min-height: 24px !important;
|
|
+}
|
|
+#scrollbutton-up,
|
|
+#scrollbutton-down {
|
|
+ border-top-width: 0 !important;
|
|
+ border-bottom-width: 0 !important;
|
|
+}
|
|
+
|
|
+.tabbrowser-tab[selected] .tab-background {
|
|
+ background: #75cc00 !important;
|
|
+}
|
|
+
|
|
+.tabbrowser-tab[selected] .tab-label {
|
|
+ color: black !important;
|
|
+ font-weight: bold !important;
|
|
+}
|
|
+
|
|
+#TabsToolbar {
|
|
+ border-bottom: 2px solid #000000 !important;
|
|
+ height: 24px !important;
|
|
+}
|
|
+/*
|
|
+.tabbrowser-tab:hover .tab-background:not([selected]) {
|
|
+ background: #75cc00 !important;
|
|
+}*/
|
|
+
|
|
+.tabbrowser-tab:not([selected]) > .tab-stack > .tab-content > .tab-label-container > .tab-close-button {
|
|
+ list-style-image: url("chrome://browser/skin/tab-close_inactive.png") !important;
|
|
+}
|
|
+.tabbrowser-tab > .tab-stack > .tab-content > .tab-label-container > .tab-close-button:hover {
|
|
+ list-style-image: url("chrome://browser/skin/tab-close_hover.png") !important;
|
|
}
|
|
diff --git a/browser/themes/shared/toolbarbutton-icons.inc.css b/browser/themes/shared/toolbarbutton-icons.inc.css
|
|
--- a/browser/themes/shared/toolbarbutton-icons.inc.css
|
|
+++ b/browser/themes/shared/toolbarbutton-icons.inc.css
|
|
@@ -56,11 +56,11 @@ toolbar[brighttext]:-moz-lwtheme {
|
|
}
|
|
|
|
#back-button {
|
|
- list-style-image: url("chrome://browser/skin/back.svg");
|
|
+ list-style-image: url("chrome://browser/skin/back.png");
|
|
}
|
|
|
|
#forward-button {
|
|
- list-style-image: url("chrome://browser/skin/forward.svg");
|
|
+ list-style-image: url("chrome://browser/skin/forward.png");
|
|
}
|
|
|
|
/* The animations for the reload-button and stop-button are disabled
|
|
@@ -120,10 +120,6 @@ toolbar[brighttext]:-moz-lwtheme {
|
|
position: relative;
|
|
}
|
|
|
|
-#nav-bar-customization-target :where(#reload-button, #stop-button) > .toolbarbutton-icon {
|
|
- padding: calc(var(--toolbarbutton-inner-padding) + 1px) var(--toolbarbutton-inner-padding) calc(var(--toolbarbutton-inner-padding) - 1px ) !important; /* The animation is 18px but the other icons are 16px, lower it by 1px so it is vertically centered */
|
|
-}
|
|
-
|
|
#reload-button > .toolbarbutton-animatable-box,
|
|
#stop-button > .toolbarbutton-animatable-box {
|
|
top: calc(50% - 9px); /* Vertically center the 20px tall animatable image, which is 1px higher than other icons */
|
|
@@ -134,25 +130,6 @@ toolbar[brighttext]:-moz-lwtheme {
|
|
height: 20px; /* Height of each frame within the SVG sprite */
|
|
}
|
|
|
|
-#stop-reload-button[animate] > #reload-button > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image {
|
|
- background-image: url("chrome://browser/skin/stop-to-reload.svg");
|
|
- /*
|
|
- transition from stop icon to reload icon
|
|
- pause at frame 0 for 6 ticks,
|
|
- pause at frame 15 for 16 ticks
|
|
- total 35 steps*/
|
|
- --anim-frames: 14;
|
|
- --anim-steps: calc(var(--anim-frames) + 21); /* Add steps for doing the pause at the start and end */
|
|
- width: calc(20px * (var(--anim-frames) + 1));
|
|
- height: 20px;
|
|
-
|
|
- /* initial state for animation */
|
|
- transform: translateX(0);
|
|
-}
|
|
-
|
|
-#stop-reload-button[animate] > #reload-button:not([displaystop]) > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image {
|
|
- animation-name: stop-to-reload;
|
|
-}
|
|
|
|
#reload-button:not([displaystop]) > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image {
|
|
animation-duration: calc(var(--anim-steps) * 16.667ms);
|
|
@@ -193,15 +170,16 @@ toolbar[brighttext]:-moz-lwtheme {
|
|
}
|
|
|
|
#reload-button {
|
|
- list-style-image: url("chrome://global/skin/icons/reload.svg");
|
|
+ list-style-image: url("chrome://browser/skin/refresh.png");
|
|
}
|
|
|
|
#stop-button {
|
|
- list-style-image: url("chrome://global/skin/icons/close.svg");
|
|
+ list-style-image: url("chrome://browser/skin/stop.png");
|
|
+ display: block !important;
|
|
}
|
|
|
|
#home-button {
|
|
- list-style-image: url("chrome://browser/skin/home.svg");
|
|
+ list-style-image: url("chrome://browser/skin/home.png");
|
|
}
|
|
|
|
#bookmarks-toolbar-button,
|
|
diff --git a/browser/themes/shared/urlbar-searchbar.inc.css b/browser/themes/shared/urlbar-searchbar.inc.css
|
|
--- a/browser/themes/shared/urlbar-searchbar.inc.css
|
|
+++ b/browser/themes/shared/urlbar-searchbar.inc.css
|
|
@@ -43,14 +43,14 @@
|
|
background-color: var(--toolbar-field-background-color);
|
|
background-clip: border-box;
|
|
border: 1px solid var(--toolbar-field-border-color);
|
|
- border-radius: var(--toolbarbutton-border-radius);
|
|
+ /*border-radius: var(--toolbarbutton-border-radius);*/
|
|
}
|
|
-
|
|
+/*
|
|
#urlbar-input-container,
|
|
#searchbar {
|
|
border-radius: var(--toolbarbutton-border-radius);
|
|
overflow: clip;
|
|
-}
|
|
+}*/
|
|
|
|
#urlbar-input,
|
|
#urlbar-scheme,
|
|
@@ -66,13 +66,13 @@
|
|
|
|
#urlbar[focused="true"]:not([suppress-focus-border]) > #urlbar-background,
|
|
#searchbar:focus-within {
|
|
- outline: var(--focus-outline);
|
|
- outline-offset: calc(var(--focus-outline-width) * -1);
|
|
+ /*outline: var(--focus-outline);
|
|
+ outline-offset: calc(var(--focus-outline-width) * -1);*/
|
|
/* We used --focus-outline above to inherit its width and style properties,
|
|
but we still want to use the theme's border-color.
|
|
--toolbar-field-focus-border-color is set equal to --focus-outline-color
|
|
on :root, but LWT themes can override this value. */
|
|
- outline-color: var(--toolbar-field-focus-border-color);
|
|
+ /*outline-color: var(--toolbar-field-focus-border-color);*/
|
|
border-color: transparent;
|
|
}
|
|
|
|
@@ -186,13 +186,14 @@
|
|
position: absolute;
|
|
width: 100%;
|
|
height: var(--urlbar-height);
|
|
- top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2);
|
|
+ /*top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2);*/
|
|
+ top: 2px;
|
|
left: 0;
|
|
}
|
|
|
|
#urlbar[breakout] > #urlbar-input-container {
|
|
width: 100%;
|
|
- height: 100%;
|
|
+ height: 32px !important;
|
|
}
|
|
|
|
#urlbar:not([open]) > .urlbarView,
|
|
@@ -277,7 +278,7 @@
|
|
color: var(--urlbar-box-text-color);
|
|
margin-inline-end: 8px;
|
|
align-items: center;
|
|
- border-radius: var(--urlbar-icon-border-radius);
|
|
+/* border-radius: var(--urlbar-icon-border-radius);*/
|
|
padding-inline: 8px 6px;
|
|
}
|
|
|
|
@@ -336,11 +337,15 @@
|
|
|
|
#pageAction-panel-bookmark,
|
|
#star-button {
|
|
- list-style-image: url("chrome://browser/skin/bookmark-hollow.svg");
|
|
+ list-style-image: url("chrome://browser/skin/unstarred48.png");
|
|
+ width: 28px !important;
|
|
+ height: 28px !important;
|
|
}
|
|
#pageAction-panel-bookmark[starred],
|
|
#star-button[starred] {
|
|
- list-style-image: url("chrome://browser/skin/bookmark.svg");
|
|
+ list-style-image: url("chrome://browser/skin/starred48.png");
|
|
+ width: 28px !important;
|
|
+ height: 28px !important;
|
|
}
|
|
#star-button[starred] {
|
|
fill-opacity: 1;
|
|
@@ -383,7 +388,7 @@
|
|
.search-go-button {
|
|
width: calc(var(--urlbar-min-height) - 2px /* border */ - 2 * var(--urlbar-container-padding));
|
|
height: calc(var(--urlbar-min-height) - 2px /* border */ - 2 * var(--urlbar-container-padding));
|
|
- border-radius: var(--urlbar-icon-border-radius);
|
|
+/* border-radius: var(--urlbar-icon-border-radius);*/
|
|
padding: var(--urlbar-icon-padding);
|
|
color: inherit;
|
|
}
|
|
@@ -501,7 +506,7 @@
|
|
#cfr-label-container {
|
|
width: 0;
|
|
overflow: hidden;
|
|
- border-radius: 5px;
|
|
+/* border-radius: 5px;*/
|
|
padding-inline-start: 28px;
|
|
mask-image: linear-gradient(to right, transparent 0, black 0);
|
|
mask-position-x: var(--cfr-label-width);
|
|
@@ -578,7 +583,7 @@
|
|
color: inherit;
|
|
font-size: .8em;
|
|
padding: 3px 7px;
|
|
- border-radius: var(--urlbar-icon-border-radius);
|
|
+/* border-radius: var(--urlbar-icon-border-radius);*/
|
|
background-color: var(--urlbar-box-bgcolor);
|
|
color: var(--urlbar-box-text-color);
|
|
margin-block: calc((var(--urlbar-min-height) - 20px) / 2 - 1px /* border */ - var(--urlbar-container-padding));
|
|
--- a/browser/themes/shared/urlbarView.inc.css
|
|
+++ b/browser/themes/shared/urlbarView.inc.css
|
|
@@ -718,7 +718,7 @@
|
|
|
|
.urlbarView-row[source="bookmarks"] > .urlbarView-row-inner > .urlbarView-no-wrap > .urlbarView-favicon,
|
|
#urlbar-engine-one-off-item-bookmarks {
|
|
- list-style-image: url("chrome://browser/skin/bookmark.svg");
|
|
+ list-style-image: url("chrome://browser/skin/starred48.png");
|
|
fill: var(--lwt-toolbar-field-icon-fill-attention, var(--toolbarbutton-icon-fill-attention));
|
|
fill-opacity: 1;
|
|
-moz-context-properties: fill, fill-opacity;
|
|
--- a/browser/base/content/browser.css 2021-09-28 01:17:27.000000000 +0200
|
|
+++ b/browser/base/content/browser.css 2021-10-12 15:48:21.482190973 +0200
|
|
@@ -1642,3 +1642,11 @@
|
|
/**
|
|
* End Dialogs
|
|
*/
|
|
+
|
|
+.bookmark-item {
|
|
+ margin: 0px !important;
|
|
+ padding: 0px !important;
|
|
+}
|
|
+#PlacesToolbar {
|
|
+ height: 27px !important;
|
|
+}
|
|
--- a/browser/themes/shared/tabs.inc.css 2021-09-28 00:46:31.000000000 +0200
|
|
+++ b/browser/themes/shared/tabs.inc.css 2021-10-12 15:55:22.390190531 +0200
|
|
@@ -278,7 +278,7 @@
|
|
}
|
|
|
|
.tab-icon-image {
|
|
- list-style-image: url("chrome://global/skin/icons/defaultFavicon.svg");
|
|
+ list-style-image: url("chrome://browser/skin/defaultFavicon.png");
|
|
-moz-context-properties: fill;
|
|
fill: currentColor;
|
|
}
|
|
@@ -752,7 +752,7 @@
|
|
}
|
|
|
|
.all-tabs-button {
|
|
- list-style-image: url("chrome://global/skin/icons/defaultFavicon.svg");
|
|
+ list-style-image: url("chrome://browser/skin/defaultFavicon.png");
|
|
}
|
|
|
|
.all-tabs-secondary-button > label {
|
|
--- a/browser/themes/shared/aboutSessionRestore.css 2021-09-28 01:17:27.000000000 +0200
|
|
+++ b/browser/themes/shared/aboutSessionRestore.css 2021-10-12 15:56:47.191190442 +0200
|
|
@@ -63,7 +63,7 @@
|
|
}
|
|
|
|
treechildren::-moz-tree-image(noicon) {
|
|
- list-style-image: url("chrome://global/skin/icons/defaultFavicon.svg");
|
|
+ list-style-image: url("chrome://browser/skin/defaultFavicon.png");
|
|
-moz-context-properties: fill;
|
|
fill: currentColor;
|
|
}
|
|
--- a/browser/themes/shared/customizableui/panelUI.inc.css 2021-09-28 01:17:27.000000000 +0200
|
|
+++ b/browser/themes/shared/customizableui/panelUI.inc.css 2021-10-12 15:58:32.361190332 +0200
|
|
@@ -1394,7 +1394,7 @@
|
|
|
|
.PanelUI-remotetabs-clientcontainer > toolbarbutton[itemtype="tab"],
|
|
#PanelUI-historyItems > toolbarbutton {
|
|
- list-style-image: url("chrome://global/skin/icons/defaultFavicon.svg");
|
|
+ list-style-image: url("chrome://browser/skin/defaultFavicon.png");
|
|
-moz-context-properties: fill;
|
|
fill: currentColor;
|
|
}
|
|
--- a/browser/themes/shared/searchbar.inc.css 2021-09-28 00:46:32.000000000 +0200
|
|
+++ b/browser/themes/shared/searchbar.inc.css 2021-10-12 15:59:11.861190291 +0200
|
|
@@ -5,7 +5,7 @@
|
|
.searchbar-engine-image {
|
|
width: 16px;
|
|
height: 16px;
|
|
- list-style-image: url("chrome://global/skin/icons/defaultFavicon.svg");
|
|
+ list-style-image: url("chrome://browser/skin/defaultFavicon.png");
|
|
-moz-context-properties: fill;
|
|
fill: currentColor;
|
|
}
|
|
--- a/browser/themes/shared/places/tree-icons.css 2021-09-28 00:46:32.000000000 +0200
|
|
+++ b/browser/themes/shared/places/tree-icons.css 2021-10-12 16:00:05.215190235 +0200
|
|
@@ -8,7 +8,7 @@
|
|
}
|
|
|
|
treechildren::-moz-tree-image(title) {
|
|
- list-style-image: url("chrome://global/skin/icons/defaultFavicon.svg");
|
|
+ list-style-image: url("chrome://browser/skin/defaultFavicon.png");
|
|
padding-inline-end: 2px;
|
|
margin: 0 2px;
|
|
width: 16px;
|
|
--- a/browser/themes/shared/syncedtabs/sidebar.inc.css 2021-09-28 00:46:26.000000000 +0200
|
|
+++ b/browser/themes/shared/syncedtabs/sidebar.inc.css 2021-10-12 16:01:03.318190174 +0200
|
|
@@ -132,7 +132,7 @@
|
|
}
|
|
|
|
.item.tab > .item-title-container > .item-icon-container {
|
|
- background-image: url("chrome://global/skin/icons/defaultFavicon.svg");
|
|
+ background-image: url("chrome://browser/skin/defaultFavicon.png");
|
|
-moz-context-properties: fill;
|
|
fill: currentColor;
|
|
}
|
|
--- a/browser/themes/shared/aboutWelcomeBack.css 2021-09-28 00:46:32.000000000 +0200
|
|
+++ b/browser/themes/shared/aboutWelcomeBack.css 2021-10-12 16:01:43.595190132 +0200
|
|
@@ -22,7 +22,7 @@
|
|
}
|
|
|
|
treechildren::-moz-tree-image(noicon) {
|
|
- list-style-image: url("chrome://global/skin/icons/defaultFavicon.svg");
|
|
+ list-style-image: url("chrome://browser/skin/defaultFavicon.png");
|
|
-moz-context-properties: fill;
|
|
fill: currentColor;
|
|
}
|
|
--- a/browser/themes/shared/toolbarbutton-icons.inc.css 2021-09-28 00:46:32.000000000 +0200
|
|
+++ b/browser/themes/shared/toolbarbutton-icons.inc.css 2021-10-12 16:02:37.571190075 +0200
|
|
@@ -429,7 +429,7 @@
|
|
/* ----- BOOKMARK BUTTONS ----- */
|
|
|
|
.bookmark-item {
|
|
- list-style-image: url("chrome://global/skin/icons/defaultFavicon.svg");
|
|
+ list-style-image: url("chrome://browser/skin/defaultFavicon.png");
|
|
-moz-context-properties: fill;
|
|
fill: currentColor;
|
|
}
|