Log in Sign up
3 Matching Annotations
  1. Oct 2023
  2. dev.to dev.to
    Dark Mode in 3 Lines of CSS and Other Adventures
    1
    1. kael 10 Oct 2023
      in Public
      dark mode css css:color-scheme css:background-color=Canvas css:color=CanvasText css:system-color css:color=color-mix css:prefers-color-scheme js js:localStorage
    Visit annotations in context

    Tags

    • css:color=CanvasText
    • css
    • js
    • js:localStorage
    • css:system-color
    • css:color-scheme
    • css:color=color-mix
    • dark mode
    • css:background-color=Canvas
    • css:prefers-color-scheme

    Annotators

    • kael

    URL

    dev.to/madsstoumann/dark-mode-in-3-lines-of-css-and-other-adventures-1ljj
  3. www.bram.us www.bram.us
    The Future of CSS: Easy Light-Dark Mode Color Switching with light-dark()
    1
    1. kael 10 Oct 2023
      in Public

      ```css :root { color-scheme: light dark; }

      body { background: light-dark(#333, #ccc); } ```

      css:light-dark() css dark mode colors css:prefers-color-scheme css:color-scheme css:schemed-value
    Visit annotations in context

    Tags

    • css:light-dark()
    • colors
    • css:color-scheme
    • css
    • dark mode
    • css:prefers-color-scheme
    • css:schemed-value

    Annotators

    • kael

    URL

    bram.us/2023/10/09/the-future-of-css-easy-light-dark-mode-color-switching-with-light-dark/
  4. Dec 2022
  5. catalin.red catalin.red
    Light and dark themed SVG favicon using the CSS prefers-color-scheme media feature
    1
    1. kael 02 Dec 2022
      in Public
      icons css css:prefers-color-scheme
    Visit annotations in context

    Tags

    • css:prefers-color-scheme
    • icons
    • css

    Annotators

    • kael

    URL

    catalin.red/svg-favicon-light-dark-theme/
Share:
Group. Only group members will be able to view this annotation.
Only me. No one else will be able to view this annotation.
Hypothes.is
  • About
  • Blog
  • Bioscience
  • Education
  • Jobs
  • Help
  • Contact
  • Terms of Service
  • Privacy Policy