style(text-editor): overriding default mde styles (#2140)

Teradata · Apr 9, 2024 · 2b7c6dd · 2b7c6dd
1 parent 3b31c11
commit 2b7c6dd
Showing 1 changed file with 23 additions and 0 deletions.
diff --git a/libs/angular-text-editor/src/lib/text-editor.component.scss b/libs/angular-text-editor/src/lib/text-editor.component.scss
@@ -3,4 +3,27 @@
   // see: https://stackoverflow.com/questions/48806765/import-styles-in-angular-components-styles-with-ng-deep
   /* stylelint-disable-next-line no-invalid-position-at-import-rule */
   @import 'easymde/dist/easymde.min';
+
+  .editor-toolbar {
+    background-color: inherit;
+
+    i.separator {
+      border-left: none;
+    }
+
+    button .fa {
+      color: var(--mat-app-text-color, inherit);
+    }
+
+    button:hover,
+    button.active {
+      background-color: transparent;
+      border: 1px solid inherit;
+    }
+  }
+
+  .EasyMDEContainer .CodeMirror {
+    background-color: inherit;
+    color: inherit;
+  }
 }