css fixes

src/components/game-events-status/game-list.scss

@@ -107,6 +107,10 @@
       font-size: 14px;
       line-height: 20px;
 
+      + li {
+        margin-top: 0;
+      }
+
       &::before {
         display: none;
       }

src/components/game-events-status/gep-game-list.scss

@@ -27,14 +27,12 @@
       height: 40px;
       font-weight: 300;
       transition: all .15s ease;
-      background-color: #fff;
+      background-color: var(--color-surface-secondary);
 
-      &:hover {
-        &::placeholder {
-          color: #ccc;
-        }
+      &::placeholder {
+        color: var(--color-text-tertiary);
       }
-
+  
       &:focus {
         background: var(--card-hover);
 
@@ -242,14 +240,6 @@ html[data-theme="dark"] {
   .gep-game .search-game {
     color: var(--color-500);
     background: var(--color-200);
-
-    .search-input {
-      background: var(--color-black);
-
-      &::placeholder {
-        color: var(--color-500);
-      }
-    }
   }
 
   .gep-game .search-game:hover .search-input,

src/components/game-info/game-info.scss

@@ -1,12 +1,6 @@
 .game-info-section {
   margin-bottom: 24px;
-  background-color: var(--card-hover);
-  color: var(--color-300);
-  border-radius: 5px;
-
-  h1, a {
-    color: var(--color-300) !important;
-  }
+  background-color: var(--color-surface-secondary);
 
   .game-info-item {
     padding: 16px;
@@ -357,25 +351,3 @@
     }
   }
 }
-
-
-html[data-theme="light"] {
-
-  .game-info-section .expended-launcher-game-list {
-    background-color: var(--color-600);
-    .expend-btn {
-      background-color: var(--color-700);
-      &:hover {
-        background-color: var(--color-600);
-      }
-    }
-  }
-
-  .game-info-section .legend {
-    background-color: var(--color-1000);
-
-    li {
-      color: inherit;
-    }
-  }
-}