theme core

Author: SBoudrias

packages/core/src/lib/theme.mts

@@ -2,7 +2,7 @@ import chalk from 'chalk';
 import spinners from 'cli-spinners';
 import type { Prettify } from '@inquirer/type';
 
-export type DefaultTheme = {
+type DefaultTheme = {
   prefix: string;
   spinner: {
     interval: number;
@@ -23,13 +23,16 @@ export type Theme<Extension extends {} = {}> = Prettify<Extension & DefaultTheme
 
 export const defaultTheme: DefaultTheme = {
   prefix: chalk.green('?'),
-  spinner: spinners.dots,
+  spinner: {
+    interval: spinners.dots.interval,
+    frames: spinners.dots.frames.map(chalk.yellow),
+  },
   style: {
     answer: chalk.cyan,
     message: chalk.bold,
     error: (text) => chalk.red(`> ${text}`),
     defaultAnswer: (text) => chalk.dim(`(${text})`),
-    help: (text) => chalk.dim(text),
+    help: chalk.dim,
     highlight: chalk.cyan,
     key: (text: string) => chalk.cyan.bold(`<${text}>`),
   },

packages/core/src/lib/use-prefix.mts

@@ -1,4 +1,3 @@
-import chalk from 'chalk';
 import { useState } from './use-state.mjs';
 import { useEffect } from './use-effect.mjs';
 import { makeTheme } from './make-theme.mjs';
@@ -26,7 +25,7 @@ export function usePrefix({
 
   if (isLoading) {
     const frame = tick % spinner.frames.length;
-    return chalk.yellow(spinner.frames[frame]);
+    return spinner.frames[frame]!;
   }
 
   return prefix;