Skip to content

feat(web): use the OpenCloud brand colors for the primary color role - #3631

Merged
AlexAndBear merged 1 commit into
mainfrom
feat/brand-color-primary
Oct 6, 2026
Merged

AlexAndBear merged 1 commit into
mainfrom
feat/brand-color-primary

Conversation

@AlexAndBear

Copy link
Copy Markdown
Member

Description

Applies the OpenCloud brand colors to the primary color role of the default OpenCloud theme, in both the light and the dark theme:

Role Light (before) Dark (before) Light & dark (after)
primary #00677f #5cd5fb #e2baff
onPrimary #ffffff #003543 #20434f

The primary role is used for the call-to-action ("New" button / FAB). The web counterpart that removes the gradient from the FAB and moves the checkboxes to the secondary role is opencloud-eu/web#3521.

Related Issue

Motivation and Context

The CTA should use the OpenCloud brand colors instead of the generic petrol/cyan tones, as requested in the issue above.

How Has This Been Tested?

  • test environment: local docker setup of the web repo using opencloudeu/opencloud:dev built via make dev-docker
  • test case 1: the "New" button in the sidebar (desktop) uses #e2baff with #20434f text in the light and dark theme
  • test case 2: the FAB on mobile resolutions uses the same colors

Screenshots (if appropriate):

Types of changes

  • Bug fix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Breaking change (fix or feature that would cause existing functionality to change)
  • Technical debt
  • Tests only (no source changes)

Checklist:

  • Code changes
  • Unit tests added
  • Acceptance tests added
  • Documentation added

@codacy-production

codacy-production Bot commented Oct 1, 2026 •

Copy link
Copy Markdown

Up to standards ✅

🟢 Issues 0 issues

Results:
0 new issues

View in Codacy

🟢 Coverage ∅ diff coverage · +0.00% coverage variation

Metric Results
Coverage variation ✅ +0.00% coverage variation (-1.00%)
Diff coverage ✅ ∅ diff coverage

View coverage diff in Codacy

Coverage variation details
Coverable lines Covered lines Coverage
Common ancestor commit (4dec190) 89111 21642 24.29%
Head commit (15baf4b) 89111 (+0) 21642 (+0) 24.29% (+0.00%)

Coverage variation is the difference between the coverage for the head and common ancestor commits of the pull request branch: <coverage of head commit> - <coverage of common ancestor commit>

Diff coverage details
Coverable lines Covered lines Diff coverage
Pull request (#3631) 0 0 ∅ (not applicable)

Diff coverage is the percentage of lines that are covered by tests out of the coverable lines that the pull request added or modified: <covered lines added or modified>/<coverable lines added or modified> * 100%

NEW Get contextual insights on your PRs based on Codacy's metrics, along with PR and Jira context, without leaving GitHub. Enable AI reviewer
TIP This summary will be updated as you push new changes.

@AlexAndBear

Copy link
Copy Markdown
Member Author

not ready to get merged, needs PM decision @tbsbdr

@AlexAndBear
AlexAndBear marked this pull request as draft October 2, 2026 14:43
@AlexAndBear
AlexAndBear force-pushed the feat/brand-color-primary branch from 3ec7e73 to 15baf4b Compare October 5, 2026 09:43
@AlexAndBear

Copy link
Copy Markdown
Member Author
image

@AlexAndBear

Copy link
Copy Markdown
Member Author
image

@AlexAndBear
AlexAndBear marked this pull request as ready for review October 6, 2026 07:50
@AlexAndBear
AlexAndBear merged commit d761a48 into main Oct 6, 2026
68 of 69 checks passed
@AlexAndBear
AlexAndBear deleted the feat/brand-color-primary branch October 6, 2026 07:50
@tbsbdr

tbsbdr commented Oct 6, 2026

Copy link
Copy Markdown
Member

sieht super aus - danke!

(Head of marketing)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants