From 2e5aab4357f62129ad97d1b38fb9e23d3b15e68b Mon Sep 17 00:00:00 2001
From: Garrett Vorbeck <gvorbeck@gmail.com>
Date: Tue, 16 Jan 2024 17:47:44 -0500
Subject: [PATCH] Alert bar

---
 src/components/PageLayout/PageLayout.tsx | 18 +++++++++++++++++-
 src/support/theme.ts                     |  2 +-
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/src/components/PageLayout/PageLayout.tsx b/src/components/PageLayout/PageLayout.tsx
index 93b18112..f1007caa 100644
--- a/src/components/PageLayout/PageLayout.tsx
+++ b/src/components/PageLayout/PageLayout.tsx
@@ -1,4 +1,4 @@
-import { Flex, FloatButton, Layout } from "antd";
+import { Alert, Flex, FloatButton, Layout } from "antd";
 import React from "react";
 import PageHeader from "./PageHeader/PageHeader";
 import PageFooter from "./PageFooter/PageFooter";
@@ -26,6 +26,22 @@ const PageLayout: React.FC<PageLayoutProps> = ({ user }) => {
       <Layout.Header className="flex items-center">
         <PageHeader user={user} className={contentWidthClassName} />
       </Layout.Header>
+      <Alert
+        banner
+        message={
+          <span>
+            Welcome to v2.0! If you see something isn't working, comment{" "}
+            <a
+              target="_blank"
+              href="https://github.com/gvorbeck/codex-quest/issues/216"
+            >
+              HERE
+            </a>
+            , create an issue, or make a Pull Request in my GitHub.
+          </span>
+        }
+        type="info"
+      />
       <Layout.Content className={layoutContentClassName}>
         <Flex vertical gap={16}>
           {isHomePage && (
diff --git a/src/support/theme.ts b/src/support/theme.ts
index 94e2496e..b619670e 100644
--- a/src/support/theme.ts
+++ b/src/support/theme.ts
@@ -29,7 +29,7 @@ export const cqTheme = {
   },
   components: {
     Alert: {
-      colorInfoBg: ColorScheme.SPRINGWOOD,
+      colorInfoBg: darkenHexColor(ColorScheme.SPRINGWOOD, 15),
     },
     Badge: {
       colorBgContainer: ColorScheme.SPRINGWOOD,