refactor: rename themes to expressiveCodeThemes

Author: AriPerkkio

docs/tutorialkit.dev/src/content/docs/reference/configuration.mdx

@@ -530,7 +530,7 @@ See [Overriding Components](/guides/overriding-components/) for details of all t
 Controls whether the tutorial routes are automatically added to your project. When set to `true`, it additionally adds a redirect from `/` to the first tutorial.
 Use `"tutorial-only"` to only add the tutorial routes without the redirect.
 
-### `themes`
+### `expressiveCodeThemes`
 
 **type**: `[ThemeObjectOrShikiThemeName, ThemeObjectOrShikiThemeName]`<br/>
 **default**: `['light-plus', 'dark-plus']`
@@ -539,8 +539,9 @@ Controls which themes are applied to [Expressive Code](https://expressive-code.c
 
 ```ts
 tutorialkit({
-  themes: ['catppuccin-latte', 'catppuccin-mocha'],
+  expressiveCodeThemes: ['catppuccin-latte', 'catppuccin-mocha'],
 });
 ```
+
 Make sure to provide a light and a dark theme if you want support for both light and dark modes.
 See the [themes](https://expressive-code.com/guides/themes/) section of Expressive Code to learn more.

packages/astro/src/index.ts

@@ -75,7 +75,7 @@ export interface Options {
    *
    * @default ['light-plus', 'dark-plus']
    */
-  themes?: [ThemeObjectOrShikiThemeName, ThemeObjectOrShikiThemeName];
+  expressiveCodeThemes?: [ThemeObjectOrShikiThemeName, ThemeObjectOrShikiThemeName];
 }
 
 export default function createPlugin({
@@ -84,7 +84,7 @@ export default function createPlugin({
   isolation,
   enterprise,
   expressiveCodePlugins = [],
-  themes,
+  expressiveCodeThemes,
 }: Options = {}): AstroIntegration {
   const webcontainerFiles = new WebContainerFiles();
 
@@ -159,7 +159,7 @@ export default function createPlugin({
         config.integrations.splice(
           selfIndex + 1,
           0,
-          ...extraIntegrations({ root: fileURLToPath(config.root), expressiveCodePlugins, themes }),
+          ...extraIntegrations({ root: fileURLToPath(config.root), expressiveCodePlugins, expressiveCodeThemes }),
         );
       },
       'astro:config:done'({ config }) {

packages/astro/src/integrations.ts

@@ -10,7 +10,7 @@ import UnoCSS from 'unocss/astro';
 export function extraIntegrations({
   root,
   expressiveCodePlugins = [],
-  themes = ['light-plus', 'dark-plus'],
+  expressiveCodeThemes = ['light-plus', 'dark-plus'],
 }: {
   root: string;
   expressiveCodePlugins?: ExpressiveCodePlugin[];
@@ -19,13 +19,13 @@ export function extraIntegrations({
    * Themes for Expressive Code.
    * Takes a tuple of themes, e.g. `[lightTheme, darkTheme]`.
    */
-  themes?: [ThemeObjectOrShikiThemeName, ThemeObjectOrShikiThemeName];
+  expressiveCodeThemes?: [ThemeObjectOrShikiThemeName, ThemeObjectOrShikiThemeName];
 }) {
   return [
     react(),
     expressiveCode({
       plugins: [pluginCollapsibleSections(), pluginLineNumbers(), ...expressiveCodePlugins],
-      themes,
+      themes: expressiveCodeThemes,
       customizeTheme: (theme) => {
         const isDark = theme.type === 'dark';