Ops  ⟩  Devices  ⟩  Browser  ⟩  ColorScheme

ColorScheme Op

ColorScheme

Get light/dark color scheme preference of the browser


<p>Uses <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme">CSS media queries</a> to find out if the user has set a preference for light or dark colors.</p>


Full Name
  • Ops.Devices.Browser.ColorScheme
Visibility
  • Core Op - Official cables op
License
  • MIT
AuthorgithubCompatibilityTest Patches


Example Patch Colorscheme example

Open In Editor

OUTPUT PORTS


Color Scheme (String)

<p>light/dark</p>

Dark Mode (

<i>boolean</i>

Number)
Light Mode (

<i>boolean</i>

Number)
Supported (

<i>boolean</i>

Number)

 

Patches using ColorScheme

  • Examples
  • Public
  • My Patches

Changelog


created opuser avatarpandur - 2023-10-26 10:36
renameOps.Patch.PAn48HJ.ColorScheme renamed to Ops.Browser.ColorSchemeuser avatarpandur - 2023-10-26 10:44
renameOps.Browser.ColorScheme renamed to Ops.Devices.Browser.ColorSchemeuser avatarpandur - 2023-12-06 09:25