fix(icons): clean up icon font usage and update the font (#1990)

Author: bajrangCoder

src/cm/lsp/codeActions.ts

@@ -39,11 +39,11 @@ const CODE_ACTION_ICONS: Record<string, string> = {
 };
 
 function getCodeActionIcon(kind?: CodeActionKind): string {
-	if (!kind) return "licons zap";
+	if (!kind) return "icon zap";
 	for (const [prefix, icon] of Object.entries(CODE_ACTION_ICONS)) {
 		if (kind.startsWith(prefix)) return icon;
 	}
-	return "licons zap";
+	return "icon zap";
 }
 
 function formatCodeActionKind(kind?: CodeActionKind): string {

src/components/lspInfoDialog/index.js

@@ -338,7 +338,7 @@ function showLspInfoDialog() {
 	const $dialog = (
 		<div className="prompt lsp-info-dialog">
 			<div className="title">
-				<span className="licons zap" style={{ marginRight: "8px" }} />
+				<span className="icon zap" style={{ marginRight: "8px" }} />
 				Language Servers
 			</div>
 			<div className="lsp-dialog-body" />

src/components/settingsPage.js

@@ -253,7 +253,6 @@ function normalizeSettings(settings) {
 			return false;
 		}
 
-		ensureSettingInfo(setting);
 		return true;
 	});
 
@@ -263,16 +262,6 @@ function normalizeSettings(settings) {
 	};
 }
 
-function ensureSettingInfo(setting) {
-	if (setting.info) return;
-
-	Object.defineProperty(setting, "info", {
-		get() {
-			return strings[`info-${this.key.toLocaleLowerCase()}`];
-		},
-	});
-}
-
 function shouldEnableSearch(type, settingsCount) {
 	return type === "united" || (type === "separate" && settingsCount > 5);
 }

src/components/terminal/terminalManager.js

@@ -322,7 +322,7 @@ class TerminalManager {
 			const terminalFile = new EditorFile(terminalName, {
 				type: "terminal",
 				content: terminalContainer,
-				tabIcon: "licons terminal",
+				tabIcon: "icon square-terminal",
 				pinned,
 				render: shouldRender,
 			});

src/components/tile/style.scss

@@ -36,6 +36,15 @@ header {
     font-size: 0.8em;
     z-index: 9999;
 
+    .file,
+    .icon {
+      height: 24px;
+      width: 24px;
+      font-size: 1em;
+      background-size: 22px;
+      flex-shrink: 0;
+    }
+
     .file {
       padding: 0 !important;
     }
@@ -98,4 +107,4 @@ header {
       transform: scale(0.95) translateZ(0);
     }
   }
-}
+}

src/lib/editorFile.js

@@ -1528,7 +1528,7 @@ export default class EditorFile {
 		}
 
 		return tag("span", {
-			className: "licons pin",
+			className: "icon pin",
 			title: strings["unpin tab"] || "Unpin tab",
 			dataset: {
 				action: "toggle-pin",

src/lib/openFolder.js

@@ -356,7 +356,7 @@ async function handleContextmenu(type, url, name, $target) {
 			const OPEN_IN_TERMINAL = [
 				"open-in-terminal",
 				strings["open in terminal"] || "Open in Terminal",
-				"licons terminal",
+				"terminal",
 			];
 			options.push(OPEN_IN_TERMINAL);
 		}
@@ -373,7 +373,7 @@ async function handleContextmenu(type, url, name, $target) {
 			const OPEN_IN_TERMINAL = [
 				"open-in-terminal",
 				strings["open in terminal"] || "Open in Terminal",
-				"licons terminal",
+				"terminal",
 			];
 			options.push(OPEN_IN_TERMINAL);
 		}

src/lib/selectionMenu.js

@@ -49,7 +49,7 @@ export default function selectionMenu() {
 		),
 		item(
 			() => showCodeActions(),
-			<span className="licons lightbulb" title="Code Actions"></span>,
+			<span className="icon lightbulb" title="Code Actions"></span>,
 			"all",
 			true,
 		),

src/main.js

@@ -760,7 +760,7 @@ function createFileMenu({ top, bottom, toggler }) {
 				toggle_pin_tab_text: file.pinned
 					? strings["unpin tab"] || "Unpin tab"
 					: strings["pin tab"] || "Pin tab",
-				toggle_pin_tab_icon: file.pinned ? "licons pin-off" : "licons pin",
+				toggle_pin_tab_icon: file.pinned ? "icon pin-off" : "icon pin",
 				// Use CodeMirror mode stored on EditorFile (set in setMode)
 				file_mode: isEditorFile ? file.currentMode || "" : "",
 				file_encoding: isEditorFile ? encoding : "",

src/pages/plugin/plugin.scss

@@ -71,11 +71,18 @@
         font-size: 14px;
         margin-bottom: 12px;
 
-        .author-name {
+        .meta-item {
           display: inline-flex;
           align-items: center;
           gap: 4px;
+          vertical-align: middle;
+
+          .icon {
+            flex-shrink: 0;
+          }
+        }
 
+        .author-name {
           a {
             text-decoration: none;
             color: inherit;