UserScripts/colorful-table/colorful-table.user.js at main · ChinaGodMan/UserScripts · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
// ==UserScript==
// @name               Beautify web forms with gorgeous gradients
// @name:zh-CN         绚丽渐变美化网页表格
// @name:ar            تجميل نماذج الويب بتدرجات رائعة
// @name:bg            Разкрасете уеб формуляри с великолепни градиенти
// @name:cs            Zkrášlete webové formuláře nádhernými přechody
// @name:da            Forskønne webformularer med smukke gradienter
// @name:de            Verschönern Sie Webformulare mit wunderschönen Farbverläufen
// @name:el            Ομορφύνετε φόρμες ιστού με υπέροχες διαβαθμίσεις
// @name:en            Beautify web forms with gorgeous gradients
// @name:eo            Beligu TTT-formojn per belegaj gradientoj
// @name:es            Embellezca los formularios web con magníficos degradados
// @name:fi            Kaunista verkkolomakkeita upeilla liukuväreillä
// @name:fr            Embellissez les formulaires Web avec de superbes dégradés
// @name:he            יפות טפסי אינטרנט עם מעברי צבע מדהימים
// @name:hr            Uljepšajte web obrasce prekrasnim gradijentima
// @name:hu            Szépítse a webes űrlapokat gyönyörű színátmenetekkel
// @name:id            Percantik formulir web dengan gradien menawan
// @name:it            Abbellisci i moduli web con splendidi gradienti
// @name:ja            ゴージャスなグラデーションで Web フォームを美しくする
// @name:ka            გაალამაზეთ ვებ ფორმები მშვენიერი გრადიენტებით
// @name:ko            화려한 그라데이션으로 웹 양식을 아름답게 꾸미세요
// @name:nl            Verfraai webformulieren met prachtige verlopen
// @name:nb            Forskjønn nettskjemaer med nydelige gradienter
// @name:pl            Upiększ formularze internetowe wspaniałymi gradientami
// @name:pt-BR         Embeleze formulários da web com lindos gradientes
// @name:ro            Înfrumusețați formularele web cu degrade superbe
// @name:ru            Украсьте веб-формы великолепными градиентами
// @name:sk            Skrášlite webové formuláre nádhernými prechodmi
// @name:sr            Улепшајте веб форме прекрасним градијентима
// @name:sv            Försköna webbformulär med underbara gradienter
// @name:th            ตกแต่งเว็บฟอร์มด้วยการไล่ระดับสีที่งดงาม
// @name:tr            Web formlarını muhteşem degradelerle güzelleştirin
// @name:ug            ئېسىل رېشاتكىلار بىلەن تور شەكىللىرىنى گۈزەللەشتۈرۈڭ
// @name:uk            Прикрашайте веб-форми чудовими градієнтами
// @name:vi            Làm đẹp các biểu mẫu web với độ dốc tuyệt đẹp
// @name:zh-TW         絢麗漸層美化網頁表格
// @name:zh-HK         絢麗漸層美化網頁表格
// @name:fr-CA         Embellissez les formulaires Web avec de superbes dégradés

// @description:zh-CN  自动为表格所有列应用颜色渐变来美化

// @description        Automatically apply color gradients to all columns of the table to beautify it

// @description:ar     تطبيق التدرجات اللونية تلقائيًا على كافة أعمدة الجدول لتجميله

// @description:bg     Автоматично прилагайте цветови градиенти към всички колони на таблицата, за да я разкрасите

// @description:cs     Automaticky aplikujte barevné přechody na všechny sloupce tabulky, abyste ji zkrášlili

// @description:da     Anvend automatisk farvegradienter til alle kolonner i tabellen for at forskønne den

// @description:de     Wenden Sie automatisch Farbverläufe auf alle Spalten der Tabelle an, um diese zu verschönern

// @description:el     Εφαρμόστε αυτόματα διαβαθμίσεις χρώματος σε όλες τις στήλες του πίνακα για να τον ομορφύνετε

// @description:en     Automatically apply color gradients to all columns of the table to beautify it

// @description:eo     Aŭtomate apliku kolorgradientojn al ĉiuj kolumnoj de la tabelo por plibeligi ĝin

// @description:es     Aplique automáticamente degradados de color a todas las columnas de la tabla para embellecerla

// @description:fi     Käytä värigradientteja automaattisesti kaikkiin taulukon sarakkeisiin kaunistaaksesi sitä

// @description:fr     Appliquez automatiquement des dégradés de couleurs à toutes les colonnes du tableau pour l’embellir

// @description:he     החל באופן אוטומטי מעברי צבע על כל העמודות של הטבלה כדי לייפות אותה

// @description:hr     Automatski primijenite prijelaze boja na sve stupce tablice kako biste je uljepšali

// @description:hu     Automatikusan alkalmazza a színátmeneteket a táblázat összes oszlopára a szebbé tétel érdekében

// @description:id     Terapkan gradien warna secara otomatis ke semua kolom tabel untuk mempercantiknya

// @description:it     Applica automaticamente sfumature di colore a tutte le colonne della tabella per abbellirla

// @description:ja     表のすべての列に色のグラデーションを自動的に適用して、表を美しくします。

// @description:ka     ავტომატურად გამოიყენეთ ფერის გრადიენტები ცხრილის ყველა სვეტზე მის გასალამაზებლად

// @description:ko     테이블의 모든 열에 색상 그라디언트를 자동으로 적용하여 아름답게 만듭니다.

// @description:nl     Pas automatisch kleurovergangen toe op alle kolommen van de tabel om deze te verfraaien

// @description:nb     Bruk fargegradienter automatisk på alle kolonnene i tabellen for å forskjønne den

// @description:pl     Automatycznie zastosuj gradienty kolorów do wszystkich kolumn tabeli, aby ją upiększyć

// @description:pt-BR  Aplique automaticamente gradientes de cores a todas as colunas da tabela para embelezá-la

// @description:ro     Aplicați automat degrade de culoare tuturor coloanelor tabelului pentru a-l înfrumuseța

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

// @description:sk     Automaticky aplikujte farebné prechody na všetky stĺpce tabuľky, aby ste ju skrášlili

// @description:sr     Аутоматски примените градијенте боја на све колоне табеле да бисте је улепшали

// @description:sv     Använd automatiskt färggradienter på alla kolumner i tabellen för att försköna den

// @description:th     ใช้การไล่ระดับสีกับคอลัมน์ทั้งหมดของตารางโดยอัตโนมัติเพื่อตกแต่งให้สวยงาม

// @description:tr     Tabloyu güzelleştirmek için tablonun tüm sütunlarına otomatik olarak renk geçişleri uygulayın

// @description:ug     ئۇنى گۈزەللەشتۈرۈش ئۈچۈن جەدۋەلنىڭ بارلىق ئىستونلىرىغا ئاپتوماتىك گىرىم بويۇملىرىنى ئاپتوماتىك ئىشلىتىڭ

// @description:uk     Автоматично застосовуйте градієнти кольорів до всіх стовпців таблиці, щоб прикрасити її

// @description:vi     Tự động áp dụng độ chuyển màu cho tất cả các cột của bảng để làm đẹp nó

// @description:zh-TW  自動為表格所有欄位套用色彩漸層來美化

// @description:zh-HK  自動為表格所有欄位套用色彩漸層來美化

// @description:fr-CA  Appliquez automatiquement des dégradés de couleurs à toutes les colonnes du tableau pour l’embellir
// @grant              none
// @match              *://*/*
// @author             Yearly,人民的勤务员 <china.qinwuyuan@gmail.com>
// @namespace          https://github.com/ChinaGodMan/UserScripts
// @supportURL         https://github.com/ChinaGodMan/UserScripts/issues
// @homepageURL        https://github.com/ChinaGodMan/UserScripts
// @homepage           https://github.com/ChinaGodMan/UserScripts
// @license            MIT
// @icon               data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwIiBoZWlnaHQ9IjgwMCIgdmlld0JveD0iMCAwIDExIDExIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9IiM0NEMiIGQ9Ik0wIDBoNHYzSDB6Ii8+PHBhdGggZmlsbD0iIzRDNCIgZD0iTTAgNGg0djNIMHoiLz48cGF0aCBmaWxsPSIjQzQ0IiBkPSJNMCA4aDR2M0gweiIvPjxwYXRoIGZpbGw9IiM0Q0MiIGQ9Ik01IDBoMTF2M0g1eiIvPjxwYXRoIGZpbGw9IiNDQzQiIGQ9Ik01IDRoMTF2M0g1eiIvPjxwYXRoIGZpbGw9IiNDNEMiIGQ9Ik01IDhoMTF2M0g1eiIvPjwvc3ZnPg==
// @compatible         chrome
// @compatible         firefox
// @compatible         edge
// @compatible         opera
// @compatible         safari
// @version            1.0.0.9
// @Created            2024-09-06 05:02:49
// @modified           2024-09-06 05:02:49
// ==/UserScript==

(function () {
    'use strict'
    const POLL_INTERVAL = 1000
    const HUE_RANGE = 120 // Hue range for the gradient (green to red or red to green)
    const SATURATION = '80%'
    const LIGHTNESS = '88%'
    function applyGradientToColumn(table, column) {
        const rowCount = table.rows.length
        Array.from(table.rows).forEach((row, index) => {
            const cell = row.cells[column]
            if (!cell) return
            // Calculate a hue based on the row index (no need to rely on cell content)
            const hue = (index / (rowCount - 1)) * HUE_RANGE
            // Apply the gradient color to the cell
            cell.style.backgroundColor = `hsl(${HUE_RANGE - hue}, ${SATURATION}, ${LIGHTNESS})`
        })
    }
    function initializeTable(table) {
        if (table.hasAttribute('data-gradient-initialized')) return
        table.setAttribute('data-gradient-initialized', 'true')
        const columnCount = table.rows[0]?.cells.length || 0
        for (let col = 0; col < columnCount; col++) {
            applyGradientToColumn(table, col)
        }
    }
    function initializeTables() {
        document.querySelectorAll('table:not([data-gradient-initialized])').forEach(initializeTable)
    }
    // Initial call and setup interval to handle dynamically loaded tables
    initializeTables()
    setInterval(initializeTables, POLL_INTERVAL)
})()