From 43b7a36008e99b7b92af904789268d5284060813 Mon Sep 17 00:00:00 2001 From: Keavon Chambers Date: Sun, 11 Apr 2021 14:13:21 -0700 Subject: [PATCH] Change button hover colors --- client/web/src/components/widgets/DropdownButton.vue | 2 +- client/web/src/components/widgets/IconButton.vue | 2 +- client/web/src/components/widgets/NumberInput.vue | 2 +- client/web/src/components/widgets/RadioPicker.vue | 12 ++++++------ client/web/src/components/widgets/ShelfItem.vue | 2 +- .../web/src/components/window/title-bar/FileMenu.vue | 2 +- .../window/title-bar/WindowButtonsWindows.vue | 2 +- 7 files changed, 12 insertions(+), 12 deletions(-) diff --git a/client/web/src/components/widgets/DropdownButton.vue b/client/web/src/components/widgets/DropdownButton.vue index be837551..67073235 100644 --- a/client/web/src/components/widgets/DropdownButton.vue +++ b/client/web/src/components/widgets/DropdownButton.vue @@ -17,7 +17,7 @@ fill: #ddd; &:hover { - background: #555; + background: #666; fill: #fff; } } diff --git a/client/web/src/components/widgets/IconButton.vue b/client/web/src/components/widgets/IconButton.vue index c9dcadef..4bf0cbb6 100644 --- a/client/web/src/components/widgets/IconButton.vue +++ b/client/web/src/components/widgets/IconButton.vue @@ -25,7 +25,7 @@ } &:hover { - background: #555; + background: #666; color: white; fill: white; } diff --git a/client/web/src/components/widgets/NumberInput.vue b/client/web/src/components/widgets/NumberInput.vue index 95531add..3ae6507c 100644 --- a/client/web/src/components/widgets/NumberInput.vue +++ b/client/web/src/components/widgets/NumberInput.vue @@ -45,7 +45,7 @@ background: #333; &:hover { - background: #555; + background: #666; } &.right { diff --git a/client/web/src/components/widgets/RadioPicker.vue b/client/web/src/components/widgets/RadioPicker.vue index 1546db89..0cb50cea 100644 --- a/client/web/src/components/widgets/RadioPicker.vue +++ b/client/web/src/components/widgets/RadioPicker.vue @@ -23,19 +23,19 @@ } .icon-button { - background: #888; - - & + .icon-button { - margin-left: 1px; - } + background: #555; &:hover { - background: #555; + background: #666; } &.active { background: #3194d6; } + + & + .icon-button { + margin-left: 1px; + } } } diff --git a/client/web/src/components/widgets/ShelfItem.vue b/client/web/src/components/widgets/ShelfItem.vue index 43cb5cfb..7b3f883a 100644 --- a/client/web/src/components/widgets/ShelfItem.vue +++ b/client/web/src/components/widgets/ShelfItem.vue @@ -10,7 +10,7 @@ border-radius: 4px; &:hover { - background: #555; + background: #666; } &.active { diff --git a/client/web/src/components/window/title-bar/FileMenu.vue b/client/web/src/components/window/title-bar/FileMenu.vue index 9fd578d0..2ee091dc 100644 --- a/client/web/src/components/window/title-bar/FileMenu.vue +++ b/client/web/src/components/window/title-bar/FileMenu.vue @@ -21,7 +21,7 @@ } &:hover { - background: #555; + background: #666; svg { fill: #fff; diff --git a/client/web/src/components/window/title-bar/WindowButtonsWindows.vue b/client/web/src/components/window/title-bar/WindowButtonsWindows.vue index 09674cea..a376670a 100644 --- a/client/web/src/components/window/title-bar/WindowButtonsWindows.vue +++ b/client/web/src/components/window/title-bar/WindowButtonsWindows.vue @@ -24,7 +24,7 @@ } &:hover { - background: #555; + background: #666; svg { fill: #fff;