Material Color Scss Generator

New Userscript

try to take over the world!
当前为 2020-01-03 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name         New Userscript
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       You
// @match        https://www.tampermonkey.net/index.php?version=4.9&ext=dhdg&updated=true
// @match https://material.io/inline-tools/color/
// @grant        none
// ==/UserScript==

(function() {
  "use strict";

  function logColor() {
    var rows = Array.from(
      document.getElementsByClassName("color-palette__row")
    );
    var primaryRow = rows[0];
    var cells = Array.from(
      primaryRow.getElementsByClassName("color-palette__cell")
    );
    var colors = cells.map(x => x.textContent.trim());
    var weights = Array.from(
      document.getElementsByClassName("color-palette__color-weight-label")
    )
      .filter((x, i) => i < 10)
      .map(x => x.innerText);
    alert(
      colors
        .map((x, i) => `${weights[i]}: ${x}`)
        .reverse()
        .join(",\n")
    );
  }

  window.addEventListener(
    "load",
    () => {
      var inputDiv = Array.from(
        document.getElementsByClassName("color-picker-inputs")
      )[0];
      inputDiv.insertAdjacentHTML(
        "beforeEnd",
        '<button id="myLogColorButton" style="margin-left: 10px;">Log Color</button>'
      );

      var myLogButton = document.getElementById("myLogColorButton");
      myLogButton.addEventListener("click", () => logColor(), false);
    },
    false
  );
})();