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

Continue adding light mode custom color variables #2885

Merged

Conversation

sandymcfadden
Copy link
Contributor

@sandymcfadden sandymcfadden commented May 3, 2021

Fix

This continues on with the work in #2874

It adds more color variables for light mode. Those colors are then updated throughout the app to use the variables instead.

Test

  • Smoke test in light and dark mode and ensure colors look proper.

Release

NA

@sandymcfadden sandymcfadden added this to the 2.12.0 milestone May 3, 2021
@sandymcfadden sandymcfadden self-assigned this May 3, 2021
@sandymcfadden sandymcfadden changed the base branch from develop to update/move-to-custom-css-properties May 3, 2021 18:38
Base automatically changed from update/move-to-custom-css-properties to develop May 4, 2021 15:32
Update most uses of -white to use --primary-color in light mode
Update uses of -gray-50, 40, 60 to --secondary-color in light mode
Update uses of -gray-80 to be --tertiary-color
Update uses of -simplenote-blue-50 to be --accent-color
Update uses of white and hex value to be --primary-color in light mode
Update uses of -simplenote-blue-5 to be --highlight-color in light mode
Following a WordPress example renaming new css variables. Starting with --primary-color to --background-color
Following a WordPress example renaming new css variables. --secondary-color to --foreground-color
Following a WordPress example renaming new css variables. --tertiary-color to --primary-color
Update uses of -gray-5 to be --secondary-color in light mode
Update uses of -gray-20 to be --tertiary-color in light mode
Update overlay colors to use --overlay-color in light mode
Fix a couple of small CSS lint errors.
@sandymcfadden sandymcfadden force-pushed the update/additional-light-mode-custom-color-variables branch from c5c04c9 to 5225cbf Compare May 4, 2021 15:33
@sandymcfadden sandymcfadden requested a review from a team May 4, 2021 15:34
@sandymcfadden sandymcfadden marked this pull request as ready for review May 4, 2021 15:34
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.

Looks great

@sandymcfadden sandymcfadden merged commit b4b2455 into develop May 5, 2021
@sandymcfadden sandymcfadden deleted the update/additional-light-mode-custom-color-variables branch May 5, 2021 11:17
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants