Replace GitHub file icons with Material icons
As of
// ==UserScript== // @name GitHub Files Icon Replacement // @name:vi Thay thế biểu tượng tệp GitHub // @name:zh-cn GitHub 文件图标替换 // @name:zh-tw GitHub 文件圖標替換 // @name:ru Замена иконок файлов GitHub // @namespace http://tampermonkey.net/ // @version 2024.12.25.1 // @description Replace GitHub file icons with Material icons // @description:vi Thay thế icon file trên GitHub bằng icon Material // @description:zh-cn 用更漂亮的图标替换 GitHub 文件图标 // @description:zh-tw 用更漂亮的圖標替換 GitHub 文件圖標 // @description:ru Замена иконок файлов GitHub на более красивые // @author Yuusei // @match https://github.com/* // @icon https://github.githubassets.com/favicon.ico // @grant GM_addStyle // @require https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js // @run-at document-start // @license GPL-3.0-only // @compatible chrome // @compatible firefox // @compatible edge // @compatible safari // ==/UserScript== (function($) { 'use strict'; // Add custom styles GM_addStyle(` .material-icon { width: 20px; height: 20px; vertical-align: text-bottom; margin-right: 4px; transition: transform 0.2s ease; } .material-icon:hover { transform: scale(1.2); } `); const iconMap = { // Development '.ts': 'typescript', '.tsx': 'react_ts', '.js': 'javascript', '.jsx': 'react', '.py': 'python', '.java': 'java', '.cpp': 'cpp', '.c': 'c', '.cs': 'csharp', '.go': 'go', '.rb': 'ruby', '.php': 'php', '.rs': 'rust', '.swift': 'swift', '.kt': 'kotlin', '.kts': 'kotlin', '.scala': 'scala', '.dart': 'dart', '.lua': 'lua', '.r': 'r', '.pl': 'perl', '.sh': 'shell', '.ps1': 'powershell', '.bat': 'console', '.cmd': 'console', '.asm': 'assembly', '.s': 'assembly', '.wasm': 'assembly', '.code-workspace': 'vscode', '.sln': 'visualstudio', '.csproj': 'visualstudio', '.vbproj': 'visualstudio', '.vcxproj': 'visualstudio', '.fsproj': 'visualstudio', // Web '.html': 'html', '.htm': 'html', '.css': 'css', '.scss': 'sass', '.sass': 'sass', '.less': 'less', '.styl': 'stylus', '.vue': 'vue', '.svelte': 'svelte', '.angular': 'angular', '.ember': 'ember', // Data & Config '.json': 'json', '.yml': 'yaml', '.yaml': 'yaml', '.xml': 'xml', '.toml': 'settings', '.ini': 'settings', '.env': 'tune', '.conf': 'settings', '.sql': 'database', '.db': 'database', '.sqlite': 'database', '.graphql': 'graphql', '.proto': 'protobuf', // Documentation '.md': 'markdown', '.mdx': 'markdown', '.txt': 'document', '.pdf': 'pdf', '.doc': 'word', '.docx': 'word', '.odt': 'document', '.rtf': 'document', // Images '.svg': 'svg', '.png': 'image', '.jpg': 'image', '.jpeg': 'image', '.gif': 'image', '.ico': 'image', '.webp': 'image', '.bmp': 'image', '.tiff': 'image', // Media '.mp3': 'audio', '.wav': 'audio', '.ogg': 'audio', '.mp4': 'video', '.webm': 'video', '.avi': 'video', '.mov': 'video', '.wmv': 'video', // Archives '.zip': 'zip', '.rar': 'zip', '.7z': 'zip', '.tar': 'zip', '.gz': 'zip', '.bz2': 'zip', // System '.exe': 'exe', '.dll': 'dll', '.so': 'lib', '.dylib': 'lib', '.sys': 'windows', '.reg': 'windows', // Design '.fig': 'figma', '.sketch': 'sketch', '.ai': 'illustrator', '.psd': 'photoshop', '.xd': 'xd', // 3D & Game '.unity': 'unity', '.blend': 'blender', '.fbx': '3d', '.obj': '3d', '.gltf': '3d', '.uasset': 'unreal', '.upk': 'unreal', // Mobile '.apk': 'android', '.ipa': 'apple', '.xcodeproj': 'xcode', '.pbxproj': 'xcode', // Container & Cloud '.dockerfile': 'docker', '.dockerignore': 'docker', '.tf': 'terraform', '.tfvars': 'terraform', '.vagrant': 'vagrant', '.helm': 'kubernetes', // Other '.vim': 'vim', '.emacs': 'emacs', '.gradle': 'gradle', '.maven': 'maven', '.cargo': 'rust' }; const specialFiles = { // Package managers 'package.json': 'nodejs', 'package-lock.json': 'nodejs', 'yarn.lock': 'yarn', 'pnpm-lock.yaml': 'pnpm', 'bun.lockb': 'bun', 'composer.json': 'composer', 'composer.lock': 'composer', 'Gemfile': 'ruby', 'Gemfile.lock': 'ruby', 'requirements.txt': 'python', 'poetry.lock': 'python', 'Cargo.toml': 'rust', 'Cargo.lock': 'rust', // Config files 'tsconfig.json': 'typescript', '.eslintrc': 'eslint', '.prettierrc': 'prettier', '.editorconfig': 'editorconfig', 'webpack.config.js': 'webpack', 'vite.config.js': 'vite', 'rollup.config.js': 'rollup', 'babel.config.js': 'babel', 'jest.config.js': 'jest', 'karma.conf.js': 'karma', 'cypress.config.js': 'cypress', 'playwright.config.js': 'playwright', // Documentation 'README.md': 'markdown', 'LICENSE': 'certificate', 'CHANGELOG.md': 'markdown', 'CONTRIBUTING.md': 'markdown', // Git '.gitignore': 'git', '.gitattributes': 'git', '.gitmodules': 'git', '.gitmessage': 'git', '.gitkeep': 'git', // CI/CD '.travis.yml': 'travis', '.gitlab-ci.yml': 'gitlab', 'Jenkinsfile': 'jenkins', 'azure-pipelines.yml': 'azure', 'bitbucket-pipelines.yml': 'bitbucket', // Docker 'Dockerfile': 'docker', 'docker-compose.yml': 'docker', 'docker-compose.yaml': 'docker', 'docker-compose.override.yml': 'docker', // Framework configs 'angular.json': 'angular', 'next.config.js': 'next', 'nuxt.config.js': 'nuxt', 'svelte.config.js': 'svelte', 'capacitor.config.json': 'capacitor', 'ionic.config.json': 'ionic', // Build tools 'Makefile': 'makefile', 'CMakeLists.txt': 'cmake', 'build.gradle': 'gradle', 'pom.xml': 'maven', 'build.sbt': 'sbt', // Environment '.env': 'tune', '.env.local': 'tune', '.env.development': 'tune', '.env.production': 'tune', '.env.test': 'tune', // Version managers '.nvmrc': 'nodejs', '.node-version': 'nodejs', '.ruby-version': 'ruby', '.python-version': 'python', '.java-version': 'java' }; function replaceIcons() { $('.react-directory-row-name-cell-large-screen').each(function() { const $filenameElement = $(this).find('.react-directory-filename-cell'); if ($filenameElement.length) { const filename = $filenameElement.text(); let iconName = specialFiles[filename]; if (!iconName) { const extension = Object.keys(iconMap).find(ext => filename.toLowerCase().endsWith(ext) ); iconName = extension ? iconMap[extension] : null; } if (iconName) { const $oldSvg = $(this).find('svg'); if ($oldSvg.length) { const $newIcon = $('<img>', { src: `https://raw.githubusercontent.com/material-extensions/vscode-material-icon-theme/refs/heads/main/icons/${iconName}.svg`, class: 'material-icon', alt: iconName }); $oldSvg.replaceWith($newIcon); } } } }); } // Initial replacement $(document).ready(replaceIcons); // Watch for DOM changes const observer = new MutationObserver(replaceIcons); observer.observe(document.body, { childList: true, subtree: true }); })(jQuery);
