From a8fefc086ea826c40ee6370c6811cc00be3a0cc3 Mon Sep 17 00:00:00 2001 From: Jack Grigg Date: Thu, 9 Dec 2021 12:19:09 +0000 Subject: [PATCH] Adjust DAG dark theme colours Follows pointers from the Material dark theme: https://material.io/design/color/dark-theme.html --- public/zcash-dag.css | 12 +++++++----- 1 file changed, 7 insertions(+), 5 deletions(-) diff --git a/public/zcash-dag.css b/public/zcash-dag.css index 35e068b6..228f85bd 100644 --- a/public/zcash-dag.css +++ b/public/zcash-dag.css @@ -1,18 +1,21 @@ @media (prefers-color-scheme: dark) { svg .graph > polygon { - fill: #0d1117; + /* Material dark theme surface colour */ + fill: #121212; } svg .node polygon { stroke: #c9d1d9; } svg .node.open polygon { - fill: #057715; + /* Material Green 700 */ + fill: #388e3c; } svg .node.committed polygon { - fill: #1862b9; + /* Material Blue 700 */ + fill: #1976d2; } svg .node.closed polygon { - fill: #b93b1e; + fill: #cf6b66; } svg .node polyline { stroke: #c9d1d9; @@ -25,7 +28,6 @@ stroke: #c9d1d9; } svg text { - fill: #c9d1d9; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"; } }