refactor(cc-dark-theme): organize styles in several files
Until now we had a single file for the dark theme styles with ~2500
lines, with several sections which were marked with CSS comments.
This CL separates this file into several ones to improve its
maintainability, using the folder structure suggested by
https://sass-guidelin.es/#architecture.
Fixed: twpowertools:21
Change-Id: I0c1741f58b470085c0a499b32aa64feb43d8ad31
diff --git a/src/ccDarkTheme/components/_icon.scss b/src/ccDarkTheme/components/_icon.scss
new file mode 100644
index 0000000..5a1fef6
--- /dev/null
+++ b/src/ccDarkTheme/components/_icon.scss
@@ -0,0 +1,22 @@
+ec-filter-drawer-item material-icon,
+ ec-filter-drawer-item ec-icon,
+ material-drawer .drawer-section material-icon,
+ material-drawer .drawer-section ec-icon,
+ material-list material-icon,
+ ec-query-builder material-icon,
+ ec-thread-summary material-expansionpanel .title material-icon,
+ .search-results ec-thread-option material-icon,
+ .search-results ec-thread-option ec-icon,
+ ec-rich-text-editor material-icon,
+ ec-editor-command material-icon,
+ ec-canned-responses ec-canned-response-row material-icon,
+ ec-ask-flow > .header material-button {
+ color: rgba(255, 255, 255, .87)!important;
+}
+
+material-drawer ec-icon,
+ .search-results ec-thread-option ec-icon,
+ ec-thread-summary material-expansionpanel .title ec-icon,
+ ec-announcements-menu-item ec-icon {
+ fill: rgba(255, 255, 255, .87)!important;
+}