From f62e7242540d8a85ce88b77339220b387c168d93 Mon Sep 17 00:00:00 2001
From: Dmitry Litsman <d@litsman.ru>
Date: Sat, 6 May 2023 10:30:03 +0100
Subject: [PATCH] Extend the example to include a transparent color note.

---
 .../rendering-glyphs-in-the-margin/sample.css                  | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/website/src/website/data/playground-samples/interacting-with-the-editor/rendering-glyphs-in-the-margin/sample.css b/website/src/website/data/playground-samples/interacting-with-the-editor/rendering-glyphs-in-the-margin/sample.css
index 6aa88f43..92c07cbc 100644
--- a/website/src/website/data/playground-samples/interacting-with-the-editor/rendering-glyphs-in-the-margin/sample.css
+++ b/website/src/website/data/playground-samples/interacting-with-the-editor/rendering-glyphs-in-the-margin/sample.css
@@ -2,5 +2,6 @@
 	background: red;
 }
 .myContentClass {
-	background: lightblue;
+	/* Make sure to use transparent colors for the selection to work */
+	background: rgba(173, 216, 230, 0.5);
 }