colors and filters

front/sass/_dropdown.scss

@@ -19,13 +19,13 @@
   position: absolute;
   border-radius: 12px;
   z-index: 20;
-  background: var(--background);
-  filter: brightness(97%);
+  background: var(--p20);
   transition: 600ms;
   flex-grow: 1;
   top: 35px;
   min-width: max-content;
 
+
   &.orientation-right {
     right: 0;
   }
@@ -42,8 +42,6 @@
   align-items: center;
   gap: 3px;
   text-wrap: nowrap;
-
-
 }
 
 .dropdown-header {
@@ -53,11 +51,16 @@
 .dropdown-item {
   font-size: 14px;
   padding: 3px 10px;
-  &:hover{
-    background: var(--background);
-    filter: brightness(97%);
+
+  &:hover {
+    background: var(--p30);
     border-radius: 12px;
+
+    button {
+      background: var(--p30);
+    }
   }
+
   .button-icon {
     flex-shrink: 0;