diff --git a/src/handbook/src/css/App.scss b/src/handbook/src/css/App.scss
index 228e80a85..13e54ff32 100644
--- a/src/handbook/src/css/App.scss
+++ b/src/handbook/src/css/App.scss
@@ -4,11 +4,13 @@
 }
 
 html {
-    --background-color: #346b77;
-    --secondary-color: #418493;
-    --accent-color: #5abcb9;
+    --background-color: #25294a;
+    --primary-color: #2d325a;
+    --secondary-color: #202442;
 
     --text-primary-color: #FFFFFF;
+    --unselected-color: #c7c8d0;
+    --selected-color: #FFFFFF;
 
     --legendary-color: #926d45;
     --epic-color: #7b5c90;
@@ -61,6 +63,6 @@ button {
 }
 
 ::-webkit-scrollbar-thumb {
-    background: var(--accent-color);
+    background: var(--primary-color);
     border-radius: 10px;
 }
diff --git a/src/handbook/src/css/pages/EntitiesPage.scss b/src/handbook/src/css/pages/EntitiesPage.scss
index b2e1e3d34..2e5a43b3b 100644
--- a/src/handbook/src/css/pages/EntitiesPage.scss
+++ b/src/handbook/src/css/pages/EntitiesPage.scss
@@ -49,7 +49,7 @@
     align-items: center;
     border-radius: 10px;
 
-    background-color: var(--secondary-color);
+    background-color: var(--primary-color);
 }
 
 .EntitiesPage_Input {
diff --git a/src/handbook/src/css/pages/HomePage.scss b/src/handbook/src/css/pages/HomePage.scss
index bd21b4adf..68b0b58db 100644
--- a/src/handbook/src/css/pages/HomePage.scss
+++ b/src/handbook/src/css/pages/HomePage.scss
@@ -50,14 +50,14 @@
 
 .HomePage_Box {
     display: flex;
-    background-color: var(--secondary-color);
+    background-color: var(--primary-color);
 }
 
 .HomePage_Disclaimer {
     display: flex;
     flex-direction: row;
     gap: 30px;
-    background-color: var(--secondary-color);
+    background-color: var(--primary-color);
 
     height: 100px;
     align-self: end;
@@ -104,7 +104,7 @@
     display: flex;
     flex-direction: column;
     gap: 10px;
-    background-color: var(--secondary-color);
+    background-color: var(--primary-color);
 
     max-width: 300px;
 
diff --git a/src/handbook/src/css/pages/ItemsPage.scss b/src/handbook/src/css/pages/ItemsPage.scss
index 2a4d77de5..7fc11c6d0 100644
--- a/src/handbook/src/css/pages/ItemsPage.scss
+++ b/src/handbook/src/css/pages/ItemsPage.scss
@@ -49,7 +49,7 @@
     align-items: center;
     border-radius: 10px;
 
-    background-color: var(--secondary-color);
+    background-color: var(--primary-color);
 }
 
 .ItemsPage_Input {
diff --git a/src/handbook/src/css/widgets/Character.scss b/src/handbook/src/css/widgets/Character.scss
index 323612b7b..93139007a 100644
--- a/src/handbook/src/css/widgets/Character.scss
+++ b/src/handbook/src/css/widgets/Character.scss
@@ -15,7 +15,7 @@
     &:hover {
         cursor: pointer;
         transition: 0.1s ease-in-out all;
-        box-shadow: 0 0 10px 5px var(--accent-color);
+        box-shadow: 0 0 10px 5px var(--primary-color);
     }
 }
 
@@ -35,7 +35,7 @@
     justify-content: center;
     align-items: center;
 
-    background-color: var(--secondary-color);
+    background-color: var(--primary-color);
 
     max-width: 100px;
     height: 40px;
diff --git a/src/handbook/src/css/widgets/HomeButton.scss b/src/handbook/src/css/widgets/HomeButton.scss
index 4b64fcd93..abc40ca40 100644
--- a/src/handbook/src/css/widgets/HomeButton.scss
+++ b/src/handbook/src/css/widgets/HomeButton.scss
@@ -6,7 +6,7 @@
     width: 196px;
     height: 196px;
 
-    background-color: var(--secondary-color);
+    background-color: var(--primary-color);
 
     align-items: center;
     justify-content: center;
@@ -18,7 +18,7 @@
     &:hover {
         cursor: pointer;
         transition: 0.1s ease-in-out all;
-        box-shadow: 0 0 10px 5px var(--accent-color);
+        box-shadow: 0 0 10px 5px var(--primary-color);
         scale: 1.01;
     }
 }
@@ -29,7 +29,7 @@
 
     &:hover {
         cursor: pointer;
-        box-shadow: 0 0 10px 5px var(--accent-color);
+        box-shadow: 0 0 10px 5px var(--primary-color);
         scale: 1.01;
     }
 }
diff --git a/src/handbook/src/css/widgets/MiniCard.scss b/src/handbook/src/css/widgets/MiniCard.scss
index 06199c5a2..8d200465f 100644
--- a/src/handbook/src/css/widgets/MiniCard.scss
+++ b/src/handbook/src/css/widgets/MiniCard.scss
@@ -23,7 +23,7 @@
     max-height: 64px;
 
     border-radius: 10px;
-    background-color: var(--secondary-color);
+    background-color: var(--primary-color);
 }
 
 .MiniCard_Icon {
diff --git a/src/handbook/src/css/widgets/ObjectCard.scss b/src/handbook/src/css/widgets/ObjectCard.scss
index 334d2132f..e962db2e2 100644
--- a/src/handbook/src/css/widgets/ObjectCard.scss
+++ b/src/handbook/src/css/widgets/ObjectCard.scss
@@ -13,7 +13,7 @@
     box-sizing: border-box;
 
     border-radius: 10px;
-    background-color: var(--accent-color);
+    background-color: var(--primary-color);
 }
 
 .ObjectCard_Content {
diff --git a/src/handbook/src/css/widgets/ServerSettings.scss b/src/handbook/src/css/widgets/ServerSettings.scss
index f73568b5d..f763733e4 100644
--- a/src/handbook/src/css/widgets/ServerSettings.scss
+++ b/src/handbook/src/css/widgets/ServerSettings.scss
@@ -5,7 +5,7 @@
     align-items: center;
     border-radius: 10px;
 
-    background-color: var(--accent-color);
+    background-color: var(--primary-color);
 
     width: 100%;
     height: 100%;