---
title: "Discussion on \"How to Simulate Light and Dark Mode with Chrome Dev Tools\" | Hashnode"
description: "Discussion on \"How to Simulate Light and Dark Mode with Chrome Dev Tools\". If your developing a website with light and dark mode, you should use the users prefered color scheme on first render. But how do you test that this is working?\nSince late 2019, it has possible in Chrome Dev Tools to easily toggle between prefers-col..."
url: "https://hashnode.com/posts/simulate-dark-mode-in-chrome/65f5ec9717cc29e2ecd35376"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [How to Simulate Light and Dark Mode with Chrome Dev Tools](https://annie-codes.com/simulate-dark-mode-in-chrome?utm_source=hashnode&utm_medium=feed)

If your developing a website with light and dark mode, you should use the users prefered color scheme on first render. But how do you test that this is working? Since late 2019, it has possible in Chrome Dev Tools to easily toggle between prefers-col...

Mar 16, 2024 · 1 min read · annie-codes.com  
Updated Mar 24, 2024  
Read the article

-   [#chrome-cj73auo4o0012c3wted1yb7a1](https://hashnode.com/tag/chrome-cj73auo4o0012c3wted1yb7a1)
-   [#web-development](https://hashnode.com/tag/web-development)
-   [#web-design](https://hashnode.com/tag/web-design)
-   [#webdev](https://hashnode.com/tag/webdev)
-   [#devtools](https://hashnode.com/tag/devtools)
-   [#chromedevtools](https://hashnode.com/tag/chromedevtools)
-   [#dark-mode](https://hashnode.com/tag/dark-mode)
-   [#lightmode](https://hashnode.com/tag/lightmode)
-   [#darkmode](https://hashnode.com/tag/darkmode)
-   [#css](https://hashnode.com/tag/css)

## Written by

[Annie Seaward](https://hashnode.com/@annieseaward)

@annieseaward · Oxfordshire, UK

  
[View profile](https://hashnode.com/@annieseaward)

UX and Web Developer

I'm a UX developer @ Etch, with a passion for designing and creating unique front-end experiences.

## Responses

Markdown supported · ⌘↵ to post

No responses yet.