diff --git a/README.md b/README.md
index 29390e28..19e5c2a8 100644
--- a/README.md
+++ b/README.md
@@ -51,6 +51,7 @@ To raise the sliders, you need to click on one of the examples that are displaye
## TODOS
+- [ ] Chore: clean up the color store, many unnecessary methods. Extract some common types into a top level location (like types.ts type thing)
- [ ] A (default) example showing annotated math stuff
- [ ] SVG Upload
- [ ] Vega/Vega-Lite Specification
diff --git a/src/components/KeyboardHooks.svelte b/src/components/KeyboardHooks.svelte
index 709da97d..d8c7c165 100644
--- a/src/components/KeyboardHooks.svelte
+++ b/src/components/KeyboardHooks.svelte
@@ -4,7 +4,7 @@
import focusStore from "../stores/focus-store";
$: focusedSet = new Set($focusStore.focusedColors);
$: copiedData = [] as Color[];
- $: colorSpace = $colorStore.currentPal.colors[0].spaceName;
+ $: colorSpace = $colorStore.currentPal.colorSpace;
$: [_zStep, xStep, yStep] = stepSize[colorSpace];
function onKeyDown(e: any) {
if (e.target.tagName.toLowerCase() === "input") {
diff --git a/src/content-modules/Background.svelte b/src/content-modules/Background.svelte
index f4c0d33b..9c8f7928 100644
--- a/src/content-modules/Background.svelte
+++ b/src/content-modules/Background.svelte
@@ -5,7 +5,7 @@
import ColorChannelPicker from "../components/ColorChannelPicker.svelte";
import Tooltip from "../components/Tooltip.svelte";
$: bg = $colorStore.currentPal.background;
- $: colorSpace = $colorStore.currentPal.colors[0].spaceName || "lab";
+ $: colorSpace = $colorStore.currentPal.colorSpace;
function onChange(color: Color) {
colorStore.setBackground(color);
}
diff --git a/src/content-modules/SetColorSpace.svelte b/src/content-modules/SetColorSpace.svelte
index dac41406..c0f8d0be 100644
--- a/src/content-modules/SetColorSpace.svelte
+++ b/src/content-modules/SetColorSpace.svelte
@@ -1,7 +1,7 @@
@@ -9,13 +9,10 @@