Trello Colors

Allows for more color options on Trello labels.

スクリプトをインストールするには、Tampermonkey, GreasemonkeyViolentmonkey のような拡張機能のインストールが必要です。

スクリプトをインストールするには、TampermonkeyViolentmonkey のような拡張機能のインストールが必要です。

スクリプトをインストールするには、TampermonkeyViolentmonkey のような拡張機能のインストールが必要です。

スクリプトをインストールするには、TampermonkeyUserscripts のような拡張機能のインストールが必要です。

このスクリプトをインストールするには、Tampermonkeyなどの拡張機能をインストールする必要があります。

このスクリプトをインストールするには、ユーザースクリプト管理ツールの拡張機能をインストールする必要があります。

(ユーザースクリプト管理ツールは設定済みなのでインストール!)

このスタイルをインストールするには、Stylusなどの拡張機能をインストールする必要があります。

このスタイルをインストールするには、Stylus などの拡張機能をインストールする必要があります。

このスタイルをインストールするには、Stylus tなどの拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

(ユーザースタイル管理ツールは設定済みなのでインストール!)

このスクリプトの質問や評価の投稿はこちら通報はこちらへお寄せください
// ==UserScript==
// @name         Trello Colors
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Allows for more color options on Trello labels.
// @author       SimplexShotz
// @match        https://trello.com/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    setInterval(function() {
        var labels = document.querySelectorAll(".card-label[title*='#']");
        for (var i = 0, len = labels.length, color; i < len; i++) {
            if (labels[i].title.indexOf(":") > 0) {
                color = labels[i].title.split(":")[0];
                labels[i].style.backgroundColor = color;
                labels[i].title = labels[i].title.substring(color.length + 1);
                if (labels[i].innerText != "") {
                    labels[i].innerText = labels[i].innerText.substring(color.length + 1);
                }
            }
        }
    }, 0);
})();