Skip to content

fix(ui): Coda Logo#7656

Merged
justin-tahara merged 2 commits intomainfrom
jtahara/fix-coda-logo
Jan 22, 2026
Merged

fix(ui): Coda Logo#7656
justin-tahara merged 2 commits intomainfrom
jtahara/fix-coda-logo

Conversation

@justin-tahara
Copy link
Copy Markdown
Contributor

@justin-tahara justin-tahara commented Jan 22, 2026

Description

Just fixing the inverse logic given this is an orange logo

How Has This Been Tested?

Before:
Screenshot 2026-01-21 at 4 49 12 PM

After:
Screenshot 2026-01-21 at 6 06 09 PM
Screenshot 2026-01-21 at 6 06 35 PM

Additional Options

  • [Optional] Override Linear Check

Summary by cubic

Fix Coda logo color by removing monochromatic mode on CodaIcon and updating the asset, so it renders the correct brand orange. Works in light and dark themes.

Written for commit 0dc9936. Summary will update on new commits.

@justin-tahara justin-tahara requested a review from a team as a code owner January 22, 2026 00:50
Copy link
Copy Markdown
Contributor

@cubic-dev-ai cubic-dev-ai bot left a comment

Choose a reason for hiding this comment

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

No issues found across 1 file

@greptile-apps
Copy link
Copy Markdown
Contributor

greptile-apps bot commented Jan 22, 2026

Greptile Summary

Removed the monochromatic: true flag from the Coda logo icon definition. The Coda logo is orange with a white icon design, so it doesn't require color inversion in dark mode. Previously, the monochromatic flag was incorrectly applying dark:invert CSS, which would have inverted the orange color scheme in dark mode.

Confidence Score: 5/5

  • This PR is safe to merge with minimal risk
  • This is a simple, well-tested visual fix that removes an incorrect flag from a logo icon configuration. The change is minimal (one parameter removal), the logic is clear, and the PR includes before/after screenshots demonstrating the fix works as intended.
  • No files require special attention

Important Files Changed

Filename Overview
web/src/components/icons/icons.tsx Correctly removed monochromatic flag from orange Coda logo to prevent unwanted color inversion in dark mode

Sequence Diagram

sequenceDiagram
    participant User
    participant Component
    participant createLogoIcon
    participant CodaIcon
    participant DOM

    User->>Component: Renders component with CodaIcon
    Component->>CodaIcon: Request icon with size/className
    CodaIcon->>createLogoIcon: Call with codaIcon (no monochromatic)
    
    alt Light Mode
        createLogoIcon->>DOM: Render orange Coda logo as-is
        DOM->>User: Display orange logo with white icon
    else Dark Mode
        createLogoIcon->>DOM: Render orange Coda logo (no inversion)
        DOM->>User: Display orange logo with white icon
    end
Loading

@justin-tahara justin-tahara merged commit d4ed257 into main Jan 22, 2026
79 checks passed
@justin-tahara justin-tahara deleted the jtahara/fix-coda-logo branch January 22, 2026 18:10
justin-tahara added a commit that referenced this pull request Jan 23, 2026
justin-tahara added a commit that referenced this pull request Jan 23, 2026
justin-tahara added a commit that referenced this pull request Jan 26, 2026
justin-tahara added a commit that referenced this pull request Jan 27, 2026
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.

1 participant