Content
View differences
Updated by Behrokh Satarnejad almost 2 years ago
This is a placeholder to track all the issue that we missed in the first round of implementing the dark mode.
These are the known issues that are not fixed yet in dark mode:
* [x] On the overview page, the graph text is too dark to read
<img class="image_resized op-uc-image op-uc-image_inline" style="width:559px;" src="/api/v3/attachments/109217/content">
* [x] The input on the repository page and the cost reports page has the wrong color
* [x] Select input in admin section are not looking good (background color of options is white, dark dropdown carets)<img class="image_resized op-uc-image op-uc-image_inline" style="width:558px;" src="/attachments/109231/image.png" alt="screenshot about dropdowns in admin form">
* [x] WP configuration page is using wrong colors for tables
<img class="image_resized op-uc-image op-uc-image_inline" style="width:570px;" src="/api/v3/attachments/109240/content">
* [x] Button for selecting logo has a wrong bg color and font color
<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/109244/content">
* [x] In members page, role dropdown has the same background color as the parent element
<img class="image_resized op-uc-image op-uc-image_inline" style="width:562px;" src="/api/v3/attachments/109249/content">
* [x] Show changes since dropdown in baseline modal has a dark bg color for arrows
<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/109252/content">
* [x] some buttons have underlined text-decoration while hovering
<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/109253/content">
* [ ] Hover color on document is white (also in files tab, some css at work here)
<img class="image_resized op-uc-image op-uc-image_inline" style="width:810px;" src="/api/v3/attachments/109258/content">
* [x] Cost report progress bars have light bg color
<img class="image_resized op-uc-image op-uc-image_inline" style="width:703px;" src="/api/v3/attachments/109255/content">
* [x] Unit cost table has a wrong bg color and font color
<img class="image_resized op-uc-image op-uc-image_inline" style="width:567px;" src="/api/v3/attachments/109256/content">
* [x] Task board error modal with a bad background color and font color
<img class="image_resized op-uc-image op-uc-image_inline" style="width:342px;" src="/api/v3/attachments/109257/content">
* [x] Error on meeting creation (e.g. leave out project) is barely readable
<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/111192/content">
* [x] Create new story modal has wrong background and font color for title
<img class="image_resized op-uc-image op-uc-image_inline" style="width:331px;" src="/api/v3/attachments/109260/content">
* [x] Task board table has a light header bg color
<img class="image_resized op-uc-image op-uc-image_inline" style="width:388px;" src="/api/v3/attachments/109261/content">
* [x] Archived & Activated projects are not clearly distinguishable in dark mode project autocompleter. In the screenshot "\[Dev\] Large" is already activated and hence not clickable.
<img class="image_resized op-uc-image op-uc-image_inline" style="width:433px;" src="/api/v3/attachments/109817/content">
* [ ] Loading gif has white background
<img class="image_resized op-uc-image op-uc-image_inline" style="width:222px;" src="/api/v3/attachments/109213/content">
* [ ] Enterprise videos have white background
<img class="image_resized op-uc-image op-uc-image_inline" style="width:322px;" src="/api/v3/attachments/109241/content">
* [x] Input fields on adding members hard to identify as input fields and curser almost invisible:
<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/111603/content">
* [x] Righthand-side carets on drop-down input fields barely visible (e.g. format selection of custom fields)
<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/111604/content">
* [x] [ ] Project template selector on project creation page looks off color
<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/112206/content">
\-------------------------------------------------
###
###
### Done
* [x] Loading indicators are based on white
<figure class="image image_resized op-uc-figure" style="width:494px;"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/109212/content"></div></figure>
* [x] WP cards on team planner calendar have a wrong bg color that subject is not visible
<img class="image_resized op-uc-image op-uc-image_inline" style="width:405px;" src="/api/v3/attachments/109251/content">
* [x] Cost type rate button has a wrong bg color
<img class="image_resized op-uc-image op-uc-image_inline" style="width:266px;" src="/api/v3/attachments/109242/content">
* [x] In Activity module, project color is very dark
<img class="image_resized op-uc-image op-uc-image_inline" style="width:276px;" src="/api/v3/attachments/109248/content">
* [x] the table for adding custom non-working days has a wrong bg color on hover
<img class="image_resized op-uc-image op-uc-image_inline" style="width:459px;" src="/api/v3/attachments/109245/content">
* [x] New custom action has a wrong bg hover color
<img class="image_resized op-uc-image op-uc-image_inline" style="width:356px;" src="/api/v3/attachments/109247/content">
* [x] On project overview page, if page has no widgets, icon to add new widgets is not showing the (+)
<figure class="image image_resized op-uc-figure" style="width:472px;"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/110280/content"></div></figure>
* [x] The select boxes seem to have a darker background than normal input fields
<img class="image_resized op-uc-image op-uc-image_inline" style="width:270px;" src="/api/v3/attachments/109216/content">
* [x] Disabled select fields look to bright
<img class="image_resized op-uc-image op-uc-image_inline" style="width:328px;" src="/api/v3/attachments/109215/content">
* [x] Validation messages on project attributes have a very bad contrast
<img class="image_resized op-uc-image op-uc-image_inline" style="width:389px;" src="/api/v3/attachments/109266/content">
* [x] In Team planner, add existing pane has a wrong bg color and font color
<img class="image_resized op-uc-image op-uc-image_inline" style="width:418px;" src="/api/v3/attachments/109250/content">
### Out of scope
* Type and status are sometimes too dark. Will be done in ##55774
These are the known issues that are not fixed yet in dark mode:
* [x] On the overview page, the graph text is too dark to read
<img class="image_resized op-uc-image op-uc-image_inline" style="width:559px;" src="/api/v3/attachments/109217/content">
* [x] The input on the repository page and the cost reports page has the wrong color
* [x] Select input in admin section are not looking good (background color of options is white, dark dropdown carets)<img class="image_resized op-uc-image op-uc-image_inline" style="width:558px;" src="/attachments/109231/image.png" alt="screenshot about dropdowns in admin form">
* [x] WP configuration page is using wrong colors for tables
<img class="image_resized op-uc-image op-uc-image_inline" style="width:570px;" src="/api/v3/attachments/109240/content">
* [x] Button for selecting logo has a wrong bg color and font color
<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/109244/content">
* [x] In members page, role dropdown has the same background color as the parent element
<img class="image_resized op-uc-image op-uc-image_inline" style="width:562px;" src="/api/v3/attachments/109249/content">
* [x] Show changes since dropdown in baseline modal has a dark bg color for arrows
<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/109252/content">
* [x] some buttons have underlined text-decoration while hovering
<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/109253/content">
* [ ] Hover color on document is white (also in files tab, some css at work here)
<img class="image_resized op-uc-image op-uc-image_inline" style="width:810px;" src="/api/v3/attachments/109258/content">
* [x] Cost report progress bars have light bg color
<img class="image_resized op-uc-image op-uc-image_inline" style="width:703px;" src="/api/v3/attachments/109255/content">
* [x] Unit cost table has a wrong bg color and font color
<img class="image_resized op-uc-image op-uc-image_inline" style="width:567px;" src="/api/v3/attachments/109256/content">
* [x] Task board error modal with a bad background color and font color
<img class="image_resized op-uc-image op-uc-image_inline" style="width:342px;" src="/api/v3/attachments/109257/content">
* [x] Error on meeting creation (e.g. leave out project) is barely readable
<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/111192/content">
* [x] Create new story modal has wrong background and font color for title
<img class="image_resized op-uc-image op-uc-image_inline" style="width:331px;" src="/api/v3/attachments/109260/content">
* [x] Task board table has a light header bg color
<img class="image_resized op-uc-image op-uc-image_inline" style="width:388px;" src="/api/v3/attachments/109261/content">
* [x] Archived & Activated projects are not clearly distinguishable in dark mode project autocompleter. In the screenshot "\[Dev\] Large" is already activated and hence not clickable.
<img class="image_resized op-uc-image op-uc-image_inline" style="width:433px;" src="/api/v3/attachments/109817/content">
* [ ] Loading gif has white background
<img class="image_resized op-uc-image op-uc-image_inline" style="width:222px;" src="/api/v3/attachments/109213/content">
* [ ] Enterprise videos have white background
<img class="image_resized op-uc-image op-uc-image_inline" style="width:322px;" src="/api/v3/attachments/109241/content">
* [x] Input fields on adding members hard to identify as input fields and curser almost invisible:
<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/111603/content">
* [x] Righthand-side carets on drop-down input fields barely visible (e.g. format selection of custom fields)
* [x]
<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/112206/content">
###
###
### Done
* [x] Loading indicators are based on white
<figure class="image image_resized op-uc-figure" style="width:494px;"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/109212/content"></div></figure>
* [x] WP cards on team planner calendar have a wrong bg color that subject is not visible
<img class="image_resized op-uc-image op-uc-image_inline" style="width:405px;" src="/api/v3/attachments/109251/content">
* [x] Cost type rate button has a wrong bg color
<img class="image_resized op-uc-image op-uc-image_inline" style="width:266px;" src="/api/v3/attachments/109242/content">
* [x] In Activity module, project color is very dark
<img class="image_resized op-uc-image op-uc-image_inline" style="width:276px;" src="/api/v3/attachments/109248/content">
* [x] the table for adding custom non-working days has a wrong bg color on hover
<img class="image_resized op-uc-image op-uc-image_inline" style="width:459px;" src="/api/v3/attachments/109245/content">
* [x] New custom action has a wrong bg hover color
<img class="image_resized op-uc-image op-uc-image_inline" style="width:356px;" src="/api/v3/attachments/109247/content">
* [x] On project overview page, if page has no widgets, icon to add new widgets is not showing the (+)
<figure class="image image_resized op-uc-figure" style="width:472px;"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/110280/content"></div></figure>
* [x] The select boxes seem to have a darker background than normal input fields
<img class="image_resized op-uc-image op-uc-image_inline" style="width:270px;" src="/api/v3/attachments/109216/content">
* [x] Disabled select fields look to bright
<img class="image_resized op-uc-image op-uc-image_inline" style="width:328px;" src="/api/v3/attachments/109215/content">
* [x] Validation messages on project attributes have a very bad contrast
<img class="image_resized op-uc-image op-uc-image_inline" style="width:389px;" src="/api/v3/attachments/109266/content">
* [x] In Team planner, add existing pane has a wrong bg color and font color
<img class="image_resized op-uc-image op-uc-image_inline" style="width:418px;" src="/api/v3/attachments/109250/content">
### Out of scope
* Type and status are sometimes too dark. Will be done in ##55774