From d5960524fcadf8062a22b0097870aa166d051be2 Mon Sep 17 00:00:00 2001
From: Gabe Kangas <gabek@real-ity.com>
Date: Fri, 13 Jan 2023 14:20:46 -0800
Subject: [PATCH] Tweak admin styles to be using less custom overrides

---
 web/components/layouts/AdminLayout.tsx     |  2 --
 web/public/styles/admin/home.css           |  1 -
 web/public/styles/admin/main-layout.css    |  3 ++-
 web/public/styles/admin/offline-notice.css | 22 ----------------------
 web/public/styles/admin/pages.css          |  5 -----
 5 files changed, 2 insertions(+), 31 deletions(-)
 delete mode 100644 web/public/styles/admin/offline-notice.css
 delete mode 100644 web/public/styles/admin/pages.css

diff --git a/web/components/layouts/AdminLayout.tsx b/web/components/layouts/AdminLayout.tsx
index 7f6388d27..c3cbc5cc7 100644
--- a/web/components/layouts/AdminLayout.tsx
+++ b/web/components/layouts/AdminLayout.tsx
@@ -23,8 +23,6 @@ export const AdminLayout: FC<AppProps> = ({ Component, pageProps }) => (
     <link rel="stylesheet" href="/styles/admin/config-public-details.css" />
     <link rel="stylesheet" href="/styles/admin/home.css" />
     <link rel="stylesheet" href="/styles/admin/chat.css" />
-    <link rel="stylesheet" href="/styles/admin/pages.css" />
-    <link rel="stylesheet" href="/styles/admin/offline-notice.css" />
 
     <ServerStatusProvider>
       <AlertMessageProvider>
diff --git a/web/public/styles/admin/home.css b/web/public/styles/admin/home.css
index 76c01651b..ecd139781 100644
--- a/web/public/styles/admin/home.css
+++ b/web/public/styles/admin/home.css
@@ -22,7 +22,6 @@
   padding: 1em;
 }
 .offline-content .list-section > .ant-card {
-  background-color: var(--black);
   margin-bottom: 1em;
 }
 .offline-intro {
diff --git a/web/public/styles/admin/main-layout.css b/web/public/styles/admin/main-layout.css
index d91ed7954..f7f1c007d 100644
--- a/web/public/styles/admin/main-layout.css
+++ b/web/public/styles/admin/main-layout.css
@@ -5,10 +5,11 @@
   height: 100vh;
   overflow: auto;
   z-index: 10;
-  background-color: var(--nav-bg-color);
+  background-color: var(--theme-color-background-main);
 }
 .app-container .menu-container {
   border-color: transparent;
+	background-color: unset;
 }
 .app-container h1.owncast-title {
   padding: 1rem;
diff --git a/web/public/styles/admin/offline-notice.css b/web/public/styles/admin/offline-notice.css
deleted file mode 100644
index 9a31f466d..000000000
--- a/web/public/styles/admin/offline-notice.css
+++ /dev/null
@@ -1,22 +0,0 @@
-.stream-info-box {
-  background-color: var(--purple-dark);
-  color: var(--white);
-  padding: 0.25rem 0.5rem;
-  margin: 0 !important;
-}
-.stream-info-box .ant-typography-copy {
-  margin-left: 0.25rem;
-}
-.stream-info-label {
-  align-self: center;
-  text-align: right;
-  margin: 0;
-}
-.stream-info-container {
-  margin: 8px 0 4px 0;
-  display: grid;
-  grid-template-columns: max-content 1fr;
-  grid-template-rows: min-content min-content;
-  gap: 8px 8px;
-  grid-template-areas: '. .' '. .';
-}
diff --git a/web/public/styles/admin/pages.css b/web/public/styles/admin/pages.css
deleted file mode 100644
index fec86cb49..000000000
--- a/web/public/styles/admin/pages.css
+++ /dev/null
@@ -1,5 +0,0 @@
-.upgrade-page h2,
-.upgrade-page h3 {
-  color: var(--pink);
-  font-size: 1.25em;
-}