diff --git a/src/Globals.css b/src/Globals.css
index 0e45047..78fa702 100644
--- a/src/Globals.css
+++ b/src/Globals.css
@@ -2,7 +2,7 @@
 
 body {
   font-family: 'Roboto', sans-serif;
-  @apply bg-[#131313] text-white select-none;
+  @apply bg-[#0f0f0f] text-white select-none;
 }
 
 .button {
@@ -48,15 +48,15 @@ body {
 }
 
 .popup-box {
-  @apply relative w-[60vw] h-[80vh] shadow-[0_0_20px_rgba(0,0,0,0.2)] rounded-lg bg-[#191919] flex flex-col p-6;
+  @apply relative w-[60vw] h-[80vh] rounded-lg bg-[#161616] border border-[#323232] flex flex-col p-6;
 }
 
 .popup-content {
-  @apply flex-1 overflow-auto border border-[#323232] rounded-lg mt-4;
+  @apply flex-1 overflow-auto bg-[#242424] border border-[#484848] rounded-lg mt-4;
 }
 
 .popup-entry {
-  @apply relative h-[100px] bg-[#242424] m-2 p-2 rounded-lg border border-[#484848];
+  @apply relative h-[100px] bg-[#323232] m-2 p-2 rounded-lg border border-[#646464];
 }
 
 .popup-entry button {
diff --git a/src/componets/Sidebar.css b/src/componets/Sidebar.css
index 0012959..2a4f100 100644
--- a/src/componets/Sidebar.css
+++ b/src/componets/Sidebar.css
@@ -1,7 +1,7 @@
 @import 'tailwindcss';
 
 .sidebar {
-  @apply fixed top-0 left-0 w-60 h-screen bg-[#191919] flex flex-col border-e-[1px] border-[#2a2a2a];
+  @apply fixed top-0 left-0 w-60 h-screen bg-[#161616] flex flex-col border-e-[1px] border-[#2a2a2a];
 }
 
 .sidebar-downloads {