@vibecuting/video-project-core 0.1.24 → 0.1.26

package/src/themes/scene-themes.ts

@@ -42,3 +42,85 @@ export const editorialDarkTheme = ThemeComponent(
     '--scene-section-gap': '24px',
   },
 }))
+
+export const editorialLightTheme = ThemeComponent(
+  defineThemePluginMetadata({
+    resourceKind: 'theme',
+    name: 'Editorial Light',
+    description: 'Clean light theme for slide scenes',
+    sourceFile: 'src/themes/scene-themes.ts',
+    pluginKey: 'core.editorial-light',
+    supportedSceneFamilies: ['slide', 'custom'],
+    cssVariables: [
+      '--scene-bg',
+      '--scene-fg',
+      '--scene-muted',
+      '--scene-accent',
+      '--scene-panel',
+      '--scene-border',
+      '--scene-page-x',
+      '--scene-page-y',
+      '--scene-content-max',
+      '--scene-radius',
+      '--scene-section-gap',
+    ],
+    tags: ['builtin', 'theme'],
+  }),
+)(defineSceneTheme({
+  key: 'core.editorial-light',
+  name: 'Editorial Light',
+  variables: {
+    '--scene-bg': '#ffffff',
+    '--scene-fg': '#0f172a',
+    '--scene-muted': '#475569',
+    '--scene-accent': '#2563eb',
+    '--scene-panel': '#f8fafc',
+    '--scene-border': '#cbd5e1',
+    '--scene-page-x': '64px',
+    '--scene-page-y': '56px',
+    '--scene-content-max': '1200px',
+    '--scene-radius': '24px',
+    '--scene-section-gap': '24px',
+  },
+}))
+
+export const editorialWarmTheme = ThemeComponent(
+  defineThemePluginMetadata({
+    resourceKind: 'theme',
+    name: 'Editorial Warm',
+    description: 'Warm neutral theme for slide scenes',
+    sourceFile: 'src/themes/scene-themes.ts',
+    pluginKey: 'core.editorial-warm',
+    supportedSceneFamilies: ['slide', 'custom'],
+    cssVariables: [
+      '--scene-bg',
+      '--scene-fg',
+      '--scene-muted',
+      '--scene-accent',
+      '--scene-panel',
+      '--scene-border',
+      '--scene-page-x',
+      '--scene-page-y',
+      '--scene-content-max',
+      '--scene-radius',
+      '--scene-section-gap',
+    ],
+    tags: ['builtin', 'theme'],
+  }),
+)(defineSceneTheme({
+  key: 'core.editorial-warm',
+  name: 'Editorial Warm',
+  variables: {
+    '--scene-bg': '#fff7ed',
+    '--scene-fg': '#1f2937',
+    '--scene-muted': '#6b7280',
+    '--scene-accent': '#ea580c',
+    '--scene-panel': '#fffbeb',
+    '--scene-border': '#fdba74',
+    '--scene-page-x': '64px',
+    '--scene-page-y': '56px',
+    '--scene-content-max': '1200px',
+    '--scene-radius': '24px',
+    '--scene-section-gap': '24px',
+  },
+}))