From 6910ee3590376163dd9fe81b47c7fb270373ab43 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Christophe=20No=C3=ABl?= <touffi51@gmail.com>
Date: Thu, 9 Feb 2023 21:42:49 +0100
Subject: [PATCH] Update styles for roman numerals

---
 .../chord-mark-themes/scss/themes/dark1.scss  |  6 +++---
 .../chord-mark-themes/scss/themes/dark2.scss  | 20 +++++++++++++++++++
 .../chord-mark-themes/scss/themes/dark3.scss  | 20 +++++++++++++++++++
 3 files changed, 43 insertions(+), 3 deletions(-)

diff --git a/packages/chord-mark-themes/scss/themes/dark1.scss b/packages/chord-mark-themes/scss/themes/dark1.scss
index 89b93109..45211317 100644
--- a/packages/chord-mark-themes/scss/themes/dark1.scss
+++ b/packages/chord-mark-themes/scss/themes/dark1.scss
@@ -55,18 +55,18 @@ $pink: rgb(237, 123, 255);
 
 	.cmChordLine-romanNumeral,
 	.cmRomanNumeral {
-		color: $bitterSweet;
+		color: $ccs-accent;
 	}
 
 	.cmRomanNumeral-diatonic {
 		font-weight: bold;
 		color: $ccs-background;
-		background-color: $bitterSweet;
+		background-color: $ccs-accent;
 	}
 
 	.cmRomanNumeral-borrowed {
 		color: $ccs-background;
-		background-color: rgba($bitterSweet, 0.7);
+		background-color: rgba($ccs-accent, 0.7);
 	}
 
 	.cmRomanNumeral-unknown {
diff --git a/packages/chord-mark-themes/scss/themes/dark2.scss b/packages/chord-mark-themes/scss/themes/dark2.scss
index 9167a34f..9b0cfb25 100644
--- a/packages/chord-mark-themes/scss/themes/dark2.scss
+++ b/packages/chord-mark-themes/scss/themes/dark2.scss
@@ -48,4 +48,24 @@
 		opacity: 0.8;
 		font-weight: bold;
 	}
+
+	.cmChordLine-romanNumeral,
+	.cmRomanNumeral {
+		color: $dracula-cyan;
+	}
+
+	.cmRomanNumeral-diatonic {
+		font-weight: bold;
+		color: $ccs-background;
+		background-color: $dracula-cyan;
+	}
+
+	.cmRomanNumeral-borrowed {
+		color: $ccs-background;
+		background-color: rgba($dracula-cyan, 0.7);
+	}
+
+	.cmRomanNumeral-unknown {
+		opacity: 0.8;
+	}
 }
diff --git a/packages/chord-mark-themes/scss/themes/dark3.scss b/packages/chord-mark-themes/scss/themes/dark3.scss
index de0c9058..573f8e1d 100644
--- a/packages/chord-mark-themes/scss/themes/dark3.scss
+++ b/packages/chord-mark-themes/scss/themes/dark3.scss
@@ -48,4 +48,24 @@
 		opacity: 0.8;
 		font-weight: bold;
 	}
+
+	.cmChordLine-romanNumeral,
+	.cmRomanNumeral {
+		color: $dracula-green;
+	}
+
+	.cmRomanNumeral-diatonic {
+		font-weight: bold;
+		color: $ccs-background;
+		background-color: $dracula-green;
+	}
+
+	.cmRomanNumeral-borrowed {
+		color: $ccs-background;
+		background-color: rgba($dracula-green, 0.7);
+	}
+
+	.cmRomanNumeral-unknown {
+		opacity: 0.8;
+	}
 }