Fix button hover style

dawin64 · Feb 24, 2019 · 68046cc · 68046cc
1 parent 7ec95ce
commit 68046cc
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 3 deletions.
diff --git a/options.css b/options.css
@@ -11,22 +11,30 @@ body {
 }
 
 .ui-button {
+	background: #eee;
 	border: 1px solid #888;
 }
 
 .ui-button:focus {
+	background: #eee;
 	border: 1px solid #888;
 }
 
 .ui-button:hover {
+	background: #ddd;
 	border: 1px solid #888;
 }
 
 .ui-widget button {
 	padding: 2px 8px;
+	background: #eee;
 	border: 1px solid #888;
 }
 
+.ui-widget button:hover {
+	background: #ddd;
+}
+
 .ui-widget fieldset, input, select, textarea {
 	background: #fff;
 	color: #000;

diff --git a/popup.css b/popup.css
@@ -17,5 +17,10 @@ button {
 	width: 100%;
 	margin: 2px;
 	padding: 2px;
+	background: #eee;
 	border: 1px solid #888;
 }
+
+button:hover {
+	background: #ddd;
+}
diff --git a/themes/dark.css b/themes/dark.css
@@ -8,19 +8,19 @@ body {
 .ui-button {
 	background: #444;
 	color: #bbb;
-	border: 1px solid #888;
+	border: 1px solid #666;
 }
 
 .ui-button:focus {
 	background: #444;
 	color: #bbb;
-	border: 1px solid #888;
+	border: 1px solid #666;
 }
 
 .ui-button:hover {
 	background: #333;
 	color: #bbb;
-	border: 1px solid #888;
+	border: 1px solid #666;
 }
 
 .ui-widget button {
@@ -29,6 +29,10 @@ body {
 	border: 1px solid #666;
 }
 
+.ui-widget button:hover {
+	background: #333;
+}
+
 .ui-widget fieldset, input, select, textarea {
 	background: #222;
 	color: #bbb;

diff --git a/themes/spruce.css b/themes/spruce.css
@@ -29,6 +29,10 @@ body {
 	border: 1px solid #840;
 }
 
+.ui-widget button:hover {
+	background: #142;
+}
+
 .ui-widget fieldset, input, select, textarea {
 	background: #031;
 	color: #9ca;