How do I detect dark mode using JavaScript?

by 
if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
    // dark mode
}

To watch for changes:

window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', event => {
    const newColorScheme = event.matches ? "dark" : "light";
});

More Related Contents:

  1. browser freezes with this js code, why?
  2. Minimizing Javascript [closed]
  3. How to Get Response From rest URL using jquery
  4. Pass an extra argument to a callback function
  5. Object property name as number
  6. jQuery selector for id starts with specific text [duplicate]
  7. What does `void 0` mean? [duplicate]
  8. How to access a numeric property?
  9. How to filter JSON Data in JavaScript or jQuery?
  10. How can I determine if an image has loaded, using Javascript/jQuery?
  11. How is a JavaScript hash map implemented?
  12. How to use a link to call JavaScript?
  13. How can I trigger a Bootstrap modal programmatically?
  14. How do I check for an empty/undefined/null string in JavaScript?
  15. why don’t const and let statements get defined on the window object [duplicate]
  16. javascript push returning number instead of object [duplicate]
  17. jQuery date/time picker [closed]
  18. Backbone.js : repopulate or recreate the view?
  19. How to make a disabled reactive form Editable in Angular2
  20. TypeError: [API] is undefined in content script or Why can’t I do this in a content script?
  21. How can I block a React component to be rendered until I fetched all informations?
  22. Detect X-Frame-Options
  23. jQuery see if any or no checkboxes are selected
  24. Duck Typing in Javascript
  25. Converting unicode character to string format
  26. TypeScript TS7015: Element implicitly has an ‘any’ type because index expression is not of type ‘number’
  27. Compile JavaScript to Native Code with V8
  28. Changing data content on an Object Tag in HTML
  29. Execution order of multiple setTimeout() functions with same interval
  30. How to force input to only allow Alpha Letters?

Leave a Comment