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

Adds dark mode to the site #187

Merged
merged 4 commits into from
Jan 27, 2020
Merged

Adds dark mode to the site #187

merged 4 commits into from
Jan 27, 2020

Conversation

orta
Copy link
Contributor

@orta orta commented Jan 19, 2020

  • Moves to using SCSS vars
  • Switches to supporting whatever the OS offers in dark vs light

Screen Shot 2020-01-19 at 3 04 05 PM
Screen Shot 2020-01-19 at 3 03 58 PM
Screen Shot 2020-01-19 at 3 03 45 PM

@orta
Copy link
Contributor Author

orta commented Jan 19, 2020

getting the twoslash code samples to work this way is out of scope for this PR (it's tricky, shocker)

@github-actions
Copy link
Contributor

github-actions bot commented Jan 19, 2020

Messages
📖

Deployed to a PR branch - playground tsconfig old handbook

Lighthouse Scores

/

Performance Accessibility Best Practices SEO Progressive Web App
0.93 1 0.93 0.88 0.74

/en/tsconfig

Performance Accessibility Best Practices SEO Progressive Web App
0.97 0.97 1 0.86 0.7

/docs/handbook/integrating-with-build-tools.html

Performance Accessibility Best Practices SEO Progressive Web App
0.99 0.93 1 0.89 0.74

Snapshots updated

backstop_default_Empty_Page_0_document_0_phone.png
Before After
backstop_default_Empty_Page_0_document_1_tablet.png
Before After
backstop_default_Empty_Page_0_document_2_computer.png
Before After
backstop_default_Index_0_document_0_phone.png
Before After
backstop_default_Index_0_document_1_tablet.png
Before After
backstop_default_Index_0_document_2_computer.png
Before After
backstop_default_Old_Handbook_Example_0_viewport_0_phone.png
Before After
backstop_default_Old_Handbook_Example_0_viewport_1_tablet.png
Before After
backstop_default_Old_Handbook_Example_0_viewport_2_computer.png
Before After
backstop_default_TSConfig_Example_0_viewport_0_phone.png
Before After
backstop_default_TSConfig_Example_0_viewport_1_tablet.png
Before After
backstop_default_TSConfig_Example_0_viewport_2_computer.png
Before After

Generated by 🚫 dangerJS against 7207c0b

@orta
Copy link
Contributor Author

orta commented Jan 26, 2020

Shipped a PR which would allow snapshot testing of dark mode, garris/BackstopJS#1143, I'm gonna make quite a lot of those tests to because I don't use dark mode personally.

@orta
Copy link
Contributor Author

orta commented Jan 27, 2020

OK, this is shippable

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.

1 participant