From 249821fa46120df5a862be00001e9891db02afad Mon Sep 17 00:00:00 2001
From: Alvie Rahman <alvierahman90@gmail.com>
Date: Wed, 13 Apr 2022 00:49:31 +0100
Subject: [PATCH] add modules gruvbox, rainbow

---
 modules/gruvbox.css         | 17 +++++++++++++++++
 modules/rainbow.css         | 18 ++++++++++++++++++
 modules/readmes/gruvbox.txt |  5 +++++
 modules/readmes/rainbow.txt |  9 +++++++++
 4 files changed, 49 insertions(+)
 create mode 100644 modules/gruvbox.css
 create mode 100644 modules/rainbow.css
 create mode 100644 modules/readmes/gruvbox.txt
 create mode 100644 modules/readmes/rainbow.txt

diff --git a/modules/gruvbox.css b/modules/gruvbox.css
new file mode 100644
index 0000000..aaa76e7
--- /dev/null
+++ b/modules/gruvbox.css
@@ -0,0 +1,17 @@
+:root {
+	--gruvbox-orange:       #d65d0e;
+	--gruvbox-red:          #cc242d;
+	--gruvbox-green:        #98971a;
+	--gruvbox-yellow:       #d79921;
+	--gruvbox-blue:         #458588;
+	--gruvbox-purple:       #b16286;
+	--gruvbox-aqua:         #689d6a;
+
+	--gruvbox-orange-light: #fe8019;
+	--gruvbox-red-light:    #fb4934;
+	--gruvbox-green-light:  #b8bb26;
+	--gruvbox-yellow-light: #fabd2f;
+	--gruvbox-blue-light:   #83a598;
+	--gruvbox-purple-light: #d3869b;
+	--gruvbox-aqua-light:   #8ec07c;
+}
diff --git a/modules/rainbow.css b/modules/rainbow.css
new file mode 100644
index 0000000..6e5f6b0
--- /dev/null
+++ b/modules/rainbow.css
@@ -0,0 +1,18 @@
+@import url("./gruvbox.css")
+
+:root {
+	--rainbow-duration: 8s
+}
+
+.rainbow { animation: colorchange var(--rainbow-duration) infinite alternate; }
+
+@keyframes colorchange {
+	0%     { color: var(--gruvbox-blue); }
+	14.3%  { color: var(--gruvbox-aqua); }
+	28.6%  { color: var(--gruvbox-green); }
+	42.9%  { color: var(--gruvbox-yellow); }
+	57.1%  { color: var(--gruvbox-orange); }
+	71.4%  { color: var(--gruvbox-red); }
+	85.7%  { color: var(--gruvbox-purple); }
+	100%   { color: var(--gruvbox-blue); }
+}
diff --git a/modules/readmes/gruvbox.txt b/modules/readmes/gruvbox.txt
new file mode 100644
index 0000000..1e96141
--- /dev/null
+++ b/modules/readmes/gruvbox.txt
@@ -0,0 +1,5 @@
+in the css
+
+@import url("https://styles.alv.cx/modules/gruvbox.css");
+
+and use the variables created in the file
diff --git a/modules/readmes/rainbow.txt b/modules/readmes/rainbow.txt
new file mode 100644
index 0000000..adf8997
--- /dev/null
+++ b/modules/readmes/rainbow.txt
@@ -0,0 +1,9 @@
+in the css
+
+@import url("https://styles.alv.cx/modules/rainbow.css");
+
+and add the class `rainbow` to any element you want.
+
+it works by changing the `color` property of the element.
+
+the duration is determined by the variable `--rainbow-duration`