From d4d3c2fd3917e1c0ba539c5c994ec5f4571edc61 Mon Sep 17 00:00:00 2001 From: Armin Ronacher Date: Fri, 24 Apr 2026 00:30:31 +0200 Subject: [PATCH] feat(login): More consistent styling --- .../modes/interactive/components/extension-selector.ts | 4 ++-- .../src/modes/interactive/components/login-dialog.ts | 2 +- .../src/modes/interactive/components/oauth-selector.ts | 10 +++++----- 3 files changed, 8 insertions(+), 8 deletions(-) diff --git a/packages/coding-agent/src/modes/interactive/components/extension-selector.ts b/packages/coding-agent/src/modes/interactive/components/extension-selector.ts index 9805ad61..b827dc5e 100644 --- a/packages/coding-agent/src/modes/interactive/components/extension-selector.ts +++ b/packages/coding-agent/src/modes/interactive/components/extension-selector.ts @@ -41,7 +41,7 @@ export class ExtensionSelectorComponent extends Container { this.addChild(new DynamicBorder()); this.addChild(new Spacer(1)); - this.titleText = new Text(theme.fg("accent", title), 1, 0); + this.titleText = new Text(theme.fg("accent", theme.bold(title)), 1, 0); this.addChild(this.titleText); this.addChild(new Spacer(1)); @@ -49,7 +49,7 @@ export class ExtensionSelectorComponent extends Container { this.countdown = new CountdownTimer( opts.timeout, opts.tui, - (s) => this.titleText.setText(theme.fg("accent", `${this.baseTitle} (${s}s)`)), + (s) => this.titleText.setText(theme.fg("accent", theme.bold(`${this.baseTitle} (${s}s)`))), () => this.onCancelCallback(), ); } diff --git a/packages/coding-agent/src/modes/interactive/components/login-dialog.ts b/packages/coding-agent/src/modes/interactive/components/login-dialog.ts index f44270ca..90839b99 100644 --- a/packages/coding-agent/src/modes/interactive/components/login-dialog.ts +++ b/packages/coding-agent/src/modes/interactive/components/login-dialog.ts @@ -42,7 +42,7 @@ export class LoginDialogComponent extends Container implements Focusable { this.addChild(new DynamicBorder()); // Title - this.addChild(new Text(theme.fg("warning", `Login to ${providerName}`), 1, 0)); + this.addChild(new Text(theme.fg("accent", theme.bold(`Login to ${providerName}`)), 1, 0)); // Dynamic content area this.contentContainer = new Container(); diff --git a/packages/coding-agent/src/modes/interactive/components/oauth-selector.ts b/packages/coding-agent/src/modes/interactive/components/oauth-selector.ts index 755287e6..aeede4b3 100644 --- a/packages/coding-agent/src/modes/interactive/components/oauth-selector.ts +++ b/packages/coding-agent/src/modes/interactive/components/oauth-selector.ts @@ -65,7 +65,7 @@ export class OAuthSelectorComponent extends Container implements Focusable { // Add title const title = mode === "login" ? "Select provider to configure:" : "Select provider to logout:"; - this.addChild(new TruncatedText(theme.bold(title))); + this.addChild(new TruncatedText(theme.fg("accent", theme.bold(title)), 1, 0)); this.addChild(new Spacer(1)); this.searchInput = new Input(); @@ -122,16 +122,16 @@ export class OAuthSelectorComponent extends Container implements Focusable { const text = theme.fg("accent", provider.name); line = prefix + text + statusIndicator; } else { - const text = ` ${provider.name}`; + const text = ` ${theme.fg("text", provider.name)}`; line = text + statusIndicator; } - this.listContainer.addChild(new TruncatedText(line, 0, 0)); + this.listContainer.addChild(new TruncatedText(line, 1, 0)); } if (startIndex > 0 || endIndex < this.filteredProviders.length) { const scrollInfo = theme.fg("muted", ` (${this.selectedIndex + 1}/${this.filteredProviders.length})`); - this.listContainer.addChild(new TruncatedText(scrollInfo, 0, 0)); + this.listContainer.addChild(new TruncatedText(scrollInfo, 1, 0)); } // Show "no providers" if empty @@ -142,7 +142,7 @@ export class OAuthSelectorComponent extends Container implements Focusable { ? "No providers available" : "No providers logged in. Use /login first." : "No matching providers"; - this.listContainer.addChild(new TruncatedText(theme.fg("muted", ` ${message}`), 0, 0)); + this.listContainer.addChild(new TruncatedText(theme.fg("muted", ` ${message}`), 1, 0)); } }