From e0a64994cac2acb766d960fdcbf45321805ca3d8 Mon Sep 17 00:00:00 2001
From: revsuine <pid1@revsuine.xyz>
Date: Mon, 25 Nov 2024 02:28:03 +0000
Subject: [PATCH] static/style.css, static/gruvbox-material.css: move colour
 definitions to separate css file

---
 static/gruvbox-material.css | 37 +++++++++++++++++++++++++++++++++++++
 static/style.css            | 37 ++-----------------------------------
 2 files changed, 39 insertions(+), 35 deletions(-)
 create mode 100644 static/gruvbox-material.css

diff --git a/static/gruvbox-material.css b/static/gruvbox-material.css
new file mode 100644
index 0000000..07fcebb
--- /dev/null
+++ b/static/gruvbox-material.css
@@ -0,0 +1,37 @@
+:root {
+    /* gruvbox material medium dark https://github.com/sainnhe/gruvbox-material */
+    --bg_dim: #1b1b1b;
+    --bg0: #282828;
+    --bg1: #32302f;
+    --bg2: #32302f;
+    --bg3: #45403d;
+    --bg4: #45403d;
+    --bg5: #5a524c;
+    --bg_statusline1: #32302f;
+    --bg_statusline2: #313735;
+    --bg_statusline3: #504945;
+    --bg_diff_green: #34381b;
+    --bg_visual_green: #3b4439;
+    --bg_diff_red: #402120;
+    --bg_visual_red: #4c3432;
+    --bg_diff_blue: #0e363e;
+    --bg_visual_blue: #373131;
+    --bg_visual_yellow: #4f422e;
+    --bg_current_word: #3c3836;
+    --fg0: #d4be98;
+    --fg1: #ddc7a1;
+    --red: #ea6962;
+    --orange: #e78a4e;
+    --yellow: #d8a657;
+    --green: #a9b665;
+    --aqua: #89b482;
+    --blue: #7daea3;
+    --purple: #d3869b;
+    --bg_red: #ea6962;
+    --bg_green: #a9b665;
+    --bg_yellow: #d8a657;
+    --grey0: #7c6f64;
+    --grey1: #928374;
+    --grey2: #a89984;
+}
+
diff --git a/static/style.css b/static/style.css
index 5d3a254..c53e154 100644
--- a/static/style.css
+++ b/static/style.css
@@ -1,39 +1,6 @@
-:root {
-    /* gruvbox material medium dark https://github.com/sainnhe/gruvbox-material */
-    --bg_dim: #1b1b1b;
-    --bg0: #282828;
-    --bg1: #32302f;
-    --bg2: #32302f;
-    --bg3: #45403d;
-    --bg4: #45403d;
-    --bg5: #5a524c;
-    --bg_statusline1: #32302f;
-    --bg_statusline2: #313735;
-    --bg_statusline3: #504945;
-    --bg_diff_green: #34381b;
-    --bg_visual_green: #3b4439;
-    --bg_diff_red: #402120;
-    --bg_visual_red: #4c3432;
-    --bg_diff_blue: #0e363e;
-    --bg_visual_blue: #373131;
-    --bg_visual_yellow: #4f422e;
-    --bg_current_word: #3c3836;
-    --fg0: #d4be98;
-    --fg1: #ddc7a1;
-    --red: #ea6962;
-    --orange: #e78a4e;
-    --yellow: #d8a657;
-    --green: #a9b665;
-    --aqua: #89b482;
-    --blue: #7daea3;
-    --purple: #d3869b;
-    --bg_red: #ea6962;
-    --bg_green: #a9b665;
-    --bg_yellow: #d8a657;
-    --grey0: #7c6f64;
-    --grey1: #928374;
-    --grey2: #a89984;
+@import url("gruvbox-material.css");
 
+:root {
     --background: var(--bg0);
     --foreground: var(--fg0);
     --accent: var(--green);