GitHubView the script for the orderlyGithub:@#####GodMan
GreasyForkView the script for the orderly
View the script of the orderly on the current page

_{⭐If the script helps you,You can light up the stars for encouragement⭐}

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。 」

Download：Github | ⭐GreasyFork

Update record

🛠️ GitHub File list beautifier Change log

📅 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

• GitHubSubmit information displayHTML: 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。
• 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 Automatically confirm device authorization: existGitHubThe authorization page automatically enters the authorization code and automatically confirms it.。
• GitHubfolderdownload: Add a download button，Allows easy downloading of specific GitHub folder。
• GitHubDownload single files and copy fil###RL: Add button at the end of each file line，to copy the original file URL and download files
• 🤠 Github Enhance assistant Warehouse display size Inactive development warning Quick jump within the warehouseUser’s other warehouses 🤠: existGithubShow warehouse size when viewing and searching warehouses ，Inactive development warning，Quick jump within the warehouse.
• GitHub Sort by Date: Change the sorting method of warehouse list files to descending date order，Conveniently view the latest updated files。

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。

Help

Recommended browsers and script managers：

• Greasemonkey + Waterfox
• Tampermonkey/Violentmonkey + Firefox
• Tampermonkey/Violentmonkey + Chrome
• Userscripts + ios Safari
• Violentmonkey/KiWiBrowser + Android

If you need to know more about how to install userscripts,click meView graphic teaching!

More user scripts /back to top↑

View all publish scripts

🔍you may be looking forChatGPTRelated scripts

• ChatGPTCode font size reduced: let ChatGPT The font size in the code box becomes smaller
• ChatGPT chatCopy codebutton: exist chatgpt.com Add an animation in the lower right corner of the upper code block“Copy code”button
• ChatGPT character counter: add onecharactersCounter to input box，limited to 32732 characters。（ChatGPT The limit is 32732 characters。）
• ChatGPT Collapse self message and max width: Automatically collapse long messages sent by you，Save screen space。Allows you to set the maximum width of the chat window，Keep long messages from exceeding the specified range。

🔍You may be looking for web related scripts

• Web page writing clip version authorization manager: Ban web pages from pooping on edited versions，green for release，red prohibition，orange temporary directions
• LiftCSDNLoginCopylimit: #### you CSDN LoginCopy，Copy code box content without logging in
• Beautify web forms with gorgeous gradients: Automatically apply color gradient beautification to all columns of tables on web pages.
• Highlight keywords on web pages+(recommend): Highlight text on web pages
• Highlight web text_mini version: Custom keyword highlighting on web pages including dynamically loaded content on scroll
• Small window preview: Open link in popup window when dragging link，and provide a preview before opening，use Edge pre-reading technology。At the same time, add an acrylic effect behind the small window when it is opened.。
• Remove link underline: Remove underline from web links
• Small scroll button up and down: Add up and down scroll buttons on the right side of the page
• One-touch top and bottom buttons: Modified fromGreasyforkuser script Add top and bottom buttons to web pages，Facilitates quick movement to the top or bottom of long pages。 Added button color change when scrolling down，3Automatically stops if there is no scrolling within seconds

🔍you may be looking forGitHubRelated scripts

• GitHubSubmit information displayHTML: 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 color to files and folders，and replace the file type icons with small images，Makes the code base easier to browse and manage。
• 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 Automatically confirm device authorization: existGitHubThe authorization page automatically enters the authorization code and automatically confirms it.。
• GitHubfolderdownload: Add a download button，Allows easy downloading of specific GitHub folder。
• GitHubDownload single files and copy fil###RL: Add button at the end of each file line，to copy the original file URL and download files
• 🤠 Github Enhance assistant Warehouse display size Inactive development warning Quick jump within the warehouseUser’s other warehouses 🤠: existGithubShow warehouse size when viewing and searching warehouses ，Inactive development warning，Quick jump within the warehouse.
• GitHub Sort by Date: Change the sorting method of warehouse list files to descending date order，Conveniently view the latest updated files。

🔍you may be looking forGoogleRelated scripts

• Google Advanced search: This is a for Google Add user script for advanced search form。It adds a hideable advanced search form at the top of the page，Enables you to search for information more precisely。
• Google Search and block specific sites: Block specific sites from search engine r###lts，Help users filter out unwanted search r###lts。 Custom input blocking site。Format-zhihu -baidu Used to block Google search content

🔍you may be looking forGreasyForkRelated scripts

• GreasyForksuitable for enhancement: The script details page is added. It is suitable for links to be added. Click to open the web page.，Copy web page,tire search
• GrreasyFork User-published script data visualization: useChart.jsObtaining and visualizing user script data，And generate a chart on the user’s personal homepage to display the detailed installation status below.
• GreaysFork Enhance WebHookSync settings: This script can help you quickly enter script synchronization information，And add language codes for multiple countries in batches，Instead of clicking the selection boxes one by one and going to the corresponding URL。
• GreasyFork Markdown toobar: Used by default in forums Markdown Format，Add format help link and Markdown Toolbar introduction
• GreasyFork Show script ratings: Add evaluation scores to script list
• GreasyFork Advanced search: Search using Google GreasyFork and SleazyFork superior script
• GreasyFork Navigation barEnhance: EnhancegreasyforkNavigation bar,Add user list,User console, etc.
• GreasyforkGlue craftsman: Enhancegreasyfork,Copy code，Script download，Precise time to seconds，Home page cleanup，Discuss one-click reporting，Script list jump code added download Beautify view code and display code reference files，show script icon，Jump to adult scripts and other operations
• Greasyfork Notification assistant: When there’s a new reply to your script or to a discussion you’re participating in，The script will display the latest discussion content in a modal window on the web page。
• Script FinderGrease Monkey Script Finder: Script Finder is a user script（userscript），It helps you find and manage userscripts on any website

🔍You may be looking for adult scripts

• MiSSAVAutomatic login: Detection MisssAV state，and automatically log in when not logged in
• MissAVCollection manager: missPlaylist backup，Support downloading pictures and saving video information.Export local web page Support export towebdav
• TissAVAutomatic login: Detection TissAV state，and automatically log in when not logged in
• JableTVAutomatic login: Detection JableTV state，and automatically log in when not logged in

🔍You may be looking for automatic translation

• foreign language terminator: Recognize non-Chinese characters，If the length is greater than 5 And the translated text does not contain Chinese，then replace it with Chinese,Need to be accessiblegooglenetwork
• web page translation——Automatically translated into Chinese: Give the lower right corner of each non-Chinese web page（Can be adjusted to the lower left corner）add a google Translate icon，This version is a Chinese translation version，Only translate foreign languages ​​into Chinese，Add automatic translation