material-icon-theme 4.24.0 → 4.26.0

package/src/commands/fileColor.ts

@@ -0,0 +1,96 @@
+import { QuickPickItem, window as codeWindow } from 'vscode';
+import { getMaterialIconsJSON, setThemeConfig } from '../helpers';
+import { translate } from '../i18n';
+import { getDefaultIconOptions, validateHEXColorCode } from '../icons';
+
+interface FileColor {
+  label: string;
+  hex: string;
+}
+
+const iconPalette: FileColor[] = [
+  { 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 file icons. */
+export const changeFileColor = async () => {
+  try {
+    const status = checkFileColorStatus();
+    const response = await showQuickPickItems(status);
+    if (response) {
+      handleQuickPickActions(response);
+    }
+  } catch (error) {
+    console.error(error);
+  }
+};
+
+/** Show QuickPick items to select preferred color for the file icons. */
+const showQuickPickItems = (currentColor: string) => {
+  const options = iconPalette.map(
+    (color): QuickPickItem => ({
+      description: color.label,
+      label: isColorActive(color, currentColor) ? '\u2714' : '\u25FB',
+    })
+  );
+
+  return codeWindow.showQuickPick(options, {
+    placeHolder: translate('colorSelect.color'),
+    ignoreFocusOut: false,
+    matchOnDescription: true,
+  });
+};
+
+/** Handle the actions from the QuickPick. */
+const handleQuickPickActions = async (value: QuickPickItem) => {
+  if (!value || !value.description) return;
+  if (value.description === 'Custom Color') {
+    const value = await codeWindow.showInputBox({
+      placeHolder: translate('colorSelect.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 translate('colorSelect.wrongHexCode');
+  }
+  return undefined;
+};
+
+/** Check status of the file color */
+export const checkFileColorStatus = (): string => {
+  const defaultOptions = getDefaultIconOptions();
+  const config = getMaterialIconsJSON();
+  return config?.options?.files?.color ?? defaultOptions.files.color!;
+};
+
+const setColorConfig = (value: string) => {
+  setThemeConfig('files.color', value.toLowerCase(), true);
+};
+
+const isColorActive = (color: FileColor, currentColor: string): boolean => {
+  if (color.label === 'Custom Color') {
+    return !iconPalette.some(
+      (c) => c.hex.toLowerCase() === currentColor.toLowerCase()
+    );
+  }
+  return color.hex.toLowerCase() === currentColor.toLowerCase();
+};

package/src/commands/folderColor.ts

@@ -42,7 +42,7 @@ const showQuickPickItems = (currentColor: string) => {
   );
 
   return codeWindow.showQuickPick(options, {
-    placeHolder: translate('folders.color'),
+    placeHolder: translate('colorSelect.color'),
     ignoreFocusOut: false,
     matchOnDescription: true,
   });
@@ -53,7 +53,7 @@ const handleQuickPickActions = async (value: QuickPickItem) => {
   if (!value || !value.description) return;
   if (value.description === 'Custom Color') {
     const value = await codeWindow.showInputBox({
-      placeHolder: translate('folders.hexCode'),
+      placeHolder: translate('colorSelect.hexCode'),
       ignoreFocusOut: true,
       validateInput: validateColorInput,
     });
@@ -70,7 +70,7 @@ const handleQuickPickActions = async (value: QuickPickItem) => {
 
 const validateColorInput = (colorInput: string) => {
   if (!validateHEXColorCode(colorInput)) {
-    return translate('folders.wrongHexCode');
+    return translate('colorSelect.wrongHexCode');
   }
   return undefined;
 };

package/src/commands/index.ts

@@ -1,6 +1,7 @@
 import { commands } from 'vscode';
 import { activateIcons } from './activate';
 import { toggleExplorerArrows } from './explorerArrows';
+import { changeFileColor } from './fileColor';
 import { changeFolderColor } from './folderColor';
 import { changeFolderTheme } from './folders';
 import { toggleGrayscale } from './grayscale';
@@ -14,6 +15,7 @@ const extensionCommands: { [commmand: string]: () => Promise<void> } = {
   toggleIconPacks,
   changeFolderTheme,
   changeFolderColor,
+  changeFileColor,
   restoreDefaultConfig,
   toggleExplorerArrows,
   changeOpacity,

package/src/commands/restoreConfig.ts

@@ -5,6 +5,7 @@ export const restoreDefaultConfig = async () => {
   await setThemeConfig('activeIconPack', undefined, true);
   await setThemeConfig('folders.theme', undefined, true);
   await setThemeConfig('folders.color', undefined, true);
+  await setThemeConfig('files.color', undefined, true);
   await setThemeConfig('hidesExplorerArrows', undefined, true);
   await setThemeConfig('opacity', undefined, true);
   await setThemeConfig('saturation', undefined, true);

package/src/helpers/fileConfig.ts

@@ -12,7 +12,8 @@ export const getFileConfigHash = (options: IconJsonOptions): string => {
     if (
       options.saturation !== defaults.saturation ||
       options.opacity !== defaults.opacity ||
-      options.folders?.color !== defaults.folders.color
+      options.folders?.color !== defaults.folders.color ||
+      options.files?.color !== defaults.files.color
     ) {
       fileConfigString += `~${getHash(JSON.stringify(options))}`;
     }

package/src/i18n/lang-de.ts

@@ -10,14 +10,16 @@ export const translation: Translation = {
   },
   folders: {
     toggleIcons: 'Wähle ein Ordner Design',
-    color: 'Wähle eine Ordner Farbe',
-    hexCode: 'Gebe einen HEX Farbcode ein',
-    wrongHexCode: 'Ungültiger HEX Farbcode',
     disabled: 'Keine Ordner Icons',
     theme: {
       description: "Wähle das '%0' Design",
     },
   },
+  colorSelect: {
+    color: 'Wähle eine Farbe',
+    hexCode: 'Gebe einen HEX Farbcode ein',
+    wrongHexCode: 'Ungültiger HEX Farbcode',
+  },
   opacity: {
     inputPlaceholder: 'Wert der Deckkraft (zwischen 0 und 1)',
     wrongValue: 'Der Wert muss zwischen 0 und 1 liegen!',

package/src/i18n/lang-en.ts

@@ -10,14 +10,16 @@ export const translation: Translation = {
   },
   folders: {
     toggleIcons: 'Pick a folder theme',
-    color: 'Choose a folder color',
-    hexCode: 'Insert a HEX color code',
-    wrongHexCode: 'Invalid HEX color code!',
     disabled: 'No folder icons',
     theme: {
       description: "Select the '%0' folder theme",
     },
   },
+  colorSelect: {
+    color: 'Choose a color',
+    hexCode: 'Insert a HEX color code',
+    wrongHexCode: 'Invalid HEX color code!',
+  },
   opacity: {
     inputPlaceholder: 'Opacity value (between 0 and 1)',
     wrongValue: 'Please enter a floating-point number between 0 and 1.',

package/src/i18n/lang-es.ts

@@ -10,14 +10,16 @@ export const translation: Translation = {
   },
   folders: {
     toggleIcons: 'Cambiar activación de iconos de carpetas',
-    color: 'Elija un color de carpeta',
-    hexCode: 'Insertar un código de color HEX',
-    wrongHexCode: '¡Código de color HEX inválido!',
     disabled: 'Sin iconos de carpeta',
     theme: {
       description: "Iconos de carpeta '%0'",
     },
   },
+  colorSelect: {
+    color: 'Elija un color',
+    hexCode: 'Insertar un código de color HEX',
+    wrongHexCode: '¡Código de color HEX inválido!',
+  },
   opacity: {
     inputPlaceholder: 'Valor de opacidad (entre 0 y 1)',
     wrongValue: '¡El valor debe estar entre 0 y 1!',

package/src/i18n/lang-fr.ts

@@ -10,14 +10,16 @@ export const translation: Translation = {
   },
   folders: {
     toggleIcons: 'Basculer les icônes de dossiers',
-    color: 'Choisissez une couleur de dossier',
-    hexCode: 'Insérer un code couleur HEX',
-    wrongHexCode: 'Code couleur HEX non valide!',
     disabled: 'Aucune icônes de dossiers',
     theme: {
       description: "Icônes de dossiers '%0'",
     },
   },
+  colorSelect: {
+    color: 'Choisissez une couleur',
+    hexCode: 'Insérer un code couleur HEX',
+    wrongHexCode: 'Code couleur HEX non valide!',
+  },
   opacity: {
     inputPlaceholder: "Valeur d'opacité (entre 0 et 1)",
     wrongValue: 'La valeur doit être comprise entre 0 et 1!',

package/src/i18n/lang-ja.ts

@@ -10,14 +10,16 @@ export const translation: Translation = {
   },
   folders: {
     toggleIcons: 'フォルダーアイコンを切り替える',
-    color: 'フォルダーの色を切り替える',
-    hexCode: 'HEX カラーコードを入力する',
-    wrongHexCode: '無効な HEX カラーコードです！',
     disabled: 'フォルダーアイコンを表示しない',
     theme: {
       description: "フォルダーテーマ '%0' を選択する",
     },
   },
+  colorSelect: {
+    color: '色を変える',
+    hexCode: 'HEX カラーコードを入力する',
+    wrongHexCode: '無効な HEX カラーコードです！',
+  },
   opacity: {
     inputPlaceholder: '不透明度（0〜1）',
     wrongValue: '値は0から1の間にしてください！',

package/src/i18n/lang-nl.ts

@@ -10,14 +10,16 @@ export const translation: Translation = {
   },
   folders: {
     toggleIcons: 'Kies een folderthema',
-    color: 'Kies een folderkleur',
-    hexCode: 'Voeg een HEX kleurcode in',
-    wrongHexCode: 'Ongeldige HEX kleurcode!',
     disabled: 'Geen foldericons',
     theme: {
       description: "Selecteer het '%0' folderthema",
     },
   },
+  colorSelect: {
+    color: 'Kies een kleur',
+    hexCode: 'Voeg een HEX kleurcode in',
+    wrongHexCode: 'Ongeldige HEX kleurcode!',
+  },
   opacity: {
     inputPlaceholder: 'Doorzichtbaarheidswaarde (tussen 0 en 1)',
     wrongValue: 'De waarde moet tussen de 0 en 1 zijn!',

package/src/i18n/lang-pl.ts

@@ -10,14 +10,16 @@ export const translation: Translation = {
   },
   folders: {
     toggleIcons: 'Wybierz motyw folderów',
-    color: 'Wybierz kolor folderów',
-    hexCode: 'Podaj kolor w formacie HEX',
-    wrongHexCode: 'Nieprawidłowy kolor HEX!',
     disabled: 'Brak ikon folderów',
     theme: {
       description: "Wybierz motyw folderów '%0'",
     },
   },
+  colorSelect: {
+    color: 'Wybierz kolor',
+    hexCode: 'Podaj kolor w formacie HEX',
+    wrongHexCode: 'Nieprawidłowy kolor HEX!',
+  },
   opacity: {
     inputPlaceholder: 'Wartość przezroczystości (pomiędzy 0 a 1)',
     wrongValue: 'Wartość musi być pomiędzy 0 i 1!',

package/src/i18n/lang-pt-br.ts

@@ -10,14 +10,16 @@ export const translation: Translation = {
   },
   folders: {
     toggleIcons: 'Escolha um tema para as pastas',
-    color: 'Escolha uma cor para as pastas',
-    hexCode: 'Insira um código de cor hexadecimal',
-    wrongHexCode: 'Código de cor hexadecimal inválido!',
     disabled: 'Nenhum ícone de pasta',
     theme: {
       description: "Selecionar o tema para pastas '%0'",
     },
   },
+  colorSelect: {
+    color: 'Escolha uma cor',
+    hexCode: 'Insira um código de cor hexadecimal',
+    wrongHexCode: 'Código de cor hexadecimal inválido!',
+  },
   opacity: {
     inputPlaceholder: 'Valor de opacidade (entre 0 e 1)',
     wrongValue: 'O valor deve estar entre 0 e 1!',

package/src/i18n/lang-pt-pt.ts

@@ -10,14 +10,16 @@ export const translation: Translation = {
   },
   folders: {
     toggleIcons: 'Escolhe um tema para os directórios',
-    color: 'Escolhe uma cor para os directórios',
-    hexCode: 'Insira um código de cor hexadecimal',
-    wrongHexCode: 'Código de cor hexadecimal inválido!',
     disabled: 'Nenhum ícone do directório',
     theme: {
       description: "Seleccionar o tema para directórios '%0'",
     },
   },
+  colorSelect: {
+    color: 'Escolhe uma cor',
+    hexCode: 'Insira um código de cor hexadecimal',
+    wrongHexCode: 'Código de cor hexadecimal inválido!',
+  },
   opacity: {
     inputPlaceholder: 'Valor de opacidade (entre 0 e 1)',
     wrongValue: 'O valor deve estar entre 0 e 1!',

package/src/i18n/lang-ru.ts

@@ -10,14 +10,16 @@ export const translation: Translation = {
   },
   folders: {
     toggleIcons: 'Выбрать тему папки',
-    color: 'Выбрать цвет папки',
-    hexCode: 'Вставить HEX-код цвета',
-    wrongHexCode: 'Неверный HEX-код цвета!',
     disabled: 'Нет иконок для папки',
     theme: {
       description: "Выбрать '%0' тему папки",
     },
   },
+  colorSelect: {
+    color: 'Выберите цвет',
+    hexCode: 'Вставить HEX-код цвета',
+    wrongHexCode: 'Неверный HEX-код цвета!',
+  },
   opacity: {
     inputPlaceholder: 'Значение непрозрачности (между 0 и 1)',
     wrongValue: 'Значение должно быть между 0 и 1!',

package/src/i18n/lang-uk.ts

@@ -10,14 +10,16 @@ export const translation: Translation = {
   },
   folders: {
     toggleIcons: 'Переключити теку icons',
-    color: 'Виберіть колір папки',
-    hexCode: 'Введіть HEX колірний код',
-    wrongHexCode: 'Недійсний HEX колірний код!',
     disabled: 'Немає піктограм папок',
     theme: {
       description: "Виберіть тему папки '%0'",
     },
   },
+  colorSelect: {
+    color: 'Виберіть колір',
+    hexCode: 'Введіть HEX колірний код',
+    wrongHexCode: 'Недійсний HEX колірний код!',
+  },
   opacity: {
     inputPlaceholder: 'Значення непрозорості (від 0 до 1)',
     wrongValue: 'Значення має бути від 0 до 1!',

package/src/i18n/lang-zh-cn.ts

@@ -10,14 +10,16 @@ export const translation: Translation = {
   },
   folders: {
     toggleIcons: '切换文件夹图标的显示',
-    color: '选择一个文件夹颜色',
-    hexCode: '插入HEX颜色代码',
-    wrongHexCode: '无效的HEX颜色代码！',
     disabled: '不显示文件夹图标',
     theme: {
       description: "'%0'主题的文件夹图标",
     },
   },
+  colorSelect: {
+    color: '选择颜色',
+    hexCode: '插入HEX颜色代码',
+    wrongHexCode: '无效的HEX颜色代码！',
+  },
   opacity: {
     inputPlaceholder: '不透明度值（0和1之间）',
     wrongValue: '该值必须介于0和1之间！',

package/src/i18n/lang-zh-tw.ts

@@ -10,14 +10,16 @@ export const translation: Translation = {
   },
   folders: {
     toggleIcons: '切換文件夾圖標的顯示',
-    color: '選擇一個文件夾顏色',
-    hexCode: '插入HEX顏色代碼',
-    wrongHexCode: '無效的HEX顏色代碼！',
     disabled: '不顯示文件夾圖標',
     theme: {
       description: "'%0'主題的文件夾圖標",
     },
   },
+  colorSelect: {
+    color: '选择颜色',
+    hexCode: '插入HEX顏色代碼',
+    wrongHexCode: '無效的HEX顏色代碼！',
+  },
   opacity: {
     inputPlaceholder: '不透明度值（0和1之間）',
     wrongValue: '該值必須介於0和1之間！',

package/src/icons/fileIcons.ts

@@ -350,12 +350,15 @@ export const fileIcons: FileIcons = {
     { name: 'h', fileExtensions: ['h'] },
     {
       name: 'cpp',
-      fileExtensions: ['cc', 'cpp', 'cxx', 'c++', 'cp', 'mm', 'mii', 'ii'],
+      fileExtensions: ['cc', 'cpp', 'cxx', 'c++', 'cp', 'mii', 'ii'],
     },
     {
       name: 'hpp',
       fileExtensions: ['hh', 'hpp', 'hxx', 'h++', 'hp', 'tcc', 'inl'],
     },
+    { name: 'objective-c', fileExtensions: ['m'] },
+    { name: 'objective-cpp', fileExtensions: ['mm'] },
+    { name: 'rc', fileExtensions: ['rc'] },
     { name: 'go', fileExtensions: ['go'] },
     {
       name: 'go-mod',
@@ -621,16 +624,20 @@ export const fileIcons: FileIcons = {
       name: 'git',
       fileExtensions: ['patch'],
       fileNames: [
+        '.git',
         '.gitignore',
-        '.git-blame-ignore',
-        '.git-blame-ignore-revs',
         '.gitignore-global',
         '.gitignore_global',
-        '.gitconfig',
         '.gitattributes',
+        '.gitattributes-global',
+        '.gitattributes_global',
+        '.gitconfig',
         '.gitmodules',
         '.gitkeep',
         '.gitinclude',
+        '.git-blame-ignore',
+        '.git-blame-ignore-revs',
+        '.git-for-windows-updater',
         'git-history',
       ],
     },
@@ -717,6 +724,8 @@ export const fileIcons: FileIcons = {
         'test.cts',
         'test.mts',
         'ts.snap',
+        'spec-d.ts',
+        'test-d.ts',
       ],
     },
     {
@@ -730,6 +739,8 @@ export const fileIcons: FileIcons = {
         'jsx.snap',
         'cy.jsx',
         'cy.tsx',
+        'spec-d.tsx',
+        'test-d.tsx',
       ],
     },
     {
@@ -885,7 +896,11 @@ export const fileIcons: FileIcons = {
         '.posthtmlrc.yml',
       ],
     },
-    { name: 'todo', fileExtensions: ['todo'] },
+    {
+      name: 'todo',
+      fileExtensions: ['todo'],
+      fileNames: ['todo.md', 'todos.md'],
+    },
     { name: 'coldfusion', fileExtensions: ['cfml', 'cfc', 'lucee', 'cfm'] },
     {
       name: 'cabal',
@@ -1483,9 +1498,11 @@ export const fileIcons: FileIcons = {
     {
       name: 'gatsby',
       fileNames: [
-        'gatsby-config.ts',
         'gatsby-config.js',
+        'gatsby-config.mjs',
+        'gatsby-config.ts',
         'gatsby-node.js',
+        'gatsby-node.mjs',
         'gatsby-node.ts',
         'gatsby-browser.js',
         'gatsby-browser.tsx',
@@ -1613,7 +1630,20 @@ export const fileIcons: FileIcons = {
     { name: 'mint', fileExtensions: ['mint'] },
     { name: 'velocity', fileExtensions: ['vm', 'fhtml', 'vtl'] },
     { name: 'godot', fileExtensions: ['gd'] },
-    { name: 'godot-assets', fileExtensions: ['godot', 'tres', 'tscn'] },
+    {
+      name: 'godot-assets',
+      fileExtensions: [
+        'godot',
+        'tres',
+        'tscn',
+        'gdns',
+        'gdnlib',
+        'gdshader',
+        'gdshaderinc',
+        'gdextension',
+      ],
+      fileNames: ['.gdignore', '._sc_', '_sc_'],
+    },
     {
       name: 'azure-pipelines',
       fileNames: ['azure-pipelines.yml', 'azure-pipelines.yaml'],
@@ -1672,6 +1702,7 @@ export const fileIcons: FileIcons = {
         'netlify.yaml',
         'netlify.toml',
       ],
+      light: true,
     },
     { name: 'svg', fileExtensions: ['svg'] },
     {
@@ -1861,7 +1892,19 @@ export const fileIcons: FileIcons = {
       fileExtensions: ['nupkg'],
     },
     { name: 'command', fileExtensions: ['command'] },
-    { name: 'stryker', fileNames: ['stryker.conf.js', 'stryker.conf.json'] },
+    {
+      name: 'stryker',
+      fileNames: [
+        'stryker.conf.json',
+        'stryker.conf.js',
+        'stryker.conf.cjs',
+        'stryker.conf.mjs',
+        '.stryker.conf.json',
+        '.stryker.conf.js',
+        '.stryker.conf.cjs',
+        '.stryker.conf.mjs',
+      ],
+    },
     { name: 'denizenscript', fileExtensions: ['dsc'] },
     {
       name: 'modernizr',
@@ -1894,6 +1937,8 @@ export const fileIcons: FileIcons = {
         'mcstructure',
         'mcpack',
         'mcaddon',
+        'mctemplate',
+        'mcproject',
       ],
       fileNames: ['.mcattributes', '.mcdefinitions', '.mcignore'],
     },
@@ -2014,6 +2059,7 @@ export const fileIcons: FileIcons = {
         'tsconfig.cjs.json',
         'tsconfig.esm.json',
         'tsconfig.mjs.json',
+        'tsconfig.doc.json',
       ],
       fileExtensions: ['tsconfig.json'],
     },
@@ -2038,7 +2084,16 @@ export const fileIcons: FileIcons = {
       fileNames: ['maven.config', 'jvm.config', 'pom.xml'],
     },
     { name: 'ada', fileExtensions: ['ada', 'adb', 'ads', 'ali'] },
-    { name: 'serverless', fileNames: ['serverless.yml'] },
+    {
+      name: 'serverless',
+      fileNames: [
+        'serverless.yml',
+        'serverless.yaml',
+        'serverless.json',
+        'serverless.js',
+        'serverless.ts',
+      ],
+    },
     {
       name: 'supabase',
       fileNames: ['supabase.js', 'supabase.py'],
@@ -2173,6 +2228,7 @@ export const fileIcons: FileIcons = {
       fileExtensions: ['cdc'],
     },
     { name: 'caddy', fileNames: ['Caddyfile'] },
+    { name: 'bun', fileNames: ['bun.lockb'], light: true },
     { name: 'antlr', fileExtensions: ['g4'] },
     { name: 'stylable', fileExtensions: ['st.css'] },
     { name: 'pinejs', fileExtensions: ['pine'] },
@@ -2202,5 +2258,37 @@ export const fileIcons: FileIcons = {
         '.cracorc',
       ],
     },
+    {
+      name: 'gamemaker',
+      fileExtensions: ['gml', 'yy', 'yyp', 'yyz'],
+    },
+    { name: 'tldraw', fileExtensions: ['tldr'], light: true },
+    {
+      name: 'mercurial',
+      fileNames: [
+        '.hg',
+        '.hgignore',
+        '.hgflow',
+        '.hgrc',
+        'hgrc',
+        'mercurial.ini',
+      ],
+    },
+    {
+      name: 'deno',
+      fileNames: ['deno.json', 'deno.jsonc', 'deno.lock'],
+      light: true,
+    },
+    {
+      name: 'plastic',
+      fileNames: [
+        'plastic.branchexplorer',
+        'plastic.selector',
+        'plastic.wktree',
+        'plastic.workspace',
+        'plastic.workspaces',
+      ],
+    },
+    { name: 'typst', fileExtensions: ['typ'] },
   ],
 };