Default to P3

oddbird · Nov 29, 2023 · 0277cdf · 0277cdf
1 parent c046929
commit 0277cdf
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 8 deletions.
diff --git a/src/lib/components/colors/ImplementationWarning.svelte b/src/lib/components/colors/ImplementationWarning.svelte
@@ -1,11 +1,12 @@
 <script lang="ts">
   import ExternalLink from '$lib/components/util/ExternalLink.svelte';
-  import type { ColorFormatId } from '$lib/constants';
-  export let format: ColorFormatId;
   import Icon from '$lib/components/util/Icon.svelte';
+  import type { ColorFormatId } from '$lib/constants';
   import { ColorSpace } from '$lib/stores';
   import { getSpaceFromFormatId } from '$lib/utils';
 
+  export let format: ColorFormatId;
+
   $: targetSpace = getSpaceFromFormatId(format);
   $: spaceObject = ColorSpace.get(targetSpace);
   // TODO: Can be replaced with spaceObject.isUnbounded in next version of

diff --git a/src/lib/stores.ts b/src/lib/stores.ts
@@ -31,9 +31,9 @@ ColorSpace.register(REC_2020);
 export { ColorSpace };
 
 export const INITIAL_VALUES = {
-  format: 'oklch' as ColorFormatId,
-  bg_coord: [0.3259, 0.1333, 265.49] as [number, number, number],
-  fg_coord: [0.8241, 0.1061, 0.8587] as [number, number, number],
+  format: 'p3' as ColorFormatId,
+  bg_coord: [0.0967, 0.167, 0.4494] as [number, number, number],
+  fg_coord: [0.951, 0.675, 0.7569] as [number, number, number],
   alpha: 1,
 };
 

diff --git a/test/js/lib/components/SpaceSelect.spec.ts b/test/js/lib/components/SpaceSelect.spec.ts
@@ -2,7 +2,7 @@ import { fireEvent, render } from '@testing-library/svelte';
 import { get } from 'svelte/store';
 
 import Space from '$lib/components/SpaceSelect.svelte';
-import { bg, fg, reset } from '$lib/stores';
+import { bg, fg, INITIAL_VALUES, reset } from '$lib/stores';
 
 describe('Space', () => {
   afterEach(() => {
@@ -12,8 +12,8 @@ describe('Space', () => {
   it('renders editable space select', async () => {
     const { getByLabelText } = render(Space);
 
-    expect(get(bg).space.id).toBe('oklch');
-    expect(get(fg).space.id).toBe('oklch');
+    expect(get(bg).space.id).toBe(INITIAL_VALUES.format);
+    expect(get(fg).space.id).toBe(INITIAL_VALUES.format);
 
     const select = getByLabelText('Color Format');
     await fireEvent.change(select, { target: { value: 'hsl' } });