diff --git a/frontend/test/playwright/utils/breakpoints.ts b/frontend/test/playwright/utils/breakpoints.ts index 3234c9412fa..d699b1177e8 100644 --- a/frontend/test/playwright/utils/breakpoints.ts +++ b/frontend/test/playwright/utils/breakpoints.ts @@ -91,6 +91,8 @@ const makeBreakpointDescribe = options = {} ) => { const snapshotName = getSnapshotName(name, options.dir) + // TODO: Remove after the Playwright VR dark mode snapshots are added + options.useColorMode = false return innerExpectSnapshot(page, snapshotName, screenshotAble, options) } diff --git a/frontend/test/playwright/utils/expect-snapshot.ts b/frontend/test/playwright/utils/expect-snapshot.ts index 614732c200b..aae65e28733 100644 --- a/frontend/test/playwright/utils/expect-snapshot.ts +++ b/frontend/test/playwright/utils/expect-snapshot.ts @@ -74,7 +74,7 @@ export const expectSnapshot: ExpectSnapshot = async ( page, name, screenshotAble, - { screenshotOptions, snapshotOptions, useColorMode, dir } = {} + { screenshotOptions, snapshotOptions, useColorMode = true, dir } = {} ) => { // Hide the theme switcher before taking the screenshot. screenshotOptions = { @@ -88,7 +88,7 @@ export const expectSnapshot: ExpectSnapshot = async ( .soft(await screenshotAble.screenshot(screenshotOptions)) .toMatchSnapshot(getSnapshotName(name, "light"), snapshotOptions) - if (!(useColorMode === true)) { + if (!useColorMode) { return } await turnOnDarkMode(page, dir ?? "ltr") diff --git a/frontend/test/storybook/visual-regression/focus.spec.ts-snapshots/focus-bold-filled-dark-linux.png b/frontend/test/storybook/visual-regression/focus.spec.ts-snapshots/focus-bold-filled-dark-linux.png new file mode 100644 index 00000000000..416ee93c8d0 Binary files /dev/null and b/frontend/test/storybook/visual-regression/focus.spec.ts-snapshots/focus-bold-filled-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/focus.spec.ts-snapshots/focus-slim-filled-borderless-dark-linux.png b/frontend/test/storybook/visual-regression/focus.spec.ts-snapshots/focus-slim-filled-borderless-dark-linux.png new file mode 100644 index 00000000000..20911d2e29f Binary files /dev/null and b/frontend/test/storybook/visual-regression/focus.spec.ts-snapshots/focus-slim-filled-borderless-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/focus.spec.ts-snapshots/focus-slim-filled-dark-linux.png b/frontend/test/storybook/visual-regression/focus.spec.ts-snapshots/focus-slim-filled-dark-linux.png new file mode 100644 index 00000000000..50f452e2edc Binary files /dev/null and b/frontend/test/storybook/visual-regression/focus.spec.ts-snapshots/focus-slim-filled-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/focus.spec.ts-snapshots/focus-slim-transparent-dark-linux.png b/frontend/test/storybook/visual-regression/focus.spec.ts-snapshots/focus-slim-transparent-dark-linux.png new file mode 100644 index 00000000000..f6dc4e59f0a Binary files /dev/null and b/frontend/test/storybook/visual-regression/focus.spec.ts-snapshots/focus-slim-transparent-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/bordered-gray-focused-dark-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/bordered-gray-focused-dark-linux.png new file mode 100644 index 00000000000..a54d13e633a Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/bordered-gray-focused-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/bordered-gray-focused-hovered-dark-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/bordered-gray-focused-hovered-dark-linux.png new file mode 100644 index 00000000000..a54d13e633a Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/bordered-gray-focused-hovered-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/bordered-gray-hovered-dark-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/bordered-gray-hovered-dark-linux.png new file mode 100644 index 00000000000..9a7ef39b5df Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/bordered-gray-hovered-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/bordered-gray-resting-dark-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/bordered-gray-resting-dark-linux.png new file mode 100644 index 00000000000..c9105365419 Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/bordered-gray-resting-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/bordered-white-focused-dark-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/bordered-white-focused-dark-linux.png new file mode 100644 index 00000000000..ef8e65228d4 Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/bordered-white-focused-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/bordered-white-focused-hovered-dark-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/bordered-white-focused-hovered-dark-linux.png new file mode 100644 index 00000000000..a54d13e633a Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/bordered-white-focused-hovered-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/bordered-white-hovered-dark-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/bordered-white-hovered-dark-linux.png new file mode 100644 index 00000000000..c9105365419 Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/bordered-white-hovered-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/bordered-white-resting-dark-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/bordered-white-resting-dark-linux.png new file mode 100644 index 00000000000..8103f7a6b41 Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/bordered-white-resting-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-dark-focused-dark-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-dark-focused-dark-linux.png new file mode 100644 index 00000000000..8f78dfb0a74 Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-dark-focused-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-dark-focused-hovered-dark-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-dark-focused-hovered-dark-linux.png new file mode 100644 index 00000000000..e74df85be95 Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-dark-focused-hovered-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-dark-hovered-dark-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-dark-hovered-dark-linux.png new file mode 100644 index 00000000000..7a2d15dc711 Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-dark-hovered-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-dark-resting-dark-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-dark-resting-dark-linux.png new file mode 100644 index 00000000000..11f3c991227 Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-dark-resting-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-gray-focused-dark-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-gray-focused-dark-linux.png new file mode 100644 index 00000000000..7796f2fe8cb Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-gray-focused-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-gray-focused-hovered-dark-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-gray-focused-hovered-dark-linux.png new file mode 100644 index 00000000000..8f78dfb0a74 Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-gray-focused-hovered-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-gray-hovered-dark-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-gray-hovered-dark-linux.png new file mode 100644 index 00000000000..11f3c991227 Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-gray-hovered-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-gray-resting-dark-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-gray-resting-dark-linux.png new file mode 100644 index 00000000000..cce1a6cb146 Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-gray-resting-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-pink-8-focused-dark-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-pink-8-focused-dark-linux.png new file mode 100644 index 00000000000..2987b6b3e34 Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-pink-8-focused-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-pink-8-focused-hovered-dark-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-pink-8-focused-hovered-dark-linux.png new file mode 100644 index 00000000000..6dffb78fc80 Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-pink-8-focused-hovered-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-pink-8-hovered-dark-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-pink-8-hovered-dark-linux.png new file mode 100644 index 00000000000..bb9d75ee1fe Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-pink-8-hovered-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-pink-8-resting-dark-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-pink-8-resting-dark-linux.png new file mode 100644 index 00000000000..0cedf227f7f Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-pink-8-resting-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-white-focused-dark-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-white-focused-dark-linux.png new file mode 100644 index 00000000000..a580187b567 Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-white-focused-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-white-focused-hovered-dark-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-white-focused-hovered-dark-linux.png new file mode 100644 index 00000000000..8f78dfb0a74 Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-white-focused-hovered-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-white-hovered-dark-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-white-hovered-dark-linux.png new file mode 100644 index 00000000000..11f3c991227 Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-white-hovered-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-white-resting-dark-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-white-resting-dark-linux.png new file mode 100644 index 00000000000..9d2c528f040 Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/filled-white-resting-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/plain--avoid-focused-dark-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/plain--avoid-focused-dark-linux.png new file mode 100644 index 00000000000..38025c7a8a0 Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/plain--avoid-focused-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/plain--avoid-focused-hovered-dark-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/plain--avoid-focused-hovered-dark-linux.png new file mode 100644 index 00000000000..38025c7a8a0 Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/plain--avoid-focused-hovered-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/plain--avoid-hovered-dark-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/plain--avoid-hovered-dark-linux.png new file mode 100644 index 00000000000..acba2fa813b Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/plain--avoid-hovered-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/plain--avoid-resting-dark-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/plain--avoid-resting-dark-linux.png new file mode 100644 index 00000000000..acba2fa813b Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/plain--avoid-resting-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/plain-focused-dark-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/plain-focused-dark-linux.png new file mode 100644 index 00000000000..73b93c973d7 Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/plain-focused-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/plain-focused-hovered-dark-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/plain-focused-hovered-dark-linux.png new file mode 100644 index 00000000000..73b93c973d7 Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/plain-focused-hovered-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/plain-hovered-dark-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/plain-hovered-dark-linux.png new file mode 100644 index 00000000000..496be7f8e14 Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/plain-hovered-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/plain-resting-dark-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/plain-resting-dark-linux.png new file mode 100644 index 00000000000..496be7f8e14 Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/plain-resting-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-dark-focused-dark-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-dark-focused-dark-linux.png new file mode 100644 index 00000000000..a01ae1c94f9 Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-dark-focused-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-dark-focused-hovered-dark-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-dark-focused-hovered-dark-linux.png new file mode 100644 index 00000000000..ea84f727b5b Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-dark-focused-hovered-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-dark-hovered-dark-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-dark-hovered-dark-linux.png new file mode 100644 index 00000000000..9fb9a8433d4 Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-dark-hovered-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-dark-resting-dark-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-dark-resting-dark-linux.png new file mode 100644 index 00000000000..35bf7d639a0 Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-dark-resting-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-gray-focused-dark-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-gray-focused-dark-linux.png new file mode 100644 index 00000000000..a01ae1c94f9 Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-gray-focused-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-gray-focused-hovered-dark-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-gray-focused-hovered-dark-linux.png new file mode 100644 index 00000000000..ff58f5d910b Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-gray-focused-hovered-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-gray-hovered-dark-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-gray-hovered-dark-linux.png new file mode 100644 index 00000000000..83a3849dd91 Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-gray-hovered-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-gray-resting-dark-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-gray-resting-dark-linux.png new file mode 100644 index 00000000000..35bf7d639a0 Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-gray-resting-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-tx-focused-dark-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-tx-focused-dark-linux.png new file mode 100644 index 00000000000..a01ae1c94f9 Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-tx-focused-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-tx-focused-hovered-dark-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-tx-focused-hovered-dark-linux.png new file mode 100644 index 00000000000..a01ae1c94f9 Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-tx-focused-hovered-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-tx-hovered-dark-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-tx-hovered-dark-linux.png new file mode 100644 index 00000000000..35bf7d639a0 Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-tx-hovered-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-tx-resting-dark-linux.png b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-tx-resting-dark-linux.png new file mode 100644 index 00000000000..35bf7d639a0 Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-button.spec.ts-snapshots/transparent-tx-resting-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-checkbox.spec.ts-snapshots/default-dark-linux.png b/frontend/test/storybook/visual-regression/v-checkbox.spec.ts-snapshots/default-dark-linux.png new file mode 100644 index 00000000000..0dc77aee1c5 Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-checkbox.spec.ts-snapshots/default-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-checkbox.spec.ts-snapshots/disabled-dark-linux.png b/frontend/test/storybook/visual-regression/v-checkbox.spec.ts-snapshots/disabled-dark-linux.png new file mode 100644 index 00000000000..a2a77cdd9e7 Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-checkbox.spec.ts-snapshots/disabled-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-checkbox.spec.ts-snapshots/focused-dark-linux.png b/frontend/test/storybook/visual-regression/v-checkbox.spec.ts-snapshots/focused-dark-linux.png new file mode 100644 index 00000000000..a7d352ef26e Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-checkbox.spec.ts-snapshots/focused-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-checkbox.spec.ts-snapshots/hover-dark-linux.png b/frontend/test/storybook/visual-regression/v-checkbox.spec.ts-snapshots/hover-dark-linux.png new file mode 100644 index 00000000000..1e0cdd9a9e5 Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-checkbox.spec.ts-snapshots/hover-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-checkbox.spec.ts-snapshots/on-dark-linux.png b/frontend/test/storybook/visual-regression/v-checkbox.spec.ts-snapshots/on-dark-linux.png new file mode 100644 index 00000000000..5b14634a472 Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-checkbox.spec.ts-snapshots/on-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-checkbox.spec.ts-snapshots/on-disabled-dark-linux.png b/frontend/test/storybook/visual-regression/v-checkbox.spec.ts-snapshots/on-disabled-dark-linux.png new file mode 100644 index 00000000000..a1463b50fed Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-checkbox.spec.ts-snapshots/on-disabled-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-checkbox.spec.ts-snapshots/on-focused-dark-linux.png b/frontend/test/storybook/visual-regression/v-checkbox.spec.ts-snapshots/on-focused-dark-linux.png new file mode 100644 index 00000000000..db46292b66c Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-checkbox.spec.ts-snapshots/on-focused-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-collection-header.spec.ts-snapshots/VCollectionHeaders-ltr-xs-light-linux.png b/frontend/test/storybook/visual-regression/v-collection-header.spec.ts-snapshots/VCollectionHeaders-ltr-xs-light-linux.png index f1ad166e4d6..fc6358cdc23 100644 Binary files a/frontend/test/storybook/visual-regression/v-collection-header.spec.ts-snapshots/VCollectionHeaders-ltr-xs-light-linux.png and b/frontend/test/storybook/visual-regression/v-collection-header.spec.ts-snapshots/VCollectionHeaders-ltr-xs-light-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-collection-header.spec.ts-snapshots/VCollectionHeaders-rtl-xs-light-linux.png b/frontend/test/storybook/visual-regression/v-collection-header.spec.ts-snapshots/VCollectionHeaders-rtl-xs-light-linux.png index b3c16cfd210..6b02260c4db 100644 Binary files a/frontend/test/storybook/visual-regression/v-collection-header.spec.ts-snapshots/VCollectionHeaders-rtl-xs-light-linux.png and b/frontend/test/storybook/visual-regression/v-collection-header.spec.ts-snapshots/VCollectionHeaders-rtl-xs-light-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-focused-0-dark-linux.png b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-focused-0-dark-linux.png new file mode 100644 index 00000000000..0529a1447bb Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-focused-0-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-focused-1-dark-linux.png b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-focused-1-dark-linux.png new file mode 100644 index 00000000000..abf39a34c85 Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-focused-1-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-focused-12-dark-linux.png b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-focused-12-dark-linux.png new file mode 100644 index 00000000000..d9fefdee617 Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-focused-12-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-focused-hovered-0-dark-linux.png b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-focused-hovered-0-dark-linux.png new file mode 100644 index 00000000000..7300643f472 Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-focused-hovered-0-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-focused-hovered-1-dark-linux.png b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-focused-hovered-1-dark-linux.png new file mode 100644 index 00000000000..6830cf39967 Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-focused-hovered-1-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-focused-hovered-12-dark-linux.png b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-focused-hovered-12-dark-linux.png new file mode 100644 index 00000000000..fad4147295b Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-focused-hovered-12-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-hovered-not-selected-0-dark-linux.png b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-hovered-not-selected-0-dark-linux.png new file mode 100644 index 00000000000..c29e6e43df1 Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-hovered-not-selected-0-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-hovered-not-selected-1-dark-linux.png b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-hovered-not-selected-1-dark-linux.png new file mode 100644 index 00000000000..1abc21ebb72 Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-hovered-not-selected-1-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-hovered-not-selected-12-dark-linux.png b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-hovered-not-selected-12-dark-linux.png new file mode 100644 index 00000000000..881e18fe563 Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-hovered-not-selected-12-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-hovered-selected-0-dark-linux.png b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-hovered-selected-0-dark-linux.png new file mode 100644 index 00000000000..d65934ad022 Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-hovered-selected-0-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-hovered-selected-1-dark-linux.png b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-hovered-selected-1-dark-linux.png new file mode 100644 index 00000000000..cbefbe6d876 Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-hovered-selected-1-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-hovered-selected-12-dark-linux.png b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-hovered-selected-12-dark-linux.png new file mode 100644 index 00000000000..067f6c6c4fc Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-hovered-selected-12-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-resting-not-selected-0-dark-linux.png b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-resting-not-selected-0-dark-linux.png new file mode 100644 index 00000000000..25479008884 Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-resting-not-selected-0-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-resting-not-selected-1-dark-linux.png b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-resting-not-selected-1-dark-linux.png new file mode 100644 index 00000000000..5c91ff49a1a Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-resting-not-selected-1-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-resting-not-selected-12-dark-linux.png b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-resting-not-selected-12-dark-linux.png new file mode 100644 index 00000000000..715ee491655 Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-resting-not-selected-12-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-resting-selected-0-dark-linux.png b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-resting-selected-0-dark-linux.png new file mode 100644 index 00000000000..000c41becde Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-resting-selected-0-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-resting-selected-1-dark-linux.png b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-resting-selected-1-dark-linux.png new file mode 100644 index 00000000000..176e6db02ab Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-resting-selected-1-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-resting-selected-12-dark-linux.png b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-resting-selected-12-dark-linux.png new file mode 100644 index 00000000000..b4f79ff5c9e Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-filter-tab.spec.ts-snapshots/filter-tab-resting-selected-12-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-icon-button.spec.ts-snapshots/v-icon-button-sizes-dark-linux.png b/frontend/test/storybook/visual-regression/v-icon-button.spec.ts-snapshots/v-icon-button-sizes-dark-linux.png new file mode 100644 index 00000000000..d73df827d3b Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-icon-button.spec.ts-snapshots/v-icon-button-sizes-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-language-select.spec.ts-snapshots/vlanguageselect-dark-linux.png b/frontend/test/storybook/visual-regression/v-language-select.spec.ts-snapshots/vlanguageselect-dark-linux.png new file mode 100644 index 00000000000..dfa0cfd30fa Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-language-select.spec.ts-snapshots/vlanguageselect-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-search-bar-button.spec.ts-snapshots/back-button-focused-dark-linux.png b/frontend/test/storybook/visual-regression/v-search-bar-button.spec.ts-snapshots/back-button-focused-dark-linux.png new file mode 100644 index 00000000000..8a1af94f77b Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-search-bar-button.spec.ts-snapshots/back-button-focused-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-search-bar-button.spec.ts-snapshots/back-button-hovered-dark-linux.png b/frontend/test/storybook/visual-regression/v-search-bar-button.spec.ts-snapshots/back-button-hovered-dark-linux.png new file mode 100644 index 00000000000..bdc8fa7d954 Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-search-bar-button.spec.ts-snapshots/back-button-hovered-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-search-bar-button.spec.ts-snapshots/clear-and-back-buttons-resting-dark-linux.png b/frontend/test/storybook/visual-regression/v-search-bar-button.spec.ts-snapshots/clear-and-back-buttons-resting-dark-linux.png new file mode 100644 index 00000000000..3b460c23995 Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-search-bar-button.spec.ts-snapshots/clear-and-back-buttons-resting-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-search-bar-button.spec.ts-snapshots/clear-button-focused-dark-linux.png b/frontend/test/storybook/visual-regression/v-search-bar-button.spec.ts-snapshots/clear-button-focused-dark-linux.png new file mode 100644 index 00000000000..a6c12bfc903 Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-search-bar-button.spec.ts-snapshots/clear-button-focused-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-search-bar-button.spec.ts-snapshots/clear-button-hovered-dark-linux.png b/frontend/test/storybook/visual-regression/v-search-bar-button.spec.ts-snapshots/clear-button-hovered-dark-linux.png new file mode 100644 index 00000000000..a6c12bfc903 Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-search-bar-button.spec.ts-snapshots/clear-button-hovered-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-button-with-text-label-at-rest-dark-linux.png b/frontend/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-button-with-text-label-at-rest-dark-linux.png new file mode 100644 index 00000000000..e3f60b57f82 Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-button-with-text-label-at-rest-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-button-with-text-label-hovered-dark-linux.png b/frontend/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-button-with-text-label-hovered-dark-linux.png new file mode 100644 index 00000000000..2a03ce66d3a Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-button-with-text-label-hovered-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-button-with-text-label-pressed-at-rest-dark-linux.png b/frontend/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-button-with-text-label-pressed-at-rest-dark-linux.png new file mode 100644 index 00000000000..a23661923b6 Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-button-with-text-label-pressed-at-rest-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-button-with-text-label-pressed-hovered-dark-linux.png b/frontend/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-button-with-text-label-pressed-hovered-dark-linux.png new file mode 100644 index 00000000000..d8786c63407 Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-button-with-text-label-pressed-hovered-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-button-without-text-label-at-rest-dark-linux.png b/frontend/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-button-without-text-label-at-rest-dark-linux.png new file mode 100644 index 00000000000..c10127fd0e4 Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-button-without-text-label-at-rest-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-button-without-text-label-hovered-dark-linux.png b/frontend/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-button-without-text-label-hovered-dark-linux.png new file mode 100644 index 00000000000..8d9ee70dc93 Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-button-without-text-label-hovered-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-button-without-text-label-pressed-at-rest-dark-linux.png b/frontend/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-button-without-text-label-pressed-at-rest-dark-linux.png new file mode 100644 index 00000000000..3b63473187a Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-button-without-text-label-pressed-at-rest-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-button-without-text-label-pressed-hovered-dark-linux.png b/frontend/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-button-without-text-label-pressed-hovered-dark-linux.png new file mode 100644 index 00000000000..89ff61e0dbd Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-search-type-button.spec.ts-snapshots/v-search-type-button-button-without-text-label-pressed-hovered-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-select-field.spec.ts-snapshots/vselectfield-default-dark-linux.png b/frontend/test/storybook/visual-regression/v-select-field.spec.ts-snapshots/vselectfield-default-dark-linux.png new file mode 100644 index 00000000000..9e167ee2018 Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-select-field.spec.ts-snapshots/vselectfield-default-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-select-field.spec.ts-snapshots/vselectfield-with-icon-dark-linux.png b/frontend/test/storybook/visual-regression/v-select-field.spec.ts-snapshots/vselectfield-with-icon-dark-linux.png new file mode 100644 index 00000000000..55f50437ea8 Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-select-field.spec.ts-snapshots/vselectfield-with-icon-dark-linux.png differ diff --git a/frontend/test/storybook/visual-regression/v-select-field.spec.ts-snapshots/vselectfield-without-border-dark-linux.png b/frontend/test/storybook/visual-regression/v-select-field.spec.ts-snapshots/vselectfield-without-border-dark-linux.png new file mode 100644 index 00000000000..9e167ee2018 Binary files /dev/null and b/frontend/test/storybook/visual-regression/v-select-field.spec.ts-snapshots/vselectfield-without-border-dark-linux.png differ