Make borders white for consistency

lorgan3 · Aug 17, 2023 · fe90464 · fe90464
1 parent 2fc7c24
commit fe90464
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 11 deletions.
diff --git a/src/components/MainMenu.vue b/src/components/MainMenu.vue
@@ -263,15 +263,15 @@ const loadSave = (event: Event) => {
     scroll-snap-type: x mandatory;
 
     scrollbar-width: thin;
-    scrollbar-color: black transparent;
+    scrollbar-color: #fff transparent;
 
     &::-webkit-scrollbar {
       height: 5px;
       background-color: transparent;
     }
 
     &::-webkit-scrollbar-thumb {
-      background: black;
+      background: #fff;
     }
 
     > * {
@@ -284,9 +284,9 @@ const loadSave = (event: Event) => {
       gap: 20px;
 
       &:first-child {
-        border-left: 2px solid black;
+        border-left: 2px solid #fff;
       }
-      border-right: 2px solid black;
+      border-right: 2px solid #fff;
       transition: width 1s;
       width: 340px;
     }
@@ -306,15 +306,15 @@ const loadSave = (event: Event) => {
         overflow: auto;
 
         scrollbar-width: thin;
-        scrollbar-color: black transparent;
+        scrollbar-color: #fff transparent;
 
         &::-webkit-scrollbar {
           width: 5px;
           background-color: transparent;
         }
 
         &::-webkit-scrollbar-thumb {
-          background: black;
+          background: #fff;
         }
 
         display: flex;
@@ -354,8 +354,8 @@ const loadSave = (event: Event) => {
       background: rgb(31, 34, 77);
       text-decoration: initial;
       border-radius: 6px;
-      border-bottom: 2px solid #000;
-      border-right: 2px solid #000;
+      border-bottom: 2px solid #fff;
+      border-right: 2px solid #fff;
 
       &:hover {
         background: rgb(44, 49, 120);

diff --git a/src/components/hud/IngameMenu.vue b/src/components/hud/IngameMenu.vue
@@ -77,20 +77,20 @@ const handleResume = () => {
   transition: transform 0.5s;
   transform: translateY(100vh);
   background: rgb(59, 77, 152);
-  border: 2px solid #000;
+  border: 2px solid #fff;
   border-radius: 3px;
   overflow: auto;
 
   scrollbar-width: thin;
-  scrollbar-color: black transparent;
+  scrollbar-color: #fff transparent;
 
   &::-webkit-scrollbar {
     width: 5px;
     background-color: transparent;
   }
 
   &::-webkit-scrollbar-thumb {
-    background: black;
+    background: #fff;
   }
 
   h3 {