☰

ValueEdge: highlight card by color

You can define colors for cards, but by default the color is only a thin vertical border. This script paints the complete card in that color.

  1. // ==UserScript==
  2. // @name         ValueEdge: highlight card by color
  3. // @namespace    https://github.com/ahr-huber/monkey-scripts/
  4. // @version      2025-03-28
  5. // @description  You can define colors for cards, but by default the color is only a thin vertical border. This script paints the complete card in that color.
  6. // @license      MIT
  7. // @author       Andreas Huber
  8. // @match        https://*.saas.microfocus.com/*
  9. // @icon         data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABhGlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9TpSIVBzuIOmRodbGLijiWKhbBQmkrtOpgcukXNGlIUlwcBdeCgx+LVQcXZ10dXAVB8APEXXBSdJES/5cUWsR4cNyPd/ced+8AoVllqtkTA1TNMtKJuJjLr4qBV/gxigAimJCYqSczi1l4jq97+Ph6F+VZ3uf+HANKwWSATySOMd2wiDeIZzctnfM+cYiVJYX4nHjSoAsSP3JddvmNc8lhgWeGjGx6njhELJa6WO5iVjZU4hnisKJqlC/kXFY4b3FWq3XWvid/YbCgrWS4TnMMCSwhiRREyKijgiosRGnVSDGRpv24h3/E8afIJZOrAkaOBdSgQnL84H/wu1uzOD3lJgXjQO+LbX9EgMAu0GrY9vexbbdOAP8zcKV1/LUmMPdJeqOjhY+AwW3g4rqjyXvA5Q4w/KRLhuRIfppCsQi8n9E35YGhW6B/ze2tvY/TByBLXS3fAAeHwHiJstc93t3X3du/Z9r9/QDakHLQl3fAPwAAAAZiS0dEAO8A7wDvwcyDBQAAAAlwSFlzAAAN1wAADdcBQiibeAAAActJREFUOMutk8trU1EQxn8zuUnqq6Du1I1ulCwtguCj6W3xH5Do0p2iIsabEJdpuxKrtKU7RcxKXLhzIaKGQgPiQnwuhFisLlqEiqGtkOccF7U18UZQdGAOHL7zfcOc+Qb+MaTjlhqO6ZelUTMpIBwF+wxUEDlAxLujrUbWiuNBOyXSIbDtYK/TepnIhgpam8Pz5mjZPOJ9pLVx3ml9lp39xqdSdY3itfM1Vpu0hlzWWC1jjydzbVAFgHz+vZaWbxucCjczmLlIMt8DwLHsbvwg1bXpQ7kt+MHZ9aI/lBXHC/qpA1BvfsWsTD6vIYFqpYqz12vY6lFamcJzHxgZMQCmJyqI7mBm+UxI4PmNBrhFnVm5ujqFocxhTBcojs2GHidzu4g0T+CIdm3HyUvF2Ce0boXAvtNR0eZDNRIKW7sliAepVET8S68YCI53CPhBWgYyj/7MSH7WF+ymizcSPJiqMXh+u7h4WXAFc/ouzLIFiuP3f06heK2I8IZaNA2gLj4MvEXYpGp9vybI/rCVh9J7xPSZQ08KdteZJJi+vvhXu6B+MObggjjuWcQK4V/nG08mnv5+mZLnNqv0XHHI3u7lbMkd6U2t++V/xHcXZav/DXBUYwAAAABJRU5ErkJggg==
  10. // @grant        none
  11. // @sandbox      DOM
  12. // ==/UserScript==
  13.  
  14. (function() {
  15.     'use strict';
  16.  
  17.     function cssFix_highlightCardByColor() {
  18.         const style = document.createElement("style");
  19.         style.textContent = `
  20.         /* cards with color - add background color in addition to the colored left border */
  21.         .color-condition-red {
  22.           background-color: #fcdcdc;
  23.         }
  24.         .color-condition-blue {
  25.           background-color: #dde2ff;
  26.         }
  27.         .color-condition-green {
  28.           background-color: #e2fff1;
  29.         }
  30.         .color-condition-purple {
  31.           background-color: #f7dfff;
  32.         }
  33.         .color-condition-orange {
  34.           background-color: #ffe2c9;
  35.         }
  36.         .color-condition-skyblue {
  37.           background-color: #daf7ff;
  38.         }
  39.         `;
  40.         document.body.appendChild(style);
  41.     }
  42.  
  43.     cssFix_highlightCardByColor(); // set background of cards that have an assigned color
  44. })();