Skip to content

GitLab

T
tangled
Commit e2563137 authored by Dan Beam's avatar Dan Beam Committed by Commit Bot
Browse files
Options

WebUI Dark Mode: fix various .svg url()s with optimize_webui = true 

R=aee@chromium.org
BUG=883049

Change-Id: I59f447ca7e21e7b2e8db4f8686e0739e8e68eaf7
Reviewed-on: https://chromium-review.googlesource.com/c/1437579Reviewed-by: default avatarEsmael El-Moslimany <aee@chromium.org>
Commit-Queue: Dan Beam (slow until 1/29) <dbeam@chromium.org>
Cr-Commit-Position: refs/heads/master@{#626303}
parent 4c0410cb
Hide whitespace changes
Inline Side-by-side
Showing with 86 additions and 22 deletions
ui/webui/resources/cr_elements/cr_icons_css.html
View file @ e2563137
......@@ -41,56 +41,64 @@
:-webkit-any(paper-icon-button-light, .cr-icon).icon-arrow-back {
background-image: url(../images/icon_arrow_back.svg);
}
:host-context([dark]) :-webkit-any(paper-icon-button-light, .cr-icon).icon-arrow-back {
:host-context([dark])
:-webkit-any(paper-icon-button-light, .cr-icon).icon-arrow-back {
background-image: url(../images/dark/icon_arrow_back.svg);
}
:-webkit-any(paper-icon-button-light, .cr-icon).icon-cancel {
background-image: url(../images/icon_cancel.svg);
}
:host-context([dark]) :-webkit-any(paper-icon-button-light, .cr-icon).icon-cancel {
:host-context([dark])
:-webkit-any(paper-icon-button-light, .cr-icon).icon-cancel {
background-image: url(../images/dark/icon_cancel.svg);
}
:-webkit-any(paper-icon-button-light, .cr-icon).icon-toolbar-cancel {
background-image: url(../images/icon_toolbar_cancel.svg);
}
:host-context([dark]) :-webkit-any(paper-icon-button-light, .cr-icon).icon-toolbar-cancel {
:host-context([dark])
:-webkit-any(paper-icon-button-light, .cr-icon).icon-toolbar-cancel {
background-image: url(../images/dark/icon_toolbar_cancel.svg);
}
:-webkit-any(paper-icon-button-light, .cr-icon).icon-clear {
background-image: url(../images/icon_clear.svg);
}
:host-context([dark]) :-webkit-any(paper-icon-button-light, .cr-icon).icon-clear {
:host-context([dark])
:-webkit-any(paper-icon-button-light, .cr-icon).icon-clear {
background-image: url(../images/dark/icon_clear.svg);
}
:-webkit-any(paper-icon-button-light, .cr-icon).icon-delete-gray {
background-image: url(../images/icon_delete_gray.svg);
}
:host-context([dark]) :-webkit-any(paper-icon-button-light, .cr-icon).icon-delete-gray {
:host-context([dark])
:-webkit-any(paper-icon-button-light, .cr-icon).icon-delete-gray {
background-image: url(../images/dark/icon_delete_gray.svg);
}
:-webkit-any(paper-icon-button-light, .cr-icon).icon-picture-delete {
background-image: url(../images/icon_picture_delete.svg);
}
:host-context([dark]) :-webkit-any(paper-icon-button-light, .cr-icon).icon-picture-delete {
:host-context([dark])
:-webkit-any(paper-icon-button-light, .cr-icon).icon-picture-delete {
background-image: url(../images/dark/icon_picture_delete.svg);
}
:-webkit-any(paper-icon-button-light, .cr-icon).icon-expand-less {
background-image: url(../images/icon_expand_less.svg);
}
:host-context([dark]) :-webkit-any(paper-icon-button-light, .cr-icon).icon-expand-less {
:host-context([dark])
:-webkit-any(paper-icon-button-light, .cr-icon).icon-expand-less {
background-image: url(../images/dark/icon_expand_less.svg);
}
:-webkit-any(paper-icon-button-light, .cr-icon).icon-expand-more {
background-image: url(../images/icon_expand_more.svg);
}
:host-context([dark]) :-webkit-any(paper-icon-button-light, .cr-icon).icon-expand-more {
:host-context([dark])
:-webkit-any(paper-icon-button-light, .cr-icon).icon-expand-more {
background-image: url(../images/dark/icon_expand_more.svg);
}
......@@ -102,63 +110,72 @@
:-webkit-any(paper-icon-button-light, .cr-icon).icon-toolbar-menu {
background-image: url(../images/icon_toolbar_menu.svg);
}
:host-context([dark]) :-webkit-any(paper-icon-button-light, .cr-icon).icon-toolbar-menu {
:host-context([dark])
:-webkit-any(paper-icon-button-light, .cr-icon).icon-toolbar-menu {
background-image: url(../images/dark/icon_toolbar_menu.svg);
}
:-webkit-any(paper-icon-button-light, .cr-icon).icon-more-vert {
background-image: url(../images/icon_more_vert.svg);
}
:host-context([dark]) :-webkit-any(paper-icon-button-light, .cr-icon).icon-more-vert {
:host-context([dark])
:-webkit-any(paper-icon-button-light, .cr-icon).icon-more-vert {
background-image: url(../images/dark/icon_more_vert.svg);
}
:-webkit-any(paper-icon-button-light, .cr-icon).icon-refresh {
background-image: url(../images/icon_refresh.svg);
}
:host-context([dark]) :-webkit-any(paper-icon-button-light, .cr-icon).icon-refresh {
:host-context([dark])
:-webkit-any(paper-icon-button-light, .cr-icon).icon-refresh {
background-image: url(../images/dark/icon_refresh.svg);
}
:-webkit-any(paper-icon-button-light, .cr-icon).icon-settings {
background-image: url(../images/icon_settings.svg);
}
:host-context([dark]) :-webkit-any(paper-icon-button-light, .cr-icon).icon-settings {
:host-context([dark])
:-webkit-any(paper-icon-button-light, .cr-icon).icon-settings {
background-image: url(../images/dark/icon_settings.svg);
}
:-webkit-any(paper-icon-button-light, .cr-icon).icon-search {
background-image: url(../images/icon_search.svg);
}
:host-context([dark]) :-webkit-any(paper-icon-button-light, .cr-icon).icon-search {
:host-context([dark])
:-webkit-any(paper-icon-button-light, .cr-icon).icon-search {
background-image: url(../images/dark/icon_search.svg);
}
:-webkit-any(paper-icon-button-light, .cr-icon).icon-arrow-dropdown {
background-image: url(../images/icon_arrow_dropdown.svg);
}
:host-context([dark]) :-webkit-any(paper-icon-button-light, .cr-icon).icon-arrow-dropdown {
:host-context([dark])
:-webkit-any(paper-icon-button-light, .cr-icon).icon-arrow-dropdown {
background-image: url(../images/dark/icon_arrow_dropdown.svg);
}
:-webkit-any(paper-icon-button-light, .cr-icon).subpage-arrow {
background-image: url(../images/arrow_right.svg);
}
:host-context([dark]) :-webkit-any(paper-icon-button-light, .cr-icon).subpage-arrow {
:host-context([dark])
:-webkit-any(paper-icon-button-light, .cr-icon).subpage-arrow {
background-image: url(../images/dark/arrow_right.svg);
}
:-webkit-any(paper-icon-button-light, .cr-icon).icon-visibility {
background-image: url(../images/icon_visibility.svg);
}
:host-context([dark]) :-webkit-any(paper-icon-button-light, .cr-icon).icon-visibility {
:host-context([dark])
:-webkit-any(paper-icon-button-light, .cr-icon).icon-visibility {
background-image: url(../images/dark/icon_visibility.svg);
}
:-webkit-any(paper-icon-button-light, .cr-icon).icon-visibility-off {
background-image: url(../images/icon_visibility_off.svg);
}
:host-context([dark]) :-webkit-any(paper-icon-button-light, .cr-icon).icon-visibility-off {
:host-context([dark])
:-webkit-any(paper-icon-button-light, .cr-icon).icon-visibility-off {
background-image: url(../images/dark/icon_visibility_off.svg);
}
</style>
......
ui/webui/resources/cr_elements_images.grdp
View file @ e2563137
......@@ -9,8 +9,52 @@
file="images/arrow_right.svg" type="BINDATA" compress="gzip" />
<include name="IDR_WEBUI_IMAGES_DARK_ARROW_DOWN"
file="images/dark/arrow_down.svg" type="BINDATA" compress="gzip" />
<include name="IDR_WEBUI_IMAGES_OPEN_IN_NEW"
file="images/open_in_new.svg" type="BINDATA" compress="gzip" />
<include name="IDR_WEBUI_IMAGES_DARK_ARROW_RIGHT"
file="images/dark/arrow_right.svg" type="BINDATA" compress="gzip" />
<include name="IDR_WEBUI_IMAGES_DARK_ICON_ARROW_BACK"
file="images/dark/icon_arrow_back.svg" type="BINDATA"
compress="gzip" />
<include name="IDR_WEBUI_IMAGES_DARK_ICON_ARROW_DROPDOWN"
file="images/dark/icon_arrow_dropdown.svg" type="BINDATA"
compress="gzip" />
<include name="IDR_WEBUI_IMAGES_DARK_ICON_CANCEL"
file="images/dark/icon_cancel.svg" type="BINDATA" compress="gzip" />
<include name="IDR_WEBUI_IMAGES_DARK_ICON_CLEAR"
file="images/dark/icon_clear.svg" type="BINDATA" compress="gzip" />
<include name="IDR_WEBUI_IMAGES_DARK_ICON_DELETE_GRAY"
file="images/dark/icon_delete_gray.svg" type="BINDATA"
compress="gzip" />
<include name="IDR_WEBUI_IMAGES_DARK_ICON_EXPAND_LESS"
file="images/dark/icon_expand_less.svg" type="BINDATA"
compress="gzip" />
<include name="IDR_WEBUI_IMAGES_DARK_ICON_EXPAND_MORE"
file="images/dark/icon_expand_more.svg" type="BINDATA"
compress="gzip" />
<include name="IDR_WEBUI_IMAGES_DARK_ICON_MORE_VERT"
file="images/dark/icon_more_vert.svg" type="BINDATA"
compress="gzip" />
<include name="IDR_WEBUI_IMAGES_DARK_ICON_PICTURE_DELETE"
file="images/dark/icon_picture_delete.svg" type="BINDATA"
compress="gzip" />
<include name="IDR_WEBUI_IMAGES_DARK_ICON_REFRESH"
file="images/dark/icon_refresh.svg" type="BINDATA" compress="gzip" />
<include name="IDR_WEBUI_IMAGES_DARK_ICON_SETTINGS"
file="images/dark/icon_settings.svg" type="BINDATA"
compress="gzip" />
<include name="IDR_WEBUI_IMAGES_DARK_ICON_SEARCH"
file="images/dark/icon_search.svg" type="BINDATA" compress="gzip" />
<include name="IDR_WEBUI_IMAGES_DARK_ICON_TOOLBAR_CANCEL"
file="images/dark/icon_toolbar_cancel.svg" type="BINDATA"
compress="gzip" />
<include name="IDR_WEBUI_IMAGES_DARK_ICON_TOOLBAR_MENU"
file="images/dark/icon_toolbar_menu.svg" type="BINDATA"
compress="gzip" />
<include name="IDR_WEBUI_IMAGES_DARK_ICON_VISIBILITY"
file="images/dark/icon_visibility.svg" type="BINDATA"
compress="gzip" />
<include name="IDR_WEBUI_IMAGES_DARK_ICON_VISIBILITY_OFF"
file="images/dark/icon_visibility_off.svg" type="BINDATA"
compress="gzip" />
<include name="IDR_WEBUI_IMAGES_ICON_ARROW_BACK"
file="images/icon_arrow_back.svg" type="BINDATA" compress="gzip" />
<include name="IDR_WEBUI_IMAGES_ICON_ARROW_DROPDOWN"
......@@ -31,13 +75,14 @@
<include name="IDR_WEBUI_IMAGES_ICON_MORE_VERT"
file="images/icon_more_vert.svg" type="BINDATA" compress="gzip" />
<include name="IDR_WEBUI_IMAGES_ICON_PICTURE_DELETE"
file="images/icon_picture_delete.svg" type="BINDATA" compress="gzip" />
file="images/icon_picture_delete.svg" type="BINDATA"
compress="gzip" />
<include name="IDR_WEBUI_IMAGES_ICON_REFRESH"
file="images/icon_refresh.svg" type="BINDATA" compress="gzip" />
<include name="IDR_WEBUI_IMAGES_ICON_SETTINGS"
file="images/icon_settings.svg" type="BINDATA" compress="gzip" />
<include name="IDR_WEBUI_IMAGES_ICON_SEARCH"
file="images/icon_search.svg" type="BINDATA" compress="gzip" />
<include name="IDR_WEBUI_IMAGES_ICON_SETTINGS"
file="images/icon_settings.svg" type="BINDATA" compress="gzip" />
<include name="IDR_WEBUI_IMAGES_ICON_TOOLBAR_CANCEL"
file="images/icon_toolbar_cancel.svg" type="BINDATA"
compress="gzip" />
......@@ -48,6 +93,8 @@
<include name="IDR_WEBUI_IMAGES_ICON_VISIBILITY_OFF"
file="images/icon_visibility_off.svg" type="BINDATA"
compress="gzip" />
<include name="IDR_WEBUI_IMAGES_OPEN_IN_NEW"
file="images/open_in_new.svg" type="BINDATA" compress="gzip" />
<if expr="chromeos">
<include name="IDR_CR_ELEMENTS_CAMERA_ALT_ICON_SVG"
file="cr_elements/chromeos/cr_picture/camera_alt_icon.svg"
......
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