Content
View differences
Updated by Henriette Darge almost 2 years ago
# Pain
Please see the two screenshots below. I think the hover colour and the active colour for buttons (in this case wp-table) should be changed (if not considered a bug, then as a feature).
I'm young, I have good eyes, I'm using a MacBook Pro with one of the best displays one can get and I'm having trouble distiguishing the active colour, from the off colour.
In contrast (other two screenshots) where the hover effect is very clearly noticeable.
**\--- Full screen button is active, Filter button is hovered**
<img class="image_resized op-uc-image class="op-uc-image op-uc-image_inline" style="width:514px;" src="/api/v3/attachments/139628/content">
**light mode**
<figure class="image image_resized op-uc-figure" style="width:456px;"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/159681/content"></div></figure>
**\--- Positive Hover effect examples**
<img class="image_resized op-uc-image class="op-uc-image op-uc-image_inline" style="width:457px;" src="/api/v3/attachments/139613/content">
<img class="image_resized op-uc-image class="op-uc-image op-uc-image_inline" style="width:271px;" src="/api/v3/attachments/139611/content">
# Acceptance criteria
* In dark mode: Active buttons should have a shadow effect to the inside (similar to how it is done in the light mode)
* The shadow should go to the inside, indicating a pressed state
* A dark grey is used as color for the shadow effect
###
### Environment information
_Please check and fill out the following details to help us identify in what versions and distributions of OpenProject the error occurs_
**OpenProject installation type**
* [x] Hosted cloud edition (your installation)
* [ ] Packaged installation
* What distribution?
* [ ] Docker All-in-one container
* [ ] Docker-compose installation
* [ ] Other (please specify)
**OpenProject version**
_14.4.0_
**Browser**
* [ ] Chrome
* [ ] Firefox
* [x] Safari
* [ ] Mobile Safari
* [ ] Other (please specify)
Please see the two screenshots below. I think the hover colour and the active colour for buttons (in this case wp-table) should be changed (if not considered a bug, then as a feature).
I'm young, I have good eyes, I'm using a MacBook Pro with one of the best displays one can get and I'm having trouble distiguishing the active colour, from the off colour.
In contrast (other two screenshots) where the hover effect is very clearly noticeable.
**\--- Full screen button is active, Filter button is hovered**
<img class="image_resized op-uc-image
**light mode**
<figure class="image image_resized op-uc-figure" style="width:456px;"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/159681/content"></div></figure>
**\--- Positive Hover effect examples**
<img class="image_resized op-uc-image
# Acceptance criteria
* In dark mode: Active buttons should have a shadow effect to the inside (similar to how it is done in the light mode)
* The shadow should go to the inside, indicating a pressed state
* A dark grey is used as color for the shadow effect
_Please check and fill out the following details to help us identify in what versions and distributions of OpenProject the error occurs_
**OpenProject installation type**
* [x] Hosted cloud edition (your installation)
* [ ] Packaged installation
* What distribution?
* [ ] Docker All-in-one container
* [ ] Docker-compose installation
* [ ] Other (please specify)
**OpenProject version**
_14.4.0_
**Browser**
* [ ] Chrome
* [ ] Firefox
* [x] Safari
* [ ] Mobile Safari
* [ ] Other (please specify)