diff --git a/src/browser/base/content/zen-panels-ui.inc.xhtml b/src/browser/base/content/zen-panels-ui.inc.xhtml
index 42103d579..95cb9a5a8 100644
--- a/src/browser/base/content/zen-panels-ui.inc.xhtml
+++ b/src/browser/base/content/zen-panels-ui.inc.xhtml
@@ -9,7 +9,7 @@
-
+
diff --git a/src/browser/themes/shared/zen-browser-shared.css b/src/browser/themes/shared/zen-browser-shared.css
index 589eb05fa..a03094b06 100644
--- a/src/browser/themes/shared/zen-browser-shared.css
+++ b/src/browser/themes/shared/zen-browser-shared.css
@@ -269,8 +269,8 @@ toolbarbutton#scrollbutton-up {
border-radius: 50%;
position: relative;
color-scheme: var(--tab-selected-color-scheme);
- background: light-dark(#ececec, #4a4a4a);
- border: 1px solid transparent;
+ background: var(--zen-colors-secondary);
+ border: 2px solid transparent;
padding: 0 !important;
align-items: center;
animation: zen-slide-in 0.3s;
@@ -302,12 +302,16 @@ toolbarbutton#scrollbutton-up {
}
}
-.tabbrowser-tab:not([pinned], [fadein]) {
+.tabbrowser-tab:not([fadein]) {
display: none;
}
+.tabbrowser-tab[pinned]:last-of-type {
+ /** Todo: add a separator */
+}
+
.tabbrowser-tab:is([multiselected="true"], [selected]) {
- border-color: var(--zen-colors-primary);
+ border-color: light-dark(var(--zen-colors-border), rgba(255, 255, 255, 0.15));
}
.tab-close-button {
diff --git a/src/browser/themes/shared/zen-panel-ui.css b/src/browser/themes/shared/zen-panel-ui.css
index 17030f689..82e0ba5a5 100644
--- a/src/browser/themes/shared/zen-panel-ui.css
+++ b/src/browser/themes/shared/zen-panel-ui.css
@@ -43,6 +43,14 @@
margin-bottom: 0;
}
+#PanelUI-zen-profiles-list > toolbarseparator:first-child {
+ margin-bottom: 5px;
+}
+
+#PanelUI-zen-profiles-lastSeparator {
+ margin-top: 5px !important;
+}
+
.PanelUI-zen-profiles-item:hover {
background: var(--panel-item-hover-bgcolor);
color: inherit;