Skip to content

Change cyan shade in light mode - #84

Merged
jhaynie merged 1 commit into
mainfrom
ui-color-changes
Aug 28, 2025
Merged

jhaynie merged 1 commit into
mainfrom
ui-color-changes

Conversation

@mcongrove

@mcongrove mcongrove commented Aug 27, 2025 •

Copy link
Copy Markdown
Member

Kind of a guess, everyone's terminal is different... some have opacity, etc. Went with what I thought is just best in general for contrast on a white background.

Summary by CodeRabbit

  • Style
    • Updated light mode color for banners, logo, and text elements to a new teal (#00AAAA) for improved contrast and visual consistency; dark mode colors remain unchanged.
    • Adjusts appearance of bold and command-styled text in light mode to match the refreshed palette.
    • No functional or behavioral changes to the application.

@coderabbitai

coderabbitai Bot commented Aug 27, 2025 •

Copy link
Copy Markdown
Contributor

Walkthrough

Updated light-mode hex color from #36EEE0 to #00AAAA across banner, logo, and text styling in tui/*. Dark-mode values remain #00FFFF. No logic, control flow, or public APIs changed.

Changes

Cohort / File(s) Summary of Changes
TUI light-mode color update
tui/banner.go, tui/logo.go, tui/text.go
Replaced light-mode color #36EEE0 with #00AAAA for banner title, logo style, and textStyleColor; dark-mode remains #00FFFF. No logic or API changes.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~8 minutes

Poem

A teal-tinted dawn in terminal land,
I twitch my ears and give a stand—
From bright #36EEE0 we hop away,
To #00AAAA’s calm, today.
In dark, #00FFFF still gleams true—
A bun-approved hue refresh, woo-hoo! 🐇✨

✨ Finishing Touches
  • 📝 Generate Docstrings
🧪 Generate unit tests
  • Create PR with unit tests
  • Post copyable unit tests in a comment
  • Commit unit tests in branch ui-color-changes

🪧 Tips

Chat

There are 3 ways to chat with CodeRabbit:

  • Review comments: Directly reply to a review comment made by CodeRabbit. Example:
    • I pushed a fix in commit <commit_id>, please review it.
    • Open a follow-up GitHub issue for this discussion.
  • Files and specific lines of code (under the "Files changed" tab): Tag @coderabbitai in a new review comment at the desired location with your query.
  • PR comments: Tag @coderabbitai in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples:
    • @coderabbitai gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.
    • @coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.

Support

Need help? Create a ticket on our support page for assistance with any issues or questions.

CodeRabbit Commands (Invoked using PR/Issue comments)

Type @coderabbitai help to get the list of available commands.

Other keywords and placeholders

  • Add @coderabbitai ignore anywhere in the PR description to prevent this PR from being reviewed.
  • Add @coderabbitai summary to generate the high-level summary at a specific location in the PR description.
  • Add @coderabbitai anywhere in the PR title to generate the title automatically.

CodeRabbit Configuration File (.coderabbit.yaml)

  • You can programmatically configure CodeRabbit by adding a .coderabbit.yaml file to the root of your repository.
  • Please see the configuration documentation for more information.
  • If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: # yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json

Status, Documentation and Community

  • Visit our Status Page to check the current availability of CodeRabbit.
  • Visit our Documentation for detailed information on how to use CodeRabbit.
  • Join our Discord Community to get help, request features, and share feedback.
  • Follow us on X/Twitter for updates and announcements.

@coderabbitai coderabbitai Bot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 0

🧹 Nitpick comments (4)
tui/text.go (1)

15-15: Optional: centralize brand cyan to avoid future drift

Define a single brand cyan and reuse across text, banner, and logo.

Apply this diff here:

-	textStyleColor      = lipgloss.AdaptiveColor{Light: "#00AAAA", Dark: "#00FFFF"}
+	textStyleColor      = brandCyan

Add a small palette (new file) for reuse:

// tui/palette.go
package tui

import "github.com/charmbracelet/lipgloss"

var brandCyan = lipgloss.AdaptiveColor{Light: "#00AAAA", Dark: "#00FFFF"}

Then reference brandCyan in tui/banner.go and tui/logo.go as well (see suggested diffs in those files’ comments).

tui/logo.go (1)

30-30: Use shared brand cyan

If adopting a shared palette, switch to the common var.

-	logoColor = lipgloss.AdaptiveColor{Light: "#00AAAA", Dark: "#00FFFF"}
+	logoColor = brandCyan
tui/banner.go (2)

10-10: Nit: spelling of “Foregroup”

Variable name “bannerForegroupColor” likely intended “Foreground”. Consider renaming across the package in a follow-up for clarity.


12-12: Use shared brand cyan

If centralizing, reference the palette var.

-	bannerTitleColor     = lipgloss.AdaptiveColor{Light: "#00AAAA", Dark: "#00FFFF"}
+	bannerTitleColor     = brandCyan
📜 Review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

💡 Knowledge Base configuration:

  • MCP integration is disabled by default for public repositories
  • Jira integration is disabled

You can enable these sources in your CodeRabbit configuration.

📥 Commits

Reviewing files that changed from the base of the PR and between 7436778 and aa06818.

📒 Files selected for processing (3)
  • tui/banner.go (1 hunks)
  • tui/logo.go (1 hunks)
  • tui/text.go (1 hunks)
⏰ Context from checks skipped due to timeout of 90000ms. You can increase the timeout in your CodeRabbit configuration to a maximum of 15 minutes (900000ms). (1)
  • GitHub Check: build
🔇 Additional comments (4)
tui/text.go (2)

15-15: LGTM: light-mode brand cyan updated consistently

Change looks correct and matches the PR goal.


15-15: No stale cyan hex codes found

  • Verified that the old color #36EEE0 has been completely removed.
  • Confirmed new cyan #00AAAA is now used in:
    • tui/text.go (line 15)
    • tui/logo.go (line 30)
    • tui/banner.go (line 12)
tui/logo.go (1)

30-30: LGTM: logo light foreground updated

Matches the new light-mode cyan. No behavioral changes.

tui/banner.go (1)

12-12: LGTM: banner title light color updated

Aligned with the new brand cyan; dark-mode unchanged.

@jhaynie jhaynie left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

😍

@jhaynie
jhaynie merged commit 10d56f9 into main Aug 28, 2025
5 checks passed
@jhaynie
jhaynie deleted the ui-color-changes branch August 28, 2025 02:51
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants