fix: changed the background color

front/src/components/TopBar.tsx

@@ -7,10 +7,12 @@ export default function TopBar({ user }: { user: User | undefined }) {
     return (
         <div className="topbar">
             <div className="topbar-left">
-                <h1>Tanuki's Forum</h1>
                 <Link to="/">Home</Link>
                 <Link to="/channels">Channels</Link>
             </div>
+            <div className="topbar-center">
+                <h1>Tanuki's Forum</h1>
+            </div>
             {user ? (
                 <div className="topbar-right">
                     <Link to={`/u/${user.username}`}>{user.username}</Link>

front/src/index.css

@@ -1,5 +1,5 @@
 html {
-    background-color: #FFE0E3;
+    background: linear-gradient(#FFE0E3, #f59ebb);
 }
 
 .cat {
@@ -11,5 +11,5 @@ html {
 }
 
 .pig {
-    width: 100px;
+    width: 200px;
 }

front/src/styles/ChannelPage.css

@@ -12,6 +12,7 @@
     width: 97%;
     border: 1px solid #270722;
     padding: 10px;
+    background-color: #fff6fd;
 }
 
 .message-form {

front/src/styles/ChannelsPage.css

@@ -12,4 +12,5 @@
     width: 97%;
     border: 1px solid #270722;
     padding: 10px;
+    background-color: #fff6fd;
 }

front/src/styles/CreateChannel.css

@@ -11,4 +11,5 @@
     width: 97%;
     border: 1px solid #270722;
     padding: 10px;
+    background-color: #fff6fd;
 }

front/src/styles/Home.css

@@ -23,12 +23,14 @@
     justify-content: space-between;
     align-items: top;
     padding: 10px;
+    background-color: #fff6fd;
 }
 
 .home-messages {
     width: 60%;
     border: 1px solid #270722;
     padding: 10px;
+    background-color: #fff6fd;
 }
 
 .messages-list {
@@ -47,6 +49,7 @@
     padding: 10px;
     display: flex;
     flex-direction: column;
+    background-color: #fff6fd;
 }
 
 @media (max-width: 800px) {

front/src/styles/Login.css

@@ -11,4 +11,5 @@
     width: 97%;
     border: 1px solid #270722;
     padding: 10px;
+    background-color: #fff6fd;
 }

front/src/styles/Register.css

@@ -11,4 +11,5 @@
     width: 97%;
     border: 1px solid #270722;
     padding: 10px;
+    background-color: #fff6fd;
 }

front/src/styles/TopBar.css

@@ -5,6 +5,7 @@
     align-items: center;
     border: 1px solid #270722;
     padding: 10px;
+    background-color: #fff6fd;
 }
 
 .topbar-left {

front/src/styles/UserPage.css

@@ -14,6 +14,7 @@
     padding: 10px;
     display: flex;
     flex-direction: column;
+    background-color: #fff6fd;
 }
 
 .user-messages {