style: menu hover in dark mode

peterpeterparker · peterpeterparker · commit 359f73c51357 · 2019-07-13T13:42:14.000+02:00
diff --git a/docs/CHANGELOG.md b/docs/CHANGELOG.md
@@ -4,6 +4,7 @@
 ### Features
 
 * add new component social option `dev`
+* style menu hover in dark mode
 
 <a name="1.0.0-alpha.19"></a>
 # 1.0.0-alpha.19 (2019-07-11)
diff --git a/docs/src/global/theme/menu.scss b/docs/src/global/theme/menu.scss
@@ -27,8 +27,6 @@ ion-split-pane {
 
           ion-item {
             --color: white;
-
-            --background-activated: var(--ion-color-primary);
           }
         }
 
@@ -123,6 +121,11 @@ ion-split-pane {
 
       ion-content {
         ion-list {
+          ion-item, ion-item-divider {
+            --background-hover: var(--ion-color-secondary);
+            --background-activated: var(--ion-color-secondary);
+          }
+
           ion-item-divider {
             --color: var(--ion-color-light);
           }

Original file line number	Diff line number	Diff line change
`@@ -27,8 +27,6 @@ ion-split-pane {`
`27`	`27`
`28`	`28`	`ion-item {`
`29`	`29`	`--color: white;`
`30`		`-`
`31`		`- --background-activated: var(--ion-color-primary);`
`32`	`30`	`}`
`33`	`31`	`}`
`34`	`32`
`@@ -123,6 +121,11 @@ ion-split-pane {`
`123`	`121`
`124`	`122`	`ion-content {`
`125`	`123`	`ion-list {`
	`124`	`+ ion-item, ion-item-divider {`
	`125`	`+ --background-hover: var(--ion-color-secondary);`
	`126`	`+ --background-activated: var(--ion-color-secondary);`
	`127`	`+ }`
	`128`	`+`
`126`	`129`	`ion-item-divider {`
`127`	`130`	`--color: var(--ion-color-light);`
`128`	`131`	`}`