material-icon-theme 4.16.0 → 4.18.1

package/package.nls.ru.json

@@ -1,32 +1,32 @@
-{
-  "command.activateIcons": "Material Icons: Активировать иконки темы",
-  "command.toggleIconPacks": "Material Icons: Настроить набор иконок",
-  "command.changeFolderTheme": "Material Icons: Изменить тему папки",
-  "command.changeFolderColor": "Material Icons: Изменить цвет папки",
-  "command.restoreDefaultConfig": "Material Icons: Восстановить настройки по умолчанию",
-  "command.toggleExplorerArrows": "Material Icons: Скрыть стрелки проводника перед папкой",
-  "command.changeOpacity": "Material Icons: Изменение непрозрачности",
-  "configuration.title": "Material Icons",
-  "configuration.files.associations": "Настройка пользовательских ассоциаций значков файлов.",
-  "configuration.folders.associations": "Настройка пользовательских ассоциаций значков папок.",
-  "configuration.languages.associations": "Настройка ассоциаций значков пользовательского языка.",
-  "configuration.showWelcomeMessage": "Показывать приветственное сообщение после первой установки.",
-  "configuration.showUpdateMessage": "Показывать сообщение об обновлении после каждого обновления.",
-  "configuration.showReloadMessage": "Показывать сообщение перезагрузки.",
-  "configuration.activeIconPack": "Выберите набор значков, которые включают определенные значки.",
-  "configuration.activeIconPack.angular": "Иконки для Angular.",
-  "configuration.activeIconPack.angular_ngrx": "Иконки для Angular и ngrx.",
-  "configuration.activeIconPack.react": "Иконки для React.",
-  "configuration.activeIconPack.react_redux": "Иконки для React и Redux.",
-  "configuration.activeIconPack.vue": "Иконки для Vue.",
-  "configuration.activeIconPack.vue_vuex": "Иконки для Vue и Vuex.",
-  "configuration.activeIconPack.nest": "Иконки для NestJS.",
-  "configuration.activeIconPack.none": "Папка с иконками не включена.",
-  "configuration.folders.theme": "Установить тип иконок для папок.",
-  "configuration.folders.theme.specific": "Выберите конкретные значки папок.",
-  "configuration.folders.theme.classic": "Выберите классические значки папок.",
-  "configuration.folders.theme.none": "Нет значков папок.",
-  "configuration.folders.color": "Изменение цвета иконок папок.",
-  "configuration.hidesExplorerArrows": "Скрыть стрелки проводника перед папкой.",
-  "configuration.opacity": "Измените прозрачность значков."
-}
+{
+  "command.activateIcons": "Material Icons: Активировать иконки темы",
+  "command.toggleIconPacks": "Material Icons: Настроить набор иконок",
+  "command.changeFolderTheme": "Material Icons: Изменить тему папки",
+  "command.changeFolderColor": "Material Icons: Изменить цвет папки",
+  "command.restoreDefaultConfig": "Material Icons: Восстановить настройки по умолчанию",
+  "command.toggleExplorerArrows": "Material Icons: Скрыть стрелки проводника перед папкой",
+  "command.changeOpacity": "Material Icons: Изменение непрозрачности",
+  "configuration.title": "Material Icons",
+  "configuration.files.associations": "Настройка пользовательских ассоциаций значков файлов.",
+  "configuration.folders.associations": "Настройка пользовательских ассоциаций значков папок.",
+  "configuration.languages.associations": "Настройка ассоциаций значков пользовательского языка.",
+  "configuration.showWelcomeMessage": "Показывать приветственное сообщение после первой установки.",
+  "configuration.showUpdateMessage": "Показывать сообщение об обновлении после каждого обновления.",
+  "configuration.showReloadMessage": "Показывать сообщение перезагрузки.",
+  "configuration.activeIconPack": "Выберите набор значков, которые включают определенные значки.",
+  "configuration.activeIconPack.angular": "Иконки для Angular.",
+  "configuration.activeIconPack.angular_ngrx": "Иконки для Angular и ngrx.",
+  "configuration.activeIconPack.react": "Иконки для React.",
+  "configuration.activeIconPack.react_redux": "Иконки для React и Redux.",
+  "configuration.activeIconPack.vue": "Иконки для Vue.",
+  "configuration.activeIconPack.vue_vuex": "Иконки для Vue и Vuex.",
+  "configuration.activeIconPack.nest": "Иконки для NestJS.",
+  "configuration.activeIconPack.none": "Папка с иконками не включена.",
+  "configuration.folders.theme": "Установить тип иконок для папок.",
+  "configuration.folders.theme.specific": "Выберите конкретные значки папок.",
+  "configuration.folders.theme.classic": "Выберите классические значки папок.",
+  "configuration.folders.theme.none": "Нет значков папок.",
+  "configuration.folders.color": "Изменение цвета иконок папок.",
+  "configuration.hidesExplorerArrows": "Скрыть стрелки проводника перед папкой.",
+  "configuration.opacity": "Измените прозрачность значков."
+}

package/package.nls.zh-CN.json

@@ -1,32 +1,32 @@
-{
-  "command.activateIcons": "Material Icons: 激活Material Icons文件图标主题",
-  "command.toggleIconPacks": "Material Icons: 选择一个图标包",
-  "command.changeFolderTheme": "Material Icons: 切换文件夹图标",
-  "command.changeFolderColor": "Material Icons: 更改文件夹颜色",
-  "command.restoreDefaultConfig": "Material Icons: 恢复默认设置",
-  "command.toggleExplorerArrows": "Material Icons: 隐藏文件夹箭头",
-  "command.changeOpacity": "Material Icons: 改变不透明度",
-  "configuration.title": "Material Icons",
-  "configuration.files.associations": "设置自定义文件图标关联。",
-  "configuration.folders.associations": "设置自定义文件夹图标关联。",
-  "configuration.languages.associations": "定义自定义语言映射的图标。",
-  "configuration.showWelcomeMessage": "首次安装后显示欢迎信息。",
-  "configuration.showUpdateMessage": "更新后显示升级信息。",
-  "configuration.showReloadMessage": "显示重启消息。",
-  "configuration.activeIconPack": "选择一个图标包。",
-  "configuration.activeIconPack.angular": "Angular的图标。",
-  "configuration.activeIconPack.angular_ngrx": "Angular和ngrx的图标。",
-  "configuration.activeIconPack.react": "React的图标。",
-  "configuration.activeIconPack.react_redux": "React和Redux的图标。",
-  "configuration.activeIconPack.vue": "Vue的图标。",
-  "configuration.activeIconPack.vue_vuex": "Vue和Vuex的图标。",
-  "configuration.activeIconPack.nest": "NestJS的图标。",
-  "configuration.activeIconPack.none": "没有启用图标包。",
-  "configuration.folders.theme": "设置文件夹图标的类型。",
-  "configuration.folders.theme.specific": "选择特定文件夹图标。",
-  "configuration.folders.theme.classic": "选择经典文件夹图标。",
-  "configuration.folders.theme.none": "没有文件夹图标。",
-  "configuration.folders.color": "更改文件夹图标的颜色。",
-  "configuration.hidesExplorerArrows": "隐藏该文件夹旁边的箭头。",
-  "configuration.opacity": "更改图标的透明度。"
-}
+{
+  "command.activateIcons": "Material Icons: 激活Material Icons文件图标主题",
+  "command.toggleIconPacks": "Material Icons: 选择一个图标包",
+  "command.changeFolderTheme": "Material Icons: 切换文件夹图标",
+  "command.changeFolderColor": "Material Icons: 更改文件夹颜色",
+  "command.restoreDefaultConfig": "Material Icons: 恢复默认设置",
+  "command.toggleExplorerArrows": "Material Icons: 隐藏文件夹箭头",
+  "command.changeOpacity": "Material Icons: 改变不透明度",
+  "configuration.title": "Material Icons",
+  "configuration.files.associations": "设置自定义文件图标关联。",
+  "configuration.folders.associations": "设置自定义文件夹图标关联。",
+  "configuration.languages.associations": "定义自定义语言映射的图标。",
+  "configuration.showWelcomeMessage": "首次安装后显示欢迎信息。",
+  "configuration.showUpdateMessage": "更新后显示升级信息。",
+  "configuration.showReloadMessage": "显示重启消息。",
+  "configuration.activeIconPack": "选择一个图标包。",
+  "configuration.activeIconPack.angular": "Angular的图标。",
+  "configuration.activeIconPack.angular_ngrx": "Angular和ngrx的图标。",
+  "configuration.activeIconPack.react": "React的图标。",
+  "configuration.activeIconPack.react_redux": "React和Redux的图标。",
+  "configuration.activeIconPack.vue": "Vue的图标。",
+  "configuration.activeIconPack.vue_vuex": "Vue和Vuex的图标。",
+  "configuration.activeIconPack.nest": "NestJS的图标。",
+  "configuration.activeIconPack.none": "没有启用图标包。",
+  "configuration.folders.theme": "设置文件夹图标的类型。",
+  "configuration.folders.theme.specific": "选择特定文件夹图标。",
+  "configuration.folders.theme.classic": "选择经典文件夹图标。",
+  "configuration.folders.theme.none": "没有文件夹图标。",
+  "configuration.folders.color": "更改文件夹图标的颜色。",
+  "configuration.hidesExplorerArrows": "隐藏该文件夹旁边的箭头。",
+  "configuration.opacity": "更改图标的透明度。"
+}

package/package.nls.zh-TW.json

@@ -1,32 +1,32 @@
-{
-  "command.activateIcons": "Material Icons: 激活Material Icons文件圖標主題",
-  "command.toggleIconPacks": "Material Icons: 選擇一個圖標包",
-  "command.changeFolderTheme": "Material Icons: 切換文件夾圖標",
-  "command.changeFolderColor": "Material Icons: 更改文件夾顏色",
-  "command.restoreDefaultConfig": "Material Icons: 恢復默認設置",
-  "command.toggleExplorerArrows": "Material Icons: 隱藏文件夾箭頭",
-  "command.changeOpacity": "Material Icons: 改變不透明度",
-  "configuration.title": "Material Icons",
-  "configuration.files.associations": "設置自定義文件圖標關聯。",
-  "configuration.folders.associations": "設置自定義文件夾圖標關聯。",
-  "configuration.languages.associations": "定義自定義語言映射的圖標。",
-  "configuration.showWelcomeMessage": "首次安裝後顯示歡迎信息。",
-  "configuration.showUpdateMessage": "更新後顯示升級信息。",
-  "configuration.showReloadMessage": "顯示重啟消息。",
-  "configuration.activeIconPack": "選擇一個圖標包。",
-  "configuration.activeIconPack.angular": "Angular的圖標。",
-  "configuration.activeIconPack.angular_ngrx": "Angular和ngrx的圖標。",
-  "configuration.activeIconPack.react": "React的圖標。",
-  "configuration.activeIconPack.react_redux": "React和Redux的圖標。",
-  "configuration.activeIconPack.vue": "Vue的圖標。",
-  "configuration.activeIconPack.vue_vuex": "Vue和Vuex的圖標。",
-  "configuration.activeIconPack.nest": "NestJS的圖標。",
-  "configuration.activeIconPack.none": "沒有啟用圖標包。",
-  "configuration.folders.theme": "設置文件夾圖標的類型。",
-  "configuration.folders.theme.specific": "選擇特定文件夾圖標。",
-  "configuration.folders.theme.classic": "選擇經典文件夾圖標。",
-  "configuration.folders.theme.none": "沒有文件夾圖標。",
-  "configuration.folders.color": "更改文件夾圖標的顏色。",
-  "configuration.hidesExplorerArrows": "隱藏該文件夾旁邊的箭頭。",
-  "configuration.opacity": "更改圖標的透明度。"
-}
+{
+  "command.activateIcons": "Material Icons: 激活Material Icons文件圖標主題",
+  "command.toggleIconPacks": "Material Icons: 選擇一個圖標包",
+  "command.changeFolderTheme": "Material Icons: 切換文件夾圖標",
+  "command.changeFolderColor": "Material Icons: 更改文件夾顏色",
+  "command.restoreDefaultConfig": "Material Icons: 恢復默認設置",
+  "command.toggleExplorerArrows": "Material Icons: 隱藏文件夾箭頭",
+  "command.changeOpacity": "Material Icons: 改變不透明度",
+  "configuration.title": "Material Icons",
+  "configuration.files.associations": "設置自定義文件圖標關聯。",
+  "configuration.folders.associations": "設置自定義文件夾圖標關聯。",
+  "configuration.languages.associations": "定義自定義語言映射的圖標。",
+  "configuration.showWelcomeMessage": "首次安裝後顯示歡迎信息。",
+  "configuration.showUpdateMessage": "更新後顯示升級信息。",
+  "configuration.showReloadMessage": "顯示重啟消息。",
+  "configuration.activeIconPack": "選擇一個圖標包。",
+  "configuration.activeIconPack.angular": "Angular的圖標。",
+  "configuration.activeIconPack.angular_ngrx": "Angular和ngrx的圖標。",
+  "configuration.activeIconPack.react": "React的圖標。",
+  "configuration.activeIconPack.react_redux": "React和Redux的圖標。",
+  "configuration.activeIconPack.vue": "Vue的圖標。",
+  "configuration.activeIconPack.vue_vuex": "Vue和Vuex的圖標。",
+  "configuration.activeIconPack.nest": "NestJS的圖標。",
+  "configuration.activeIconPack.none": "沒有啟用圖標包。",
+  "configuration.folders.theme": "設置文件夾圖標的類型。",
+  "configuration.folders.theme.specific": "選擇特定文件夾圖標。",
+  "configuration.folders.theme.classic": "選擇經典文件夾圖標。",
+  "configuration.folders.theme.none": "沒有文件夾圖標。",
+  "configuration.folders.color": "更改文件夾圖標的顏色。",
+  "configuration.hidesExplorerArrows": "隱藏該文件夾旁邊的箭頭。",
+  "configuration.opacity": "更改圖標的透明度。"
+}

package/src/commands/activate.ts

@@ -1,26 +1,26 @@
-import * as vscode from 'vscode';
-import * as helpers from './../helpers';
-import * as i18n from './../i18n';
-
-/** Activate the icon theme by changing the settings for the iconTheme. */
-export const activateIcons = () => {
-  return setIconTheme();
-};
-
-/** Set the icon theme in the config. */
-const setIconTheme = async () => {
-  // global user config
-  try {
-    await helpers
-      .getConfig()
-      .update('workbench.iconTheme', 'material-icon-theme', true);
-
-    // local workspace config
-    if (helpers.getConfig().inspect('workbench.iconTheme')?.workspaceValue) {
-      helpers.getConfig().update('workbench.iconTheme', 'material-icon-theme');
-    }
-    vscode.window.showInformationMessage(i18n.translate('activated'));
-  } catch (error) {
-    console.error(error);
-  }
-};
+import * as vscode from 'vscode';
+import * as helpers from './../helpers';
+import * as i18n from './../i18n';
+
+/** Activate the icon theme by changing the settings for the iconTheme. */
+export const activateIcons = () => {
+  return setIconTheme();
+};
+
+/** Set the icon theme in the config. */
+const setIconTheme = async () => {
+  // global user config
+  try {
+    await helpers
+      .getConfig()
+      .update('workbench.iconTheme', 'material-icon-theme', true);
+
+    // local workspace config
+    if (helpers.getConfig().inspect('workbench.iconTheme')?.workspaceValue) {
+      helpers.getConfig().update('workbench.iconTheme', 'material-icon-theme');
+    }
+    vscode.window.showInformationMessage(i18n.translate('activated'));
+  } catch (error) {
+    console.error(error);
+  }
+};

package/src/commands/explorerArrows.ts

@@ -1,55 +1,55 @@
-import * as vscode from 'vscode';
-import * as helpers from '../helpers';
-import * as i18n from '../i18n';
-
-/** Command to toggle the explorer arrows. */
-export const toggleExplorerArrows = async () => {
-  try {
-    const status = checkArrowStatus();
-    const response = await showQuickPickItems(status);
-    return handleQuickPickActions(response);
-  } catch (error) {
-    console.error(error);
-  }
-};
-
-/** Show QuickPick items to select preferred configuration for the explorer arrows. */
-const showQuickPickItems = (
-  status: boolean
-): Thenable<vscode.QuickPickItem | undefined> => {
-  const on: vscode.QuickPickItem = {
-    description: i18n.translate('toggleSwitch.on'),
-    detail: i18n.translate('explorerArrows.enable'),
-    label: !status ? '\u2714' : '\u25FB',
-  };
-  const off: vscode.QuickPickItem = {
-    description: i18n.translate('toggleSwitch.off'),
-    detail: i18n.translate('explorerArrows.disable'),
-    label: status ? '\u2714' : '\u25FB',
-  };
-  return vscode.window.showQuickPick([on, off], {
-    placeHolder: i18n.translate('explorerArrows.toggle'),
-    ignoreFocusOut: false,
-    matchOnDescription: true,
-  });
-};
-
-/** Handle the actions from the QuickPick. */
-const handleQuickPickActions = (value: vscode.QuickPickItem | undefined) => {
-  if (!value?.description) return;
-  switch (value.description) {
-    case i18n.translate('toggleSwitch.on'): {
-      return helpers.setThemeConfig('hidesExplorerArrows', false, true);
-    }
-    case i18n.translate('toggleSwitch.off'): {
-      return helpers.setThemeConfig('hidesExplorerArrows', true, true);
-    }
-    default:
-      return;
-  }
-};
-
-/** Check if arrows are enabled. */
-export const checkArrowStatus = (): boolean => {
-  return !!helpers.getMaterialIconsJSON()?.hidesExplorerArrows;
-};
+import * as vscode from 'vscode';
+import * as helpers from '../helpers';
+import * as i18n from '../i18n';
+
+/** Command to toggle the explorer arrows. */
+export const toggleExplorerArrows = async () => {
+  try {
+    const status = checkArrowStatus();
+    const response = await showQuickPickItems(status);
+    return handleQuickPickActions(response);
+  } catch (error) {
+    console.error(error);
+  }
+};
+
+/** Show QuickPick items to select preferred configuration for the explorer arrows. */
+const showQuickPickItems = (
+  status: boolean
+): Thenable<vscode.QuickPickItem | undefined> => {
+  const on: vscode.QuickPickItem = {
+    description: i18n.translate('toggleSwitch.on'),
+    detail: i18n.translate('explorerArrows.enable'),
+    label: !status ? '\u2714' : '\u25FB',
+  };
+  const off: vscode.QuickPickItem = {
+    description: i18n.translate('toggleSwitch.off'),
+    detail: i18n.translate('explorerArrows.disable'),
+    label: status ? '\u2714' : '\u25FB',
+  };
+  return vscode.window.showQuickPick([on, off], {
+    placeHolder: i18n.translate('explorerArrows.toggle'),
+    ignoreFocusOut: false,
+    matchOnDescription: true,
+  });
+};
+
+/** Handle the actions from the QuickPick. */
+const handleQuickPickActions = (value: vscode.QuickPickItem | undefined) => {
+  if (!value?.description) return;
+  switch (value.description) {
+    case i18n.translate('toggleSwitch.on'): {
+      return helpers.setThemeConfig('hidesExplorerArrows', false, true);
+    }
+    case i18n.translate('toggleSwitch.off'): {
+      return helpers.setThemeConfig('hidesExplorerArrows', true, true);
+    }
+    default:
+      return;
+  }
+};
+
+/** Check if arrows are enabled. */
+export const checkArrowStatus = (): boolean => {
+  return !!helpers.getMaterialIconsJSON()?.hidesExplorerArrows;
+};

package/src/commands/folderColor.ts

@@ -1,96 +1,96 @@
-import * as vscode from 'vscode';
-import { getDefaultIconOptions, validateHEXColorCode } from '../icons';
-import * as helpers from './../helpers';
-import * as i18n from './../i18n';
-
-interface FolderColor {
-  label: string;
-  hex: string;
-}
-
-const iconPalette: FolderColor[] = [
-  { label: 'Grey (Default)', hex: '#90a4ae' },
-  { label: 'Blue', hex: '#42a5f5' },
-  { label: 'Green', hex: '#7CB342' },
-  { label: 'Teal', hex: '#26A69A' },
-  { label: 'Red', hex: '#EF5350' },
-  { label: 'Orange', hex: '#FF7043' },
-  { label: 'Yellow', hex: '#FDD835' },
-  { label: 'Custom Color', hex: 'Custom HEX Code' },
-];
-
-/** Command to toggle the folder icons. */
-export const changeFolderColor = async () => {
-  try {
-    const status = checkFolderColorStatus();
-    const response = await showQuickPickItems(status);
-    if (response) {
-      handleQuickPickActions(response);
-    }
-  } catch (error) {
-    console.error(error);
-  }
-};
-
-/** Show QuickPick items to select preferred color for the folder icons. */
-const showQuickPickItems = (currentColor: string) => {
-  const options = iconPalette.map(
-    (color): vscode.QuickPickItem => ({
-      description: color.label,
-      label: isColorActive(color, currentColor) ? '\u2714' : '\u25FB',
-    })
-  );
-
-  return vscode.window.showQuickPick(options, {
-    placeHolder: i18n.translate('folders.color'),
-    ignoreFocusOut: false,
-    matchOnDescription: true,
-  });
-};
-
-/** Handle the actions from the QuickPick. */
-const handleQuickPickActions = async (value: vscode.QuickPickItem) => {
-  if (!value || !value.description) return;
-  if (value.description === 'Custom Color') {
-    const value = await vscode.window.showInputBox({
-      placeHolder: i18n.translate('folders.hexCode'),
-      ignoreFocusOut: true,
-      validateInput: validateColorInput,
-    });
-    if (value) {
-      setColorConfig(value);
-    }
-  } else {
-    const hexCode = iconPalette.find((c) => c.label === value.description)?.hex;
-    if (hexCode) {
-      setColorConfig(hexCode);
-    }
-  }
-};
-
-const validateColorInput = (colorInput: string) => {
-  if (!validateHEXColorCode(colorInput)) {
-    return i18n.translate('folders.wrongHexCode');
-  }
-  return undefined;
-};
-
-/** Check status of the folder color */
-export const checkFolderColorStatus = (): string => {
-  const defaultOptions = getDefaultIconOptions();
-  const config = helpers.getMaterialIconsJSON();
-  return config?.options?.folders?.color ?? defaultOptions.folders.color!;
-};
-
-const setColorConfig = (value: string) => {
-  helpers.setThemeConfig('folders.color', value.toLowerCase(), true);
-};
-
-const isColorActive = (color: FolderColor, currentColor: string): boolean => {
-  if (color.label === 'Custom Color') {
-    return !iconPalette.some(
-      (c) => c.hex.toLowerCase() === currentColor.toLowerCase()
-    );
-  }
-  return color.hex.toLowerCase() === currentColor.toLowerCase();
-};
+import * as vscode from 'vscode';
+import { getDefaultIconOptions, validateHEXColorCode } from '../icons';
+import * as helpers from './../helpers';
+import * as i18n from './../i18n';
+
+interface FolderColor {
+  label: string;
+  hex: string;
+}
+
+const iconPalette: FolderColor[] = [
+  { label: 'Grey (Default)', hex: '#90a4ae' },
+  { label: 'Blue', hex: '#42a5f5' },
+  { label: 'Green', hex: '#7CB342' },
+  { label: 'Teal', hex: '#26A69A' },
+  { label: 'Red', hex: '#EF5350' },
+  { label: 'Orange', hex: '#FF7043' },
+  { label: 'Yellow', hex: '#FDD835' },
+  { label: 'Custom Color', hex: 'Custom HEX Code' },
+];
+
+/** Command to toggle the folder icons. */
+export const changeFolderColor = async () => {
+  try {
+    const status = checkFolderColorStatus();
+    const response = await showQuickPickItems(status);
+    if (response) {
+      handleQuickPickActions(response);
+    }
+  } catch (error) {
+    console.error(error);
+  }
+};
+
+/** Show QuickPick items to select preferred color for the folder icons. */
+const showQuickPickItems = (currentColor: string) => {
+  const options = iconPalette.map(
+    (color): vscode.QuickPickItem => ({
+      description: color.label,
+      label: isColorActive(color, currentColor) ? '\u2714' : '\u25FB',
+    })
+  );
+
+  return vscode.window.showQuickPick(options, {
+    placeHolder: i18n.translate('folders.color'),
+    ignoreFocusOut: false,
+    matchOnDescription: true,
+  });
+};
+
+/** Handle the actions from the QuickPick. */
+const handleQuickPickActions = async (value: vscode.QuickPickItem) => {
+  if (!value || !value.description) return;
+  if (value.description === 'Custom Color') {
+    const value = await vscode.window.showInputBox({
+      placeHolder: i18n.translate('folders.hexCode'),
+      ignoreFocusOut: true,
+      validateInput: validateColorInput,
+    });
+    if (value) {
+      setColorConfig(value);
+    }
+  } else {
+    const hexCode = iconPalette.find((c) => c.label === value.description)?.hex;
+    if (hexCode) {
+      setColorConfig(hexCode);
+    }
+  }
+};
+
+const validateColorInput = (colorInput: string) => {
+  if (!validateHEXColorCode(colorInput)) {
+    return i18n.translate('folders.wrongHexCode');
+  }
+  return undefined;
+};
+
+/** Check status of the folder color */
+export const checkFolderColorStatus = (): string => {
+  const defaultOptions = getDefaultIconOptions();
+  const config = helpers.getMaterialIconsJSON();
+  return config?.options?.folders?.color ?? defaultOptions.folders.color!;
+};
+
+const setColorConfig = (value: string) => {
+  helpers.setThemeConfig('folders.color', value.toLowerCase(), true);
+};
+
+const isColorActive = (color: FolderColor, currentColor: string): boolean => {
+  if (color.label === 'Custom Color') {
+    return !iconPalette.some(
+      (c) => c.hex.toLowerCase() === currentColor.toLowerCase()
+    );
+  }
+  return color.hex.toLowerCase() === currentColor.toLowerCase();
+};