1 files changed, 19 insertions, 10 deletions

diff --git a/src/objects/_overflow-button.scss b/src/objects/_overflow-button.scss
index 4a794a7..b15ea1f 100644
--- a/src/objects/_overflow-button.scss
+++ b/src/objects/_overflow-button.scss
@@ -27,6 +27,7 @@
                 --label: fn.global-color(--fg),
 
                 --hover: (
+                    --bg:    fn.global-color(--obj),
                     --label: fn.global-color(--fg-lo),
                 ),
             ),
@@ -47,11 +48,13 @@
                     --bg:    fn.global-color(--red --quiet --obj),
                     --label: fn.global-color(--red --quiet --fg-lo),
                 ),
+
                 --selected: (
                     --bg:    fn.global-color(--red --quiet --bg),
                     --label: fn.global-color(--red --quiet --fg),
     
                     --hover: (
+                        --bg:    fn.global-color(--red --quiet --obj),
                         --label: fn.global-color(--red --quiet --fg-lo),
                     ),
                 ),
@@ -66,11 +69,13 @@
                     --bg:    fn.global-color(--blue --quiet --obj),
                     --label: fn.global-color(--blue --quiet --fg-lo),
                 ),
+
                 --selected: (
                     --bg:    fn.global-color(--blue --quiet --bg),
                     --label: fn.global-color(--blue --quiet --fg),
     
                     --hover: (
+                        --bg:    fn.global-color(--blue --quiet --obj),
                         --label: fn.global-color(--blue --quiet --fg-lo),
                     ),
                 ),
@@ -85,11 +90,13 @@
                     --bg:    fn.global-color(--green --quiet --obj),
                     --label: fn.global-color(--green --quiet --fg-lo),
                 ),
+
                 --selected: (
                     --bg:    fn.global-color(--green --quiet --bg),
                     --label: fn.global-color(--green --quiet --fg),
     
                     --hover: (
+                        --bg:    fn.global-color(--green --quiet --obj),
                         --label: fn.global-color(--green --quiet --fg-lo),
                     ),
                 ),
@@ -154,18 +161,20 @@
     
         @include iro.bem-is('selected') {
             @include iro.bem-elem('inside') {
-                border-color: fn.color(--selected --bg);
-                color:        fn.color(--selected --label);        
+                background-color: fn.color(--selected --bg);    
             }
         
             &:link,
             &:visited,
             &:enabled {
+                @include iro.bem-elem('inside') {
+                    color: fn.color(--selected --label);        
+                }
+            
                 &:hover,
                 &:active {
                     @include iro.bem-elem('inside') {
-                        border-color:     transparent;
-                        background-color: fn.color(--selected --bg);
+                        background-color: fn.color(--selected --hover --bg);
                         color:            fn.color(--selected --hover --label);
                     }
                 }
@@ -202,18 +211,18 @@
                 }
         
                 @include iro.bem-is('selected') {
-                    @include iro.bem-elem('inside') {
-                        border-color: fn.color(--#{$color} --selected --bg);
-                        color:        fn.color(--#{$color} --selected --label);
-                    }
-
                     &:link,
                     &:visited,
                     &:enabled {
+                        @include iro.bem-elem('inside') {
+                            background-color: fn.color(--#{$color} --selected --bg);
+                            color:            fn.color(--#{$color} --selected --label);
+                        }
+    
                         &:hover,
                         &:active {
                             @include iro.bem-elem('inside') {
-                                background-color: fn.color(--#{$color} --selected --bg);
+                                background-color: fn.color(--#{$color} --selected --hover --bg);
                                 color:            fn.color(--#{$color} --selected --hover --label);
                             }
                         }