diff --git a/.storybook/preview.tsx b/.storybook/preview.tsx
index 25668bd05..17930b9ad 100644
--- a/.storybook/preview.tsx
+++ b/.storybook/preview.tsx
@@ -21,8 +21,8 @@ export const globalTypes = {
     toolbar: {
       icon: "paintbrush",
       items: [
-        { value: "default", title: "Default" },
-        { value: "dark", title: "Dark" },
+        { value: "default", title: "Light mode (default)" },
+        { value: "dark", title: "Dark mode" },
       ],
       showName: true,
     },
@@ -78,14 +78,9 @@ const preview: Preview = {
     },
     backgrounds: {
       options: {
-        default: { name: "default", value: "var(--general-surface-primary)" },
-        muted: { name: "muted", value: "var(--general-surface-secondary)" },
-        subtle: { name: "subtle", value: "var(--general-surface-tertiary)" },
-        disabled: { name: "disabled", value: "var(--general-surface-disabled)" },
-        black: { name: "black", value: "var(--tedi-neutral-900)" },
-        inverted: { name: "inverted", value: "var(--general-surface-inverted-primary)" },
-        "inverted-contrast": { name: "inverted-contrast", value: "var(--general-surface-inverted-secondary)" },
-        brand: { name: "brand", value: "var(--general-surface-brand-primary)" },
+        default: { name: "Default", value: "var(--general-surface-primary)" },
+        inverted: { name: "Inverted", value: "var(--general-surface-inverted-primary)" },
+        brand: { name: "Brand", value: "var(--general-surface-brand-primary)" },
       },
     },
     docs: {