Update primary and accent colors to blue (#2563eb) matching landing page#1572
Conversation
Replace the dark charcoal (#212121) primary and purple (#C177FC) accent with the landing page's blue (#2563eb) for consistent branding. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
There was a problem hiding this comment.
Pull request overview
This PR updates the application's primary and accent theme colors from dark charcoal (#212121) and purple (#C177FC) to a blue color (#2563eb) to match the landing page branding. The changes affect the central theme configuration and fallback values used when connections don't have custom colors defined.
Changes:
- Updated default theme colors in main.ts configuration
- Updated fallback theme colors in connections.service.ts for connections without custom branding
Reviewed changes
Copilot reviewed 2 out of 2 changed files in this pull request and generated 1 comment.
| File | Description |
|---|---|
| frontend/src/main.ts | Updated the default primaryPalette and accentedPalette from #212121 and #C177FC to #2563eb in the central theme configuration |
| frontend/src/app/services/connections.service.ts | Updated three instances of fallback theme colors to #2563eb when connections lack custom colors or properties |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
| primaryPalette: '#2563eb', | ||
| accentedPalette: '#2563eb', |
There was a problem hiding this comment.
The color update is incomplete. While the primary theme colors have been changed to #2563eb, there are numerous hardcoded instances of the old colors throughout the codebase that have not been updated:
- The old primary color #212121 appears in multiple CSS files (app.component.css, db-tables-list.component.css, and others) where it's used for backgrounds, borders, and text colors
- The old accent color #C177FC appears in several places including saved-filters-dialog.component.css, company.component.html, and page-not-found.component.html
- In db-tables-list.component.ts, #212121 is still used as the default folder icon color and in the folderIconColors array
For consistent branding as described in the PR, these additional occurrences should be evaluated and potentially updated as well. At minimum, the folder icon default color in db-tables-list.component.ts line 88 and the getFolderIconColor method (lines 366, 372, 376) should be reviewed since they specifically use the old primary color for UI elements.
Replace the dark charcoal (#212121) primary and purple (#C177FC) accent with the landing page's blue (#2563eb) for consistent branding.