Refactor: Update style and dropdown (#10)

Co-authored-by: Maxime Adler <madler@sqli.com>
Reviewed-on: #10

src/GameIdeas/Client/GameIdeas.BlazorApp/wwwroot/css/app.css

@@ -7,29 +7,39 @@
     --red: #FF5E51;
     --yellow: #FFC107;
     --green: #43F8C0;
-    --light-grey: #5C5C5E;
-    --black: rgba(0, 0, 0, 0.8);
     --white: #fff;
-    --low-white: rgb(255, 255, 255, 0.1);
-    --semi-black: rgba(0, 0, 0, 0.5);
-    --line-black: rgba(0, 0, 0, 0.2);
+    --line: #5C5C5E;
+    --input-primary: rgba(0, 0, 0, 0.8);
+    --input-secondary: rgb(45, 45, 48);
+    --input-selected: rgb(255, 255, 255, 0.1);
+    --dropdown-content: rgb(45, 45, 48);
+
     --small-radius: 4px;
     --big-radius: 10px;
-    --radius: 6px;
+
     --drop-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
+
+    --index-background: -100;
+    --index-orb: -1;
+    --index-content: 0;
+    --index-component: 300;
+    --index-floating: 500;
+    --index-backdrop: 700;
+    --index-dropdown: 900;
+    --index-popup: 1000;
 }
 
 html {
     font-family: 'Noto Sans', sans-serif;
     font-size: 12px;
-    color: var(--white)
+    color: var(--white);
+    overflow: hidden;
 }
 
 html, body, #app {
     margin: 0;
     padding: 0;
     height: 100%;
-    overflow: hidden;
 }
 
 .valid.modified:not([type=checkbox]) {