darken buttons panel in popup to separate the styles

openstyles · Dec 23, 2023 · 3be9815 · 3be9815
1 parent 8a85945
commit 3be9815
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 5 deletions.
diff --git a/popup/popup.css b/popup/popup.css
@@ -55,6 +55,7 @@ body > div:not(#message-box):not(.colorpicker-popup) {
 #main-actions {
   /* raise the actions above the hotkey-info */
   position: relative;
+  background: var(--c95);
   z-index: 4;
   > * {
     margin-top: .75em;
@@ -162,8 +163,8 @@ body > div:not(#message-box):not(.colorpicker-popup) {
   align-items: center;
 }
 
-.styles-first .entry:nth-last-child(odd),
-.styles-last .entry:nth-child(odd) {
+.styles-first .entry:nth-last-child(even),
+.styles-last .entry:nth-child(even) {
   background-color: var(--zebra);
 }
 
@@ -510,6 +511,7 @@ a:hover i {
   flex-direction: row;
   padding: var(--outer-padding) 1px;
   margin-right: calc(-1 * var(--btn-gap));
+  background: var(--c95);
   .split-btn > :first-child {
     width: calc(100% - 16px);
   }
@@ -567,7 +569,9 @@ a:hover i {
   }
   #main-actions {
     order: 1;
-    margin-top: calc(-1 * var(--outer-padding));
+    > :first-child {
+      margin-top: 0;
+    }
     padding-bottom: var(--outer-padding);
   }
   #search-results {

diff --git a/popup/search.css b/popup/search.css
@@ -28,7 +28,8 @@
 
 #search-results {
   background: linear-gradient(
-    var(--c95) 110px /* nav and search params */,
+    var(--c95) 2em,
+    var(--c90) 110px /* nav and search params */,
     var(--c70) 220px /* middle of the first thumbnail */,
     var(--c70) calc(100% - 110px) /* middle of the last thumbnail */,
     var(--c85) calc(100% - 30px)) /* stop at the bottom nav */;
@@ -308,9 +309,10 @@
   word-break: keep-all;
   line-height: 24px;
   font-size: 16px;
-  background-color: var(--c95);
+  background-color: var(--bg);
   margin: 0 calc(-1 * var(--outer-padding)) .5em;
   &[data-type="top"] {
+    border-bottom: var(--border);
     padding: .25em 0 0;
   }
   &[data-type="bottom"] {