File 1344-ct-Add-basic-dark-color-scheme-support-to-... of Package erlang

Overview Repositories Revisions Requests Users Attributes Meta

File 1344-ct-Add-basic-dark-color-scheme-support-to-HTML.patch of Package erlang

From bbe14c9ff74d7f87d74622f7918e6a8d53963a4d Mon Sep 17 00:00:00 2001
From: Johannes Christ <jc@jchri.st>
Date: Wed, 21 Jun 2023 22:32:36 +0200
Subject: [PATCH] ct: Add basic dark color scheme support to HTML

This commits adds basic support for dark theme in Common Test's HTML
output by inverting and rotating colors. The separators between
individual rows are also changed to grey to make it easier to read.
---
 lib/common_test/priv/ct_default.css | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/lib/common_test/priv/ct_default.css b/lib/common_test/priv/ct_default.css
index df4fe34f28..15d450d846 100644
--- a/lib/common_test/priv/ct_default.css
+++ b/lib/common_test/priv/ct_default.css
@@ -207,3 +207,17 @@ .btn a:hover {
     color: #fff;
     background-color: #809FFF;
 }
+
+@media (prefers-color-scheme: dark) {
+    html {
+        filter: invert(100%) hue-rotate(180deg) brightness(105%) contrast(95%);
+    }
+    td, th {
+        /* Remember that colors are rotated :-) */
+        border-bottom: 3px solid #dddddd;
+    }
+    div.ct_error_notify {
+        /* Use a stronger red by blending in with the black background */
+        background: #ff000082;
+    }
+}
-- 
2.35.3

Places

File 1344-ct-Add-basic-dark-color-scheme-support-to-HTML.patch of Package erlang

Places