Show selections via color by default

Outlines are expensive to render, since they require a blur of a drop shadow. They're still available, but the default is now to just brighten them and turn them sepia
3 years ago · cb7fa4172d
--- a/macrovision.css
+++ b/macrovision.css
@@ -79,11 +79,19 @@ body.toggle-entity-name .entity-name,
    display: inline;
 }

 .entity-box.selected > img {
 body.highlight-color .entity-box.selected > img {
    filter: sepia(100%) brightness(calc(1.5 * var(--brightness)));
 }

 body.highlight-color .entity-box.prevSelected > img {
    filter: sepia(50%) brightness(calc(1.25 * var(--brightness)));
 }

 body.highlight-outline .entity-box.selected > img {
    filter: brightness(var(--brightness)) drop-shadow(0px 0px 5px gold);
 }

 .entity-box.prevSelected > img {
 body.highlight-outline .entity-box.prevSelected > img {
    filter: brightness(var(--brightness)) drop-shadow(0px 0px 5px darkorange);
 }

--- a/macrovision.html
+++ b/macrovision.html
@@ -36,7 +36,7 @@
  <script async defer data-website-id="88057238-3ad6-483f-9c3e-8d1440450bcc" src="https://umami.crux.best/umami.js" data-domains="macrovision.crux.sexy,www.macrovision.crux.sexy"></script>
 </head>

 <body class="toggle-bottom-name toggle-top-name">
 <body class="toggle-bottom-name toggle-top-name highlight-color">
  <script type="text/javascript">
    window.onerror = function(msg, url, line, col, error) {
      if (firsterror) {
--- a/macrovision.js
+++ b/macrovision.js
@@ -3035,6 +3035,28 @@ const settingsData = {
            toggleBodyClass("toggle-entity-glow", param);
        }
    },
    "select-style": {
        name: "Selection Style",
        desc: "How to highlight selected entities (outlines are laggier",
        type: "select",
        default: "color",
        options: [
            "color",
            "outline"
        ],
        get value() {
            if (checkBodyClass("highlight-color")) {
                return "color"
            }
            else {
                return "outline"
            }
        },
        set value(param) {
            toggleBodyClass("highlight-color", param === "color")
            toggleBodyClass("highlight-outline", param === "outline")
        }
    },
    "smoothing": {
        name: "Smoothing",
        desc: "Smooth out movements and size changes. Disable for better performance.",