René's URL Explorer Experiment


Title: feat: Adds light and dark mode toggle. by BaronVonPerko · Pull Request #211 · angular/angular-update-guide · GitHub

Open Graph Title: feat: Adds light and dark mode toggle. by BaronVonPerko · Pull Request #211 · angular/angular-update-guide

X Title: feat: Adds light and dark mode toggle. by BaronVonPerko · Pull Request #211 · angular/angular-update-guide

Description: This PR creates a toggle in the toolbar to switch back and forth between dark and light modes. It keeps the selected option in localStorage so a user returning to the page will have the same setting that they last used. This required switching from css to scss in order to get the different themes wired up. Referenced issue #180

Open Graph Description: This PR creates a toggle in the toolbar to switch back and forth between dark and light modes. It keeps the selected option in localStorage so a user returning to the page will have the same setti...

X Description: This PR creates a toggle in the toolbar to switch back and forth between dark and light modes. It keeps the selected option in localStorage so a user returning to the page will have the same setti...

Opengraph URL: https://github.com/angular/angular-update-guide/pull/211

X: @github

direct link

Domain: github.com

route-pattern/:user_id/:repository/pull/:id/files(.:format)
route-controllerpull_requests
route-actionfiles
fetch-noncev2:6f52d8ce-9287-0649-b29c-ce526e5f9be4
current-catalog-service-hashae870bc5e265a340912cde392f23dad3671a0a881730ffdadd82f2f57d81641b
request-idB4F8:2D9E95:168CA2:20A170:6A4CFD00
html-safe-nonce1169417dca97d6b523d40cb4895c30b6f664959f5166902883145c55768ea0ba
visitor-payloadeyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiJCNEY4OjJEOUU5NToxNjhDQTI6MjBBMTcwOjZBNENGRDAwIiwidmlzaXRvcl9pZCI6IjIxMTkyNTQxODY5NTY0ODc5MzYiLCJyZWdpb25fZWRnZSI6ImlhZCIsInJlZ2lvbl9yZW5kZXIiOiJpYWQifQ==
visitor-hmac75213e4d21b05ff76cd5e19584da7707491eeca8ffecf8becea362e14e310eda
hovercard-subject-tagpull_request:1178820254
github-keyboard-shortcutsrepository,pull-request-list,pull-request-conversation,pull-request-files-changed,copilot
google-site-verificationApib7-x98H0j5cPqHWwSMm6dNU4GmODRoqxLiDzdx9I
octolytics-urlhttps://collector.github.com/github/collect
analytics-location///pull_requests/show/files
fb:app_id1401488693436528
apple-itunes-appapp-id=1477376905, app-argument=https://github.com/angular/angular-update-guide/pull/211/files
twitter:imagehttps://avatars.githubusercontent.com/u/5384791?s=400&v=4
twitter:cardsummary_large_image
og:imagehttps://avatars.githubusercontent.com/u/5384791?s=400&v=4
og:image:altThis PR creates a toggle in the toolbar to switch back and forth between dark and light modes. It keeps the selected option in localStorage so a user returning to the page will have the same setti...
og:site_nameGitHub
og:typeobject
hostnamegithub.com
expected-hostnamegithub.com
None31e4db13a9e20081f2fac78f441659a6576e582bbb15e153f9c7fb6473aa29f5
turbo-cache-controlno-preview
diff-viewunified
go-importgithub.com/angular/angular-update-guide git https://github.com/angular/angular-update-guide.git
octolytics-dimension-user_id139426
octolytics-dimension-user_loginangular
octolytics-dimension-repository_id84320616
octolytics-dimension-repository_nwoangular/angular-update-guide
octolytics-dimension-repository_publictrue
octolytics-dimension-repository_is_forkfalse
octolytics-dimension-repository_network_root_id84320616
octolytics-dimension-repository_network_root_nwoangular/angular-update-guide
turbo-body-classeslogged-out env-production page-responsive full-width
disable-turbotrue
browser-stats-urlhttps://api.github.com/_private/browser/stats
browser-errors-urlhttps://api.github.com/_private/browser/errors
releasefb70bd3c4b2bec429781b65419e912c66e2d5581
ui-targetfull
theme-color#1e2327
color-schemelight dark

Links:

Skip to contenthttps://github.com/angular/angular-update-guide/pull/211/files#start-of-content
https://github.com/
Sign in https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2Fangular%2Fangular-update-guide%2Fpull%2F211%2Ffiles
GitHub CopilotWrite better code with AIhttps://github.com/features/copilot
GitHub Copilot appDirect agents from issue to mergehttps://github.com/features/ai/github-app
MCP RegistryNewIntegrate external toolshttps://github.com/mcp
ActionsAutomate any workflowhttps://github.com/features/actions
CodespacesInstant dev environmentshttps://github.com/features/codespaces
IssuesPlan and track workhttps://github.com/features/issues
Code ReviewManage code changeshttps://github.com/features/code-review
GitHub Advanced SecurityFind and fix vulnerabilitieshttps://github.com/security/advanced-security
Code securitySecure your code as you buildhttps://github.com/security/advanced-security/code-security
Secret protectionStop leaks before they starthttps://github.com/security/advanced-security/secret-protection
Why GitHubhttps://github.com/why-github
Documentationhttps://docs.github.com
Bloghttps://github.blog
Changeloghttps://github.blog/changelog
Marketplacehttps://github.com/marketplace
View all featureshttps://github.com/features
Enterpriseshttps://github.com/enterprise
Small and medium teamshttps://github.com/team
Startupshttps://github.com/enterprise/startups
Nonprofitshttps://github.com/solutions/industry/nonprofits
App Modernizationhttps://github.com/solutions/use-case/app-modernization
DevSecOpshttps://github.com/solutions/use-case/devsecops
DevOpshttps://github.com/solutions/use-case/devops
CI/CDhttps://github.com/solutions/use-case/ci-cd
View all use caseshttps://github.com/solutions/use-case
Healthcarehttps://github.com/solutions/industry/healthcare
Financial serviceshttps://github.com/solutions/industry/financial-services
Manufacturinghttps://github.com/solutions/industry/manufacturing
Governmenthttps://github.com/solutions/industry/government
View all industrieshttps://github.com/solutions/industry
View all solutionshttps://github.com/solutions
AIhttps://github.com/resources/articles?topic=ai
Software Developmenthttps://github.com/resources/articles?topic=software-development
DevOpshttps://github.com/resources/articles?topic=devops
Securityhttps://github.com/resources/articles?topic=security
View all topicshttps://github.com/resources/articles
Customer storieshttps://github.com/customer-stories
Events & webinarshttps://github.com/resources/events
Ebooks & reportshttps://github.com/resources/whitepapers
Business insightshttps://github.com/solutions/executive-insights
GitHub Skillshttps://skills.github.com
Documentationhttps://docs.github.com
Customer supporthttps://support.github.com
Community forumhttps://github.com/orgs/community/discussions
Trust centerhttps://github.com/trust-center
Partnershttps://github.com/partners
View all resourceshttps://github.com/resources
GitHub SponsorsFund open source developershttps://github.com/sponsors
Security Labhttps://securitylab.github.com
Maintainer Communityhttps://maintainers.github.com
Acceleratorhttps://github.com/accelerator
GitHub Starshttps://stars.github.com
Archive Programhttps://archiveprogram.github.com
Topicshttps://github.com/topics
Trendinghttps://github.com/trending
Collectionshttps://github.com/collections
Enterprise platformAI-powered developer platformhttps://github.com/enterprise
GitHub Advanced SecurityEnterprise-grade security featureshttps://github.com/security/advanced-security
Copilot for BusinessEnterprise-grade AI featureshttps://github.com/features/copilot/copilot-business
Premium SupportEnterprise-grade 24/7 supporthttps://github.com/premium-support
Pricinghttps://github.com/pricing
Search syntax tipshttps://docs.github.com/search-github/github-code-search/understanding-github-code-search-syntax
documentationhttps://docs.github.com/search-github/github-code-search/understanding-github-code-search-syntax
Sign in https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2Fangular%2Fangular-update-guide%2Fpull%2F211%2Ffiles
Sign up https://github.com/signup?ref_cta=Sign+up&ref_loc=header+logged+out&ref_page=%2F%3Cuser-name%3E%2F%3Crepo-name%3E%2Fpull_requests%2Fshow%2Ffiles&source=header-repo&source_repo=angular%2Fangular-update-guide
Reloadhttps://github.com/angular/angular-update-guide/pull/211/files
Reloadhttps://github.com/angular/angular-update-guide/pull/211/files
Reloadhttps://github.com/angular/angular-update-guide/pull/211/files
Please reload this pagehttps://github.com/angular/angular-update-guide/pull/211/files
angular https://github.com/angular
angular-update-guidehttps://github.com/angular/angular-update-guide
Notifications https://github.com/login?return_to=%2Fangular%2Fangular-update-guide
Fork 96 https://github.com/login?return_to=%2Fangular%2Fangular-update-guide
Star 249 https://github.com/login?return_to=%2Fangular%2Fangular-update-guide
Code https://github.com/angular/angular-update-guide
Issues 53 https://github.com/angular/angular-update-guide/issues
Pull requests 26 https://github.com/angular/angular-update-guide/pulls
Actions https://github.com/angular/angular-update-guide/actions
Projects https://github.com/angular/angular-update-guide/projects
Wiki https://github.com/angular/angular-update-guide/wiki
Security and quality 0 https://github.com/angular/angular-update-guide/security
Insights https://github.com/angular/angular-update-guide/pulse
Code https://github.com/angular/angular-update-guide
Issues https://github.com/angular/angular-update-guide/issues
Pull requests https://github.com/angular/angular-update-guide/pulls
Actions https://github.com/angular/angular-update-guide/actions
Projects https://github.com/angular/angular-update-guide/projects
Wiki https://github.com/angular/angular-update-guide/wiki
Security and quality https://github.com/angular/angular-update-guide/security
Insights https://github.com/angular/angular-update-guide/pulse
BaronVonPerkohttps://github.com/BaronVonPerko
angular:mainhttps://github.com/angular/angular-update-guide/tree/main
BaronVonPerko:dark_modehttps://github.com/BaronVonPerko/angular-update-guide/tree/dark_mode
Conversation 0 https://github.com/angular/angular-update-guide/pull/211
Commits 2 https://github.com/angular/angular-update-guide/pull/211/commits
Checks 0 https://github.com/angular/angular-update-guide/pull/211/checks
Files changed https://github.com/angular/angular-update-guide/pull/211/files
Please reload this pagehttps://github.com/angular/angular-update-guide/pull/211/files
feat: Adds light and dark mode toggle. https://github.com/angular/angular-update-guide/pull/211/files#top
Show all changes 2 commits https://github.com/angular/angular-update-guide/pull/211/files
7038081 Adds light and dark mode toggle. BaronVonPerko Dec 27, 2022 https://github.com/angular/angular-update-guide/pull/211/commits/70380818d58f3ac6c7e520fddc7d6620041c17c0
343ae66 Removed unused CSS BaronVonPerko Dec 27, 2022 https://github.com/angular/angular-update-guide/pull/211/commits/343ae6636a8c4386b82f24d56bfae6606939d956
Clear filters https://github.com/angular/angular-update-guide/pull/211/files
Please reload this pagehttps://github.com/angular/angular-update-guide/pull/211/files
Please reload this pagehttps://github.com/angular/angular-update-guide/pull/211/files
angular.json https://github.com/angular/angular-update-guide/pull/211/files#diff-2d2675bb4687601a5c7ccf707455132f90f3516a33716185687e5c41df59ac7d
app.component.html https://github.com/angular/angular-update-guide/pull/211/files#diff-8d554c98f4c32fee762d6a18e8e189f8898124312ba390bdc51fadd38345674f
app.component.ts https://github.com/angular/angular-update-guide/pull/211/files#diff-884f7f49640e5923f6bcac4c51d90340330a178f662defbe61e5f5aac1c512de
app.module.ts https://github.com/angular/angular-update-guide/pull/211/files#diff-502d295b435b10ba99f5377504ca51149312e3cbebbbaa78ac5d925cb04cbfb0
index.html https://github.com/angular/angular-update-guide/pull/211/files#diff-ce434ef5cc161194b450135a3586eb89357fc270e8aaa8e336db5a04e8d52fbe
styles.scss https://github.com/angular/angular-update-guide/pull/211/files#diff-23fad3928bf3e71585eb4a6e3b2ff72dae02c3ed5a44d2f0deb1d49f0cb3b1a3
angular.jsonhttps://github.com/angular/angular-update-guide/pull/211/files#diff-2d2675bb4687601a5c7ccf707455132f90f3516a33716185687e5c41df59ac7d
View file https://github.com/angular/angular-update-guide/blob/343ae6636a8c4386b82f24d56bfae6606939d956/angular.json
Open in desktop https://desktop.github.com
https://github.co/hiddenchars
https://github.com/angular/angular-update-guide/pull/211/{{ revealButtonHref }}
https://github.com/angular/angular-update-guide/pull/211/files#diff-2d2675bb4687601a5c7ccf707455132f90f3516a33716185687e5c41df59ac7d
https://github.com/angular/angular-update-guide/pull/211/files#diff-2d2675bb4687601a5c7ccf707455132f90f3516a33716185687e5c41df59ac7d
https://github.com/angular/angular-update-guide/pull/211/files#diff-2d2675bb4687601a5c7ccf707455132f90f3516a33716185687e5c41df59ac7d
https://github.com/angular/angular-update-guide/pull/211/files#diff-2d2675bb4687601a5c7ccf707455132f90f3516a33716185687e5c41df59ac7d
https://github.com/angular/angular-update-guide/pull/211/files#diff-2d2675bb4687601a5c7ccf707455132f90f3516a33716185687e5c41df59ac7d
https://github.com/angular/angular-update-guide/pull/211/files#diff-2d2675bb4687601a5c7ccf707455132f90f3516a33716185687e5c41df59ac7d
src/app/app.component.htmlhttps://github.com/angular/angular-update-guide/pull/211/files#diff-8d554c98f4c32fee762d6a18e8e189f8898124312ba390bdc51fadd38345674f
View file https://github.com/angular/angular-update-guide/blob/343ae6636a8c4386b82f24d56bfae6606939d956/src/app/app.component.html
Open in desktop https://desktop.github.com
https://github.co/hiddenchars
https://github.com/angular/angular-update-guide/pull/211/{{ revealButtonHref }}
https://github.com/angular/angular-update-guide/pull/211/files#diff-8d554c98f4c32fee762d6a18e8e189f8898124312ba390bdc51fadd38345674f
https://github.com/angular/angular-update-guide/pull/211/files#diff-8d554c98f4c32fee762d6a18e8e189f8898124312ba390bdc51fadd38345674f
https://github.com/angular/angular-update-guide/pull/211/files#diff-8d554c98f4c32fee762d6a18e8e189f8898124312ba390bdc51fadd38345674f
https://github.com/angular/angular-update-guide/pull/211/files#diff-8d554c98f4c32fee762d6a18e8e189f8898124312ba390bdc51fadd38345674f
src/app/app.component.tshttps://github.com/angular/angular-update-guide/pull/211/files#diff-884f7f49640e5923f6bcac4c51d90340330a178f662defbe61e5f5aac1c512de
View file https://github.com/angular/angular-update-guide/blob/343ae6636a8c4386b82f24d56bfae6606939d956/src/app/app.component.ts
Open in desktop https://desktop.github.com
https://github.co/hiddenchars
https://github.com/angular/angular-update-guide/pull/211/{{ revealButtonHref }}
https://github.com/angular/angular-update-guide/pull/211/files#diff-884f7f49640e5923f6bcac4c51d90340330a178f662defbe61e5f5aac1c512de
https://github.com/angular/angular-update-guide/pull/211/files#diff-884f7f49640e5923f6bcac4c51d90340330a178f662defbe61e5f5aac1c512de
src/app/app.module.tshttps://github.com/angular/angular-update-guide/pull/211/files#diff-502d295b435b10ba99f5377504ca51149312e3cbebbbaa78ac5d925cb04cbfb0
View file https://github.com/angular/angular-update-guide/blob/343ae6636a8c4386b82f24d56bfae6606939d956/src/app/app.module.ts
Open in desktop https://desktop.github.com
https://github.co/hiddenchars
https://github.com/angular/angular-update-guide/pull/211/{{ revealButtonHref }}
https://github.com/angular/angular-update-guide/pull/211/files#diff-502d295b435b10ba99f5377504ca51149312e3cbebbbaa78ac5d925cb04cbfb0
https://github.com/angular/angular-update-guide/pull/211/files#diff-502d295b435b10ba99f5377504ca51149312e3cbebbbaa78ac5d925cb04cbfb0
https://github.com/angular/angular-update-guide/pull/211/files#diff-502d295b435b10ba99f5377504ca51149312e3cbebbbaa78ac5d925cb04cbfb0
https://github.com/angular/angular-update-guide/pull/211/files#diff-502d295b435b10ba99f5377504ca51149312e3cbebbbaa78ac5d925cb04cbfb0
src/index.htmlhttps://github.com/angular/angular-update-guide/pull/211/files#diff-ce434ef5cc161194b450135a3586eb89357fc270e8aaa8e336db5a04e8d52fbe
View file https://github.com/angular/angular-update-guide/blob/343ae6636a8c4386b82f24d56bfae6606939d956/src/index.html
Open in desktop https://desktop.github.com
https://github.co/hiddenchars
https://github.com/angular/angular-update-guide/pull/211/{{ revealButtonHref }}
https://github.com/angular/angular-update-guide/pull/211/files#diff-ce434ef5cc161194b450135a3586eb89357fc270e8aaa8e336db5a04e8d52fbe
https://github.com/angular/angular-update-guide/pull/211/files#diff-ce434ef5cc161194b450135a3586eb89357fc270e8aaa8e336db5a04e8d52fbe
src/styles.css → src/styles.scsshttps://github.com/angular/angular-update-guide/pull/211/files#diff-23fad3928bf3e71585eb4a6e3b2ff72dae02c3ed5a44d2f0deb1d49f0cb3b1a3
View file https://github.com/angular/angular-update-guide/blob/343ae6636a8c4386b82f24d56bfae6606939d956/src/styles.scss
Open in desktop https://desktop.github.com
https://github.co/hiddenchars
https://github.com/angular/angular-update-guide/pull/211/{{ revealButtonHref }}
https://github.com/angular/angular-update-guide/pull/211/files#diff-23fad3928bf3e71585eb4a6e3b2ff72dae02c3ed5a44d2f0deb1d49f0cb3b1a3
https://github.com/angular/angular-update-guide/pull/211/files#diff-23fad3928bf3e71585eb4a6e3b2ff72dae02c3ed5a44d2f0deb1d49f0cb3b1a3
https://github.com/angular/angular-update-guide/pull/211/files#diff-23fad3928bf3e71585eb4a6e3b2ff72dae02c3ed5a44d2f0deb1d49f0cb3b1a3
https://github.com
Termshttps://docs.github.com/site-policy/github-terms/github-terms-of-service
Privacyhttps://docs.github.com/site-policy/privacy-policies/github-privacy-statement
Securityhttps://github.com/security
Statushttps://www.githubstatus.com/
Communityhttps://github.community/
Docshttps://docs.github.com/
Contacthttps://support.github.com?tags=dotcom-footer

Viewport: width=device-width


URLs of crawlers that visited me.