aboutsummaryrefslogtreecommitdiff
path: root/public/css/colour
diff options
context:
space:
mode:
Diffstat (limited to 'public/css/colour')
-rw-r--r--public/css/colour/dark-mode.css7
-rw-r--r--public/css/colour/gruvbox-dark.css29
-rw-r--r--public/css/colour/gruvbox-light.css30
-rw-r--r--public/css/colour/light-mode.css7
4 files changed, 73 insertions, 0 deletions
diff --git a/public/css/colour/dark-mode.css b/public/css/colour/dark-mode.css
new file mode 100644
index 0000000..386f99d
--- /dev/null
+++ b/public/css/colour/dark-mode.css
@@ -0,0 +1,7 @@
+:root {
+ --bg: var(--black);
+ --dark-bg: var(--dark-black);
+ --bright-bg: var(--bright-black);
+ --fg: var(--white);
+ --bright-fg: var(--bright-white);
+}
diff --git a/public/css/colour/gruvbox-dark.css b/public/css/colour/gruvbox-dark.css
new file mode 100644
index 0000000..24c4218
--- /dev/null
+++ b/public/css/colour/gruvbox-dark.css
@@ -0,0 +1,29 @@
+/* gruvbox dark mode
+ * https://github.com/morhetz/gruvbox
+ */
+:root {
+ --dark-black: #1d2021;
+ --black: #282828;
+ --bright-black: #928374;
+
+ --white: #ebdbb2;
+ --bright-white: #fbf1c7;
+
+ --red: #cc241d;
+ --green: #98971a;
+ --yellow: #d79921;
+ --blue: #458588;
+ --magenta: #b16286;
+ --cyan: #689d6a;
+ --orange: #d65d0e;
+ --gray: #928374;
+
+ --bright-red: #fb4934;
+ --bright-green: #b8bb26;
+ --bright-yellow: #fabd2f;
+ --bright-blue: #83a598;
+ --bright-magenta: #d3869b;
+ --bright-cyan: #8ec07c;
+ --bright-orange: #fe8019;
+ --bright-gray: #a89984;
+}
diff --git a/public/css/colour/gruvbox-light.css b/public/css/colour/gruvbox-light.css
new file mode 100644
index 0000000..cff8fa3
--- /dev/null
+++ b/public/css/colour/gruvbox-light.css
@@ -0,0 +1,30 @@
+/* gruvbox light mode
+ * https://github.com/morhetz/gruvbox
+ */
+:root {
+ --dark-black: #282828;
+ --black: #3c3836;
+ --bright-black: #928374;
+
+ --white: #fbf1c7;
+ --bright-white: #f9f5d7;
+
+ --red: #9d0006;
+ --green: #79740e;
+ --yellow: #b57614;
+ --blue: #076678;
+ --magenta: #8f3f71;
+ --cyan: #427b58;
+ --orange: #af3a03;
+ --gray: #7c6f64;
+
+ --dark-white: #f2e5bc;
+ --bright-red: #cc241d;
+ --bright-green: #98971a;
+ --bright-yellow: #d79921;
+ --bright-blue: #458588;
+ --bright-magenta: #b16286;
+ --bright-cyan: #689d6a;
+ --bright-orange: #d65d0e;
+ --bright-gray: #928374;
+}
diff --git a/public/css/colour/light-mode.css b/public/css/colour/light-mode.css
new file mode 100644
index 0000000..3ac2827
--- /dev/null
+++ b/public/css/colour/light-mode.css
@@ -0,0 +1,7 @@
+:root {
+ --bg: var(--white);
+ --dark-bg: var(--dark-white);
+ --bright-bg: var(--bright-black);
+ --fg: var(--black);
+ --bright-fg: var(--bright-black);
+}