Commit 70b4f9f0 authored by Erik Luo's avatar Erik Luo Committed by Commit Bot

DevTools: update dark theme for components using fill, stroke

Screenshot: https://imgur.com/a/lhjvp3U

Bug: 827860
Change-Id: Ib42840136d4705bf90433e4ee308cf40417a610f
Reviewed-on: https://chromium-review.googlesource.com/1068245Reviewed-by: default avatarAndrey Lushnikov <lushnikov@chromium.org>
Commit-Queue: Andrey Lushnikov <lushnikov@chromium.org>
Cr-Commit-Position: refs/heads/master@{#560896}
parent 6fee3a6a
...@@ -541,7 +541,8 @@ div.palette-preview { ...@@ -541,7 +541,8 @@ div.palette-preview {
height: 100%; height: 100%;
} }
.spectrum-contrast-line { .spectrum-contrast-line,
:host-context(.-theme-with-dark-background) .spectrum-contrast-line {
fill: none; fill: none;
stroke: white; stroke: white;
opacity: 0.7; opacity: 0.7;
......
...@@ -56,12 +56,16 @@ ...@@ -56,12 +56,16 @@
} }
.bezier-curve line.linear-line { .bezier-curve line.linear-line {
stroke: #eee; stroke: rgb(238, 238, 238);
stroke-width: 2; stroke-width: 2;
stroke-linecap: round; stroke-linecap: round;
fill: none; fill: none;
} }
:host-context(.-theme-with-dark-background) .bezier-curve line.linear-line {
stroke: rgb(138, 138, 138);
}
.bezier-curve line.bezier-control-line { .bezier-curve line.bezier-control-line {
stroke: #9C27B0; stroke: #9C27B0;
stroke-width: 2; stroke-width: 2;
......
...@@ -1657,7 +1657,8 @@ UI.ThemeSupport = class { ...@@ -1657,7 +1657,8 @@ UI.ThemeSupport = class {
this._themeName = setting.get() || 'default'; this._themeName = setting.get() || 'default';
this._themableProperties = new Set([ this._themableProperties = new Set([
'color', 'box-shadow', 'text-shadow', 'outline-color', 'background-image', 'background-color', 'color', 'box-shadow', 'text-shadow', 'outline-color', 'background-image', 'background-color',
'border-left-color', 'border-right-color', 'border-top-color', 'border-bottom-color', '-webkit-border-image' 'border-left-color', 'border-right-color', 'border-top-color', 'border-bottom-color', '-webkit-border-image',
'fill', 'stroke'
]); ]);
/** @type {!Map<string, string>} */ /** @type {!Map<string, string>} */
this._cachedThemePatches = new Map(); this._cachedThemePatches = new Map();
......
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