From 22df71329ad4afd30ac07713979ab3b4cd6676e7 Mon Sep 17 00:00:00 2001
From: Foster Hangdaan <foster@hangdaan.email>
Date: Mon, 14 Aug 2023 21:00:25 -0400
Subject: [PATCH] Expanded Usage section of README.md

---
 README.md | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 476af7e..d557e14 100644
--- a/README.md
+++ b/README.md
@@ -9,7 +9,23 @@ The Tokyo Night color palette in CSS.
 
 ## Usage
 
-Copy the `colors.css` file either in whole or some parts of it into your projects. The colors are also available as filters which are useful for coloring SVGs.
+Copy the `colors.css` file to your project then start using the CSS variables:
+
+``` css
+.success {
+  color: var(--tn-dark-04);
+}
+```
+
+The colors are also available as filters which are useful for coloring black SVGs.
+
+``` css
+svg.icon {
+  filter: var(--tn-dark-filter-05);
+}
+```
+
+> **NOTE** The filters were generated with [Barrett Sonntag's CSS Filter Generator](https://codepen.io/sosuke/pen/Pjoqqp).
 
 ## Maintainer