diff --git a/browser/components/SideNavFilter.styl b/browser/components/SideNavFilter.styl index 5f5874a7..bad5661b 100644 --- a/browser/components/SideNavFilter.styl +++ b/browser/components/SideNavFilter.styl @@ -17,12 +17,12 @@ .menu-button-label color $ui-text-color &:hover - background-color $ui-button--active-backgroundColor + background-color alpha($ui-button--active-backgroundColor, 50%) color #e74c3c .menu-button-label color $ui-text-color &:active, &:active:hover - background-color $ui-button--active-backgroundColor + background-color alpha($ui-button--active-backgroundColor, 50%) color #e74c3c .menu-button-label color $ui-text-color @@ -34,12 +34,12 @@ .menu-button-label color $ui-text-color &:hover - background-color $ui-button--active-backgroundColor + background-color alpha($ui-button--active-backgroundColor, 50%) color #F9BF3B .menu-button-label color $ui-text-color &:active, &:active:hover - background-color $ui-button--active-backgroundColor + background-color alpha($ui-button--active-backgroundColor, 50%) color #F9BF3B .menu-button-label color $ui-text-color @@ -88,7 +88,7 @@ body[data-theme="dark"] .menu-button-label color $ui-dark-text-color &:hover - background-color $ui-dark-button--active-backgroundColor + background-color alpha($ui-dark-button--active-backgroundColor, 50%) color #c0392b .menu-button-label color $ui-dark-text-color @@ -99,7 +99,7 @@ body[data-theme="dark"] .menu-button-label color $ui-dark-text-color &:hover - background-color $ui-dark-button--active-backgroundColor + background-color alpha($ui-dark-button--active-backgroundColor, 50%) color $ui-favorite-star-button-color .menu-button-label color $ui-dark-text-color \ No newline at end of file diff --git a/browser/components/StorageItem.styl b/browser/components/StorageItem.styl index b294c405..e6aabd34 100644 --- a/browser/components/StorageItem.styl +++ b/browser/components/StorageItem.styl @@ -30,7 +30,7 @@ background-color $ui-button--active-backgroundColor &:hover color $ui-text-color - background-color $ui-button--active-backgroundColor + background-color alpha($ui-button--active-backgroundColor, 50%) .folderList-item-name display block @@ -86,7 +86,7 @@ body[data-theme="dark"] color $ui-dark-text-color background-color $ui-dark-button--active-backgroundColor &:active - background-color $ui-dark-button--active-backgroundColor + background-color alpha($ui-dark-button--active-backgroundColor, 50%) &:hover color $ui-dark-text-color - background-color $ui-dark-button--active-backgroundColor + background-color alpha($ui-dark-button--active-backgroundColor, 50%) \ No newline at end of file diff --git a/browser/components/TagListItem.styl b/browser/components/TagListItem.styl index e3ee4f10..ea135a96 100644 --- a/browser/components/TagListItem.styl +++ b/browser/components/TagListItem.styl @@ -31,6 +31,9 @@ border none overflow ellipsis font-size 12px + &:hover + background-color alpha($ui-button--active-backgroundColor, 60%) + transition 0.2s .tagList-item-name display block @@ -43,3 +46,22 @@ border-color transparent overflow hidden text-overflow ellipsis + +body[data-theme="dark"] + .tagList-item + color $ui-dark-inactive-text-color + &:hover + color $ui-dark-text-color + background-color alpha($ui-dark-button--active-backgroundColor, 20%) + &:active + color $ui-dark-text-color + background-color $ui-dark-button--active-backgroundColor + + .tagList-item-active + background-color $ui-dark-button--active-backgroundColor + color $ui-dark-text-color + &:active + background-color alpha($ui-dark-button--active-backgroundColor, 50%) + &:hover + color $ui-dark-text-color + background-color alpha($ui-dark-button--active-backgroundColor, 50%) \ No newline at end of file