Improve ESR theme

Eclipse-Community · Nov 1, 2024 · e938ed0 · e938ed0
1 parent 3a7991e
commit e938ed0
Show file tree

Hide file tree

Showing 14 changed files with 37 additions and 32 deletions.
diff --git a/browser/branding/esr/background.png b/browser/branding/esr/background.png
diff --git a/browser/branding/esr/bgstub.jpg b/browser/branding/esr/bgstub.jpg
diff --git a/browser/branding/esr/bgstub_2x.jpg b/browser/branding/esr/bgstub_2x.jpg
diff --git a/browser/branding/esr/content/about.png b/browser/branding/esr/content/about.png
diff --git a/browser/branding/esr/content/aboutDialog.css b/browser/branding/esr/content/aboutDialog.css
@@ -3,7 +3,7 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 #aboutDialogContainer {
-  background: linear-gradient(to bottom, #602A17 0%,#3B1E14 93%,#371E14 97%,#361D14 100%);
+  background: linear-gradient(to bottom, #5C1B05 0%,#380D00 93%,#2D0B00 97%,#1E0000 100%);
   color: #fff;
   color-scheme: dark;
 }

diff --git a/browser/branding/esr/stubinstaller/bgstub.jpg b/browser/branding/esr/stubinstaller/bgstub.jpg
diff --git a/browser/branding/esr/wizHeader.bmp b/browser/branding/esr/wizHeader.bmp
diff --git a/browser/branding/esr/wizHeaderRTL.bmp b/browser/branding/esr/wizHeaderRTL.bmp
diff --git a/browser/branding/esr/wizWatermark.bmp b/browser/branding/esr/wizWatermark.bmp
diff --git a/browser/components/newtab/css/activity-stream.css b/browser/components/newtab/css/activity-stream.css
@@ -715,8 +715,8 @@ main section {
   width: 105px;
 
   @media (-moz-bool-pref: "r3dfox.browser.plasmafox") {
-    background-size: 222px;
-    width: 225px;
+    background-size: 220px;
+    width: 220px;
   }
 }
 .lightWallpaper .logo-and-wordmark .wordmark {

diff --git a/browser/themes/shared/esr-toolbar-drag-indicator.svg b/browser/themes/shared/esr-toolbar-drag-indicator.svg
diff --git a/browser/themes/shared/privatebrowsing/aboutPrivateBrowsing.css b/browser/themes/shared/privatebrowsing/aboutPrivateBrowsing.css
@@ -79,6 +79,11 @@ p {
   fill: currentColor;
   height: 96px;
   width: 172px;
+
+  @media (-moz-bool-pref: "r3dfox.browser.plasmafox") {
+    background-size: 220px;
+    width: 220px;
+  }
 }
 
 .search-inner-wrapper {

diff --git a/browser/themes/shared/r3dfox.css b/browser/themes/shared/r3dfox.css
@@ -46,36 +46,36 @@
     }
 
     @media (-moz-bool-pref: "r3dfox.colors.esr") {
-      --arrowpanel-border-color: light-dark(rgb(255, 111, 63), rgb(183, 98, 69)) !important;
-      --toolbar-field-focus-border-color: light-dark(rgb(255, 96, 42), rgb(183, 98, 69)) !important;
-      --sidebar-border-color: light-dark(rgb(255, 111, 63), rgb(183, 98, 69)) !important;
-      --lwt-toolbar-field-highlight: light-dark(rgb(255, 96, 42), rgb(183, 98, 69)) !important;
-      --newtab-primary-action-background: light-dark(rgb(255, 81, 23), rgb(255, 125, 82)) !important;
-      --newtab-primary-action-background-hover: light-dark(rgb(255, 96, 42), rgb(255, 111, 63)) !important;
-      --newtab-primary-action-background-active: light-dark(rgb(255, 96, 42), rgb(255, 96, 42)) !important;
-      --in-content-primary-button-background: light-dark(rgb(255, 81, 23), rgb(255, 125, 82)) !important;
-      --in-content-primary-button-background-hover: light-dark(rgb(255, 96, 42), rgb(255, 111, 63)) !important;
-      --in-content-primary-button-background-active: light-dark(rgb(255, 96, 42), rgb(255, 96, 42)) !important;
-      --color-accent-primary: light-dark(rgb(255, 81, 23), rgb(255, 141, 102)) !important;
-      --color-accent-primary-hover: light-dark(rgb(255, 111, 63), rgb(255, 125, 82)) !important;
-      --color-accent-primary-active: light-dark(rgb(255, 111, 63), rgb(255, 111, 63)) !important;
-      --link-color: light-dark(rgb(255, 81, 23), rgb(255, 125, 82)) !important;
-      --link-color-hover: light-dark(rgb(255, 81, 23), rgb(255, 125, 82)) !important;
-      --link-color-active: light-dark(rgb(255, 111, 63), rgb(255, 111, 63)) !important;
-      --link-color-visited: light-dark(rgb(255, 81, 23), rgb(255, 125, 82)) !important;
-      --button-primary-bgcolor: light-dark(rgb(255, 81, 23), rgb(255, 141, 102)) !important;
-      --button-primary-hover-bgcolor: light-dark(rgb(255, 111, 63), rgb(255, 125, 82)) !important;
-      --button-primary-active-bgcolor: light-dark(rgb(255, 111, 63), rgb(255, 111, 63)) !important;
-      --toolbarbutton-icon-fill-attention: light-dark(rgb(255, 81, 23), rgb(255, 125, 82)) !important;
-      --download-progress-fill-color: light-dark(rgb(255, 96, 42), rgb(255, 125, 82)) !important;
-      --lwt-tab-line-color: light-dark(rgb(255, 96, 42), rgb(255, 125, 82)) !important;
-  
+      --arrowpanel-border-color: light-dark(rgb(255, 102, 51), rgb(183, 98, 69)) !important;
+      --toolbar-field-focus-border-color: light-dark(rgb(255, 86, 30), rgb(183, 98, 69)) !important;
+      --sidebar-border-color: light-dark(rgb(255, 102, 51), rgb(183, 98, 69)) !important;
+      --lwt-toolbar-field-highlight: light-dark(rgb(255, 86, 30), rgb(183, 98, 69)) !important;
+      --newtab-primary-action-background: light-dark(rgb(255, 71, 9), rgb(255, 118, 72)) !important;
+      --newtab-primary-action-background-hover: light-dark(rgb(255, 86, 30), rgb(255, 102, 51)) !important;
+      --newtab-primary-action-background-active: light-dark(rgb(255, 86, 30), rgb(255, 86, 30)) !important;
+      --in-content-primary-button-background: light-dark(rgb(255, 71, 9), rgb(255, 118, 72)) !important;
+      --in-content-primary-button-background-hover: light-dark(rgb(255, 86, 30), rgb(255, 102, 51)) !important;
+      --in-content-primary-button-background-active: light-dark(rgb(255, 86, 30), rgb(255, 86, 30)) !important;
+      --color-accent-primary: light-dark(rgb(255, 71, 9), rgb(255, 100, 100)) !important;
+      --color-accent-primary-hover: light-dark(rgb(255, 102, 51), rgb(255, 118, 72)) !important;
+      --color-accent-primary-active: light-dark(rgb(255, 102, 51), rgb(255, 102, 51)) !important;
+      --link-color: light-dark(rgb(255, 71, 9), rgb(255, 118, 72)) !important;
+      --link-color-hover: light-dark(rgb(255, 71, 9), rgb(255, 118, 72)) !important;
+      --link-color-active: light-dark(rgb(255, 102, 51), rgb(255, 102, 51)) !important;
+      --link-color-visited: light-dark(rgb(255, 71, 9), rgb(255, 118, 72)) !important;
+      --button-primary-bgcolor: light-dark(rgb(255, 71, 9), rgb(255, 100, 100)) !important;
+      --button-primary-hover-bgcolor: light-dark(rgb(255, 102, 51), rgb(255, 118, 72)) !important;
+      --button-primary-active-bgcolor: light-dark(rgb(255, 102, 51), rgb(255, 102, 51)) !important;
+      --toolbarbutton-icon-fill-attention: light-dark(rgb(255, 71, 9), rgb(255, 118, 72)) !important;
+      --download-progress-fill-color: light-dark(rgb(255, 86, 30), rgb(255, 118, 72)) !important;
+      --lwt-tab-line-color: light-dark(rgb(255, 86, 30), rgb(255, 118, 72)) !important;
+
       ::selection {
-        background: light-dark(rgb(255, 125, 82), rgb(183, 98, 69)) !important;
+        background: light-dark(rgb(255, 118, 72), rgb(183, 98, 69)) !important;
       }
-  
+
       .bookmark-item:is(toolbarbutton)[dragover="true"][open="true"] {
-        background: light-dark(rgb(255, 125, 82), rgb(183, 98, 69)) !important;
+        background: light-dark(rgb(255, 118, 72), rgb(183, 98, 69)) !important;
       }
 
       .tab-drop-indicator {

diff --git a/browser/themes/shared/tabbrowser/esr-tab-drag-indicator.svg b/browser/themes/shared/tabbrowser/esr-tab-drag-indicator.svg