#89 fix icons in Text

mwalbeck · Feb 5, 2020 · 3e60c0b · 3e60c0b
1 parent 2c45e66
commit 3e60c0b
Show file tree

Hide file tree

Showing 2 changed files with 92 additions and 1 deletion.
diff --git a/css/apps/official/_text.scss b/css/apps/official/_text.scss
@@ -1,3 +1,77 @@
 #editor-wrapper .ProseMirror pre {
 	background-color: var(--color-background-darker) !important;
-}
+}
+
+/* Manual icon variable definitions for icons to prevent black icons -------- */
+
+.icon-undo {
+	background-image: var(--icon-text-undo-f2f2f2) !important;
+}
+
+.icon-redo {
+	background-image: var(--icon-text-redo-f2f2f2) !important;
+}
+
+.icon-bold {
+	background-image: var(--icon-text-bold-f2f2f2) !important;
+}
+
+.icon-italic {
+	background-image: var(--icon-text-italic-f2f2f2) !important;
+}
+
+.icon-strike {
+	background-image: var(--icon-text-strike-f2f2f2) !important;
+}
+
+.icon-paragraph {
+	background-image: var(--icon-text-paragraph-f2f2f2) !important;
+}
+
+.icon-h1 {
+	background-image: var(--icon-text-h1-f2f2f2) !important;
+}
+
+.icon-h2 {
+	background-image: var(--icon-text-h2-f2f2f2) !important;
+}
+
+.icon-h3 {
+	background-image: var(--icon-text-h3-f2f2f2) !important;
+}
+
+.icon-h4 {
+	background-image: var(--icon-text-h4-f2f2f2) !important;
+}
+
+.icon-h5 {
+	background-image: var(--icon-text-h5-f2f2f2) !important;
+}
+
+.icon-h6 {
+	background-image: var(--icon-text-h6-f2f2f2) !important;
+}
+
+.icon-ul {
+	background-image: var(--icon-text-ul-f2f2f2) !important;
+}
+
+.icon-ol {
+	background-image: var(--icon-text-ol-f2f2f2) !important;
+}
+
+.icon-checkmark {
+	background-image: var(--icon-checkmark-f2f2f2) !important;
+}
+
+.icon-quote {
+	background-image: var(--icon-text-quote-f2f2f2) !important;
+}
+
+.icon-code {
+	background-image: var(--icon-text-code-f2f2f2) !important;
+}
+
+.icon-image {
+	background-image: var(--icon-text-image-f2f2f2) !important;
+}
diff --git a/css/server/_icon-variables.scss b/css/server/_icon-variables.scss
@@ -126,22 +126,39 @@ $icon-success: #27ae60;
     @include icon-color-theming('notifications-dark', 'notifications', $icon-normal, 'f2f2f2', 1, false);
 
     @include icon-color-theming('undo', 'text', $icon-normal, '000', 1, false);
+    @include icon-color-theming('undo', 'text', $icon-normal, 'f2f2f2', 1, false);
     @include icon-color-theming('redo', 'text', $icon-normal, '000', 1, false);
+    @include icon-color-theming('redo', 'text', $icon-normal, 'f2f2f2', 1, false);
     @include icon-color-theming('bold', 'text', $icon-normal, '000', 1, false);
+    @include icon-color-theming('bold', 'text', $icon-normal, 'f2f2f2', 1, false);
     @include icon-color-theming('italic', 'text', $icon-normal, '000', 1, false);
+    @include icon-color-theming('italic', 'text', $icon-normal, 'f2f2f2', 1, false);
     @include icon-color-theming('strike', 'text', $icon-normal, '000', 1, false);
+    @include icon-color-theming('strike', 'text', $icon-normal, 'f2f2f2', 1, false);
     @include icon-color-theming('paragraph', 'text', $icon-normal, '000', 1, false);
+    @include icon-color-theming('paragraph', 'text', $icon-normal, 'f2f2f2', 1, false);
     @include icon-color-theming('ul', 'text', $icon-normal, '000', 1, false);
+    @include icon-color-theming('ul', 'text', $icon-normal, 'f2f2f2', 1, false);
     @include icon-color-theming('ol', 'text', $icon-normal, '000', 1, false);
+    @include icon-color-theming('ol', 'text', $icon-normal, 'f2f2f2', 1, false);
     @include icon-color-theming('quote', 'text', $icon-normal, '000', 1, false);
+    @include icon-color-theming('quote', 'text', $icon-normal, 'f2f2f2', 1, false);
     @include icon-color-theming('h1', 'text', $icon-normal, '000', 1, false);
+    @include icon-color-theming('h1', 'text', $icon-normal, 'f2f2f2', 1, false);
     @include icon-color-theming('h2', 'text', $icon-normal, '000', 1, false);
+    @include icon-color-theming('h2', 'text', $icon-normal, 'f2f2f2', 1, false);
     @include icon-color-theming('h3', 'text', $icon-normal, '000', 1, false);
+    @include icon-color-theming('h3', 'text', $icon-normal, 'f2f2f2', 1, false);
     @include icon-color-theming('h4', 'text', $icon-normal, '000', 1, false);
+    @include icon-color-theming('h4', 'text', $icon-normal, 'f2f2f2', 1, false);
     @include icon-color-theming('h5', 'text', $icon-normal, '000', 1, false);
+    @include icon-color-theming('h5', 'text', $icon-normal, 'f2f2f2', 1, false);
     @include icon-color-theming('h6', 'text', $icon-normal, '000', 1, false);
+    @include icon-color-theming('h6', 'text', $icon-normal, 'f2f2f2', 1, false);
     @include icon-color-theming('code', 'text', $icon-normal, '000', 1, false);
+    @include icon-color-theming('code', 'text', $icon-normal, 'f2f2f2', 1, false);
     @include icon-color-theming('image', 'text', $icon-normal, '000', 1, false);
+    @include icon-color-theming('image', 'text', $icon-normal, 'f2f2f2', 1, false);
 
     @include icon-color-theming('rss', 'news', $icon-normal, '000', 1, false);