From 4165ca210d9660a67b16089c31b7f65b8b09e019 Mon Sep 17 00:00:00 2001
From: crupest <crupest@outlook.com>
Date: Wed, 20 Sep 2023 19:54:18 +0800
Subject: ...

---
 FrontEnd/src/components/theme.css                     | 1 +
 FrontEnd/src/pages/home/index.css                     | 8 +++++++-
 FrontEnd/src/pages/home/index.tsx                     | 7 ++++++-
 FrontEnd/src/pages/timeline/ConnectionStatusBadge.css | 4 ++--
 4 files changed, 16 insertions(+), 4 deletions(-)

(limited to 'FrontEnd/src')

diff --git a/FrontEnd/src/components/theme.css b/FrontEnd/src/components/theme.css
index 4727d6dd..68dd780f 100644
--- a/FrontEnd/src/components/theme.css
+++ b/FrontEnd/src/components/theme.css
@@ -12,6 +12,7 @@
   --cru-secondary-color: hsl(30 100% 50%);
   --cru-create-color: hsl(120 100% 25%);
   --cru-danger-color: hsl(0 100% 50%);
+  --cru-warn-color:  #e4a700;
 }
 
 .cru-theme-primary {
diff --git a/FrontEnd/src/pages/home/index.css b/FrontEnd/src/pages/home/index.css
index bc72a182..16601d8a 100644
--- a/FrontEnd/src/pages/home/index.css
+++ b/FrontEnd/src/pages/home/index.css
@@ -4,4 +4,10 @@
   padding-top: 1em;
   font-size: 2em;
   color: var(--cru-primary-color);
-}
\ No newline at end of file
+}
+
+.home-page-2 {
+  width: 100%;
+  text-align: center;
+  margin-top: 2em;
+}
diff --git a/FrontEnd/src/pages/home/index.tsx b/FrontEnd/src/pages/home/index.tsx
index 76a3d18c..c29a1ca5 100644
--- a/FrontEnd/src/pages/home/index.tsx
+++ b/FrontEnd/src/pages/home/index.tsx
@@ -2,6 +2,11 @@ import "./index.css";
 
 export default function HomePage() {
   return (
-    <div className="home-page">Be patient! I&apos;m working on this...</div>
+    <>
+      <div className="home-page">Be patient! I&apos;m working on this...</div>
+      <div className="home-page-2">
+        Have a look at <a href="/crupest">here</a>!
+      </div>
+    </>
   );
 }
diff --git a/FrontEnd/src/pages/timeline/ConnectionStatusBadge.css b/FrontEnd/src/pages/timeline/ConnectionStatusBadge.css
index f2f8df66..0a6979cb 100644
--- a/FrontEnd/src/pages/timeline/ConnectionStatusBadge.css
+++ b/FrontEnd/src/pages/timeline/ConnectionStatusBadge.css
@@ -22,11 +22,11 @@
 }
 
 .connection-status-badge.warning {
-  color: #e4a700; /* TODO: Warning color */
+  color: var(--cru-warn-color);
 }
 
 .connection-status-badge.warning::before {
-  background-color: #e4a700;
+  background-color: var(--cru-warn-color);
 }
 
 .connection-status-badge.danger {
-- 
cgit v1.2.3