Darken other hover colors to match.

WordPress · Feb 12, 2019 · 334b98a · 334b98a
1 parent 2558bf5
commit 334b98a
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/assets/stylesheets/_mixins.scss b/assets/stylesheets/_mixins.scss
@@ -226,7 +226,7 @@
 }
 
 @mixin block-style__hover {
-	background: $light-gray-100;
+	background: $light-gray-200;
 	color: $dark-gray-900;
 }
 

diff --git a/packages/components/src/menu-item/style.scss b/packages/components/src/menu-item/style.scss
@@ -44,12 +44,12 @@
 .components-menu-item__info {
 	margin-top: $grid-size-small;
 	font-size: $default-font-size - 1px;
-	opacity: 0.8;
+	opacity: 0.84;
 }
 
 .components-menu-item__shortcut {
 	align-self: center;
-	opacity: 0.8;
+	opacity: 0.84;
 	margin-right: 0;
 	margin-left: auto;
 	padding-left: $grid-size;

diff --git a/packages/components/src/panel/style.scss b/packages/components/src/panel/style.scss
@@ -73,7 +73,7 @@
 // Hover States
 .components-panel__body > .components-panel__body-title:hover,
 .edit-post-last-revision__panel > .components-icon-button:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover {
-	background: $light-gray-100;
+	background: $light-gray-200;
 }
 
 .components-panel__body-toggle.components-button {