fix(init): use exact #00DC82 theme color

Author: danielroe

packages/nuxi/src/commands/init.ts

@@ -13,7 +13,7 @@ import { hasTTY } from 'std-env'
 import { x } from 'tinyexec'
 
 import { runCommand } from '../run'
-import { nuxtIcon } from '../utils/ascii'
+import { nuxtIcon, themeColor } from '../utils/ascii'
 import { logger } from '../utils/logger'
 import { cwdArgs } from './_shared'
 
@@ -87,10 +87,10 @@ export default defineCommand({
   },
   async run(ctx) {
     if (hasTTY) {
-      process.stdout.write(`\n${nuxtIcon}\n`)
+      process.stdout.write(`\n${nuxtIcon}\n\n`)
     }
 
-    logger.info(colors.bold(`Welcome to Nuxt!`.split('').map(m => `\x1B[38;5;79m${m}`).join('')))
+    logger.info(colors.bold(`Welcome to Nuxt!`.split('').map(m => `${themeColor}${m}`).join('')))
 
     if (ctx.args.dir === '') {
       ctx.args.dir = await logger.prompt('Where would you like to create your project?', {

packages/nuxi/src/utils/ascii.ts

@@ -2,16 +2,17 @@
  * Thank you to IndyJoenz for this ASCII art
  * https://bsky.app/profile/durdraw.org/post/3liadod3gv22a
  */
+
+export const themeColor = '\x1B[38;2;0;220;130m'
 const icon = [
-  ` \x1B[38;5;8m \x1B[38;5;78m \x1B[38;5;78m \x1B[38;5;78m \x1B[38;5;78m \x1B[38;5;78m \x1B[38;5;79m \x1B[38;5;79m.\x1B[38;5;79md\x1B[38;5;79m$\x1B[38;5;79mb\x1B[38;5;79m.`,
-  ` \x1B[38;5;8m \x1B[38;5;78m \x1B[38;5;78m \x1B[38;5;78m \x1B[38;5;79m \x1B[38;5;79m \x1B[38;5;79mi\x1B[38;5;79m$\x1B[38;5;79m$\x1B[38;5;79mA\x1B[38;5;79m$\x1B[38;5;79m$\x1B[38;5;79mL\x1B[38;5;79m \x1B[38;5;78m \x1B[38;5;73m.\x1B[38;5;73md\x1B[38;5;73m$\x1B[38;5;73mb`,
-  ` \x1B[38;5;8m \x1B[38;5;78m \x1B[38;5;78m \x1B[38;5;79m \x1B[38;5;79m.\x1B[38;5;79m$\x1B[38;5;79m$\x1B[38;5;79mF\x1B[38;5;79m\`\x1B[38;5;79m \x1B[38;5;79m\`\x1B[38;5;79m$\x1B[38;5;79m$\x1B[38;5;79mL\x1B[38;5;79m.\x1B[38;5;73m$\x1B[38;5;73m$\x1B[38;5;73mA\x1B[38;5;73m$\x1B[38;5;73m$\x1B[38;5;73m.`,
-  ` \x1B[38;5;8m \x1B[38;5;78m \x1B[38;5;79m \x1B[38;5;79mj\x1B[38;5;79m$\x1B[38;5;79m$\x1B[38;5;79m'\x1B[38;5;79m \x1B[38;5;79m \x1B[38;5;79m \x1B[38;5;79m \x1B[38;5;79m\`\x1B[38;5;79m4\x1B[38;5;73m$\x1B[38;5;73m$\x1B[38;5;73m:\x1B[38;5;73m\`\x1B[38;5;73m \x1B[38;5;73m\`\x1B[38;5;73m$\x1B[38;5;73m$\x1B[38;5;73m.`,
-  ` \x1B[38;5;8m \x1B[38;5;78m \x1B[38;5;79mj\x1B[38;5;79m$\x1B[38;5;79m$\x1B[38;5;79m'\x1B[38;5;79m \x1B[38;5;79m \x1B[38;5;79m \x1B[38;5;79m \x1B[38;5;79m \x1B[38;5;73m.\x1B[38;5;73m4\x1B[38;5;73m$\x1B[38;5;73m:\x1B[38;5;73m \x1B[38;5;79m \x1B[38;5;73m \x1B[38;5;79m \x1B[38;5;73m\`\x1B[38;5;73m$\x1B[38;5;73m$\x1B[38;5;73m.`,
-  ` \x1B[38;5;79m \x1B[38;5;79mj\x1B[38;5;79m$\x1B[38;5;79m$\x1B[38;5;79m\`\x1B[38;5;79m \x1B[38;5;79m \x1B[38;5;79m \x1B[38;5;79m \x1B[38;5;79m \x1B[38;5;73m.\x1B[38;5;73m$\x1B[38;5;73m$\x1B[38;5;73m:\x1B[38;5;79m \x1B[38;5;79m \x1B[38;5;73m \x1B[38;5;73m \x1B[38;5;73m \x1B[38;5;73m \x1B[38;5;73m\`\x1B[38;5;73m4\x1B[38;5;73m$\x1B[38;5;73mL`,
-  ` \x1B[38;5;79m:\x1B[38;5;79m$\x1B[38;5;79m$\x1B[38;5;79m:\x1B[38;5;79m_\x1B[38;5;79m_\x1B[38;5;79m_\x1B[38;5;79m_\x1B[38;5;79m.\x1B[38;5;73md\x1B[38;5;73m$\x1B[38;5;73m$\x1B[38;5;73m:\x1B[38;5;78m \x1B[38;5;78m \x1B[38;5;73m_\x1B[38;5;73m_\x1B[38;5;73m_\x1B[38;5;73m_\x1B[38;5;73m_\x1B[38;5;73m.\x1B[38;5;73m:\x1B[38;5;73m$\x1B[38;5;73m$\x1B[38;5;73m:`,
-  ` \x1B[38;5;79m\`\x1B[38;5;79m4\x1B[38;5;79m$\x1B[38;5;79m$\x1B[38;5;79m$\x1B[38;5;79m$\x1B[38;5;79m$\x1B[38;5;79m$\x1B[38;5;79m$\x1B[38;5;79m$\x1B[38;5;73mP\x1B[38;5;73m\`\x1B[38;5;73m \x1B[38;5;73m.\x1B[38;5;79mi\x1B[38;5;73m$\x1B[38;5;73m$\x1B[38;5;73m$\x1B[38;5;73m$\x1B[38;5;73m$\x1B[38;5;73m$\x1B[38;5;73m$\x1B[38;5;73m$\x1B[38;5;73mP\x1B[38;5;73m\``,
-  `\x1B[0m`,
+  `        .d$b.`,
+  `       i$$A$$L  .d$b`,
+  `     .$$F\` \`$$L.$$A$$.`,
+  `    j$$'    \`4$$:\` \`$$.`,
+  `   j$$'     .4$:    \`$$.`,
+  `  j$$\`     .$$:      \`4$L`,
+  ` :$$:____.d$$:  _____.:$$:`,
+  ` \`4$$$$$$$$P\` .i$$$$$$$$P\``,
 ]
 
-export const nuxtIcon = icon.join('\n')
+export const nuxtIcon = icon.map(line => line.split('').join(themeColor)).join('\n')