Content
View differences
Updated by Henriette Darge 12 months ago
### Steps to reproduce
* Set your colour mode to Dark
* Go to a work package list where there is an overdue date
### What is the buggy behavior?
* The red used is:
* a fixed hex in the Work packages list (#c92a2a)
* odd `warn` colour variable in Notification center list
**On a work package table I see:**
```css
.__hl_date_overdue {
color: #C92A2A !important;
font-weight: var(--base-text-weight-bold);
}
```
**In Notification center**, a `--warn` colour variable is used, but it doesn't seem to adapt well to dark mode. I'm not sure where it's coming from:
```css
.op-ian-date-alert_overdue {
color: var(--warn);
}
```
ThisĀ
###
### What is the expected behavior?
* The same colour is used everywhere for overdue dates: Primer token `fgColour-danger`
* This needs some additional changes as it would break color harmony in other modes:
* For dates that are today, we use `fgColor-severe`
* For tables, we change the selectionColor to `bgColor-accent-muted` and the selected border color to `bgColor-accent-emphasis`
### Screenshots and other files
<img class="image_resized op-uc-image op-uc-image_inline" style="width:559px;" src="/api/v3/attachments/360769/content"> <img class="image_resized op-uc-image op-uc-image_inline" style="width:558px;" src="/api/v3/attachments/360777/content">
### Environment information
**OpenProject 15.4**
Core build: [9d32d53fd55208de2e9e7e178b05a48b9cba343d](https://github.com/opf/openproject/commits/9d32d53fd55208de2e9e7e178b05a48b9cba343d)
Product version: [22feb25c7196201d723ee523582ce02bef57bcb8](https://github.com/opf/saas-openproject/commits/22feb25c7196201d723ee523582ce02bef57bcb8)
**Browser:**
Firefox Mac
**Language**
EN
* Set your colour mode to Dark
* Go to a work package list where there is an overdue date
### What is the buggy behavior?
* The red used is:
* a fixed hex in the Work packages list (#c92a2a)
* odd `warn` colour variable in Notification center list
**On a work package table I see:**
```css
.__hl_date_overdue {
color: #C92A2A !important;
font-weight: var(--base-text-weight-bold);
}
```
**In Notification center**, a `--warn` colour variable is used, but it doesn't seem to adapt well to dark mode. I'm not sure where it's coming from:
```css
.op-ian-date-alert_overdue {
color: var(--warn);
}
```
ThisĀ
###
### What is the expected behavior?
* The same colour is used everywhere for overdue dates: Primer token `fgColour-danger`
* This needs some additional changes as it would break color harmony in other modes:
* For dates that are today, we use `fgColor-severe`
* For tables, we change the selectionColor to `bgColor-accent-muted` and the selected border color to `bgColor-accent-emphasis`
<img class="image_resized op-uc-image op-uc-image_inline" style="width:559px;" src="/api/v3/attachments/360769/content"> <img class="image_resized op-uc-image op-uc-image_inline" style="width:558px;" src="/api/v3/attachments/360777/content">
### Environment information
**OpenProject 15.4**
Core build: [9d32d53fd55208de2e9e7e178b05a48b9cba343d](https://github.com/opf/openproject/commits/9d32d53fd55208de2e9e7e178b05a48b9cba343d)
Product version: [22feb25c7196201d723ee523582ce02bef57bcb8](https://github.com/opf/saas-openproject/commits/22feb25c7196201d723ee523582ce02bef57bcb8)
**Browser:**
Firefox Mac
**Language**
EN