From 920948bcc1d2dea9fb4c122390a22eb050efce80 Mon Sep 17 00:00:00 2001
From: rainbownapkin <ourforest@tuta.io>
Date: Fri, 6 Dec 2024 08:40:39 -0500
Subject: [PATCH] started seperating out theme css by page

---
 www/css/theme/movie-night.css | 49 +++++++++++++++++++++--------------
 1 file changed, 30 insertions(+), 19 deletions(-)

diff --git a/www/css/theme/movie-night.css b/www/css/theme/movie-night.css
index 2d3c480..55e967a 100644
--- a/www/css/theme/movie-night.css
+++ b/www/css/theme/movie-night.css
@@ -14,6 +14,7 @@ GNU Affero General Public License for more details.
 You should have received a copy of the GNU Affero General Public License
 along with this program.  If not, see <https://www.gnu.org/licenses/>.*/
 
+/* global */
 :root{
     --main-font: "open-sans", system-ui;
     --bg0: rgb(158, 158, 158);
@@ -35,7 +36,7 @@ along with this program.  If not, see <https://www.gnu.org/licenses/>.*/
 
     --focus0: rgb(51, 153, 51);
 
-    --userlist-color0:rgb(87, 145, 97);
+    --userlist-color0:rgb(63, 121, 71);
     --userlist-color1:rgb(143, 46, 26);
     --userlist-color2:rgb(51, 101, 161);
     --userlist-color3:rgb(110, 94, 13);
@@ -80,6 +81,8 @@ button{
     border: none;
 }
 
+/* navbar */
+
 #navbar{
     background-color: var(--bg1);
 }
@@ -97,6 +100,8 @@ a:hover.navbar-item{
     background-color: var(--bg1-alt0);
 }
 
+/* index */
+
 .channel-guide-entry{
     background-color: var(--bg1);
     color: var(--accent1);
@@ -127,10 +132,13 @@ p.channel-guide-entry-item{
     background-color: var(--bg1-alt0);
 }
 
+/* account settings */
 a#account-settings-delete-link{
     color: var(--accent0-warning);
 }
 
+/* channel settings/admin panel mixed */
+
 #channel-delete, #ban-popup-ban-button, #new-ban-button{
     background-color: var(--accent0-warning);
     color: var(--accent1);
@@ -168,6 +176,26 @@ a:hover.admin-list-entry-item{
     color: var(--accent1-alt0);
 }
 
+.admin-list-new-span{
+    background-color: white;
+    border-radius: 1em;
+}
+
+.admin-list-new-span:focus-within{
+    box-shadow: 2px 2px 3px var(--focus0), -2px 2px 3px var(--focus0), 2px -2px 3px var(--focus0), -2px -2px 3px var(--focus0);
+}
+
+.admin-list-new-input{
+    border: none;
+}
+
+.admin-list-new-input:focus{
+    border: none;
+    outline: none;
+}
+
+/* channel */
+
 #media-panel-div{
     background-color: black;
 }
@@ -276,24 +304,7 @@ select.panel-head-element{
     border-bottom: solid 1px var(--accent0);
 }
 
-.admin-list-new-span{
-    background-color: white;
-    border-radius: 1em;
-}
-
-.admin-list-new-span:focus-within{
-    box-shadow: 2px 2px 3px var(--focus0), -2px 2px 3px var(--focus0), 2px -2px 3px var(--focus0), -2px -2px 3px var(--focus0);
-}
-
-.admin-list-new-input{
-    border: none;
-}
-
-.admin-list-new-input:focus{
-    border: none;
-    outline: none;
-}
-
+/* popup */
 
 .popup-backer{
     background-color: var(--bg0-alpha1);