Fixed button's colors

src/browser/base/content/ZenSidebarManager.mjs

@@ -440,7 +440,7 @@ var gZenBrowserManagerSidebar = {
     let url = (browser == null) ? panel.url : browser.currentURI.spec;
     let tab = gBrowser.addTrustedTab(url);    
     gBrowser.selectedTab = tab;
-        this.close();
+    this.close();
   },
 
   contextToggleMuteAudio() {

src/browser/themes/shared/zen-browser-shared.css

@@ -206,7 +206,6 @@ button.popup-notification-dropmarker {
 
 #navigator-toolbox toolbar#TabsToolbar {
   margin: var(--zen-appcontent-separator-from-window);
-  background: var(--sidebar-background-color);
   overflow: hidden;
   transition: .2s;
   border-radius: var(--zen-appcontent-border-radius) !important;
@@ -513,3 +512,12 @@ panelmultiview {
     width: -moz-available;
   }
 }
+
+/* Screenshots */
+
+#screenshotsPagePanel {
+  position: absolute;
+  top: 3%;
+  right: 1.5%;
+}
+

src/toolkit/themes/shared/in-content/zen-common-shared-ui-override.css

@@ -9,6 +9,8 @@ xul|button {
   border-radius: var(--zen-button-border-radius) !important;
   padding: var(--zen-button-padding) !important;
   transition: .2s;
+  min-width: 150px !important;
+  font-weight: 500 !important;
 }
 
 button:active {
@@ -19,5 +21,6 @@ html|button:not(:is(
   .tab-button, .ghost-button
 )) {
   transition: .2s;
-  border-radius: 10px !important;
+  border-radius: 6px !important;
+  min-width: 150px !important;
 }

src/toolkit/themes/shared/in-content/zen-common-shared.css

@@ -32,8 +32,14 @@
   --zen-dialog-background: var(--zen-colors-tertiary);
   --zen-urlbar-background: color-mix(in srgb, var(--zen-primary-color) 8%, #f1f1f1 92%);
 
-  --in-content-primary-button-background: var(--zen-primary-color) !important;          
-  --in-content-primary-button-background-hover: var(--zen-colors-hover-bg) !important;
+  --in-content-primary-button-background: light-dark(
+    color-mix(in srgb, var(--zen-primary-color) 35%, black 65%),
+    color-mix(in srgb, var(--zen-primary-color) 35%, white 65%)
+  ) !important;          
+  --in-content-primary-button-background-hover: light-dark(
+    color-mix(in srgb, var(--zen-primary-color) 40%, black 60%),
+    color-mix(in srgb, var(--zen-primary-color) 40%, white 60%)
+  ) !important;
   --in-content-primary-button-background-active: var(--zen-colors-hover-bg) !important;
   --in-content-primary-button-text-color: light-dark(white, black) !important;
   --in-content-primary-button-border-color: transparent !important;
@@ -44,8 +50,16 @@
   --in-content-accent-color: var(--zen-colors-primary) !important;
 
   /* This is like the secondary button */
-  --in-content-button-background: var(--zen-colors-secondary) !important;
+  --in-content-button-background: light-dark(
+    color-mix(in srgb, var(--zen-primary-color) 20%, transparent 80%),
+    color-mix(in srgb, var(--zen-primary-color) 10%, transparent 90%)
+  ) !important;
+  --in-content-button-background-hover: light-dark(
+    color-mix(in srgb, var(--zen-primary-color) 25%, transparent 75%),
+    color-mix(in srgb, var(--zen-primary-color) 15%, transparent 85%)
+  ) !important;
   --button-bgcolor: var(--in-content-button-background) !important;
+  --button-hover-bgcolor: var(--in-content-button-background-hover) !important;   
   --zen-secondary-btn-color: var(--zen-colors-primary-foreground);
   --focus-outline-color: var(--button-bgcolor) !important;
   --in-content-button-text-color: var(--zen-secondary-btn-color) !important;
@@ -58,8 +72,8 @@
   --in-content-page-background: var(--zen-colors-tertiary) !important;
   --zen-in-content-dialog-background: var(--zen-colors-tertiary);
 
-  --zen-button-border-radius: 7px;
-  --zen-button-padding: 10px 14px;
+  --zen-button-border-radius: 6px       ;
+  --zen-button-padding: .7rem 1.2rem;
 
   /* Other colors */
   --urlbar-box-bgcolor: light-dark(white, rgb(66, 65, 77)) !important;

src/toolkit/themes/shared/zen-popup.css

@@ -379,7 +379,8 @@ hbox.editBMPanel_folderRow {
 /* Context menu */
 menu, menuitem {
   &:where([_moz-menuactive]:not([disabled="true"])) {
-    background-color: var(--zen-colors-border) !important;
+    background-color: var(--button-hover-bgcolor);
+    color: light-dark(black, white);    
   }
 }