Snapshot diff and legend uses wrong colors

[jschirrmacher]

Describe the bug

If a snapshot differs, output currently looks like that:

- Expected  - 1
+ Received  + 1

    <p␊
      data-v-ffea87fb=""␊
    >␊
-     May 12, 2023, ab 1 PM␊
+     May 12, 2023, ab 3 PM␊
    </p>␊

But unlike in this Markdown example, in vitest the legend (Expected / Received) colors are swapped:

Reproduction

https://stackblitz.com/edit/vitest-dev-vitest-1cdu7k?file=test/suite.test.ts

System Info

System:
    OS: macOS 13.3.1
    CPU: (4) x64 Intel(R) Core(TM) i7-7660U CPU @ 2.50GHz
    Memory: 86.28 MB / 8.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 18.12.1 - ~/.nodenv/versions/18.12.1/bin/node
    npm: 8.19.2 - ~/.nodenv/versions/18.12.1/bin/npm
  Browsers:
    Safari: 16.4
  npmPackages:
    @vitejs/plugin-vue: ^4.2.1 => 4.2.1 
    @vitest/coverage-c8: ^0.31.0 => 0.31.0 
    vite: ^4.3.5 => 4.3.5 
    vitest: ^0.31.0 => 0.31.0

Used Package Manager

npm

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[stackblitz]

Start a new pull request in StackBlitz Codeflow.

• vitest-dev-vitest-1cdu7k (Open reproduction)

[sheremet-va]

Fixed by #3314