From 38bd41bb9f2a9d26df9916c03d99f620b20b9b82 Mon Sep 17 00:00:00 2001
From: Keavon Chambers <keavon@keavon.com>
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 be8375511..67073235c 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 c9dcadef1..4bf0cbb6f 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 95531add2..3ae6507c6 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 1546db893..0cb50cea0 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;
+		}
 	}
 }
 </style>
diff --git a/client/web/src/components/widgets/ShelfItem.vue b/client/web/src/components/widgets/ShelfItem.vue
index 43cb5cfbb..7b3f883a2 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 9fd578d06..2ee091dc0 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 09674cea1..a376670a1 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;