79437202

Date: 2025-02-13 17:20:53
Score: 2
Natty:
Report link

This article helped me a lot, you should use CSS Blend Modes for text color, and for background color is linear-gradient.

Fixing Gmail’s dark mode issues with CSS Blend Modes

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Fixing Gmail’s dark mode issues with CSS Blend Modes</title>
    <style>
        u + .body .gmail-blend-screen { background:#000; mix-blend-mode:screen; }
        u + .body .gmail-blend-difference { background:#000; mix-blend-mode:difference; }
    </style>
</head>
<body class="body">
    <div style="background:#639; background-image:linear-gradient(#639,#639); color:#fff;">
        <div class="gmail-blend-screen">
            <div class="gmail-blend-difference">
                <!-- Your content starts here -->
                Lorem ipsum dolor, sit amet, consectetur adipisicing elit.
                <!-- Your content ends here -->
            </div>
        </div>
    </div>
</body>
</html>

Reasons:
  • Blacklisted phrase (1): This article
  • Blacklisted phrase (1): helped me a lot
  • Long answer (-0.5):
  • Has code block (-0.5):
  • Low reputation (1):
Posted by: majsterka