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

feat: color contrasts in default theme #11331

Merged
merged 2 commits into from
Aug 14, 2024
Merged

feat: color contrasts in default theme #11331

merged 2 commits into from
Aug 14, 2024

Conversation

JammingBen
Copy link
Contributor

@JammingBen JammingBen commented Aug 7, 2024

Description

Enhances colors in the default theme so they have at least a 4.5:1 contrast ratio because of a11y reasons.

Note that checking out this PR will not change the colors since those are only being used as fallback if no theme was provided by oCIS. owncloud/ocis#9752 is for the actual theme change in oCIS.

Notable changes:

  • reduced the opacity in a few spots, e.g. the file extensions in the "New"-menu, a cut resource
  • reduced the brightness of the secondary background color in dark mode
  • redefined colors for the danger button in dark mode (see "Empty trash bin"-button)
  • removed hover effect on disabled menu actions

Related Issue

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
  • Documentation
  • Maintenance (e.g. dependency updates or tooling)

@JammingBen JammingBen self-assigned this Aug 7, 2024
Copy link

update-docs bot commented Aug 7, 2024

Thanks for opening this pull request! The maintainers of this repository would appreciate it if you would create a changelog item based on your changes.

@JammingBen JammingBen changed the title fix: color contrasts fix: color contrasts in default theme Aug 7, 2024
@JammingBen JammingBen changed the title fix: color contrasts in default theme feeat: color contrasts in default theme Aug 7, 2024
@JammingBen JammingBen changed the title feeat: color contrasts in default theme feat: color contrasts in default theme Aug 7, 2024
@JammingBen JammingBen force-pushed the fix/color-contrasts branch from f13f27c to ee5e5df Compare August 7, 2024 09:32
@JammingBen JammingBen marked this pull request as ready for review August 7, 2024 10:24
Jannik Stehle added 2 commits August 7, 2024 13:54
Enhances colors in the default theme so they have at least a 4.5:1 contrast ratio because of a11y reasons.
@JammingBen JammingBen force-pushed the fix/color-contrasts branch from ee5e5df to db584b3 Compare August 7, 2024 11:54
Copy link

sonarqubecloud bot commented Aug 7, 2024

Copy link

@tbsbdr tbsbdr left a comment

Choose a reason for hiding this comment

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

is the contrast of the danger button in dark mode & validation error text color supposed to be fixed? (currently, contrasts are not high enough)
screenshot_003025
screenshot_003026

@JammingBen
Copy link
Contributor Author

is the contrast of the danger button in dark mode & validation error text color supposed to be fixed? (currently, contrasts are not high enough)

Yes, as described above, checking out this PR will not display the changes. It's just the fallback theme if oCIS fails to deliver a theme. So you either need to run oCIS with owncloud/ocis#9752, or mount the theme in the docker container via a volume: - ./packages/web-runtime/themes/owncloud/theme.json:/themes/owncloud/theme.json

@JammingBen JammingBen requested a review from tbsbdr August 12, 2024 06:51
Copy link

@tbsbdr tbsbdr left a comment

Choose a reason for hiding this comment

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

LGTM

@JammingBen JammingBen merged commit 6fcee17 into master Aug 14, 2024
3 checks passed
@kulmann kulmann deleted the fix/color-contrasts branch September 5, 2024 19:47
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