Css (une fois de plus)

WF-WebAdmin/WF-WebAdmin/Pages/Counter.razor

@@ -6,7 +6,7 @@
 
 <p role="status">Current count: @currentCount</p>
 
-<button class="btn btn-primary" @onclick="IncrementCount">Click me</button>
+<button @onclick="IncrementCount">Click me</button>
 
 @code {
     private int currentCount = 0;

WF-WebAdmin/WF-WebAdmin/Shared/MainLayout.razor

@@ -3,12 +3,12 @@
 <PageTitle>WF-WebAdmin</PageTitle>
 
 <div class="page">
-    <div class="sidebar">
+    <div class="sidebar_app">
         <NavMenu />
     </div>
 
     <main>
-        <div class="top-row px-4">
+        <div class="top-row-app px-4">
             <a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>
         </div>
 

WF-WebAdmin/WF-WebAdmin/wwwroot/css/site.css

@@ -2,6 +2,8 @@
 
 html, body {
     font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+    background: white;
+    color: black;
 }
 
 h1:focus {
@@ -9,7 +11,8 @@ h1:focus {
 }
 
 a, .btn-link {
-    color: #0071c1;
+    color: #ffffff;
+    text-decoration: none;
 }
 
 .btn-primary {
@@ -62,3 +65,25 @@ a, .btn-link {
     .blazor-error-boundary::after {
         content: "An error has occurred."
     }
+
+
+button {
+    border: none;
+    border-radius: 25px;
+    background-color: lightgrey;
+    padding: 1vh;
+}
+
+.sidebar_app {
+    background: linear-gradient(45deg, #4a148c, #7b1fa2);
+    height: 100vh;
+    width: 15vw;
+}
+
+.top-row-app {
+    height: 3.5rem;
+    background-color: rgba(0, 0, 0, 0.4);
+    display: flex;
+    justify-content: flex-end;
+    align-items: center;
+}