Update styles for roman numerals

no-chris · Feb 9, 2023 · 6910ee3 · 6910ee3
1 parent b2bd48a
commit 6910ee3
Show file tree

Hide file tree

Showing 3 changed files with 43 additions and 3 deletions.
diff --git 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
@@ -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
@@ -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;
+	}
 }