Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Experiment - Add inverse styling for Yellow / vibrant websites #994

Draft
wants to merge 6 commits into
base: main
Choose a base branch
from

Conversation

sehyunidaaa
Copy link
Contributor

@sehyunidaaa sehyunidaaa commented Jan 16, 2025

Problem

The template can't support extremely vibrant colours like Yellow. Some default variants will fail contrast with a yellow. Unlike other colours, yellow loses its unique vibrance when you lower its lightness.

Solution

  • Hero (block variant)
  • Any component that uses Button

should have variants that support inverse.

image

Copy link

linear bot commented Jan 16, 2025

@datadog-opengovsg
Copy link

datadog-opengovsg bot commented Jan 17, 2025

Datadog Report

Branch report: sehyun/iso-164-inverse-components-for-liveon
Commit report: 4d18544
Test service: isomer-studio

✅ 0 Failed, 257 Passed, 36 Skipped, 48.84s Total Time
🔻 Test Sessions change in coverage: 1 decreased (-0.01%)

🔻 Code Coverage Decreases vs Default Branch (1)

  • vitest run --coverage 6.02% (-0.01%) - Details

@sehyunidaaa sehyunidaaa changed the title Experiment - Add inverse block hero variant Experiment - Add inverse styling for Yellow / vibrant websites Jan 17, 2025
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