☰

Украсьте веб-формы великолепными градиентами

Автоматически применяйте цветовые градиенты ко всем столбцам таблицы, чтобы украсить ее.

Устаревшая версия за 06.09.2024. Перейдите к последней версии.

Автор
人民的勤务员
Оценки
0 0 0
Версия
1.0.0.1
Создано
05.09.2024
Обновлено
06.09.2024
Размер
11,0 КБ
Совместимость
Совместим с Firefox Совместим с Chrome Совместим с Opera Совместим с Safari Совместим с Edge
Лицензия
MIT
Работает на
всех сайтах
UserScripts

人民的勤务员/UserScriptsGithub:@ChinaGodMan

The script comes from the vast number of netizens on the Internet，I just made some changes.Thanks netizens If there is any infringement,Contact must be deleted,The script of the orderly can be modified at will.
Gmail

GreasyFork Total Installs Total Daily Installs Scripts Count Good Ratings Ok Ratings Bad Ratings

Github commit forks Issue license CopyRight

stars ⭐Star Me ⭐Please give me some stars

Add chicken legs to the orderly

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
  • 2024/9/6 05:41 - Ver: 1.0.0.0 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

Web related scripts

Help

More user scripts / back to top↑