Embeleze formulários da web com lindos gradientes

Aplique automaticamente gradientes de cores a todas as colunas da tabela para embelezá-la

Autor
人民的勤务员
Instalações hoje
1
Total de instalações
24
Avaliações
1 0 0
Versão
1.0.0.9
Criado
05/09/2024
Atualizado
17/09/2024
Compatibilidade
Compatível com Firefox Compatível com Chrome Compatível com Opera Compatível com Safari Compatível com Edge
Licença
MIT
Aplicável a
Todos os sites

Beautify web forms with gorgeous gradients

「 Automatically apply color gradient beautification to all columns of tables on web pages. 」

Views

Download：Github | ⭐Greasy Fork

Update record

🛠️ Beautify web forms with gorgeous gradients Change log

📅 2024/9/6 05:41 - Ver 1.0.0.0

Revise: Change to automatic gradient color.....

Gorgeous Gradient Table Beautification Script

This script automatically applies gradient colors to all tables on a webpage, based on the numerical values in each column. It enhances the visual appeal of the table without any manual clicks or operations by the user.

Features

  1. Automatic Gradient Application: The script scans tables on the page and automatically applies gradient colors to each column based on the data, without requiring user intervention.
  2. Data-Driven Gradients: Colors are generated based on the minimum and maximum values in each column, with greater color variation for larger or smaller values.
  3. Continuous Monitoring: The script checks the page every second to automatically apply gradients to any new tables that are loaded.
  4. Gradient Color Configuration: Colors are based on the HSL color model, with adjustable parameters for hue range (HUE_RANGE), saturation (SATURATION), and lightness (LIGHTNESS).

Key Parameters

  • HUE_RANGE: Sets the hue range for the gradient color, with a default value of 120 degrees, representing a gradient from green to red.
  • SATURATION: Controls the color saturation, with a default of 80% for a vibrant color effect.
  • LIGHTNESS: Controls the color lightness, with a default of 88% to ensure a soft and non-straining color gradient.

Core Logic

  1. extractFirstFloat: Extracts the first floating-point number from the cell's text, ignoring non-numeric content to ensure only numerical values are used for gradient calculation.
  2. applyGradient: Automatically calculates the minimum and maximum values for each column and generates corresponding gradient background colors.
  3. initializeTables: Periodically checks for tables on the page and applies gradient colors to any new or uninitialized tables.

Use Cases

This script is suitable for any webpage containing tables, automatically applying gradient colors to enhance data visualization and make it easier to distinguish data differences.

Project & Feedback

colorful-table-2.png colorful-table.png

🔍You may be looking for web related scripts

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 for ChatGPTRelated scripts

🔍you may be looking for Web related scripts

🔍you may be looking for GitHubRelated 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 Automatically confirm device authorization: existGitHubThe authorization page automatically enters the authorization code and confirms it automatically.。
  • GitHubfolderdownload: Add a download button，Allows easy downloading of specific GitHub folder。
  • GitHubDownload single files and copy filesURL: Add button at the end of each file line，to copy the original file URL and download files
  • githubShow warehouse size: existGithubShow warehouse size when viewing and searching warehouses
  • 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 for GoogleRelated 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，Enable you to search for information more precisely。
  • Google Search and block specific sites: Block specific sites from search engine results，Help users filter out unwanted search results。 Custom input blocking site。Format-zhihu -baidu Used to block Google search content

🔍you may be looking for GreasyForkRelated 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 Related scripts

🔍you may be looking for adult script

🔍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