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

Dark theme fixes 2023 #131

Merged
merged 25 commits into from
Jan 8, 2024
Merged

Dark theme fixes 2023 #131

merged 25 commits into from
Jan 8, 2024

Conversation

Kenny2github
Copy link
Member

Fixes issues reported on the Community Portal between 2022-03-15 and today, plus some that I noticed along the way.

@Kenny2github Kenny2github added prnr Pull request, needs review design Related to the skin design labels Dec 22, 2023
@Kenny2github Kenny2github requested a review from jacob-g December 22, 2023 07:16
@Kenny2github Kenny2github self-assigned this Dec 22, 2023
Copy link
Member

@jacob-g jacob-g left a comment

Choose a reason for hiding this comment

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

First thing I checked is that you only changed things under .dark-theme, so that looks good. Will actually do functional testing as time permits over the next few days.

Copy link
Member

@jacob-g jacob-g left a comment

Choose a reason for hiding this comment

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

Reviewing these one at a time:

  • no background on scratchblocks: PASS
  • no border on pseudo-inputs: PASS
  • fix preview warning being too bright: PARTIAL PASS (contrast is low with the dark-ish text on a dark background; this can be fixed at a later time if needed)
  • CodeMirror: CANNOT TEST (issues getting it working on my local)
  • WikiEditor help table: FAIL (open special characters, still shows dark on dark)
  • search results being white: PASS
  • OOUI fixes: PASS
  • pending interference: CANNOT REPRODUCE (not sure how to trigger this behavior at all)
  • page history: FAIL (while the two most recent items avoid a light background, some of the text is dark on dark)
  • VisualEditor fixes: PARTIAL PASS (you are missing one thing, if you open a dropdown in the toolbar that's still light on light)
  • file metadata table: PASS
  • selection in CodeMirror: CANNOT TEST (can't get CodeMirror working)
  • captions being invisible: CANNOT TEST (cannot reproduce on the old theme)

@jacob-g
Copy link
Member

jacob-g commented Dec 26, 2023

Update since I have CodeMirror working:

  • CodeMirror gutter: PASS
  • CodeMirror selection: PASS

@jacob-g
Copy link
Member

jacob-g commented Dec 26, 2023

Update when I got pending to work (using Special:Contributions and searching a username):

  • pending interference: PASS

@jacob-g
Copy link
Member

jacob-g commented Dec 26, 2023

Another update now that I have looked more closely at the WikiEditor help table:

  • WikiEditor help table: PASS (special characters still is dark on dark, but can be fixed at a later time)

@jacob-g
Copy link
Member

jacob-g commented Dec 26, 2023

Another update now that I have been informed that the caption invisibility issue is in template documentation:

  • captions being invisible: PASS

@Kenny2github
Copy link
Member Author

fix preview warning being too bright: PARTIAL PASS (contrast is low with the dark-ish text on a dark background; this can be fixed at a later time if needed)

contrast ratio passes WCAG AAA standard
image of actual preview warning

Not sure how much more contrast you need?

@Kenny2github Kenny2github requested a review from jacob-g December 29, 2023 10:10
@Kenny2github
Copy link
Member Author

Addressed review comments and also fixed a swath of issues I noticed while doing so

@jacob-g
Copy link
Member

jacob-g commented Jan 8, 2024

For previous issues identified:
fix preview warning being too bright: PASS
VisualEditor fixes: PASS
page history: PASS

This addresses all issues from my earlier review. Now I will proceed reviewing the new fixes.

@jacob-g
Copy link
Member

jacob-g commented Jan 8, 2024

Results:
message box styling: CANNOT TEST (not sure what the original issue is)
special characters: PASS
VisualEditor/OOUI issues: PASS
OOUI borders: CANNOT TEST (not sure what the original issue is)
preferences: CANNOT TEST (not sure what the original issue is)
Recent Changes: CANNOT TEST (not sure what the original issue is)
VisualEditor pop-ups: PASS
Echo issues: PASS
reference highlighting: PASS

@Kenny2github
Copy link
Member Author

Original issues:

  • message box styling: the "change your password, it's too simple" warning on login was badly styled. It seems that newer versions of MW use a more MW-specific class, rendering the original fix ineffective, so I added the one used in that warning and extrapolated to the other classes.
  • OOUI borders: generally there was inconsistency between some buttons/input elements/etc. having dark or light borders, especially in the VisualEditor gallery modal and Special:Log/Special:Contributions. I made them all light (as far as I can tell).
  • preferences: the Echo notification settings table's even-numbered rows were light on light. The timezone input was also bad.
  • Recent Changes: one button had a doubly thick border, the legend flashbanged during loading, and the buttons in the bottom right of the filter panel were misaligned with the rest of the bottom buttons.

@jacob-g
Copy link
Member

jacob-g commented Jan 8, 2024

message box styling: PASS
OOUI borders: PARTIAL PASS - you introduced a regression with the dropdown arrow (this problem isn't present on the pre-fix version)
image
preferences: PASS
Recent Changes: PASS

@Kenny2github
Copy link
Member Author

Tag filter drop-down arrow is not a blocker (it will take significantly more effort and is not a dark-on-dark/light-on-light issue) so it can go in the next batch of fixes

Copy link
Member

@jacob-g jacob-g left a comment

Choose a reason for hiding this comment

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

All outstanding issues but one have been fixed, and the remaining one is not a blocker and has been noted for future fixing.

@jacob-g jacob-g merged commit a19e32b into master Jan 8, 2024
4 checks passed
@jacob-g jacob-g deleted the dark-theme-fixes-2023 branch January 8, 2024 20:21
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
design Related to the skin design prnr Pull request, needs review
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants