Release (#103)

Author: escottalexander

.changeset/honest-glasses-bathe.md

@@ -0,0 +1,5 @@
+---
+"eth-tech-tree": patch
+---
+
+updated colors for readability

src/actions/submit-challenge.ts

@@ -32,7 +32,7 @@ export async function submitChallenge(name: string, contractAddress?: string) {
             }
             console.log("Failing tests:", Object.keys(failingTests).length);
             for (const testName in failingTests) {
-                console.log(chalk.blue(testName), chalk.red(failingTests[testName].reason));
+                console.log(chalk.blueBright(testName), chalk.red(failingTests[testName].reason));
             }
             console.log("");
             console.log("Challenge failed tests. See output above for details.");

src/index.ts

@@ -245,7 +245,7 @@ Open up the challenge in your favorite code editor and follow the instructions i
 
 
         if (isHeader) {
-            return `${depth}${chalk.blue(label)}`;
+            return `${depth}${chalk.blueBright(label)}`;
         } else if (!unlocked) {
             return `${depth}${chalk.dim(chalk.dim(label))}`;
         } else if (isChallenge) {
@@ -382,9 +382,9 @@ Open up the challenge in your favorite code editor and follow the instructions i
     }
 
     private printMenu(): void {
-        const border = chalk.blue("─");
-        const borderLeft = chalk.blue("●─");
-        const borderRight = chalk.blue("─●");
+        const border = chalk.blueBright("─");
+        const borderLeft = chalk.blueBright("●─");
+        const borderRight = chalk.blueBright("─●");
         const currentViewName = this.nodeLabel || "Main Menu";
         const user = this.userState.ens || this.userState.address;
         const completedChallenges = this.userState.challenges
@@ -400,7 +400,7 @@ Open up the challenge in your favorite code editor and follow the instructions i
         const width = process.stdout.columns;
         const userInfo = `${chalk.green(user)} ${chalk.yellow(`(${points} points)`)}`;
         const topMenuText = chalk.bold(`${borderLeft}${currentViewName}${new Array(width - (stripAnsi(currentViewName).length + stripAnsi(userInfo).length + 4)).fill(border).join('')}${userInfo}${borderRight}`);
-        const bottomMenuText = chalk.bold(`${borderLeft}${chalk.bgBlueBright(`<q>`)} to quit | ${chalk.bgBlueBright(`<Esc>`)} to go back | ${chalk.bgBlueBright(`<p>`)} view progress | ${chalk.bgBlueBright(`<l>`)} leaderboard${new Array(width - 72).fill(border).join('')}${borderRight}`);
+        const bottomMenuText = chalk.bold(`${borderLeft}${chalk.bgGreen(`<q>`)} to quit | ${chalk.bgGreen(`<Esc>`)} to go back | ${chalk.bgGreen(`<p>`)} view progress | ${chalk.bgGreen(`<l>`)} leaderboard${new Array(width - 72).fill(border).join('')}${borderRight}`);
 
         // Save cursor position
         process.stdout.write('\x1B7');

src/tasks/render-intro-message.ts

@@ -56,8 +56,8 @@ async function checkTerminalSize(): Promise<void> {
 }
 
 export const TITLE_TEXT = `${chalk.green('╔═══════════════════════════════════════════════════════════════╗')}
-${chalk.green('║')}${chalk.blue(' ▗▄▄▄▖▗▄▄▄▖▗▖ ▗▖   ▗▄▄▄▖▗▄▄▄▖ ▗▄▄▖▗▖ ▗▖   ▗▄▄▄▖▗▄▄▖ ▗▄▄▄▖▗▄▄▄▖ ')}${chalk.green('║')}
-${chalk.green('║')}${chalk.blue(' ▐▌     █  ▐▌ ▐▌     █  ▐▌   ▐▌   ▐▌ ▐▌     █  ▐▌ ▐▌▐▌   ▐▌    ')}${chalk.green('║')}
-${chalk.green('║')}${chalk.blue(' ▐▛▀▀▘  █  ▐▛▀▜▌     █  ▐▛▀▀▘▐▌   ▐▛▀▜▌     █  ▐▛▀▚▖▐▛▀▀▘▐▛▀▀▘ ')}${chalk.green('║')}
-${chalk.green('║')}${chalk.blue(' ▐▙▄▄▖  █  ▐▌ ▐▌     █  ▐▙▄▄▖▝▚▄▄▖▐▌ ▐▌     █  ▐▌ ▐▌▐▙▄▄▖▐▙▄▄▖ ')}${chalk.green('║')}
+${chalk.green('║')}${chalk.blueBright(' ▗▄▄▄▖▗▄▄▄▖▗▖ ▗▖   ▗▄▄▄▖▗▄▄▄▖ ▗▄▄▖▗▖ ▗▖   ▗▄▄▄▖▗▄▄▖ ▗▄▄▄▖▗▄▄▄▖ ')}${chalk.green('║')}
+${chalk.green('║')}${chalk.blueBright(' ▐▌     █  ▐▌ ▐▌     █  ▐▌   ▐▌   ▐▌ ▐▌     █  ▐▌ ▐▌▐▌   ▐▌    ')}${chalk.green('║')}
+${chalk.green('║')}${chalk.blueBright(' ▐▛▀▀▘  █  ▐▛▀▜▌     █  ▐▛▀▀▘▐▌   ▐▛▀▜▌     █  ▐▛▀▚▖▐▛▀▀▘▐▛▀▀▘ ')}${chalk.green('║')}
+${chalk.green('║')}${chalk.blueBright(' ▐▙▄▄▖  █  ▐▌ ▐▌     █  ▐▙▄▄▖▝▚▄▄▖▐▌ ▐▌     █  ▐▌ ▐▌▐▙▄▄▖▐▙▄▄▖ ')}${chalk.green('║')}
 ${chalk.green('╚═══════════════════════════════════════════════════════════════╝')}`;

src/utils/leaderboard-view.ts

@@ -53,7 +53,7 @@ export class LeaderboardView {
     private buildEntryMessage(entry: LeaderboardEntry): string {
         return `${chalk.bold(`Rank ${entry.rank}`)}
 Points: ${chalk.yellow(entry.points.toLocaleString())}
-Challenges Completed: ${chalk.blue(entry.challengesCompleted.toString())}
+Challenges Completed: ${chalk.blueBright(entry.challengesCompleted.toString())}
 Total Gas Used: ${chalk.green(entry.totalGasUsed.toLocaleString())}
 `;
     }

src/utils/progress-view.ts

@@ -56,17 +56,17 @@ export class ProgressView {
         return `Address: ${chalk.green(this.userState.ens || this.userState.address)}
 ${chalk.yellow(`Points Earned: ${points.toLocaleString()}`)}
 
-Challenges Completed: ${chalk.blue(`${completedChallenges}/${totalChallenges} (${completionRate}%)`)}
+Challenges Completed: ${chalk.blueBright(`${completedChallenges}/${totalChallenges} (${completionRate}%)`)}
 ${completedChallenges ? "Details:" : ""}`;
     }
 
     private buildChallengeMessage(challenge: IChallenge, completion: any): string {
         let message = `Description: ${challenge.description}\n\n`;
-        message += `Completion Date: ${chalk.blue(new Date(completion.timestamp).toLocaleString())}\n`;
+        message += `Completion Date: ${chalk.blueBright(new Date(completion.timestamp).toLocaleString())}\n`;
 
         if (completion.contractAddress) {
-            message += `Contract Address: ${chalk.blue(completion.contractAddress)}\n`;
-            message += `Network: ${chalk.blue(completion.network)}\n`;
+            message += `Contract Address: ${chalk.blueBright(completion.contractAddress)}\n`;
+            message += `Network: ${chalk.blueBright(completion.network)}\n`;
         }
 
         return message;