<!-- This tells you if your device is dark mode enabled or not. --> <meta name=”color-scheme” content=”light dark”> <meta name=”supported-color-schemes” content=”light dark”> <style type=”text/css”> :root { Color-scheme: light dark; supported-color-schemes:light dark; } </style> /* Here you can adjust the colors of your brand’s preferred dark mode theme. */ @media (prefers-color-scheme: dark ) { .body { background-color: #CCCCCC !important; } h1, h2, h3, td { color: #9ea1f9 !important; padding: 0px 0px 0px 0px !important; } }
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter