diff --git a/front/src/components/TopBar.tsx b/front/src/components/TopBar.tsx
index 35f1c72..b39d03d 100644
--- a/front/src/components/TopBar.tsx
+++ b/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>
diff --git a/front/src/index.css b/front/src/index.css
index 7ac7394..73dcf47 100644
--- a/front/src/index.css
+++ b/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;
 }
\ No newline at end of file
diff --git a/front/src/styles/ChannelPage.css b/front/src/styles/ChannelPage.css
index bf14d8f..d889ea8 100644
--- a/front/src/styles/ChannelPage.css
+++ b/front/src/styles/ChannelPage.css
@@ -12,6 +12,7 @@
     width: 97%;
     border: 1px solid #270722;
     padding: 10px;
+    background-color: #fff6fd;
 }
 
 .message-form {
diff --git a/front/src/styles/ChannelsPage.css b/front/src/styles/ChannelsPage.css
index d7d9982..93ced85 100644
--- a/front/src/styles/ChannelsPage.css
+++ b/front/src/styles/ChannelsPage.css
@@ -12,4 +12,5 @@
     width: 97%;
     border: 1px solid #270722;
     padding: 10px;
+    background-color: #fff6fd;
 }
\ No newline at end of file
diff --git a/front/src/styles/CreateChannel.css b/front/src/styles/CreateChannel.css
index 7ea8f08..890d16e 100644
--- a/front/src/styles/CreateChannel.css
+++ b/front/src/styles/CreateChannel.css
@@ -11,4 +11,5 @@
     width: 97%;
     border: 1px solid #270722;
     padding: 10px;
+    background-color: #fff6fd;
 }
\ No newline at end of file
diff --git a/front/src/styles/Home.css b/front/src/styles/Home.css
index ab17a93..f958fcf 100644
--- a/front/src/styles/Home.css
+++ b/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) {
diff --git a/front/src/styles/Login.css b/front/src/styles/Login.css
index d24f2e9..c83261e 100644
--- a/front/src/styles/Login.css
+++ b/front/src/styles/Login.css
@@ -11,4 +11,5 @@
     width: 97%;
     border: 1px solid #270722;
     padding: 10px;
+    background-color: #fff6fd;
 }
\ No newline at end of file
diff --git a/front/src/styles/Register.css b/front/src/styles/Register.css
index d17a074..88ad44d 100644
--- a/front/src/styles/Register.css
+++ b/front/src/styles/Register.css
@@ -11,4 +11,5 @@
     width: 97%;
     border: 1px solid #270722;
     padding: 10px;
+    background-color: #fff6fd;
 }
\ No newline at end of file
diff --git a/front/src/styles/TopBar.css b/front/src/styles/TopBar.css
index 7eef8af..6bb8015 100644
--- a/front/src/styles/TopBar.css
+++ b/front/src/styles/TopBar.css
@@ -5,6 +5,7 @@
     align-items: center;
     border: 1px solid #270722;
     padding: 10px;
+    background-color: #fff6fd;
 }
 
 .topbar-left {
diff --git a/front/src/styles/UserPage.css b/front/src/styles/UserPage.css
index dbf08b2..2ff4aa5 100644
--- a/front/src/styles/UserPage.css
+++ b/front/src/styles/UserPage.css
@@ -14,6 +14,7 @@
     padding: 10px;
     display: flex;
     flex-direction: column;
+    background-color: #fff6fd;
 }
 
 .user-messages {