GitHub file list beautifier

人民的勤务员
2024-09-12T03:56:17Z

Adds colors to files by type, displays small images in place of file-type icons in a repository source tree

简体中文 | English | 한국어 | Tiếng Việt | 繁體中文
👆️access GitHub Readme file on for a better experience。

GitHubView the serviceman’s scriptGithub:@ChinaGodMan
GreasyForkView the serviceman’s script
View the serviceman’s script on the current page

⭐If the script helps you,Can light up the stars to encourage⭐

Recommended use：

💡 Tip: The script manager and browser listed above do not represent all
The script runs normally in the following environment

GitHub File list beautifier

「 GitHub File List Beautifier is a user script，used to enhance GitHub Display effect of files in warehouse。It can add colors to files and folders，and replace the file type icons with small images，Makes the code base easier to browse and manage。Add colors and icons to files by type，Display small images in place of file type icons in repository source tree 」

Download:Github | ⭐Greasy Fork

Update record

🛠️ GitHub File list beautifier Change log

📅 2026.3.5.1

repair: Change.shFile icon link，Revisepowershelltext color，Delete debugging content

📅 2024/9/12 11:35 - Ver 4.1

New: Added icons for files,Added custom file colors and icons。

GitHub File list beautifier

Introduction

GitHub File List Beautifier is a user script，used to enhance GitHub Display effect of files in warehouse。It can add colors to files and folders，and replace the file type icons with small images，Makes the code base easier to browse and manage。

Function

folder icon：Replace folder icons with more intuitive folder icons。

Custom icon：Based on file extension or file name，Show custom icons。

Image file preview：For image files，Automatically display thumbnails。

Color marking：Add colors to different types of files，to identify file types more quickly。

please note:

This script is for colorizing different file types,Display icons are only included,in needGithubdisplay icon,Recommended download

github-vscode-icons-updated2.0.3

Material Icons for GitHub 1.8.19

Install

1. Install Tampermonkey or Greasemonkey plug-in：

- [Tampermonkey](https://www.tampermonkey.net/)（support Chrome, Firefox, Edge, Opera Wait for the browser）
- [Greasemonkey](https://www.greasespot.net/)（support Firefox）

1. Add script：

- Click install to Tampermonkey Greasemonkey 。

1. Script placement：

The first time the script is run it will start from the specified URL Load color configuration。If the configuration cannot be loaded，Default settings will be used。

use

The script will be in GitHub Run automatically when page loads，Handling file icons in file lists。

Can be used as needed localStorage Or adjust the icon and color configuration in the script settings。

Custom configuration instructions

File type： "js": { "color": "#f1c40f", "icon": "javascript" }, "py": { "color": "red", "icon": "javascript" }

absolute name：(used to display icons,Custom coloring of absolute files has not been added yet.) "123.txt": { "color": "red", "icon": "javascript" },

Default fromvscode-material-icon-themeGet icon： "123.txt": { "color": "red", "icon": "javascript" },

Load icon from network： "123.txt": { "color": "red", "icon": "https://www.1.com/1.png" },

Load icon from local： "123.txt": { "color": "red", "icon": " data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAA....." },

🔍You may be looking forGitHubRelated scripts

🤠 Github enhanced assistant warehouse display size: 🤠 Warehouse display size: On GitHub’s code search, warehouse search, issue page, user warehouse list and repository page, the size of the warehouse will be displayed next to the warehouse name, allowing users to quickly understand the scale of the warehouse and optimize their selection. Inactive development warning: If a repository has not been updated in the past six months, the system will add a prompt at the top of the repository to remind users that the repository is inactive and display the time of the last update. This helps users determine the activity and maintenance status of the warehouse. Quick jump within the warehouse: When browsing the warehouse, the user can easily view the list of all warehouses of the user, providing an entrance to quickly jump to different warehouses. Users can quickly find and access other projects of interest, improving work efficiency. Usage scenarios: Developers: By displaying the warehouse size and active warnings, you can quickly filter out suitable libraries for development and avoid using projects that are no longer maintained. Project Manager: Through the quick jump function, it is easy to manage and coordinate multiple projects and improve work efficiency. Learners: When learning new technologies, they can more easily find relevant open source projects and quickly check the activity and scale of the projects. 🤠

GitHub Sort by date: Change file sorting to descending by date，Conveniently view the latest updated files。

GitHub folder downloader: Add a download button，Allows easy downloading of specific GitHub folder。

Github Copy original file URL with download files: Add button at the end of each file line，to copy the original file URL and download files

GitHub Submit information display web view: This script will GitHub The submission information on HTML view，to see submission details more clearly。It will automatically submit the information list、The commit header and latest commit information are converted to HTML Format，Provide better visual effects and user experience。

GitHub File list beautifier: GitHub File List Beautifier is a user script，used to enhance GitHub Display effect of files in warehouse。It can add colors to files and folders，and replace the file type icons with small images，Makes the code base easier to browse and manage。Add colors and icons to files by type，Display small images in place of file type icons in repository source tree

GitHub Automatically confirm device authorization: existGitHubThe authorization page automatically enters the authorization code and automatically confirms it.。

Github List of code languages show all: Expand Github List of languages on the repository，Show each language，Instead of hiding small parts in“other”Down

GitHub warehouse quick jump assistant: 🤠 GitHub warehouse quick jump assistant, specially designed to help users quickly access their own warehouses on GitHub. It generates a button at the top of the navigation bar. Click to expand all your repositories and easily jump to your own GitHub repository page without using GitHub’s secondary menu.

Open jsDelivr link on Github: Open the GitHub link on jsDelivr to quickly download files

GitHub Gist code snippet copy and downloader: Add a copy button to the Gist file to make the code easily copied. | Add a download button to the Gist file to easily download the code.

GitHub shortcut key translation assistant: Listen to keyboard shortcut Ctrl + Q, which implements the function of translating text and replacing the translation results with the original text box. Supports Issue and pull request pages.

GitHub Star Warehouse Notes Assistant: Have you forgotten the purpose of Star repositories? This is a script that can add notes to your favorite repositories, and the information you comments can be uploaded and downloaded to GitHub Gist

GitHub jump to DeepWiKi: GitHub repository jumps to DeepWiKi, supports desktop and mobile

GitHub Hide Copilot: Hide stupid Copilot on GitHub

compatibility

Browser：support Chrome、Firefox、Edge、Opera and Safari。

Support and feedback

If you encounter problems or have any suggestions，Please visit GitHub Issues page Submit feedback。

Authorize

This script is based on MIT license Open source。

contribute

Reason for the script wOxxOm GitHub file list beautifier and 人民的勤务员 develop。

For more information please visit GitHub Project homepage。