From a7ea1dfe235bf8a4961186a96b47ab7f18943f90 Mon Sep 17 00:00:00 2001
From: Marijn van der Werf <marijn.vanderwerf@gmail.com>
Date: Sat, 1 Jul 2023 18:57:10 +0200
Subject: [PATCH] Light diff colours (#797)

* Diff color overhaul

Changed to programmatically-defined values. These are 9 equally spaced HSV values, with 60% saturation and 80% value.

Update Diff.module.scss

Fix accidental pasted text

Add spaces after commas, per request

* Only apply new colours to light mode

---------

Co-authored-by: bismurphy <tjmurphy@mit.edu>
---
 frontend/src/components/Diff/Diff.module.scss | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/frontend/src/components/Diff/Diff.module.scss b/frontend/src/components/Diff/Diff.module.scss
index 50def5587..922b3887c 100644
--- a/frontend/src/components/Diff/Diff.module.scss
+++ b/frontend/src/components/Diff/Diff.module.scss
@@ -133,6 +133,18 @@
 .rotation7 { color: lightgreen; }
 .rotation8 { color: grey; }
 
+:global(html:not(.dark)) {
+    .rotation0 { color: rgb(205, 82, 82); } // hsv(0° 60% 80%)
+    .rotation1 { color: rgb(205, 164, 82); } // hsv(40° 60% 80%)
+    .rotation2 { color: rgb(164, 205, 82); } // hsv(80° 60% 80%)
+    .rotation3 { color: rgb(82, 205, 82); } // hsv(120° 60% 80%)
+    .rotation4 { color: rgb(82, 205, 164); } // hsv(160° 60% 80%)
+    .rotation5 { color: rgb(82, 164, 205); } // hsv(200° 60% 80%)
+    .rotation6 { color: rgb(82, 82, 205); } // hsv(240° 60% 80%)
+    .rotation7 { color: rgb(164, 82, 205); } // hsv(280° 60% 80%)
+    .rotation8 { color: rgb(205, 82, 164); } // hsv(320° 60% 80%)
+}
+
 .highlighted {
     color: white;
     background-color: #aa8b00;