reworked site colors

Lieb/Pages/Raids/RaidDetails.razor.css

@@ -4,7 +4,7 @@
     padding: 25px;
     /*width: 900px;*/
     width: stretch;
-    color: lightgray;
+    color: lightgrey;
 }
 
 h5 {

Lieb/Pages/Raids/RaidRoles.razor.css

@@ -1,14 +1,8 @@
 
-h5 {
-    color: lightgrey;
-}
-
 table {
     column-width: auto;
-    color: lightgray;
+    color: lightgrey;
     width: fit-content;
-/*    border-top: none;
-    border-bottom: none;*/
 }
 
 button {
@@ -29,12 +23,3 @@ button {
     max-width: 500px;
     width: fit-content;
 }
-
-
-/*.roleTable table tr:not(:first-child) > td {
-    border-top: none;
-}
-
-.roleTable table tr:not(:last-child) > td {
-    border-bottom: none;
-}*/

Lieb/Shared/MainLayout.razor

@@ -14,10 +14,10 @@
         <div class="top-row px-4">
             <AuthorizeView>
             <Authorized>
-                <a href="Account/Logout">Log out</a>
+                <a href="Account/Logout" class="loginText">Log out</a>
             </Authorized>
             <NotAuthorized>
-                <a href="Account/Login">Log in</a>
+                <a href="Account/Login" class="loginText">Log in</a>
             </NotAuthorized>
         </AuthorizeView>
         </div>

Lieb/Shared/MainLayout.razor.css

@@ -2,6 +2,8 @@
     position: relative;
     display: flex;
     flex-direction: column;
+    background-color: rgb(50,50,50);
+    color: lightgrey;
 }
 
 main {
@@ -12,8 +14,16 @@ main {
     background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
 }
 
+.loginText {
+    color: lightgrey;
+}
+
+::deep .nav-link {
+    color: lightskyblue;
+}
+
 .top-row {
-    background-color: #f7f7f7;
+    background-color: #202020;
     border-bottom: 1px solid #d6d5d5;
     justify-content: flex-end;
     height: 3.5rem;