diff --git a/README.md b/README.md
index ba5fdba..c31ca65 100644
--- a/README.md
+++ b/README.md
@@ -40,6 +40,7 @@ A handmade collection of pro css tips tricks 🌟
 1. [Rainbow Animation](#rainbow-animation)
 1. [Use clamp() for Responsive Typography](#disable-textarea-resizing)
 1. [Create A Sticky Footer](#create-a-sticky-footer)
+1. [Change Themes of Form Elements](#change-themes-of-form-elements)
 
 ### Create Documentation Styled Layout
 
@@ -726,6 +727,35 @@ footer{
 
 <sup>[back to table of contents](#table-of-contents)</sup>
 
+### Change Themes of Form Elements
+
+You can change the color theme of some of the form elements out there with pure CSS.
+
+```html
+<form>
+  <input type="checkbox" name="check" id="check" class="checkbox"/>
+  <input type="radio" name ="radio" id="radio" class="radio">
+  <input type="range" name="range" id="range" class="range">
+  <progress class="progress" max="100" value="70"> </progress>
+</form>
+```
+
+```css
+.checkbox, .radio, .range, .progress {
+  accent-color: black;
+}
+```
+
+<details>
+  
+<summary>See result</summary>
+
+<img src="assets/images/changing-themes-of-form-elements.png" alt="changing themes of form elements">
+
+</details>
+
+<sup>[back to table of contents](#table-of-contents)</sup> 
+  
 
 ## Contributing
 
diff --git a/assets/images/changing-themes-of-form-elements.png b/assets/images/changing-themes-of-form-elements.png
new file mode 100644
index 0000000..0e08129
Binary files /dev/null and b/assets/images/changing-themes-of-form-elements.png differ