From c5443c45979b52a7ef3790c9604681a171ee76f8 Mon Sep 17 00:00:00 2001
From: Scott Schafer <schaferjscott@gmail.com>
Date: Wed, 21 Aug 2024 15:01:07 -0600
Subject: [PATCH 1/3] test: Move all fixture tests to color

---
 tests/fixtures/{no-color => color}/ann_eof.svg                    | 0
 tests/fixtures/{no-color => color}/ann_eof.toml                   | 0
 tests/fixtures/{no-color => color}/ann_insertion.svg              | 0
 tests/fixtures/{no-color => color}/ann_insertion.toml             | 0
 tests/fixtures/{no-color => color}/ann_multiline.svg              | 0
 tests/fixtures/{no-color => color}/ann_multiline.toml             | 0
 tests/fixtures/{no-color => color}/ann_multiline2.svg             | 0
 tests/fixtures/{no-color => color}/ann_multiline2.toml            | 0
 tests/fixtures/{no-color => color}/ann_removed_nl.svg             | 0
 tests/fixtures/{no-color => color}/ann_removed_nl.toml            | 0
 .../fixtures/{no-color => color}/ensure-emoji-highlight-width.svg | 0
 .../{no-color => color}/ensure-emoji-highlight-width.toml         | 0
 tests/fixtures/{no-color => color}/fold_ann_multiline.svg         | 0
 tests/fixtures/{no-color => color}/fold_ann_multiline.toml        | 0
 tests/fixtures/{no-color => color}/fold_bad_origin_line.svg       | 0
 tests/fixtures/{no-color => color}/fold_bad_origin_line.toml      | 0
 tests/fixtures/{no-color => color}/fold_leading.svg               | 0
 tests/fixtures/{no-color => color}/fold_leading.toml              | 0
 tests/fixtures/{no-color => color}/fold_trailing.svg              | 0
 tests/fixtures/{no-color => color}/fold_trailing.toml             | 0
 tests/fixtures/{no-color => color}/issue_9.svg                    | 0
 tests/fixtures/{no-color => color}/issue_9.toml                   | 0
 tests/fixtures/{no-color => color}/multiple_annotations.svg       | 0
 tests/fixtures/{no-color => color}/multiple_annotations.toml      | 0
 tests/fixtures/{no-color => color}/simple.svg                     | 0
 tests/fixtures/{no-color => color}/simple.toml                    | 0
 tests/fixtures/{no-color => color}/strip_line.svg                 | 0
 tests/fixtures/{no-color => color}/strip_line.toml                | 0
 tests/fixtures/{no-color => color}/strip_line_char.svg            | 0
 tests/fixtures/{no-color => color}/strip_line_char.toml           | 0
 tests/fixtures/{no-color => color}/strip_line_non_ws.svg          | 0
 tests/fixtures/{no-color => color}/strip_line_non_ws.toml         | 0
 32 files changed, 0 insertions(+), 0 deletions(-)
 rename tests/fixtures/{no-color => color}/ann_eof.svg (100%)
 rename tests/fixtures/{no-color => color}/ann_eof.toml (100%)
 rename tests/fixtures/{no-color => color}/ann_insertion.svg (100%)
 rename tests/fixtures/{no-color => color}/ann_insertion.toml (100%)
 rename tests/fixtures/{no-color => color}/ann_multiline.svg (100%)
 rename tests/fixtures/{no-color => color}/ann_multiline.toml (100%)
 rename tests/fixtures/{no-color => color}/ann_multiline2.svg (100%)
 rename tests/fixtures/{no-color => color}/ann_multiline2.toml (100%)
 rename tests/fixtures/{no-color => color}/ann_removed_nl.svg (100%)
 rename tests/fixtures/{no-color => color}/ann_removed_nl.toml (100%)
 rename tests/fixtures/{no-color => color}/ensure-emoji-highlight-width.svg (100%)
 rename tests/fixtures/{no-color => color}/ensure-emoji-highlight-width.toml (100%)
 rename tests/fixtures/{no-color => color}/fold_ann_multiline.svg (100%)
 rename tests/fixtures/{no-color => color}/fold_ann_multiline.toml (100%)
 rename tests/fixtures/{no-color => color}/fold_bad_origin_line.svg (100%)
 rename tests/fixtures/{no-color => color}/fold_bad_origin_line.toml (100%)
 rename tests/fixtures/{no-color => color}/fold_leading.svg (100%)
 rename tests/fixtures/{no-color => color}/fold_leading.toml (100%)
 rename tests/fixtures/{no-color => color}/fold_trailing.svg (100%)
 rename tests/fixtures/{no-color => color}/fold_trailing.toml (100%)
 rename tests/fixtures/{no-color => color}/issue_9.svg (100%)
 rename tests/fixtures/{no-color => color}/issue_9.toml (100%)
 rename tests/fixtures/{no-color => color}/multiple_annotations.svg (100%)
 rename tests/fixtures/{no-color => color}/multiple_annotations.toml (100%)
 rename tests/fixtures/{no-color => color}/simple.svg (100%)
 rename tests/fixtures/{no-color => color}/simple.toml (100%)
 rename tests/fixtures/{no-color => color}/strip_line.svg (100%)
 rename tests/fixtures/{no-color => color}/strip_line.toml (100%)
 rename tests/fixtures/{no-color => color}/strip_line_char.svg (100%)
 rename tests/fixtures/{no-color => color}/strip_line_char.toml (100%)
 rename tests/fixtures/{no-color => color}/strip_line_non_ws.svg (100%)
 rename tests/fixtures/{no-color => color}/strip_line_non_ws.toml (100%)

diff --git a/tests/fixtures/no-color/ann_eof.svg b/tests/fixtures/color/ann_eof.svg
similarity index 100%
rename from tests/fixtures/no-color/ann_eof.svg
rename to tests/fixtures/color/ann_eof.svg
diff --git a/tests/fixtures/no-color/ann_eof.toml b/tests/fixtures/color/ann_eof.toml
similarity index 100%
rename from tests/fixtures/no-color/ann_eof.toml
rename to tests/fixtures/color/ann_eof.toml
diff --git a/tests/fixtures/no-color/ann_insertion.svg b/tests/fixtures/color/ann_insertion.svg
similarity index 100%
rename from tests/fixtures/no-color/ann_insertion.svg
rename to tests/fixtures/color/ann_insertion.svg
diff --git a/tests/fixtures/no-color/ann_insertion.toml b/tests/fixtures/color/ann_insertion.toml
similarity index 100%
rename from tests/fixtures/no-color/ann_insertion.toml
rename to tests/fixtures/color/ann_insertion.toml
diff --git a/tests/fixtures/no-color/ann_multiline.svg b/tests/fixtures/color/ann_multiline.svg
similarity index 100%
rename from tests/fixtures/no-color/ann_multiline.svg
rename to tests/fixtures/color/ann_multiline.svg
diff --git a/tests/fixtures/no-color/ann_multiline.toml b/tests/fixtures/color/ann_multiline.toml
similarity index 100%
rename from tests/fixtures/no-color/ann_multiline.toml
rename to tests/fixtures/color/ann_multiline.toml
diff --git a/tests/fixtures/no-color/ann_multiline2.svg b/tests/fixtures/color/ann_multiline2.svg
similarity index 100%
rename from tests/fixtures/no-color/ann_multiline2.svg
rename to tests/fixtures/color/ann_multiline2.svg
diff --git a/tests/fixtures/no-color/ann_multiline2.toml b/tests/fixtures/color/ann_multiline2.toml
similarity index 100%
rename from tests/fixtures/no-color/ann_multiline2.toml
rename to tests/fixtures/color/ann_multiline2.toml
diff --git a/tests/fixtures/no-color/ann_removed_nl.svg b/tests/fixtures/color/ann_removed_nl.svg
similarity index 100%
rename from tests/fixtures/no-color/ann_removed_nl.svg
rename to tests/fixtures/color/ann_removed_nl.svg
diff --git a/tests/fixtures/no-color/ann_removed_nl.toml b/tests/fixtures/color/ann_removed_nl.toml
similarity index 100%
rename from tests/fixtures/no-color/ann_removed_nl.toml
rename to tests/fixtures/color/ann_removed_nl.toml
diff --git a/tests/fixtures/no-color/ensure-emoji-highlight-width.svg b/tests/fixtures/color/ensure-emoji-highlight-width.svg
similarity index 100%
rename from tests/fixtures/no-color/ensure-emoji-highlight-width.svg
rename to tests/fixtures/color/ensure-emoji-highlight-width.svg
diff --git a/tests/fixtures/no-color/ensure-emoji-highlight-width.toml b/tests/fixtures/color/ensure-emoji-highlight-width.toml
similarity index 100%
rename from tests/fixtures/no-color/ensure-emoji-highlight-width.toml
rename to tests/fixtures/color/ensure-emoji-highlight-width.toml
diff --git a/tests/fixtures/no-color/fold_ann_multiline.svg b/tests/fixtures/color/fold_ann_multiline.svg
similarity index 100%
rename from tests/fixtures/no-color/fold_ann_multiline.svg
rename to tests/fixtures/color/fold_ann_multiline.svg
diff --git a/tests/fixtures/no-color/fold_ann_multiline.toml b/tests/fixtures/color/fold_ann_multiline.toml
similarity index 100%
rename from tests/fixtures/no-color/fold_ann_multiline.toml
rename to tests/fixtures/color/fold_ann_multiline.toml
diff --git a/tests/fixtures/no-color/fold_bad_origin_line.svg b/tests/fixtures/color/fold_bad_origin_line.svg
similarity index 100%
rename from tests/fixtures/no-color/fold_bad_origin_line.svg
rename to tests/fixtures/color/fold_bad_origin_line.svg
diff --git a/tests/fixtures/no-color/fold_bad_origin_line.toml b/tests/fixtures/color/fold_bad_origin_line.toml
similarity index 100%
rename from tests/fixtures/no-color/fold_bad_origin_line.toml
rename to tests/fixtures/color/fold_bad_origin_line.toml
diff --git a/tests/fixtures/no-color/fold_leading.svg b/tests/fixtures/color/fold_leading.svg
similarity index 100%
rename from tests/fixtures/no-color/fold_leading.svg
rename to tests/fixtures/color/fold_leading.svg
diff --git a/tests/fixtures/no-color/fold_leading.toml b/tests/fixtures/color/fold_leading.toml
similarity index 100%
rename from tests/fixtures/no-color/fold_leading.toml
rename to tests/fixtures/color/fold_leading.toml
diff --git a/tests/fixtures/no-color/fold_trailing.svg b/tests/fixtures/color/fold_trailing.svg
similarity index 100%
rename from tests/fixtures/no-color/fold_trailing.svg
rename to tests/fixtures/color/fold_trailing.svg
diff --git a/tests/fixtures/no-color/fold_trailing.toml b/tests/fixtures/color/fold_trailing.toml
similarity index 100%
rename from tests/fixtures/no-color/fold_trailing.toml
rename to tests/fixtures/color/fold_trailing.toml
diff --git a/tests/fixtures/no-color/issue_9.svg b/tests/fixtures/color/issue_9.svg
similarity index 100%
rename from tests/fixtures/no-color/issue_9.svg
rename to tests/fixtures/color/issue_9.svg
diff --git a/tests/fixtures/no-color/issue_9.toml b/tests/fixtures/color/issue_9.toml
similarity index 100%
rename from tests/fixtures/no-color/issue_9.toml
rename to tests/fixtures/color/issue_9.toml
diff --git a/tests/fixtures/no-color/multiple_annotations.svg b/tests/fixtures/color/multiple_annotations.svg
similarity index 100%
rename from tests/fixtures/no-color/multiple_annotations.svg
rename to tests/fixtures/color/multiple_annotations.svg
diff --git a/tests/fixtures/no-color/multiple_annotations.toml b/tests/fixtures/color/multiple_annotations.toml
similarity index 100%
rename from tests/fixtures/no-color/multiple_annotations.toml
rename to tests/fixtures/color/multiple_annotations.toml
diff --git a/tests/fixtures/no-color/simple.svg b/tests/fixtures/color/simple.svg
similarity index 100%
rename from tests/fixtures/no-color/simple.svg
rename to tests/fixtures/color/simple.svg
diff --git a/tests/fixtures/no-color/simple.toml b/tests/fixtures/color/simple.toml
similarity index 100%
rename from tests/fixtures/no-color/simple.toml
rename to tests/fixtures/color/simple.toml
diff --git a/tests/fixtures/no-color/strip_line.svg b/tests/fixtures/color/strip_line.svg
similarity index 100%
rename from tests/fixtures/no-color/strip_line.svg
rename to tests/fixtures/color/strip_line.svg
diff --git a/tests/fixtures/no-color/strip_line.toml b/tests/fixtures/color/strip_line.toml
similarity index 100%
rename from tests/fixtures/no-color/strip_line.toml
rename to tests/fixtures/color/strip_line.toml
diff --git a/tests/fixtures/no-color/strip_line_char.svg b/tests/fixtures/color/strip_line_char.svg
similarity index 100%
rename from tests/fixtures/no-color/strip_line_char.svg
rename to tests/fixtures/color/strip_line_char.svg
diff --git a/tests/fixtures/no-color/strip_line_char.toml b/tests/fixtures/color/strip_line_char.toml
similarity index 100%
rename from tests/fixtures/no-color/strip_line_char.toml
rename to tests/fixtures/color/strip_line_char.toml
diff --git a/tests/fixtures/no-color/strip_line_non_ws.svg b/tests/fixtures/color/strip_line_non_ws.svg
similarity index 100%
rename from tests/fixtures/no-color/strip_line_non_ws.svg
rename to tests/fixtures/color/strip_line_non_ws.svg
diff --git a/tests/fixtures/no-color/strip_line_non_ws.toml b/tests/fixtures/color/strip_line_non_ws.toml
similarity index 100%
rename from tests/fixtures/no-color/strip_line_non_ws.toml
rename to tests/fixtures/color/strip_line_non_ws.toml

From a059969c14e8c10fa1799a9f8e073699cd438ade Mon Sep 17 00:00:00 2001
From: Scott Schafer <schaferjscott@gmail.com>
Date: Wed, 21 Aug 2024 15:02:49 -0600
Subject: [PATCH 2/3] test: Make all color tests have color

---
 tests/fixtures/color/ann_eof.svg              | 15 +++++----
 tests/fixtures/color/ann_eof.toml             |  3 ++
 tests/fixtures/color/ann_insertion.svg        | 15 +++++----
 tests/fixtures/color/ann_insertion.toml       |  3 ++
 tests/fixtures/color/ann_multiline.svg        | 21 +++++++-----
 tests/fixtures/color/ann_multiline.toml       |  3 ++
 tests/fixtures/color/ann_multiline2.svg       | 19 ++++++-----
 tests/fixtures/color/ann_multiline2.toml      |  3 ++
 tests/fixtures/color/ann_removed_nl.svg       | 15 +++++----
 tests/fixtures/color/ann_removed_nl.toml      |  3 ++
 .../color/ensure-emoji-highlight-width.svg    | 15 +++++----
 .../color/ensure-emoji-highlight-width.toml   |  3 ++
 tests/fixtures/color/fold_ann_multiline.svg   | 28 +++++++++-------
 tests/fixtures/color/fold_ann_multiline.toml  |  3 ++
 tests/fixtures/color/fold_bad_origin_line.svg | 16 +++++----
 .../fixtures/color/fold_bad_origin_line.toml  |  3 ++
 tests/fixtures/color/fold_leading.svg         | 15 +++++----
 tests/fixtures/color/fold_leading.toml        |  3 ++
 tests/fixtures/color/fold_trailing.svg        | 15 +++++----
 tests/fixtures/color/fold_trailing.toml       |  3 ++
 tests/fixtures/color/issue_9.svg              | 28 +++++++++-------
 tests/fixtures/color/issue_9.toml             |  3 ++
 tests/fixtures/color/multiple_annotations.svg | 33 ++++++++++---------
 .../fixtures/color/multiple_annotations.toml  |  3 ++
 tests/fixtures/color/simple.svg               | 22 ++++++++-----
 tests/fixtures/color/simple.toml              |  3 ++
 tests/fixtures/color/strip_line.svg           | 15 +++++----
 tests/fixtures/color/strip_line.toml          |  2 +-
 tests/fixtures/color/strip_line_char.svg      | 15 +++++----
 tests/fixtures/color/strip_line_char.toml     |  2 +-
 tests/fixtures/color/strip_line_non_ws.svg    | 19 ++++++-----
 tests/fixtures/color/strip_line_non_ws.toml   |  1 +
 tests/fixtures/deserialize.rs                 | 11 ++++++-
 33 files changed, 231 insertions(+), 130 deletions(-)

diff --git a/tests/fixtures/color/ann_eof.svg b/tests/fixtures/color/ann_eof.svg
index c8900d0..bb12aec 100644
--- a/tests/fixtures/color/ann_eof.svg
+++ b/tests/fixtures/color/ann_eof.svg
@@ -2,10 +2,13 @@
   <style>
     .fg { fill: #AAAAAA }
     .bg { background: #000000 }
+    .fg-bright-blue { fill: #5555FF }
+    .fg-bright-red { fill: #FF5555 }
     .container {
       padding: 0 10px;
       line-height: 18px;
     }
+    .bold { font-weight: bold; }
     tspan {
       font: 14px SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
       white-space: pre;
@@ -16,17 +19,17 @@
   <rect width="100%" height="100%" y="0" rx="4.5" class="bg" />
 
   <text xml:space="preserve" class="container fg">
-    <tspan x="10px" y="28px"><tspan>error: expected `.`, `=`</tspan>
+    <tspan x="10px" y="28px"><tspan class="fg-bright-red bold">error</tspan><tspan>: </tspan><tspan class="bold">expected `.`, `=`</tspan>
 </tspan>
-    <tspan x="10px" y="46px"><tspan> --&gt; Cargo.toml:1:5</tspan>
+    <tspan x="10px" y="46px"><tspan> </tspan><tspan class="fg-bright-blue bold">--&gt;</tspan><tspan> Cargo.toml:1:5</tspan>
 </tspan>
-    <tspan x="10px" y="64px"><tspan>  |</tspan>
+    <tspan x="10px" y="64px"><tspan>  </tspan><tspan class="fg-bright-blue bold">|</tspan>
 </tspan>
-    <tspan x="10px" y="82px"><tspan>1 | asdf</tspan>
+    <tspan x="10px" y="82px"><tspan class="fg-bright-blue bold">1 |</tspan><tspan> asdf</tspan>
 </tspan>
-    <tspan x="10px" y="100px"><tspan>  |     ^</tspan>
+    <tspan x="10px" y="100px"><tspan>  </tspan><tspan class="fg-bright-blue bold">|</tspan><tspan>     </tspan><tspan class="fg-bright-red bold">^</tspan>
 </tspan>
-    <tspan x="10px" y="118px"><tspan>  |</tspan>
+    <tspan x="10px" y="118px"><tspan>  </tspan><tspan class="fg-bright-blue bold">|</tspan>
 </tspan>
   </text>
 
diff --git a/tests/fixtures/color/ann_eof.toml b/tests/fixtures/color/ann_eof.toml
index 313d220..cee5f0f 100644
--- a/tests/fixtures/color/ann_eof.toml
+++ b/tests/fixtures/color/ann_eof.toml
@@ -10,3 +10,6 @@ origin = "Cargo.toml"
 label = ""
 level = "Error"
 range = [4, 4]
+
+[renderer]
+color = true
diff --git a/tests/fixtures/color/ann_insertion.svg b/tests/fixtures/color/ann_insertion.svg
index b15b81b..1f4b6a2 100644
--- a/tests/fixtures/color/ann_insertion.svg
+++ b/tests/fixtures/color/ann_insertion.svg
@@ -2,10 +2,13 @@
   <style>
     .fg { fill: #AAAAAA }
     .bg { background: #000000 }
+    .fg-bright-blue { fill: #5555FF }
+    .fg-bright-red { fill: #FF5555 }
     .container {
       padding: 0 10px;
       line-height: 18px;
     }
+    .bold { font-weight: bold; }
     tspan {
       font: 14px SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
       white-space: pre;
@@ -16,17 +19,17 @@
   <rect width="100%" height="100%" y="0" rx="4.5" class="bg" />
 
   <text xml:space="preserve" class="container fg">
-    <tspan x="10px" y="28px"><tspan>error: expected `.`, `=`</tspan>
+    <tspan x="10px" y="28px"><tspan class="fg-bright-red bold">error</tspan><tspan>: </tspan><tspan class="bold">expected `.`, `=`</tspan>
 </tspan>
-    <tspan x="10px" y="46px"><tspan> --&gt; Cargo.toml:1:3</tspan>
+    <tspan x="10px" y="46px"><tspan> </tspan><tspan class="fg-bright-blue bold">--&gt;</tspan><tspan> Cargo.toml:1:3</tspan>
 </tspan>
-    <tspan x="10px" y="64px"><tspan>  |</tspan>
+    <tspan x="10px" y="64px"><tspan>  </tspan><tspan class="fg-bright-blue bold">|</tspan>
 </tspan>
-    <tspan x="10px" y="82px"><tspan>1 | asf</tspan>
+    <tspan x="10px" y="82px"><tspan class="fg-bright-blue bold">1 |</tspan><tspan> asf</tspan>
 </tspan>
-    <tspan x="10px" y="100px"><tspan>  |   ^ 'd' belongs here</tspan>
+    <tspan x="10px" y="100px"><tspan>  </tspan><tspan class="fg-bright-blue bold">|</tspan><tspan>   </tspan><tspan class="fg-bright-red bold">^</tspan><tspan> </tspan><tspan class="fg-bright-red bold">'d' belongs here</tspan>
 </tspan>
-    <tspan x="10px" y="118px"><tspan>  |</tspan>
+    <tspan x="10px" y="118px"><tspan>  </tspan><tspan class="fg-bright-blue bold">|</tspan>
 </tspan>
   </text>
 
diff --git a/tests/fixtures/color/ann_insertion.toml b/tests/fixtures/color/ann_insertion.toml
index ffd2140..bf7411e 100644
--- a/tests/fixtures/color/ann_insertion.toml
+++ b/tests/fixtures/color/ann_insertion.toml
@@ -10,3 +10,6 @@ origin = "Cargo.toml"
 label = "'d' belongs here"
 level = "Error"
 range = [2, 2]
+
+[renderer]
+color = true
diff --git a/tests/fixtures/color/ann_multiline.svg b/tests/fixtures/color/ann_multiline.svg
index f4b4433..9130691 100644
--- a/tests/fixtures/color/ann_multiline.svg
+++ b/tests/fixtures/color/ann_multiline.svg
@@ -2,10 +2,13 @@
   <style>
     .fg { fill: #AAAAAA }
     .bg { background: #000000 }
+    .fg-bright-blue { fill: #5555FF }
+    .fg-bright-red { fill: #FF5555 }
     .container {
       padding: 0 10px;
       line-height: 18px;
     }
+    .bold { font-weight: bold; }
     tspan {
       font: 14px SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
       white-space: pre;
@@ -16,23 +19,23 @@
   <rect width="100%" height="100%" y="0" rx="4.5" class="bg" />
 
   <text xml:space="preserve" class="container fg">
-    <tspan x="10px" y="28px"><tspan>error[E0027]: pattern does not mention fields `lineno`, `content`</tspan>
+    <tspan x="10px" y="28px"><tspan class="fg-bright-red bold">error[E0027]</tspan><tspan>: </tspan><tspan class="bold">pattern does not mention fields `lineno`, `content`</tspan>
 </tspan>
-    <tspan x="10px" y="46px"><tspan>   --&gt; src/display_list.rs:139:32</tspan>
+    <tspan x="10px" y="46px"><tspan>   </tspan><tspan class="fg-bright-blue bold">--&gt;</tspan><tspan> src/display_list.rs:139:32</tspan>
 </tspan>
-    <tspan x="10px" y="64px"><tspan>    |</tspan>
+    <tspan x="10px" y="64px"><tspan>    </tspan><tspan class="fg-bright-blue bold">|</tspan>
 </tspan>
-    <tspan x="10px" y="82px"><tspan>139 |                           if let DisplayLine::Source {</tspan>
+    <tspan x="10px" y="82px"><tspan class="fg-bright-blue bold">139 |</tspan><tspan>                           if let DisplayLine::Source {</tspan>
 </tspan>
-    <tspan x="10px" y="100px"><tspan>    |  ________________________________^</tspan>
+    <tspan x="10px" y="100px"><tspan>    </tspan><tspan class="fg-bright-blue bold">|</tspan><tspan>  </tspan><tspan class="fg-bright-red bold">________________________________^</tspan>
 </tspan>
-    <tspan x="10px" y="118px"><tspan>140 | |                             ref mut inline_marks,</tspan>
+    <tspan x="10px" y="118px"><tspan class="fg-bright-blue bold">140 |</tspan><tspan> </tspan><tspan class="fg-bright-red bold">|</tspan><tspan>                             ref mut inline_marks,</tspan>
 </tspan>
-    <tspan x="10px" y="136px"><tspan>141 | |                         } = body[body_idx]</tspan>
+    <tspan x="10px" y="136px"><tspan class="fg-bright-blue bold">141 |</tspan><tspan> </tspan><tspan class="fg-bright-red bold">|</tspan><tspan>                         } = body[body_idx]</tspan>
 </tspan>
-    <tspan x="10px" y="154px"><tspan>    | |_________________________^ missing fields `lineno`, `content`</tspan>
+    <tspan x="10px" y="154px"><tspan>    </tspan><tspan class="fg-bright-blue bold">|</tspan><tspan> </tspan><tspan class="fg-bright-red bold">|_________________________^</tspan><tspan> </tspan><tspan class="fg-bright-red bold">missing fields `lineno`, `content`</tspan>
 </tspan>
-    <tspan x="10px" y="172px"><tspan>    |</tspan>
+    <tspan x="10px" y="172px"><tspan>    </tspan><tspan class="fg-bright-blue bold">|</tspan>
 </tspan>
   </text>
 
diff --git a/tests/fixtures/color/ann_multiline.toml b/tests/fixtures/color/ann_multiline.toml
index 671b534..9d8c30f 100644
--- a/tests/fixtures/color/ann_multiline.toml
+++ b/tests/fixtures/color/ann_multiline.toml
@@ -16,3 +16,6 @@ fold = false
 label = "missing fields `lineno`, `content`"
 level = "Error"
 range = [31, 128]
+
+[renderer]
+color = true
diff --git a/tests/fixtures/color/ann_multiline2.svg b/tests/fixtures/color/ann_multiline2.svg
index 49c2c4b..97948a4 100644
--- a/tests/fixtures/color/ann_multiline2.svg
+++ b/tests/fixtures/color/ann_multiline2.svg
@@ -2,10 +2,13 @@
   <style>
     .fg { fill: #AAAAAA }
     .bg { background: #000000 }
+    .fg-bright-blue { fill: #5555FF }
+    .fg-bright-red { fill: #FF5555 }
     .container {
       padding: 0 10px;
       line-height: 18px;
     }
+    .bold { font-weight: bold; }
     tspan {
       font: 14px SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
       white-space: pre;
@@ -16,21 +19,21 @@
   <rect width="100%" height="100%" y="0" rx="4.5" class="bg" />
 
   <text xml:space="preserve" class="container fg">
-    <tspan x="10px" y="28px"><tspan>error[E####]: spacing error found</tspan>
+    <tspan x="10px" y="28px"><tspan class="fg-bright-red bold">error[E####]</tspan><tspan>: </tspan><tspan class="bold">spacing error found</tspan>
 </tspan>
-    <tspan x="10px" y="46px"><tspan>  --&gt; foo.txt:26:12</tspan>
+    <tspan x="10px" y="46px"><tspan>  </tspan><tspan class="fg-bright-blue bold">--&gt;</tspan><tspan> foo.txt:26:12</tspan>
 </tspan>
-    <tspan x="10px" y="64px"><tspan>   |</tspan>
+    <tspan x="10px" y="64px"><tspan>   </tspan><tspan class="fg-bright-blue bold">|</tspan>
 </tspan>
-    <tspan x="10px" y="82px"><tspan>26 | This is an example</tspan>
+    <tspan x="10px" y="82px"><tspan class="fg-bright-blue bold">26 |</tspan><tspan> This is an example</tspan>
 </tspan>
-    <tspan x="10px" y="100px"><tspan>   |            ^^^^^^^ this should not be on separate lines</tspan>
+    <tspan x="10px" y="100px"><tspan>   </tspan><tspan class="fg-bright-blue bold">|</tspan><tspan>            </tspan><tspan class="fg-bright-red bold">^^^^^^^</tspan><tspan> </tspan><tspan class="fg-bright-red bold">this should not be on separate lines</tspan>
 </tspan>
-    <tspan x="10px" y="118px"><tspan>27 | of an edge case of an annotation overflowing</tspan>
+    <tspan x="10px" y="118px"><tspan class="fg-bright-blue bold">27 |</tspan><tspan> of an edge case of an annotation overflowing</tspan>
 </tspan>
-    <tspan x="10px" y="136px"><tspan>28 | to exactly one character on next line.</tspan>
+    <tspan x="10px" y="136px"><tspan class="fg-bright-blue bold">28 |</tspan><tspan> to exactly one character on next line.</tspan>
 </tspan>
-    <tspan x="10px" y="154px"><tspan>   |</tspan>
+    <tspan x="10px" y="154px"><tspan>   </tspan><tspan class="fg-bright-blue bold">|</tspan>
 </tspan>
   </text>
 
diff --git a/tests/fixtures/color/ann_multiline2.toml b/tests/fixtures/color/ann_multiline2.toml
index afb3aa9..259d94b 100644
--- a/tests/fixtures/color/ann_multiline2.toml
+++ b/tests/fixtures/color/ann_multiline2.toml
@@ -16,3 +16,6 @@ fold = false
 label = "this should not be on separate lines"
 level = "Error"
 range = [11, 19]
+
+[renderer]
+color = true
diff --git a/tests/fixtures/color/ann_removed_nl.svg b/tests/fixtures/color/ann_removed_nl.svg
index c8900d0..bb12aec 100644
--- a/tests/fixtures/color/ann_removed_nl.svg
+++ b/tests/fixtures/color/ann_removed_nl.svg
@@ -2,10 +2,13 @@
   <style>
     .fg { fill: #AAAAAA }
     .bg { background: #000000 }
+    .fg-bright-blue { fill: #5555FF }
+    .fg-bright-red { fill: #FF5555 }
     .container {
       padding: 0 10px;
       line-height: 18px;
     }
+    .bold { font-weight: bold; }
     tspan {
       font: 14px SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
       white-space: pre;
@@ -16,17 +19,17 @@
   <rect width="100%" height="100%" y="0" rx="4.5" class="bg" />
 
   <text xml:space="preserve" class="container fg">
-    <tspan x="10px" y="28px"><tspan>error: expected `.`, `=`</tspan>
+    <tspan x="10px" y="28px"><tspan class="fg-bright-red bold">error</tspan><tspan>: </tspan><tspan class="bold">expected `.`, `=`</tspan>
 </tspan>
-    <tspan x="10px" y="46px"><tspan> --&gt; Cargo.toml:1:5</tspan>
+    <tspan x="10px" y="46px"><tspan> </tspan><tspan class="fg-bright-blue bold">--&gt;</tspan><tspan> Cargo.toml:1:5</tspan>
 </tspan>
-    <tspan x="10px" y="64px"><tspan>  |</tspan>
+    <tspan x="10px" y="64px"><tspan>  </tspan><tspan class="fg-bright-blue bold">|</tspan>
 </tspan>
-    <tspan x="10px" y="82px"><tspan>1 | asdf</tspan>
+    <tspan x="10px" y="82px"><tspan class="fg-bright-blue bold">1 |</tspan><tspan> asdf</tspan>
 </tspan>
-    <tspan x="10px" y="100px"><tspan>  |     ^</tspan>
+    <tspan x="10px" y="100px"><tspan>  </tspan><tspan class="fg-bright-blue bold">|</tspan><tspan>     </tspan><tspan class="fg-bright-red bold">^</tspan>
 </tspan>
-    <tspan x="10px" y="118px"><tspan>  |</tspan>
+    <tspan x="10px" y="118px"><tspan>  </tspan><tspan class="fg-bright-blue bold">|</tspan>
 </tspan>
   </text>
 
diff --git a/tests/fixtures/color/ann_removed_nl.toml b/tests/fixtures/color/ann_removed_nl.toml
index b681c29..36f74ef 100644
--- a/tests/fixtures/color/ann_removed_nl.toml
+++ b/tests/fixtures/color/ann_removed_nl.toml
@@ -10,3 +10,6 @@ origin = "Cargo.toml"
 label = ""
 level = "Error"
 range = [4, 5]
+
+[renderer]
+color = true
diff --git a/tests/fixtures/color/ensure-emoji-highlight-width.svg b/tests/fixtures/color/ensure-emoji-highlight-width.svg
index 0840805..e5646e6 100644
--- a/tests/fixtures/color/ensure-emoji-highlight-width.svg
+++ b/tests/fixtures/color/ensure-emoji-highlight-width.svg
@@ -2,10 +2,13 @@
   <style>
     .fg { fill: #AAAAAA }
     .bg { background: #000000 }
+    .fg-bright-blue { fill: #5555FF }
+    .fg-bright-red { fill: #FF5555 }
     .container {
       padding: 0 10px;
       line-height: 18px;
     }
+    .bold { font-weight: bold; }
     tspan {
       font: 14px SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
       white-space: pre;
@@ -16,17 +19,17 @@
   <rect width="100%" height="100%" y="0" rx="4.5" class="bg" />
 
   <text xml:space="preserve" class="container fg">
-    <tspan x="10px" y="28px"><tspan>error: invalid character ` ` in package name: `haha this isn't a valid name 🐛`, characters must be Unicode XID characters (numbers, `-`, `_`, or most letters)</tspan>
+    <tspan x="10px" y="28px"><tspan class="fg-bright-red bold">error</tspan><tspan>: </tspan><tspan class="bold">invalid character ` ` in package name: `haha this isn't a valid name 🐛`, characters must be Unicode XID characters (numbers, `-`, `_`, or most letters)</tspan>
 </tspan>
-    <tspan x="10px" y="46px"><tspan> --&gt; &lt;file&gt;:7:1</tspan>
+    <tspan x="10px" y="46px"><tspan> </tspan><tspan class="fg-bright-blue bold">--&gt;</tspan><tspan> &lt;file&gt;:7:1</tspan>
 </tspan>
-    <tspan x="10px" y="64px"><tspan>  |</tspan>
+    <tspan x="10px" y="64px"><tspan>  </tspan><tspan class="fg-bright-blue bold">|</tspan>
 </tspan>
-    <tspan x="10px" y="82px"><tspan>7 | "haha this isn't a valid name 🐛" = { package = "libc", version = "0.1" }</tspan>
+    <tspan x="10px" y="82px"><tspan class="fg-bright-blue bold">7 |</tspan><tspan> "haha this isn't a valid name 🐛" = { package = "libc", version = "0.1" }</tspan>
 </tspan>
-    <tspan x="10px" y="100px"><tspan>  | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^</tspan>
+    <tspan x="10px" y="100px"><tspan>  </tspan><tspan class="fg-bright-blue bold">|</tspan><tspan> </tspan><tspan class="fg-bright-red bold">^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^</tspan>
 </tspan>
-    <tspan x="10px" y="118px"><tspan>  |</tspan>
+    <tspan x="10px" y="118px"><tspan>  </tspan><tspan class="fg-bright-blue bold">|</tspan>
 </tspan>
   </text>
 
diff --git a/tests/fixtures/color/ensure-emoji-highlight-width.toml b/tests/fixtures/color/ensure-emoji-highlight-width.toml
index 7af05ff..52168b4 100644
--- a/tests/fixtures/color/ensure-emoji-highlight-width.toml
+++ b/tests/fixtures/color/ensure-emoji-highlight-width.toml
@@ -13,3 +13,6 @@ origin = "<file>"
 label = ""
 level = "Error"
 range = [0, 35]
+
+[renderer]
+color = true
diff --git a/tests/fixtures/color/fold_ann_multiline.svg b/tests/fixtures/color/fold_ann_multiline.svg
index f82fe25..6a89c4f 100644
--- a/tests/fixtures/color/fold_ann_multiline.svg
+++ b/tests/fixtures/color/fold_ann_multiline.svg
@@ -2,10 +2,14 @@
   <style>
     .fg { fill: #AAAAAA }
     .bg { background: #000000 }
+    .fg-bright-blue { fill: #5555FF }
+    .fg-bright-red { fill: #FF5555 }
+    .fg-yellow { fill: #AA5500 }
     .container {
       padding: 0 10px;
       line-height: 18px;
     }
+    .bold { font-weight: bold; }
     tspan {
       font: 14px SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
       white-space: pre;
@@ -16,29 +20,29 @@
   <rect width="100%" height="100%" y="0" rx="4.5" class="bg" />
 
   <text xml:space="preserve" class="container fg">
-    <tspan x="10px" y="28px"><tspan>error[E0308]: mismatched types</tspan>
+    <tspan x="10px" y="28px"><tspan class="fg-bright-red bold">error[E0308]</tspan><tspan>: </tspan><tspan class="bold">mismatched types</tspan>
 </tspan>
-    <tspan x="10px" y="46px"><tspan>  --&gt; src/format.rs:51:6</tspan>
+    <tspan x="10px" y="46px"><tspan>  </tspan><tspan class="fg-bright-blue bold">--&gt;</tspan><tspan> src/format.rs:51:6</tspan>
 </tspan>
-    <tspan x="10px" y="64px"><tspan>   |</tspan>
+    <tspan x="10px" y="64px"><tspan>   </tspan><tspan class="fg-bright-blue bold">|</tspan>
 </tspan>
-    <tspan x="10px" y="82px"><tspan>51 |   ) -&gt; Option&lt;String&gt; {</tspan>
+    <tspan x="10px" y="82px"><tspan class="fg-bright-blue bold">51 |</tspan><tspan>   ) -&gt; Option&lt;String&gt; {</tspan>
 </tspan>
-    <tspan x="10px" y="100px"><tspan>   |        -------------- expected `std::option::Option&lt;std::string::String&gt;` because of return type</tspan>
+    <tspan x="10px" y="100px"><tspan>   </tspan><tspan class="fg-bright-blue bold">|</tspan><tspan>        </tspan><tspan class="fg-yellow bold">--------------</tspan><tspan> </tspan><tspan class="fg-yellow bold">expected `std::option::Option&lt;std::string::String&gt;` because of return type</tspan>
 </tspan>
-    <tspan x="10px" y="118px"><tspan>52 | /     for ann in annotations {</tspan>
+    <tspan x="10px" y="118px"><tspan class="fg-bright-blue bold">52 |</tspan><tspan> </tspan><tspan class="fg-bright-red bold">/</tspan><tspan>     for ann in annotations {</tspan>
 </tspan>
-    <tspan x="10px" y="136px"><tspan>53 | |         match (ann.range.0, ann.range.1) {</tspan>
+    <tspan x="10px" y="136px"><tspan class="fg-bright-blue bold">53 |</tspan><tspan> </tspan><tspan class="fg-bright-red bold">|</tspan><tspan>         match (ann.range.0, ann.range.1) {</tspan>
 </tspan>
-    <tspan x="10px" y="154px"><tspan>...  |</tspan>
+    <tspan x="10px" y="154px"><tspan class="fg-bright-blue bold">...</tspan><tspan>  </tspan><tspan class="fg-bright-red bold">|</tspan>
 </tspan>
-    <tspan x="10px" y="172px"><tspan>71 | |         }</tspan>
+    <tspan x="10px" y="172px"><tspan class="fg-bright-blue bold">71 |</tspan><tspan> </tspan><tspan class="fg-bright-red bold">|</tspan><tspan>         }</tspan>
 </tspan>
-    <tspan x="10px" y="190px"><tspan>72 | |     }</tspan>
+    <tspan x="10px" y="190px"><tspan class="fg-bright-blue bold">72 |</tspan><tspan> </tspan><tspan class="fg-bright-red bold">|</tspan><tspan>     }</tspan>
 </tspan>
-    <tspan x="10px" y="208px"><tspan>   | |_____^ expected enum `std::option::Option`, found ()</tspan>
+    <tspan x="10px" y="208px"><tspan>   </tspan><tspan class="fg-bright-blue bold">|</tspan><tspan> </tspan><tspan class="fg-bright-red bold">|_____^</tspan><tspan> </tspan><tspan class="fg-bright-red bold">expected enum `std::option::Option`, found ()</tspan>
 </tspan>
-    <tspan x="10px" y="226px"><tspan>   |</tspan>
+    <tspan x="10px" y="226px"><tspan>   </tspan><tspan class="fg-bright-blue bold">|</tspan>
 </tspan>
   </text>
 
diff --git a/tests/fixtures/color/fold_ann_multiline.toml b/tests/fixtures/color/fold_ann_multiline.toml
index 09fc7d4..80edfb5 100644
--- a/tests/fixtures/color/fold_ann_multiline.toml
+++ b/tests/fixtures/color/fold_ann_multiline.toml
@@ -39,3 +39,6 @@ range = [5, 19]
 label = "expected enum `std::option::Option`, found ()"
 level = "Error"
 range = [22, 766]
+
+[renderer]
+color = true
diff --git a/tests/fixtures/color/fold_bad_origin_line.svg b/tests/fixtures/color/fold_bad_origin_line.svg
index 13a0834..23f1b64 100644
--- a/tests/fixtures/color/fold_bad_origin_line.svg
+++ b/tests/fixtures/color/fold_bad_origin_line.svg
@@ -2,10 +2,14 @@
   <style>
     .fg { fill: #AAAAAA }
     .bg { background: #000000 }
+    .fg-bright-blue { fill: #5555FF }
+    .fg-bright-red { fill: #FF5555 }
+    .fg-yellow { fill: #AA5500 }
     .container {
       padding: 0 10px;
       line-height: 18px;
     }
+    .bold { font-weight: bold; }
     tspan {
       font: 14px SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
       white-space: pre;
@@ -16,17 +20,17 @@
   <rect width="100%" height="100%" y="0" rx="4.5" class="bg" />
 
   <text xml:space="preserve" class="container fg">
-    <tspan x="10px" y="28px"><tspan>error</tspan>
+    <tspan x="10px" y="28px"><tspan class="fg-bright-red bold">error</tspan>
 </tspan>
-    <tspan x="10px" y="46px"><tspan> --&gt; path/to/error.rs:3:1</tspan>
+    <tspan x="10px" y="46px"><tspan> </tspan><tspan class="fg-bright-blue bold">--&gt;</tspan><tspan> path/to/error.rs:3:1</tspan>
 </tspan>
-    <tspan x="10px" y="64px"><tspan>  |</tspan>
+    <tspan x="10px" y="64px"><tspan>  </tspan><tspan class="fg-bright-blue bold">|</tspan>
 </tspan>
-    <tspan x="10px" y="82px"><tspan>3 | invalid syntax</tspan>
+    <tspan x="10px" y="82px"><tspan class="fg-bright-blue bold">3 |</tspan><tspan> invalid syntax</tspan>
 </tspan>
-    <tspan x="10px" y="100px"><tspan>  | -------------- error here</tspan>
+    <tspan x="10px" y="100px"><tspan>  </tspan><tspan class="fg-bright-blue bold">|</tspan><tspan> </tspan><tspan class="fg-yellow bold">--------------</tspan><tspan> </tspan><tspan class="fg-yellow bold">error here</tspan>
 </tspan>
-    <tspan x="10px" y="118px"><tspan>  |</tspan>
+    <tspan x="10px" y="118px"><tspan>  </tspan><tspan class="fg-bright-blue bold">|</tspan>
 </tspan>
   </text>
 
diff --git a/tests/fixtures/color/fold_bad_origin_line.toml b/tests/fixtures/color/fold_bad_origin_line.toml
index 1e81a71..3e40137 100644
--- a/tests/fixtures/color/fold_bad_origin_line.toml
+++ b/tests/fixtures/color/fold_bad_origin_line.toml
@@ -15,3 +15,6 @@ fold = true
 label = "error here"
 level = "Warning"
 range = [2,16]
+
+[renderer]
+color = true
diff --git a/tests/fixtures/color/fold_leading.svg b/tests/fixtures/color/fold_leading.svg
index 72887a2..e69965e 100644
--- a/tests/fixtures/color/fold_leading.svg
+++ b/tests/fixtures/color/fold_leading.svg
@@ -2,10 +2,13 @@
   <style>
     .fg { fill: #AAAAAA }
     .bg { background: #000000 }
+    .fg-bright-blue { fill: #5555FF }
+    .fg-bright-red { fill: #FF5555 }
     .container {
       padding: 0 10px;
       line-height: 18px;
     }
+    .bold { font-weight: bold; }
     tspan {
       font: 14px SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
       white-space: pre;
@@ -16,17 +19,17 @@
   <rect width="100%" height="100%" y="0" rx="4.5" class="bg" />
 
   <text xml:space="preserve" class="container fg">
-    <tspan x="10px" y="28px"><tspan>error[E0308]: invalid type: integer `20`, expected a bool</tspan>
+    <tspan x="10px" y="28px"><tspan class="fg-bright-red bold">error[E0308]</tspan><tspan>: </tspan><tspan class="bold">invalid type: integer `20`, expected a bool</tspan>
 </tspan>
-    <tspan x="10px" y="46px"><tspan>  --&gt; Cargo.toml:11:13</tspan>
+    <tspan x="10px" y="46px"><tspan>  </tspan><tspan class="fg-bright-blue bold">--&gt;</tspan><tspan> Cargo.toml:11:13</tspan>
 </tspan>
-    <tspan x="10px" y="64px"><tspan>   |</tspan>
+    <tspan x="10px" y="64px"><tspan>   </tspan><tspan class="fg-bright-blue bold">|</tspan>
 </tspan>
-    <tspan x="10px" y="82px"><tspan>11 | workspace = 20</tspan>
+    <tspan x="10px" y="82px"><tspan class="fg-bright-blue bold">11 |</tspan><tspan> workspace = 20</tspan>
 </tspan>
-    <tspan x="10px" y="100px"><tspan>   |             ^^</tspan>
+    <tspan x="10px" y="100px"><tspan>   </tspan><tspan class="fg-bright-blue bold">|</tspan><tspan>             </tspan><tspan class="fg-bright-red bold">^^</tspan>
 </tspan>
-    <tspan x="10px" y="118px"><tspan>   |</tspan>
+    <tspan x="10px" y="118px"><tspan>   </tspan><tspan class="fg-bright-blue bold">|</tspan>
 </tspan>
   </text>
 
diff --git a/tests/fixtures/color/fold_leading.toml b/tests/fixtures/color/fold_leading.toml
index e3fc696..90c6c8c 100644
--- a/tests/fixtures/color/fold_leading.toml
+++ b/tests/fixtures/color/fold_leading.toml
@@ -24,3 +24,6 @@ fold = true
 label = ""
 level = "Error"
 range = [132, 134]
+
+[renderer]
+color = true
diff --git a/tests/fixtures/color/fold_trailing.svg b/tests/fixtures/color/fold_trailing.svg
index 15c9850..41bf7c7 100644
--- a/tests/fixtures/color/fold_trailing.svg
+++ b/tests/fixtures/color/fold_trailing.svg
@@ -2,10 +2,13 @@
   <style>
     .fg { fill: #AAAAAA }
     .bg { background: #000000 }
+    .fg-bright-blue { fill: #5555FF }
+    .fg-bright-red { fill: #FF5555 }
     .container {
       padding: 0 10px;
       line-height: 18px;
     }
+    .bold { font-weight: bold; }
     tspan {
       font: 14px SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
       white-space: pre;
@@ -16,17 +19,17 @@
   <rect width="100%" height="100%" y="0" rx="4.5" class="bg" />
 
   <text xml:space="preserve" class="container fg">
-    <tspan x="10px" y="28px"><tspan>error[E0308]: invalid type: integer `20`, expected a lints table</tspan>
+    <tspan x="10px" y="28px"><tspan class="fg-bright-red bold">error[E0308]</tspan><tspan>: </tspan><tspan class="bold">invalid type: integer `20`, expected a lints table</tspan>
 </tspan>
-    <tspan x="10px" y="46px"><tspan> --&gt; Cargo.toml:1:9</tspan>
+    <tspan x="10px" y="46px"><tspan> </tspan><tspan class="fg-bright-blue bold">--&gt;</tspan><tspan> Cargo.toml:1:9</tspan>
 </tspan>
-    <tspan x="10px" y="64px"><tspan>  |</tspan>
+    <tspan x="10px" y="64px"><tspan>  </tspan><tspan class="fg-bright-blue bold">|</tspan>
 </tspan>
-    <tspan x="10px" y="82px"><tspan>1 | lints = 20</tspan>
+    <tspan x="10px" y="82px"><tspan class="fg-bright-blue bold">1 |</tspan><tspan> lints = 20</tspan>
 </tspan>
-    <tspan x="10px" y="100px"><tspan>  |         ^^</tspan>
+    <tspan x="10px" y="100px"><tspan>  </tspan><tspan class="fg-bright-blue bold">|</tspan><tspan>         </tspan><tspan class="fg-bright-red bold">^^</tspan>
 </tspan>
-    <tspan x="10px" y="118px"><tspan>  |</tspan>
+    <tspan x="10px" y="118px"><tspan>  </tspan><tspan class="fg-bright-blue bold">|</tspan>
 </tspan>
   </text>
 
diff --git a/tests/fixtures/color/fold_trailing.toml b/tests/fixtures/color/fold_trailing.toml
index 8ee4c05..10b2240 100644
--- a/tests/fixtures/color/fold_trailing.toml
+++ b/tests/fixtures/color/fold_trailing.toml
@@ -23,3 +23,6 @@ fold = true
 label = ""
 level = "Error"
 range = [8, 10]
+
+[renderer]
+color = true
diff --git a/tests/fixtures/color/issue_9.svg b/tests/fixtures/color/issue_9.svg
index af22d82..80b891e 100644
--- a/tests/fixtures/color/issue_9.svg
+++ b/tests/fixtures/color/issue_9.svg
@@ -2,10 +2,14 @@
   <style>
     .fg { fill: #AAAAAA }
     .bg { background: #000000 }
+    .fg-bright-blue { fill: #5555FF }
+    .fg-bright-red { fill: #FF5555 }
+    .fg-yellow { fill: #AA5500 }
     .container {
       padding: 0 10px;
       line-height: 18px;
     }
+    .bold { font-weight: bold; }
     tspan {
       font: 14px SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
       white-space: pre;
@@ -16,29 +20,29 @@
   <rect width="100%" height="100%" y="0" rx="4.5" class="bg" />
 
   <text xml:space="preserve" class="container fg">
-    <tspan x="10px" y="28px"><tspan>error: expected one of `.`, `;`, `?`, or an operator, found `for`</tspan>
+    <tspan x="10px" y="28px"><tspan class="fg-bright-red bold">error</tspan><tspan>: </tspan><tspan class="bold">expected one of `.`, `;`, `?`, or an operator, found `for`</tspan>
 </tspan>
-    <tspan x="10px" y="46px"><tspan> --&gt; /code/rust/src/test/ui/annotate-snippet/suggestion.rs:4:5</tspan>
+    <tspan x="10px" y="46px"><tspan> </tspan><tspan class="fg-bright-blue bold">--&gt;</tspan><tspan> /code/rust/src/test/ui/annotate-snippet/suggestion.rs:4:5</tspan>
 </tspan>
-    <tspan x="10px" y="64px"><tspan>  |</tspan>
+    <tspan x="10px" y="64px"><tspan>  </tspan><tspan class="fg-bright-blue bold">|</tspan>
 </tspan>
-    <tspan x="10px" y="82px"><tspan>4 | let x = vec![1];</tspan>
+    <tspan x="10px" y="82px"><tspan class="fg-bright-blue bold">4 |</tspan><tspan> let x = vec![1];</tspan>
 </tspan>
-    <tspan x="10px" y="100px"><tspan>  |     - move occurs because `x` has type `std::vec::Vec&lt;i32&gt;`, which does not implement the `Copy` trait</tspan>
+    <tspan x="10px" y="100px"><tspan>  </tspan><tspan class="fg-bright-blue bold">|</tspan><tspan>     </tspan><tspan class="fg-yellow bold">-</tspan><tspan> </tspan><tspan class="fg-yellow bold">move occurs because `x` has type `std::vec::Vec&lt;i32&gt;`, which does not implement the `Copy` trait</tspan>
 </tspan>
-    <tspan x="10px" y="118px"><tspan>  |</tspan>
+    <tspan x="10px" y="118px"><tspan>  </tspan><tspan class="fg-bright-blue bold">|</tspan>
 </tspan>
-    <tspan x="10px" y="136px"><tspan>7 | let y = x;</tspan>
+    <tspan x="10px" y="136px"><tspan class="fg-bright-blue bold">7 |</tspan><tspan> let y = x;</tspan>
 </tspan>
-    <tspan x="10px" y="154px"><tspan>  |         - value moved here</tspan>
+    <tspan x="10px" y="154px"><tspan>  </tspan><tspan class="fg-bright-blue bold">|</tspan><tspan>         </tspan><tspan class="fg-yellow bold">-</tspan><tspan> </tspan><tspan class="fg-yellow bold">value moved here</tspan>
 </tspan>
-    <tspan x="10px" y="172px"><tspan>  |</tspan>
+    <tspan x="10px" y="172px"><tspan>  </tspan><tspan class="fg-bright-blue bold">|</tspan>
 </tspan>
-    <tspan x="10px" y="190px"><tspan>9 | x;</tspan>
+    <tspan x="10px" y="190px"><tspan class="fg-bright-blue bold">9 |</tspan><tspan> x;</tspan>
 </tspan>
-    <tspan x="10px" y="208px"><tspan>  | ^ value used here after move</tspan>
+    <tspan x="10px" y="208px"><tspan>  </tspan><tspan class="fg-bright-blue bold">|</tspan><tspan> </tspan><tspan class="fg-bright-red bold">^</tspan><tspan> </tspan><tspan class="fg-bright-red bold">value used here after move</tspan>
 </tspan>
-    <tspan x="10px" y="226px"><tspan>  |</tspan>
+    <tspan x="10px" y="226px"><tspan>  </tspan><tspan class="fg-bright-blue bold">|</tspan>
 </tspan>
   </text>
 
diff --git a/tests/fixtures/color/issue_9.toml b/tests/fixtures/color/issue_9.toml
index 1f35243..9de1753 100644
--- a/tests/fixtures/color/issue_9.toml
+++ b/tests/fixtures/color/issue_9.toml
@@ -26,3 +26,6 @@ line_start = 9
 label = "value used here after move"
 level = "Error"
 range = [0, 1]
+
+[renderer]
+color = true
diff --git a/tests/fixtures/color/multiple_annotations.svg b/tests/fixtures/color/multiple_annotations.svg
index 18bca93..84f4749 100644
--- a/tests/fixtures/color/multiple_annotations.svg
+++ b/tests/fixtures/color/multiple_annotations.svg
@@ -2,10 +2,13 @@
   <style>
     .fg { fill: #AAAAAA }
     .bg { background: #000000 }
+    .fg-bright-blue { fill: #5555FF }
+    .fg-bright-red { fill: #FF5555 }
     .container {
       padding: 0 10px;
       line-height: 18px;
     }
+    .bold { font-weight: bold; }
     tspan {
       font: 14px SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
       white-space: pre;
@@ -16,35 +19,35 @@
   <rect width="100%" height="100%" y="0" rx="4.5" class="bg" />
 
   <text xml:space="preserve" class="container fg">
-    <tspan x="10px" y="28px"><tspan>error</tspan>
+    <tspan x="10px" y="28px"><tspan class="fg-bright-red bold">error</tspan>
 </tspan>
-    <tspan x="10px" y="46px"><tspan>    |</tspan>
+    <tspan x="10px" y="46px"><tspan>    </tspan><tspan class="fg-bright-blue bold">|</tspan>
 </tspan>
-    <tspan x="10px" y="64px"><tspan> 96 | fn add_title_line(result: &amp;mut Vec&lt;String&gt;, main_annotation: Option&lt;&amp;Annotation&gt;) {</tspan>
+    <tspan x="10px" y="64px"><tspan class="fg-bright-blue bold"> 96 |</tspan><tspan> fn add_title_line(result: &amp;mut Vec&lt;String&gt;, main_annotation: Option&lt;&amp;Annotation&gt;) {</tspan>
 </tspan>
-    <tspan x="10px" y="82px"><tspan> 97 |     if let Some(annotation) = main_annotation {</tspan>
+    <tspan x="10px" y="82px"><tspan class="fg-bright-blue bold"> 97 |</tspan><tspan>     if let Some(annotation) = main_annotation {</tspan>
 </tspan>
-    <tspan x="10px" y="100px"><tspan>    |                 ^^^^^^^^^^ Variable defined here</tspan>
+    <tspan x="10px" y="100px"><tspan>    </tspan><tspan class="fg-bright-blue bold">|</tspan><tspan>                 </tspan><tspan class="fg-bright-red bold">^^^^^^^^^^</tspan><tspan> </tspan><tspan class="fg-bright-red bold">Variable defined here</tspan>
 </tspan>
-    <tspan x="10px" y="118px"><tspan> 98 |         result.push(format_title_line(</tspan>
+    <tspan x="10px" y="118px"><tspan class="fg-bright-blue bold"> 98 |</tspan><tspan>         result.push(format_title_line(</tspan>
 </tspan>
-    <tspan x="10px" y="136px"><tspan> 99 |             &amp;annotation.annotation_type,</tspan>
+    <tspan x="10px" y="136px"><tspan class="fg-bright-blue bold"> 99 |</tspan><tspan>             &amp;annotation.annotation_type,</tspan>
 </tspan>
-    <tspan x="10px" y="154px"><tspan>    |              ^^^^^^^^^^ Referenced here</tspan>
+    <tspan x="10px" y="154px"><tspan>    </tspan><tspan class="fg-bright-blue bold">|</tspan><tspan>              </tspan><tspan class="fg-bright-red bold">^^^^^^^^^^</tspan><tspan> </tspan><tspan class="fg-bright-red bold">Referenced here</tspan>
 </tspan>
-    <tspan x="10px" y="172px"><tspan>100 |             None,</tspan>
+    <tspan x="10px" y="172px"><tspan class="fg-bright-blue bold">100 |</tspan><tspan>             None,</tspan>
 </tspan>
-    <tspan x="10px" y="190px"><tspan>101 |             &amp;annotation.label,</tspan>
+    <tspan x="10px" y="190px"><tspan class="fg-bright-blue bold">101 |</tspan><tspan>             &amp;annotation.label,</tspan>
 </tspan>
-    <tspan x="10px" y="208px"><tspan>    |              ^^^^^^^^^^ Referenced again here</tspan>
+    <tspan x="10px" y="208px"><tspan>    </tspan><tspan class="fg-bright-blue bold">|</tspan><tspan>              </tspan><tspan class="fg-bright-red bold">^^^^^^^^^^</tspan><tspan> </tspan><tspan class="fg-bright-red bold">Referenced again here</tspan>
 </tspan>
-    <tspan x="10px" y="226px"><tspan>102 |         ));</tspan>
+    <tspan x="10px" y="226px"><tspan class="fg-bright-blue bold">102 |</tspan><tspan>         ));</tspan>
 </tspan>
-    <tspan x="10px" y="244px"><tspan>103 |     }</tspan>
+    <tspan x="10px" y="244px"><tspan class="fg-bright-blue bold">103 |</tspan><tspan>     }</tspan>
 </tspan>
-    <tspan x="10px" y="262px"><tspan>104 | }</tspan>
+    <tspan x="10px" y="262px"><tspan class="fg-bright-blue bold">104 |</tspan><tspan> }</tspan>
 </tspan>
-    <tspan x="10px" y="280px"><tspan>    |</tspan>
+    <tspan x="10px" y="280px"><tspan>    </tspan><tspan class="fg-bright-blue bold">|</tspan>
 </tspan>
   </text>
 
diff --git a/tests/fixtures/color/multiple_annotations.toml b/tests/fixtures/color/multiple_annotations.toml
index 842b137..824c530 100644
--- a/tests/fixtures/color/multiple_annotations.toml
+++ b/tests/fixtures/color/multiple_annotations.toml
@@ -27,3 +27,6 @@ range = [184, 194]
 label = "Referenced again here"
 level = "Error"
 range = [243, 253]
+
+[renderer]
+color = true
diff --git a/tests/fixtures/color/simple.svg b/tests/fixtures/color/simple.svg
index ae7b03c..7b92d23 100644
--- a/tests/fixtures/color/simple.svg
+++ b/tests/fixtures/color/simple.svg
@@ -2,10 +2,14 @@
   <style>
     .fg { fill: #AAAAAA }
     .bg { background: #000000 }
+    .fg-bright-blue { fill: #5555FF }
+    .fg-bright-red { fill: #FF5555 }
+    .fg-yellow { fill: #AA5500 }
     .container {
       padding: 0 10px;
       line-height: 18px;
     }
+    .bold { font-weight: bold; }
     tspan {
       font: 14px SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
       white-space: pre;
@@ -16,23 +20,23 @@
   <rect width="100%" height="100%" y="0" rx="4.5" class="bg" />
 
   <text xml:space="preserve" class="container fg">
-    <tspan x="10px" y="28px"><tspan>error: expected one of `.`, `;`, `?`, or an operator, found `for`</tspan>
+    <tspan x="10px" y="28px"><tspan class="fg-bright-red bold">error</tspan><tspan>: </tspan><tspan class="bold">expected one of `.`, `;`, `?`, or an operator, found `for`</tspan>
 </tspan>
-    <tspan x="10px" y="46px"><tspan>   --&gt; src/format_color.rs:171:9</tspan>
+    <tspan x="10px" y="46px"><tspan>   </tspan><tspan class="fg-bright-blue bold">--&gt;</tspan><tspan> src/format_color.rs:171:9</tspan>
 </tspan>
-    <tspan x="10px" y="64px"><tspan>    |</tspan>
+    <tspan x="10px" y="64px"><tspan>    </tspan><tspan class="fg-bright-blue bold">|</tspan>
 </tspan>
-    <tspan x="10px" y="82px"><tspan>169 |         })</tspan>
+    <tspan x="10px" y="82px"><tspan class="fg-bright-blue bold">169 |</tspan><tspan>         })</tspan>
 </tspan>
-    <tspan x="10px" y="100px"><tspan>    |           - expected one of `.`, `;`, `?`, or an operator here</tspan>
+    <tspan x="10px" y="100px"><tspan>    </tspan><tspan class="fg-bright-blue bold">|</tspan><tspan>           </tspan><tspan class="fg-yellow bold">-</tspan><tspan> </tspan><tspan class="fg-yellow bold">expected one of `.`, `;`, `?`, or an operator here</tspan>
 </tspan>
-    <tspan x="10px" y="118px"><tspan>170 |</tspan>
+    <tspan x="10px" y="118px"><tspan class="fg-bright-blue bold">170 |</tspan>
 </tspan>
-    <tspan x="10px" y="136px"><tspan>171 |         for line in &amp;self.body {</tspan>
+    <tspan x="10px" y="136px"><tspan class="fg-bright-blue bold">171 |</tspan><tspan>         for line in &amp;self.body {</tspan>
 </tspan>
-    <tspan x="10px" y="154px"><tspan>    |         ^^^ unexpected token</tspan>
+    <tspan x="10px" y="154px"><tspan>    </tspan><tspan class="fg-bright-blue bold">|</tspan><tspan>         </tspan><tspan class="fg-bright-red bold">^^^</tspan><tspan> </tspan><tspan class="fg-bright-red bold">unexpected token</tspan>
 </tspan>
-    <tspan x="10px" y="172px"><tspan>    |</tspan>
+    <tspan x="10px" y="172px"><tspan>    </tspan><tspan class="fg-bright-blue bold">|</tspan>
 </tspan>
   </text>
 
diff --git a/tests/fixtures/color/simple.toml b/tests/fixtures/color/simple.toml
index 76b5bac..2e6969f 100644
--- a/tests/fixtures/color/simple.toml
+++ b/tests/fixtures/color/simple.toml
@@ -17,3 +17,6 @@ range = [20, 23]
 label = "expected one of `.`, `;`, `?`, or an operator here"
 level = "Warning"
 range = [10, 11]
+
+[renderer]
+color = true
diff --git a/tests/fixtures/color/strip_line.svg b/tests/fixtures/color/strip_line.svg
index b1fd8a6..9da24fe 100644
--- a/tests/fixtures/color/strip_line.svg
+++ b/tests/fixtures/color/strip_line.svg
@@ -2,10 +2,13 @@
   <style>
     .fg { fill: #AAAAAA }
     .bg { background: #000000 }
+    .fg-bright-blue { fill: #5555FF }
+    .fg-bright-red { fill: #FF5555 }
     .container {
       padding: 0 10px;
       line-height: 18px;
     }
+    .bold { font-weight: bold; }
     tspan {
       font: 14px SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
       white-space: pre;
@@ -16,17 +19,17 @@
   <rect width="100%" height="100%" y="0" rx="4.5" class="bg" />
 
   <text xml:space="preserve" class="container fg">
-    <tspan x="10px" y="28px"><tspan>error[E0308]: mismatched types</tspan>
+    <tspan x="10px" y="28px"><tspan class="fg-bright-red bold">error[E0308]</tspan><tspan>: </tspan><tspan class="bold">mismatched types</tspan>
 </tspan>
-    <tspan x="10px" y="46px"><tspan>  --&gt; $DIR/whitespace-trimming.rs:4:193</tspan>
+    <tspan x="10px" y="46px"><tspan>  </tspan><tspan class="fg-bright-blue bold">--&gt;</tspan><tspan> $DIR/whitespace-trimming.rs:4:193</tspan>
 </tspan>
-    <tspan x="10px" y="64px"><tspan>   |</tspan>
+    <tspan x="10px" y="64px"><tspan>   </tspan><tspan class="fg-bright-blue bold">|</tspan>
 </tspan>
-    <tspan x="10px" y="82px"><tspan>LL | ...                   let _: () = 42;</tspan>
+    <tspan x="10px" y="82px"><tspan class="fg-bright-blue bold">LL |</tspan><tspan> </tspan><tspan class="fg-bright-blue bold">...</tspan><tspan>                   let _: () = 42;</tspan>
 </tspan>
-    <tspan x="10px" y="100px"><tspan>   |                                   ^^ expected (), found integer</tspan>
+    <tspan x="10px" y="100px"><tspan>   </tspan><tspan class="fg-bright-blue bold">|</tspan><tspan>                                   </tspan><tspan class="fg-bright-red bold">^^</tspan><tspan> </tspan><tspan class="fg-bright-red bold">expected (), found integer</tspan>
 </tspan>
-    <tspan x="10px" y="118px"><tspan>   |</tspan>
+    <tspan x="10px" y="118px"><tspan>   </tspan><tspan class="fg-bright-blue bold">|</tspan>
 </tspan>
   </text>
 
diff --git a/tests/fixtures/color/strip_line.toml b/tests/fixtures/color/strip_line.toml
index 459cbe1..546c96a 100644
--- a/tests/fixtures/color/strip_line.toml
+++ b/tests/fixtures/color/strip_line.toml
@@ -14,5 +14,5 @@ level = "Error"
 range = [192, 194]
 
 [renderer]
-color = false
+color = true
 anonymized_line_numbers = true
diff --git a/tests/fixtures/color/strip_line_char.svg b/tests/fixtures/color/strip_line_char.svg
index 15296a1..cbafc78 100644
--- a/tests/fixtures/color/strip_line_char.svg
+++ b/tests/fixtures/color/strip_line_char.svg
@@ -2,10 +2,13 @@
   <style>
     .fg { fill: #AAAAAA }
     .bg { background: #000000 }
+    .fg-bright-blue { fill: #5555FF }
+    .fg-bright-red { fill: #FF5555 }
     .container {
       padding: 0 10px;
       line-height: 18px;
     }
+    .bold { font-weight: bold; }
     tspan {
       font: 14px SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
       white-space: pre;
@@ -16,17 +19,17 @@
   <rect width="100%" height="100%" y="0" rx="4.5" class="bg" />
 
   <text xml:space="preserve" class="container fg">
-    <tspan x="10px" y="28px"><tspan>error[E0308]: mismatched types</tspan>
+    <tspan x="10px" y="28px"><tspan class="fg-bright-red bold">error[E0308]</tspan><tspan>: </tspan><tspan class="bold">mismatched types</tspan>
 </tspan>
-    <tspan x="10px" y="46px"><tspan>  --&gt; $DIR/whitespace-trimming.rs:4:193</tspan>
+    <tspan x="10px" y="46px"><tspan>  </tspan><tspan class="fg-bright-blue bold">--&gt;</tspan><tspan> $DIR/whitespace-trimming.rs:4:193</tspan>
 </tspan>
-    <tspan x="10px" y="64px"><tspan>   |</tspan>
+    <tspan x="10px" y="64px"><tspan>   </tspan><tspan class="fg-bright-blue bold">|</tspan>
 </tspan>
-    <tspan x="10px" y="82px"><tspan>LL | ...                   let _: () = 42ñ</tspan>
+    <tspan x="10px" y="82px"><tspan class="fg-bright-blue bold">LL |</tspan><tspan> </tspan><tspan class="fg-bright-blue bold">...</tspan><tspan>                   let _: () = 42ñ</tspan>
 </tspan>
-    <tspan x="10px" y="100px"><tspan>   |                                   ^^ expected (), found integer</tspan>
+    <tspan x="10px" y="100px"><tspan>   </tspan><tspan class="fg-bright-blue bold">|</tspan><tspan>                                   </tspan><tspan class="fg-bright-red bold">^^</tspan><tspan> </tspan><tspan class="fg-bright-red bold">expected (), found integer</tspan>
 </tspan>
-    <tspan x="10px" y="118px"><tspan>   |</tspan>
+    <tspan x="10px" y="118px"><tspan>   </tspan><tspan class="fg-bright-blue bold">|</tspan>
 </tspan>
   </text>
 
diff --git a/tests/fixtures/color/strip_line_char.toml b/tests/fixtures/color/strip_line_char.toml
index dedefd5..863abb3 100644
--- a/tests/fixtures/color/strip_line_char.toml
+++ b/tests/fixtures/color/strip_line_char.toml
@@ -14,5 +14,5 @@ level = "Error"
 range = [192, 194]
 
 [renderer]
-color = false
+color = true
 anonymized_line_numbers = true
diff --git a/tests/fixtures/color/strip_line_non_ws.svg b/tests/fixtures/color/strip_line_non_ws.svg
index f1977dc..e4f8a85 100644
--- a/tests/fixtures/color/strip_line_non_ws.svg
+++ b/tests/fixtures/color/strip_line_non_ws.svg
@@ -2,10 +2,13 @@
   <style>
     .fg { fill: #AAAAAA }
     .bg { background: #000000 }
+    .fg-bright-blue { fill: #5555FF }
+    .fg-bright-red { fill: #FF5555 }
     .container {
       padding: 0 10px;
       line-height: 18px;
     }
+    .bold { font-weight: bold; }
     tspan {
       font: 14px SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
       white-space: pre;
@@ -16,21 +19,21 @@
   <rect width="100%" height="100%" y="0" rx="4.5" class="bg" />
 
   <text xml:space="preserve" class="container fg">
-    <tspan x="10px" y="28px"><tspan>error[E0308]: mismatched types</tspan>
+    <tspan x="10px" y="28px"><tspan class="fg-bright-red bold">error[E0308]</tspan><tspan>: </tspan><tspan class="bold">mismatched types</tspan>
 </tspan>
-    <tspan x="10px" y="46px"><tspan>  --&gt; $DIR/non-whitespace-trimming.rs:4:242</tspan>
+    <tspan x="10px" y="46px"><tspan>  </tspan><tspan class="fg-bright-blue bold">--&gt;</tspan><tspan> $DIR/non-whitespace-trimming.rs:4:242</tspan>
 </tspan>
-    <tspan x="10px" y="64px"><tspan>   |</tspan>
+    <tspan x="10px" y="64px"><tspan>   </tspan><tspan class="fg-bright-blue bold">|</tspan>
 </tspan>
-    <tspan x="10px" y="82px"><tspan>LL | ... = (); let _: () = (); let _: () = (); let _: () = 42; let _: () = (); let _: () = (); let _: () = (); let _: () = (); let _: () ...</tspan>
+    <tspan x="10px" y="82px"><tspan class="fg-bright-blue bold">LL |</tspan><tspan> </tspan><tspan class="fg-bright-blue bold">...</tspan><tspan> = (); let _: () = (); let _: () = (); let _: () = 42; let _: () = (); let _: () = (); let _: () = (); let _: () = (); let _: () </tspan><tspan class="fg-bright-blue bold">...</tspan>
 </tspan>
-    <tspan x="10px" y="100px"><tspan>   |                                                  ^^   ^^ expected `()`, found integer</tspan>
+    <tspan x="10px" y="100px"><tspan>   </tspan><tspan class="fg-bright-blue bold">|</tspan><tspan>                                                  </tspan><tspan class="fg-bright-red bold">^^</tspan><tspan>   </tspan><tspan class="fg-bright-red bold">^^</tspan><tspan> </tspan><tspan class="fg-bright-red bold">expected `()`, found integer</tspan>
 </tspan>
-    <tspan x="10px" y="118px"><tspan>   |                                                  |</tspan>
+    <tspan x="10px" y="118px"><tspan>   </tspan><tspan class="fg-bright-blue bold">|</tspan><tspan>                                                  </tspan><tspan class="fg-bright-red bold">|</tspan>
 </tspan>
-    <tspan x="10px" y="136px"><tspan>   |                                                  expected due to this</tspan>
+    <tspan x="10px" y="136px"><tspan>   </tspan><tspan class="fg-bright-blue bold">|</tspan><tspan>                                                  </tspan><tspan class="fg-bright-red bold">expected due to this</tspan>
 </tspan>
-    <tspan x="10px" y="154px"><tspan>   |</tspan>
+    <tspan x="10px" y="154px"><tspan>   </tspan><tspan class="fg-bright-blue bold">|</tspan>
 </tspan>
   </text>
 
diff --git a/tests/fixtures/color/strip_line_non_ws.toml b/tests/fixtures/color/strip_line_non_ws.toml
index 06ecad8..c6573ff 100644
--- a/tests/fixtures/color/strip_line_non_ws.toml
+++ b/tests/fixtures/color/strip_line_non_ws.toml
@@ -23,3 +23,4 @@ range = [236, 238]
 
 [renderer]
 anonymized_line_numbers = true
+color = true
diff --git a/tests/fixtures/deserialize.rs b/tests/fixtures/deserialize.rs
index 3ddef79..a38a88e 100644
--- a/tests/fixtures/deserialize.rs
+++ b/tests/fixtures/deserialize.rs
@@ -151,6 +151,8 @@ pub struct RendererDef {
     anonymized_line_numbers: bool,
     #[serde(default)]
     term_width: Option<usize>,
+    #[serde(default)]
+    color: bool,
 }
 
 impl From<RendererDef> for Renderer {
@@ -158,8 +160,15 @@ impl From<RendererDef> for Renderer {
         let RendererDef {
             anonymized_line_numbers,
             term_width,
+            color,
         } = val;
-        Renderer::plain()
+
+        let renderer = if color {
+            Renderer::styled()
+        } else {
+            Renderer::plain()
+        };
+        renderer
             .anonymized_line_numbers(anonymized_line_numbers)
             .term_width(term_width.unwrap_or(DEFAULT_TERM_WIDTH))
     }

From a687aff3a742903c60037f19284c884d4de0bca8 Mon Sep 17 00:00:00 2001
From: Scott Schafer <schaferjscott@gmail.com>
Date: Wed, 21 Aug 2024 15:23:30 -0600
Subject: [PATCH 3/3] test: Use consistent colors when testing

---
 Cargo.lock | 1 +
 Cargo.toml | 1 +
 2 files changed, 2 insertions(+)

diff --git a/Cargo.lock b/Cargo.lock
index a686b02..226775f 100644
--- a/Cargo.lock
+++ b/Cargo.lock
@@ -21,6 +21,7 @@ checksum = "4b46cbb362ab8752921c97e041f5e366ee6297bd428a31275b9fcf1e380f7299"
 name = "annotate-snippets"
 version = "0.11.4"
 dependencies = [
+ "annotate-snippets",
  "anstream 0.6.15",
  "anstyle",
  "criterion",
diff --git a/Cargo.toml b/Cargo.toml
index 62ab387..d323686 100644
--- a/Cargo.toml
+++ b/Cargo.toml
@@ -28,6 +28,7 @@ anstyle = "1.0.4"
 unicode-width = "0.1.11"
 
 [dev-dependencies]
+annotate-snippets = { path = ".", features = ["testing-colors"] }
 anstream = "0.6.13"
 criterion = "0.5.1"
 difference = "2.0.0"