Fixed styles for light theme

denisoed · Mar 4, 2022 · 3f5ce29 · 3f5ce29
1 parent 79df6fa
commit 3f5ce29
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 17 deletions.
diff --git a/src/orthography/UIElements/UIControls.ts b/src/orthography/UIElements/UIControls.ts
@@ -1,9 +1,6 @@
-import { horizontalSizeIcon } from './UIIcons';
-
 const UIControls = (hasData: boolean): string => {
   return `
       <div class="obsidian-orthography-popup-controls">
-        <div id="sizer" class="obsidian-orthography-popup-horizontalSize" title="Change the size of the popup">${horizontalSizeIcon}</div>
         ${
           hasData
             ? '<button id="reloader" class="obsidian-orthography-popup-reload" title="Restart the orthography checker">Reload</button>'

diff --git a/src/orthography/UIElements/UIIcons.ts b/src/orthography/UIElements/UIIcons.ts
@@ -1,6 +1,6 @@
 export const moveIcon =
-  '<svg viewBox="0 0 15 15" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.232 10.707L8.5 12.44V9h-1v3.44l-1.732-1.733-.707.707L7.646 14h.708l2.585-2.586-.707-.707zM5.061 3.586l.707.707L7.5 2.56V6h1V2.56l1.732 1.733.707-.707L8.354 1h-.708L5.061 3.586zm-.268 1.682L3.06 7H6.5v1H3.06l1.733 1.732-.707.707L1.5 7.854v-.708l2.586-2.585.707.707zM9.5 7h3.44l-1.733-1.732.707-.707L14.5 7.146v.708l-2.586 2.585-.707-.707L12.94 8H9.5V7z"/></svg>';
+  '<svg viewBox="0 0 15 15" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.232 10.707L8.5 12.44V9h-1v3.44l-1.732-1.733-.707.707L7.646 14h.708l2.585-2.586-.707-.707zM5.061 3.586l.707.707L7.5 2.56V6h1V2.56l1.732 1.733.707-.707L8.354 1h-.708L5.061 3.586zm-.268 1.682L3.06 7H6.5v1H3.06l1.733 1.732-.707.707L1.5 7.854v-.708l2.586-2.585.707.707zM9.5 7h3.44l-1.733-1.732.707-.707L14.5 7.146v.708l-2.586 2.585-.707-.707L12.94 8H9.5V7z"/></svg>';
 export const collapseIcon =
-  '<svg viewBox="0 0 15 15" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M9 9H4v1h5V9z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3l1-1h7l1 1v7l-1 1h-2v2l-1 1H3l-1-1V6l1-1h2V3zm1 2h4l1 1v4h2V3H6v2zm4 1H3v7h7V6z"/></svg>';
+  '<svg viewBox="0 0 15 15" xmlns="http://www.w3.org/2000/svg"><path d="M9 9H4v1h5V9z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3l1-1h7l1 1v7l-1 1h-2v2l-1 1H3l-1-1V6l1-1h2V3zm1 2h4l1 1v4h2V3H6v2zm4 1H3v7h7V6z"/></svg>';
 export const horizontalSizeIcon =
-  '<svg viewBox="0 0 15 15" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M3 9l2.146 2.146-.707.708-3-3v-.708l3-3 .707.708L3 8h10l-2.146-2.146.707-.708 3 3v.708l-3 3-.707-.707L13 9H3z"/></svg>';
+  '<svg viewBox="0 0 15 15" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3 9l2.146 2.146-.707.708-3-3v-.708l3-3 .707.708L3 8h10l-2.146-2.146.707-.708 3 3v.708l-3 3-.707-.707L13 9H3z"/></svg>';
diff --git a/src/settings/orthographySettingTab.ts b/src/settings/orthographySettingTab.ts
@@ -17,7 +17,7 @@ export class OrthographySettingTab extends PluginSettingTab {
     containerEl.empty();
     OrthographySettingTab.setDisplayRunner(containerEl, settings);
     OrthographySettingTab.setGrammar(containerEl, settings);
-    // OrthographySettingTab.setLanguage(containerEl, settings);
+    OrthographySettingTab.setLanguage(containerEl, settings);
   }
 
   static setDisplayRunner(

diff --git a/styles.css b/styles.css
@@ -1,5 +1,5 @@
 .obsidian-orthography-highlight {
-  color: #fff;
+  color: inherit;
   border-bottom: 1px solid rgba(255, 0, 0, 1);
   position: relative;
 }
@@ -20,7 +20,7 @@
   border-radius: 3px;
   box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.4);
   background-color: #202020;
-  color: #fff;
+  color: inherit;
   opacity: 0;
   height: 0;
 }
@@ -51,7 +51,7 @@
   box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.4);
   z-index: 2;
   transition: all 0.1s ease;
-  color: rgb(209, 209, 209);
+  color: inherit;
 }
 
 .obsidian-orthography-runner--clear {
@@ -109,7 +109,7 @@
   right: 60px;
   padding: 0 10px 3px;
   overflow: auto;
-  background-color: #202020;
+  background-color: inherit;
   box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.4);
   border-radius: 5px;
   z-index: 15;
@@ -128,8 +128,8 @@
   align-items: center;
   border-radius: 5px;
   box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.4);
-  background-color: #202020;
-  color: #fff;
+  background-color: inherit;
+  color: inherit;
   padding: 10px 15px;
   padding-right: 20px;
   box-sizing: border-box;
@@ -219,7 +219,7 @@
 }
 
 .obsidian-orthography-popup-arrows svg {
-  fill: #fff;
+  fill: inherit;
   opacity: 0.5;
   width: 8px;
 }
@@ -283,7 +283,7 @@
 
 .obsidian-orthography-popup-replacement::before {
   content: '→';
-  color: #fff;
+  color: inherit;
   display: inline-block;
   vertical-align: middle;
   margin-right: 5px;
@@ -316,7 +316,7 @@
   display: flex;
   justify-content: flex-end;
   align-items: center;
-  background-color: #202020;
+  background-color: inherit;
   padding: 5px 10px;
   margin: 0 -10px 5px;
   z-index: 2;
@@ -334,7 +334,7 @@
 .obsidian-orthography-popup-controls div svg {
   width: 16px;
   height: auto;
-  fill: #fff;
+  fill: inherit;
   opacity: 0.5;
 }