various minor fixes

apps/color-buddy/src/content-modules/TourProvider.svelte

@@ -68,7 +68,7 @@
       {
         element: "#left-panel",
         popover: {
-          title: "Colors Panel",
+          title: "Palette Pane",
           onCloseClick: closeClick,
           description:
             "Here are the colors in your palette! You can click on a color to select it and edit it. Each color also shows any issues we've found with it. You can learn more by clicking on the issue icon",

apps/color-buddy/src/controls/Config.svelte

@@ -94,7 +94,8 @@
   <div slot="content" class="w-96" let:onClick>
     <div class="font-bold">About</div>
     <div class="text-sm my-2">
-      Color buddy is a tool for building color palettes. It was originally
+      Color buddy is a tool for building color palettes.
+      <!-- It was originally
       written at the
 
       <a
@@ -112,7 +113,7 @@
         target="_blank"
       >
         Scientific Computing and Imaging Institute.
-      </a>
+      </a> -->
       You can learn more about it at the{" "}
       <a
         class="underline text-cyan-800"
@@ -121,19 +122,17 @@
       >
         docs.
       </a>
-      You can also find the source code on{" "}
-      <a
-        class="underline text-cyan-800"
-        href="      https://github.com/mcnuttandrew/color-buddy"
-        target="_blank"
-      >
-        GitHub.
-      </a>
-      If you have any feedback or questions, please feel free to reach out via the
-      github issues page or via email. A small amount of non-identifiable usage data
-      is collected to help improve the application.
+
+      Feedback (via github issues or email) is welcome.
+    </div>
+    <div class="font-bold">What is saved and where?</div>
+    <div class="text-sm my-2">
+      Palettes are saved in your browser's local storage. They are not shared!
+      They are not available on other browsers or devices. A small amount of
+      non-identifiable usage data is collected to help improve the application.
     </div>
 
+    <div class="font-bold">Tools</div>
     <div class="flex">
       <button
         class={buttonStyle}

apps/color-buddy/src/controls/InterpolatePoints.svelte

@@ -1,17 +1,22 @@
 <script lang="ts">
+  import { onMount } from "svelte";
   import { Color } from "color-buddy-palette";
   import type { Palette } from "color-buddy-palette";
   import colorStore from "../stores/color-store";
   import focusStore from "../stores/focus-store";
   import { buttonStyle } from "../lib/styles";
-  import Tooltip from "../components/Tooltip.svelte";
   import PalPreview from "../components/PalPreview.svelte";
 
   $: currentPal = $colorStore.palettes[$colorStore.currentPal];
   $: focusedColors = $focusStore.focusedColors;
   $: focusSet = new Set(focusedColors);
   $: colors = currentPal.colors;
   let colorSpace = "lab";
+  onMount(() => {
+    if (currentPal) {
+      colorSpace = currentPal.colorSpace;
+    }
+  });
   let numPoints = 1;
   $: tempPal = (numPoints &&
     colorSpace &&

apps/color-buddy/src/scatterplot/ColorScatterPlot.svelte

@@ -539,6 +539,7 @@
               {#if scatterPlotMode === "moving"}
                 <rect
                   {...RectProps(color, i)}
+                  stroke={computeStroke(color, i, focusSet, bg)}
                   on:mousedown|preventDefault={pointMouseDown}
                   on:mouseup|preventDefault={pointMouseUp(i)}
                   on:mouseleave|preventDefault={switchToDragPoint(i)}
@@ -553,6 +554,7 @@
               {:else}
                 <rect
                   {...RectProps(color, i)}
+                  stroke={computeStroke(color, i, focusSet, bg)}
                   on:mouseenter|preventDefault={() => hoverPoint(i)}
                 />
               {/if}

apps/docs/docs/lang-examples.md

@@ -46,7 +46,7 @@ This page contains examples of the language used to define palettes and the expe
 **Tasks**: sequential, diverging, categorical
 
 
-**Description**: Colors used need to have sufficient contrast with the background to make them legible, as defined by WCAG21 contrast ratios. For this check (for graphical objects) there should be at least a 3:1 contrast ratio. If this lint is not failing and you believe it should be, ensure that a color has been selected as having the "text" tag.
+**Description**: Colors used need to have sufficient contrast with the background to make them legible, as defined by WCAG21 contrast ratios. For this check (for graphical objects) there should be at least a 3:1 contrast ratio.
 
 **Natural Language**: ALL a IN colors SUCH THAT contrast(a, background, WCAG21) > 3
 

packages/palette-lint/src/__snapshots__/LintDocs.test.ts.snap

@@ -49,7 +49,7 @@ This page contains examples of the language used to define palettes and the expe
 **Tasks**: sequential, diverging, categorical
 
 
-**Description**: Colors used need to have sufficient contrast with the background to make them legible, as defined by WCAG21 contrast ratios. For this check (for graphical objects) there should be at least a 3:1 contrast ratio. If this lint is not failing and you believe it should be, ensure that a color has been selected as having the "text" tag.
+**Description**: Colors used need to have sufficient contrast with the background to make them legible, as defined by WCAG21 contrast ratios. For this check (for graphical objects) there should be at least a 3:1 contrast ratio.
 
 **Natural Language**: ALL a IN colors SUCH THAT contrast(a, background, WCAG21) > 3
 

packages/palette-lint/src/lints/background-contrast.ts

@@ -54,8 +54,7 @@ const contrastGraphicalObjects: LintProgram = {
   ...lintBase,
   description:
     descriptionBase +
-    " For this check (for graphical objects) there should be at least a 3:1 contrast ratio." +
-    textPart,
+    " For this check (for graphical objects) there should be at least a 3:1 contrast ratio.",
   program: JSONToPrettyString(buildProgram(3, false)),
   name: " Graphical objects contrast",
   id: "contrast-graphical-objects-built-in",