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

added styles for both light and dark theme to highlight note and chan… #1402

Merged
merged 1 commit into from
Jul 18, 2019

Conversation

kchaplick
Copy link
Contributor

…ge colors for accessibility

Fix

Changed the note selected blue to a more accessible color on light and dark mode. Changed the text and pinner colors to be more accessible based on new selection color.
#1397
Screen Shot 2019-06-21 at 5 55 13 PM
Screen Shot 2019-06-21 at 5 55 58 PM
Screen Shot 2019-06-21 at 5 56 11 PM

Test

  1. Go to homepage
  2. Select a note to see color change
  3. Switch to dark mode
  4. Hover over non-pinned, non-selected note to see first color pinner
  5. Select note
  6. Hover over non-pinned, selected note to see the second color pinner

Review

Only one developer and one designer are required to review these changes, but anyone can perform the review.

@SylvesterWilmott
Copy link
Contributor

@kchaplick I appreciate your attention to accessibility.

We are currently in the midst of a colour audit and accessibility will be under the microscope. Regarding this PR, I think we should use a slightly lighter grey on dark mode for the background highlight but otherwise, it looks good!

@belcherj belcherj added this to the 1.7 milestone Jul 17, 2019
@belcherj
Copy link
Contributor

#1397

Copy link
Contributor

@belcherj belcherj left a comment

Choose a reason for hiding this comment

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

Approved, will address @SylvesterWilmott concerns in another PR

@belcherj belcherj merged commit e8766ee into Automattic:develop Jul 18, 2019
belcherj pushed a commit that referenced this pull request Aug 12, 2019
* Aria Label (#1400)

* Added aria label for search field

* Update dependency react-transition-group to v4.2.0 (#1421)

* Update dependency concurrently to v4.1.1 (#1409)

* Update dependency @material-ui/core to v4.1.3 (#1381)

* Update dependency focus-visible to v5 (#1382)

* Update dependency babel-eslint to v10.0.2 (#1388)

* Update dependency eslint-config-prettier to v6 (#1408)

* Update dependency eslint-plugin-react to v7.14.2 (#1406)

* Update dependency eslint-plugin-jest to v22.7.1 (#1392)

* Update dependency webpack-cli to v3.3.5 (#1405)

* Fixes linting error (#1427)

* Update dependency babel-plugin-dynamic-import-node to v2.3.0 (#1390)

* Update dependency core-js to v3.1.4 (#1386)

* Add check for local config over deve config (#1422)

* Add deploy script and vip assets (#1429)

* Update dependency lodash to v4.17.13 [SECURITY] (#1444)

* Update dependency draft-js to v0.11.0 (#1443)

* Update dependency redux to v4.0.4 (#1441)

* Pin dependencies (#1445)

* added styles for both light and dark theme to highlight note and change colors for accessibility (#1402)

* Fix the develop build

* Remove simperium link from about page (#1450)

* Updates dark mode note list styling (#1452)

* Updates dark mode note list styling

* Switch blue background to grey for dark mode

* Update version for 1.7.0-beta1

* Fixes public path for electron

* Bump version to 1.7.0-beta2

* Bump version to 1.7.0
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants