Merge pull request #189 from storyblok/feature/update-branding-colors

feat(constants): update color palette for improved UI consistency

Author: alvarosabu

src/constants.ts

@@ -9,12 +9,12 @@ export const commands = {
 } as const;
 
 export const colorPalette = {
-  PRIMARY: '#45bfb9',
-  LOGIN: '#8556D3',
-  LOGOUT: '#8556D3',
-  USER: '#8BC34A',
+  PRIMARY: '#8d60ff',
+  LOGIN: '#dad4ff',
+  LOGOUT: '#6d6d6d',
+  USER: '#71d300',
   COMPONENTS: '#a185ff',
-  LANGUAGES: '#FFC107',
+  LANGUAGES: '#f5c003',
   MIGRATIONS: '#8CE2FF',
   TYPES: '#3178C6',
 } as const;

src/index.ts

@@ -12,14 +12,14 @@ import './commands/languages';
 import './commands/migrations';
 import './commands/types';
 
-import { session } from './session';
+import { colorPalette } from './constants';
 
 export * from './types/storyblok';
 
 dotenv.config(); // This will load variables from .env into process.env
 const program = getProgram();
 console.clear();
-const introText = chalk.bgHex('#45bfb9').bold.black(` Storyblok CLI `);
+const introText = chalk.bgHex(colorPalette.PRIMARY).bold(` Storyblok CLI `);
 const messageText = ` `;
 console.log(formatHeader(`
 ${introText} ${messageText}`));
@@ -32,29 +32,13 @@ program.on('command:*', () => {
   konsola.br(); // Add a line break
 });
 
-program.command('test').action(async () => {
-  konsola.title(`Test`, '#8556D3', 'Attempting a test...');
-  const verbose = program.opts().verbose;
-  try {
-    const { state, initializeSession } = session();
-    await initializeSession();
-
-    if (!state.password) {
-      throw new Error('No password found');
-    }
-  }
-  catch (error) {
-    handleError(error as Error, verbose);
-  }
-});
-
 /* console.log(`
-${chalk.hex('#45bfb9')(' ─────╮')}
-${chalk.hex('#45bfb9')('│     │')}
-${chalk.hex('#45bfb9')('│')} ◠ ◡ ◠
-${chalk.hex('#45bfb9')('|_  __|')}
-${chalk.hex('#45bfb9')('  |/ ')}
-`) */
+${chalk.hex(colorPalette.PRIMARY)(' ──────╮')}
+${chalk.hex(colorPalette.PRIMARY)('│      │')}
+${chalk.hex(colorPalette.PRIMARY)('│')}  ◠ ◡ ◠
+${chalk.hex(colorPalette.PRIMARY)('╰─  ───╯')}
+${chalk.hex(colorPalette.PRIMARY)('  |/ ')}
+`); */
 
 try {
   program.parse(process.argv);

src/utils/konsola.ts

@@ -13,10 +13,10 @@ export const konsola = {
     console.log(''); // Add a line break
     console.log(''); // Add a line break
     if (subtitle) {
-      console.log(`${formatHeader(chalk.bgHex(color).bold.white(` ${message} `))} ${subtitle}`);
+      console.log(`${formatHeader(chalk.bgHex(color).bold(` ${message} `))} ${subtitle}`);
     }
     else {
-      console.log(formatHeader(chalk.bgHex(color).bold.white(` ${message} `)));
+      console.log(formatHeader(chalk.bgHex(color).bold(` ${message} `)));
     }
     console.log(''); // Add a line break
     console.log(''); // Add a line break