Commit 8d1b2c82 authored by Dan Beam's avatar Dan Beam Committed by Commit Bot

WebUI Dark Mode: fix settings side bar icon color

In dark mode, the *icon* color differs slightly from the *text* color.

Screenshots: https://imgur.com/a/asWpYhY
Spec: https://docs.google.com/presentation/d/1kJoBzf_HGYK-_FAJPAjD67TW8224dCPLA6dAhlDmysk/edit?ts=5c363f50#slide=id.g48a476f4a5_2_42

R=dpapad@chromium.org
BUG=883049

Change-Id: I67521d7505f1b27f212b4813c853074f88c28971
Reviewed-on: https://chromium-review.googlesource.com/c/1429196
Commit-Queue: Demetrios Papadopoulos <dpapad@chromium.org>
Reviewed-by: default avatarDemetrios Papadopoulos <dpapad@chromium.org>
Auto-Submit: Dan Beam (slow until 1/29) <dbeam@chromium.org>
Cr-Commit-Position: refs/heads/master@{#625374}
parent e3990ef6
...@@ -40,7 +40,7 @@ ...@@ -40,7 +40,7 @@
} }
iron-icon { iron-icon {
--iron-icon-fill-color: var(--settings-nav-item-color); --iron-icon-fill-color: var(--settings-nav-icon-color);
margin-inline-end: 24px; margin-inline-end: 24px;
pointer-events: none; pointer-events: none;
vertical-align: top; vertical-align: top;
......
...@@ -28,6 +28,7 @@ ...@@ -28,6 +28,7 @@
padding-top: 0; padding-top: 0;
} }
/* No --settings-nav-icon-color needed in light mode. */
--settings-nav-item-color: var(--google-grey-refresh-700); --settings-nav-item-color: var(--google-grey-refresh-700);
--settings-page-vertical-margin: 21px; --settings-page-vertical-margin: 21px;
...@@ -59,6 +60,7 @@ ...@@ -59,6 +60,7 @@
} }
html[dark] { html[dark] {
--settings-nav-icon-color: var(--google-grey-refresh-500);
--settings-nav-item-color: var(--cr-primary-text-color); --settings-nav-item-color: var(--cr-primary-text-color);
} }
</style> </style>
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment