4 files changed, 16 insertions, 4 deletions
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 {