fix code style, use names from api instead of hardcoding for flatmates users

src/index.css

@@ -4,8 +4,8 @@
     font-weight: 400;
 
     color-scheme: light dark;
-    color: rgba(255, 255, 255, 0.87);
-    background-color: #242424;
+    color: #213547;
+    background-color: #ffffff;
 
     font-synthesis: none;
     text-rendering: optimizeLegibility;
@@ -18,9 +18,6 @@ a {
     color: #646cff;
     text-decoration: inherit;
 }
-a:hover {
-    color: #535bf2;
-}
 
 body {
     margin: 0;
@@ -42,7 +39,7 @@ button {
     font-size: 1em;
     font-weight: 500;
     font-family: inherit;
-    background-color: #1a1a1a;
+    background-color: #f9f9f9;
     cursor: pointer;
     transition: border-color 0.25s;
 }
@@ -53,16 +50,3 @@ button:focus,
 button:focus-visible {
     outline: 4px auto -webkit-focus-ring-color;
 }
-
-@media (prefers-color-scheme: light) {
-    :root {
-        color: #213547;
-        background-color: #ffffff;
-    }
-    a:hover {
-        color: #747bff;
-    }
-    button {
-        background-color: #f9f9f9;
-    }
-}