add manual coloring demo

2 files changed, 7 insertions, 1 deletions

diff --git a/README.rst b/README.rst
index 5006f0b..9d202d1 100644
--- a/README.rst
+++ b/README.rst
@@ -12,7 +12,7 @@ Also works for powerline haters with default setting.
 .. raw:: html
 
     <div align="center">
-    <img src="https://raw.githubusercontent.com/Determinant/tmux-colortag/master/no-powerline-symbol.png" width="80%">
+    <img src="https://raw.githubusercontent.com/Determinant/tmux-colortag/master/no-powerline-symbol.png" width="70%">
     </div>
 
 What's This?
@@ -68,6 +68,12 @@ Customization
   - ``clear-name`` clears the preivous color of the name
   - ``clear-all`` use auto-coloring for all window tags
 
+.. raw:: html
+
+    <div align="center">
+    <img src="https://raw.githubusercontent.com/Determinant/tmux-colortag/master/demo-manual-coloring.gif" width="90%">
+    </div>
+
 - If you would like to use Powerline symbols like shown in the demo, add the
   following line to the top of your ``.tmux.conf`` to enable them:
 
diff --git a/demo-manual-coloring.gif b/demo-manual-coloring.gif
new file mode 100644
index 0000000..24d6e3c
--- /dev/null
+++ b/demo-manual-coloring.gif