Content
View differences
Updated by Henriette Darge almost 2 years ago
### Steps to reproduce
1. Go to Admin -> Type
2. Select any Type
3. Chose a dark color for it (e.g. black)
4. In the personal settings, switch to the dark mode
5. Go to the Gantt module and create a WP with the given type
### What is the buggy behavior?
* The dark color is nearly invisible in the type column as well as in the Gantt chart itself.
* The same happens for "Status"
### Possible solutions What is the expected behavior?
For the light mode we have a workaround which is rather ugly: We show a border around each letter.
<img class="image_resized op-uc-image op-uc-image_inline" style="width:77px;" src="/api/v3/attachments/109056/content">
1. So either, we do the same for dark colours in the dark mode
2. Or we find a way to calculate darker/brighter versions of the colors like Github is doing it for their labels. This is based on the assumption that the concrete hex code is not that important but rather the general color shade
3. Or we limit the set of colors selectable to colors coming from Primer that adapt with the selected color mode.
1. Very bright/dark colours as black and white will then not be selectable any more.
2. For each color variable primer offers we choose two scales (e.g. `--color-scale-green-3` and `--color-scale-green-5`)
3. The colours page can be removed completely
4. Users that have custom colors cannot select them any more when updating a type/status
1. The existing ones are either kept,
2. Or migrated to the closest color
### What is the expected behavior?
* Based on the configured hex code, we calculate a darker/brighter version of the colors.
* The goal is that Type and Status Highlighting are always visible and readable
* Font color
* Complete row highlighting
* Card highlighting
* Status selector
* highlighting via bubble
* We accept that in the end, the color might not have the exact configured hex code
### Environment information
**OpenProject version**
_14.3_
**Browser**
* [x] Chrome
* [x] Firefox
* [x] Safari
* [ ] Mobile Safari
* [ ] Other (please specify)
**Language**
_German_
1. Go to Admin -> Type
2. Select any Type
3. Chose a dark color for it (e.g. black)
4. In the personal settings, switch to the dark mode
5. Go to the Gantt module and create a WP with the given type
### What is the buggy behavior?
* The dark color is nearly invisible in the type column as well as in the Gantt chart itself.
* The same happens for "Status"
### Possible solutions
For the light mode we have a workaround which is rather ugly: We show a border around each letter.
<img class="image_resized op-uc-image op-uc-image_inline" style="width:77px;" src="/api/v3/attachments/109056/content">
1. So either, we do the same for dark colours in the dark mode
2. Or we find a way to calculate darker/brighter versions of the colors like Github is doing it for their labels. This is based on the assumption that the concrete hex code is not that important but rather the general color shade
3. Or we limit the set of colors selectable to colors coming from Primer that adapt with the selected color mode.
1. Very bright/dark colours as black and white will then not be selectable any more.
2. For each color variable primer offers we choose two scales (e.g. `--color-scale-green-3` and `--color-scale-green-5`)
3. The colours page can be removed completely
4. Users that have custom colors cannot select them any more when updating a type/status
1. The existing ones are either kept,
2. Or migrated to the closest color
### What is the expected behavior?
* Based on the configured hex code, we calculate a darker/brighter version of the colors.
* The goal is that Type and Status Highlighting are always visible and readable
* Font color
* Complete row highlighting
* Card highlighting
* Status selector
* highlighting via bubble
* We accept that in the end, the color might not have the exact configured hex code
**OpenProject version**
_14.3_
**Browser**
* [x] Chrome
* [x] Firefox
* [x] Safari
* [ ] Mobile Safari
* [ ] Other (please specify)
**Language**
_German_