chore: revert "docs(ui): add dark theme for storybook docs (#2062)" (#2167)

Author: ghostdevv

.storybook/main.ts

@@ -1,7 +1,7 @@
 import type { StorybookConfig } from '@storybook-vue/nuxt'
 
 const config = {
-  stories: ['../.storybook/*.mdx', '../app/**/*.stories.@(js|ts)'],
+  stories: ['../app/**/*.stories.@(js|ts)'],
   addons: ['@storybook/addon-a11y', '@storybook/addon-docs', '@storybook/addon-themes'],
   framework: '@storybook-vue/nuxt',
   staticDirs: ['./.public'],

.storybook/manager.ts

@@ -1,19 +1,11 @@
 import { addons } from 'storybook/manager-api'
+import { create } from 'storybook/theming'
 
-import npmxDark from './theme'
+const npmxTheme = create({
+  brandTitle: 'npmx Storybook',
+  brandImage: '/npmx-storybook.svg',
+})
 
 addons.setConfig({
-  theme: npmxDark,
-  layoutCustomisations: {
-    showToolbar: (state, defaultValue) => {
-      if (state.viewMode === 'docs' && state.storyId) {
-        const story = state.index?.[state.storyId]
-        const tags = story?.tags || []
-        if (tags.includes('hide-toolbar')) {
-          return false
-        }
-      }
-      return defaultValue
-    },
-  },
+  theme: npmxTheme,
 })

.storybook/preview-head.html

@@ -4,8 +4,6 @@ import { currentLocales } from '../config/i18n'
 import { fn } from 'storybook/test'
 import { ACCENT_COLORS } from '../shared/utils/constants'
 
-import npmxDark from './theme'
-
 // related: https://github.com/npmx-dev/npmx.dev/blob/1431d24be555bca5e1ae6264434d49ca15173c43/test/nuxt/setup.ts#L12-L26
 // Stub Nuxt specific globals
 // @ts-expect-error - dynamic global name
@@ -27,9 +25,6 @@ const preview: Preview = {
         date: /Date$/i,
       },
     },
-    docs: {
-      theme: npmxDark,
-    },
   },
   // Provides toolbars to switch things like theming and language
   globalTypes: {