fix: bulti-in icons now display properly in dark mode

aidenlx · Nov 16, 2021 · 5f631ab · 5f631ab
1 parent 7c13804
commit 5f631ab
Show file tree

Hide file tree

Showing 6 changed files with 38 additions and 29 deletions.
diff --git a/src/icon-packs/icon.less b/src/icon-packs/icon.less
@@ -0,0 +1,20 @@
+img.isc-icon {
+  display: inline;
+  height: 1em;
+  width: 1em;
+  vertical-align: text-top;
+  .markdown-preview-view &,
+  .markdown-source-view & {
+    height: var(--editor-font-size);
+    width: var(--editor-font-size);
+  }
+  .theme-dark & {
+    &.isc-fab,
+    &.isc-far,
+    &.isc-fas,
+    &.isc-rif,
+    &.isc-ril {
+      filter: invert(1);
+    }
+  }
+}
diff --git a/src/icon-packs/pack-manager.ts b/src/icon-packs/pack-manager.ts
@@ -1,3 +1,5 @@
+import "./icon.less";
+
 import cls from "classnames";
 import Fuse from "fuse.js";
 import getMd5 from "md5";

diff --git a/src/isc-main.ts b/src/isc-main.ts
@@ -1,5 +1,3 @@
-import "./main.less";
-
 import { Plugin } from "obsidian";
 import { DEFAULT_SETTINGS, IconSCSettings, IconSCSettingTab } from "settings";
 

diff --git a/src/main.less b/src/main.less
diff --git a/src/modules/suggester.less b/src/modules/suggester.less
@@ -0,0 +1,14 @@
+.isc.suggestion-container .suggestion-item {
+  display: flex;
+  place-content: space-between;
+
+  .shortcode {
+    margin-right: 8px;
+  }
+  img.isc-icon {
+    display: inline;
+    height: var(--font-normal);
+    width: var(--font-normal);
+  }
+}
+
diff --git a/src/modules/suggester.ts b/src/modules/suggester.ts
@@ -1,3 +1,5 @@
+import "./suggester.less";
+
 import {
   Editor,
   EditorPosition,