From 519ce5f521893e3fd4663191ba22c708d41eb6a6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julien=20D=C3=A9ramond?= <julien.deramond@orange.com>
Date: Tue, 4 Apr 2023 09:19:10 +0200
Subject: [PATCH] Add a dark variant in the docs

---
 site/content/docs/5.3/forms/range.md | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/site/content/docs/5.3/forms/range.md b/site/content/docs/5.3/forms/range.md
index 58dea91019..de11fdea82 100644
--- a/site/content/docs/5.3/forms/range.md
+++ b/site/content/docs/5.3/forms/range.md
@@ -32,6 +32,15 @@ Add the `disabled` boolean attribute on an input to give it a grayed out appeara
 <input type="range" class="form-range" id="disabledRange" disabled>
 {{< /example >}}
 
+## Dark variant
+
+Nothing to do here, just use it normally within a `.bg-dark` element.
+
+{{< example class="bg-dark" >}}
+<label for="customRange1" class="form-label">Example range</label>
+<input type="range" class="form-range" id="customRange1">
+{{< /example >}}
+
 ## Min and max
 
 Range inputs have implicit values for `min` and `max`—`0` and `100`, respectively. You may specify new values for those using the `min` and `max` attributes.