Color changing

Code/ProjetBlazor/Pages/List.razor

@@ -1,10 +1,10 @@
 @page "/list"
 @using Models
 
-<h3>@Localizer["Title"]</h3>
+<h3>@Localizer["Inventaire"]</h3>
 
 <div>
-    <NavLink class="btn btn-primary" href="Add" Match="NavLinkMatch.All">
+    <NavLink style="background-color : #3B8526; color : white; border-color :#3B8526 " class="btn btn-primary" href="Add" Match="NavLinkMatch.All">
         <i class="fa fa-plus"></i> Ajouter
     </NavLink>
 </div>
@@ -45,8 +45,8 @@
     <DataGridColumn TItem="Item" Field="@nameof(Item.CreatedDate)" Caption="Created date" DisplayFormat="{0:d}" DisplayFormatProvider="@System.Globalization.CultureInfo.GetCultureInfo("fr-FR")" />
     <DataGridColumn TItem="Item" Field="@nameof(Item.Id)" Caption="Action">
         <DisplayTemplate>
-            <a href="Edit/@(context.Id)" class="btn btn-primary"><i class="fa fa-edit"></i> Editer</a>
-            <button type="button" class="btn btn-primary" @onclick="() => OnDelete(context.Id)"><i class="fa fa-trash"></i> Supprimer</button>
+            <a style="background-color : #3B8526; color : white; border-color :#3B8526; margin-bottom : 5px"  href="Edit/@(context.Id)" class="btn btn-primary"><i class="fa fa-edit"></i><t style="background-color : #3B8526; color : white"> Editer</t></a>
+            <button style="background-color : #3B8526; color : white; border-color :#3B8526 " type="button" class="btn btn-primary" @onclick="() => OnDelete(context.Id)"><i class="fa fa-trash"></i> Supprimer</button>
         </DisplayTemplate>
     </DataGridColumn>   
 </DataGrid>

Code/ProjetBlazor/Program.cs

@@ -2,7 +2,6 @@ using Blazored.LocalStorage;
 using Blazorise;
 using Blazorise.Bootstrap;
 using Blazorise.Icons.FontAwesome;
-using ProjetBlazor.Data;
 using ProjetBlazor.Services;
 using Blazored.Modal;
 using Microsoft.AspNetCore.Localization;
@@ -14,7 +13,6 @@ var builder = WebApplication.CreateBuilder(args);
 // Add services to the container.
 builder.Services.AddRazorPages();
 builder.Services.AddServerSideBlazor();
-builder.Services.AddSingleton<WeatherForecastService>();
 builder.Services.AddHttpClient();
 builder.Services.AddBlazorise();
 builder.Services.AddBootstrapProviders();

Code/ProjetBlazor/Shared/CultureSelector.razor

@@ -3,7 +3,9 @@
 
 <p>
     <label>
-        Select your language:
+ 
+        <t>Select your language:</t>
+
         <select @bind="Culture">
             @foreach (var culture in supportedCultures)
             {

Code/ProjetBlazor/Shared/CultureSelector.razor.css

@@ -0,0 +1,3 @@
+t {
+    color : whitesmoke;
+}

Code/ProjetBlazor/Shared/MainLayout.razor.css

@@ -2,6 +2,7 @@
     position: relative;
     display: flex;
     flex-direction: column;
+
 }
 
 main {
@@ -9,11 +10,11 @@ main {
 }
 
 .sidebar {
-    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
+    background-image: linear-gradient(180deg, #3B8526 10%, #171615 90%);
 }
 
 .top-row {
-    background-color: #f7f7f7;
+    background-image: linear-gradient(90deg, #3B8526 10%, #171615 90%);
     border-bottom: 1px solid #d6d5d5;
     justify-content: flex-end;
     height: 3.5rem;

Code/ProjetBlazor/Shared/NavMenu.razor

@@ -1,6 +1,6 @@
 <div class="top-row ps-3 navbar navbar-dark">
     <div class="container-fluid">
-        <a class="navbar-brand" href="">ProjetBlazor</a>
+        <img src="/images/minecraft.png" height="31px"/>
         <button title="Navigation menu" class="navbar-toggler" @onclick="ToggleNavMenu">
             <span class="navbar-toggler-icon"></span>
         </button>
@@ -10,13 +10,13 @@
 <div class="@NavMenuCssClass" @onclick="ToggleNavMenu">
     <nav class="flex-column">
         <div class="nav-item px-3">
-            <NavLink class="nav-link" href="list">
-                <span class="oi oi-list-rich" aria-hidden="true"></span> List
+            <NavLink class="nav-link" href="" Match="NavLinkMatch.All">
+                <span class="oi oi-home" aria-hidden="true"></span> Table de Craft
             </NavLink>
         </div>
         <div class="nav-item px-3">  
-            <NavLink class="nav-link" href="" Match="NavLinkMatch.All">
-                <span class="oi oi-home" aria-hidden="true"></span> Home
+            <NavLink class="nav-link" href="list">
+                <span class="oi oi-list-rich" aria-hidden="true"></span> Inventaire
             </NavLink>
         </div>
     </nav>

Code/ProjetBlazor/Shared/NavMenu.razor.css

@@ -4,7 +4,7 @@
 
 .top-row {
     height: 3.5rem;
-    background-color: rgba(0,0,0,0.4);
+    background-color: #3B8526;
 }
 
 .navbar-brand {
@@ -41,12 +41,12 @@
     }
 
 .nav-item ::deep a.active {
-    background-color: rgba(255,255,255,0.25);
+    background-color: #171615;
     color: white;
 }
 
 .nav-item ::deep a:hover {
-    background-color: rgba(255,255,255,0.1);
+    background-color:#171615;
     color: white;
 }
 

Code/ProjetBlazor/obj/Debug/net6.0/ProjetBlazor.GeneratedMSBuildEditorConfig.editorconfig

@@ -44,10 +44,6 @@ build_metadata.AdditionalFiles.CssScope =
 build_metadata.AdditionalFiles.TargetPath = UGFnZXNcTGlzdC5yYXpvcg==
 build_metadata.AdditionalFiles.CssScope = 
 
-[C:/Users/Dorian/Documents/Blazor/Code/ProjetBlazor/Shared/CultureSelector.razor]
-build_metadata.AdditionalFiles.TargetPath = U2hhcmVkXEN1bHR1cmVTZWxlY3Rvci5yYXpvcg==
-build_metadata.AdditionalFiles.CssScope = 
-
 [C:/Users/Dorian/Documents/Blazor/Code/ProjetBlazor/Shared/SurveyPrompt.razor]
 build_metadata.AdditionalFiles.TargetPath = U2hhcmVkXFN1cnZleVByb21wdC5yYXpvcg==
 build_metadata.AdditionalFiles.CssScope = 
@@ -64,6 +60,10 @@ build_metadata.AdditionalFiles.CssScope = b-c5pe2f0rgk
 build_metadata.AdditionalFiles.TargetPath = Q29tcG9uZW50c1xDcmFmdGluZ0l0ZW0ucmF6b3I=
 build_metadata.AdditionalFiles.CssScope = b-au53a972a0
 
+[C:/Users/Dorian/Documents/Blazor/Code/ProjetBlazor/Shared/CultureSelector.razor]
+build_metadata.AdditionalFiles.TargetPath = U2hhcmVkXEN1bHR1cmVTZWxlY3Rvci5yYXpvcg==
+build_metadata.AdditionalFiles.CssScope = b-c86f565ybb
+
 [C:/Users/Dorian/Documents/Blazor/Code/ProjetBlazor/Shared/MainLayout.razor]
 build_metadata.AdditionalFiles.TargetPath = U2hhcmVkXE1haW5MYXlvdXQucmF6b3I=
 build_metadata.AdditionalFiles.CssScope = b-6fq4tjte4h

Code/ProjetBlazor/obj/Debug/net6.0/ProjetBlazor.csproj.FileListAbsolute.txt

@@ -91,3 +91,4 @@ C:\Users\Dorian\Documents\Blazor\Code\ProjetBlazor\obj\Debug\net6.0\fr-FR\Projet
 C:\Users\Dorian\Documents\Blazor\Code\ProjetBlazor\obj\Debug\net6.0\scopedcss\Components\Crafting.razor.rz.scp.css
 C:\Users\Dorian\Documents\Blazor\Code\ProjetBlazor\obj\Debug\net6.0\scopedcss\Components\CraftingItem.razor.rz.scp.css
 C:\Users\Dorian\Documents\Blazor\Code\ProjetBlazor\obj\Debug\net6.0\scopedcss\Shared\MainLayout.razor.rz.scp.css
+C:\Users\Dorian\Documents\Blazor\Code\ProjetBlazor\obj\Debug\net6.0\scopedcss\Shared\CultureSelector.razor.rz.scp.css

Code/ProjetBlazor/obj/Debug/net6.0/scopedcss/Shared/CultureSelector.razor.rz.scp.css

@@ -0,0 +1,3 @@
+t[b-c86f565ybb] {
+    color : whitesmoke;
+}

Code/ProjetBlazor/obj/Debug/net6.0/scopedcss/Shared/MainLayout.razor.rz.scp.css

@@ -2,6 +2,7 @@
     position: relative;
     display: flex;
     flex-direction: column;
+
 }
 
 main[b-6fq4tjte4h] {
@@ -9,11 +10,11 @@ main[b-6fq4tjte4h] {
 }
 
 .sidebar[b-6fq4tjte4h] {
-    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
+    background-image: linear-gradient(180deg, #3B8526 10%, #171615 90%);
 }
 
 .top-row[b-6fq4tjte4h] {
-    background-color: #f7f7f7;
+    background-image: linear-gradient(90deg, #3B8526 10%, #171615 90%);
     border-bottom: 1px solid #d6d5d5;
     justify-content: flex-end;
     height: 3.5rem;

Code/ProjetBlazor/obj/Debug/net6.0/scopedcss/Shared/NavMenu.razor.rz.scp.css

@@ -4,7 +4,7 @@
 
 .top-row[b-kggv4tdhwh] {
     height: 3.5rem;
-    background-color: rgba(0,0,0,0.4);
+    background-color: #3B8526;
 }
 
 .navbar-brand[b-kggv4tdhwh] {
@@ -41,12 +41,12 @@
     }
 
 .nav-item[b-kggv4tdhwh]  a.active {
-    background-color: rgba(255,255,255,0.25);
+    background-color: #171615;
     color: white;
 }
 
 .nav-item[b-kggv4tdhwh]  a:hover {
-    background-color: rgba(255,255,255,0.1);
+    background-color:#171615;
     color: white;
 }
 

Code/ProjetBlazor/obj/Debug/net6.0/scopedcss/bundle/ProjetBlazor.styles.css

@@ -27,11 +27,16 @@
     border: 1px solid;
     overflow: hidden;
 }
+/* _content/ProjetBlazor/Shared/CultureSelector.razor.rz.scp.css */
+t[b-c86f565ybb] {
+    color : whitesmoke;
+}
 /* _content/ProjetBlazor/Shared/MainLayout.razor.rz.scp.css */
 .page[b-6fq4tjte4h] {
     position: relative;
     display: flex;
     flex-direction: column;
+
 }
 
 main[b-6fq4tjte4h] {
@@ -39,11 +44,11 @@ main[b-6fq4tjte4h] {
 }
 
 .sidebar[b-6fq4tjte4h] {
-    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
+    background-image: linear-gradient(180deg, #3B8526 10%, #171615 90%);
 }
 
 .top-row[b-6fq4tjte4h] {
-    background-color: #f7f7f7;
+    background-image: linear-gradient(90deg, #3B8526 10%, #171615 90%);
     border-bottom: 1px solid #d6d5d5;
     justify-content: flex-end;
     height: 3.5rem;
@@ -105,7 +110,7 @@ main[b-6fq4tjte4h] {
 
 .top-row[b-kggv4tdhwh] {
     height: 3.5rem;
-    background-color: rgba(0,0,0,0.4);
+    background-color: #3B8526;
 }
 
 .navbar-brand[b-kggv4tdhwh] {
@@ -142,12 +147,12 @@ main[b-6fq4tjte4h] {
     }
 
 .nav-item[b-kggv4tdhwh]  a.active {
-    background-color: rgba(255,255,255,0.25);
+    background-color: #171615;
     color: white;
 }
 
 .nav-item[b-kggv4tdhwh]  a:hover {
-    background-color: rgba(255,255,255,0.1);
+    background-color:#171615;
     color: white;
 }
 

Code/ProjetBlazor/obj/Debug/net6.0/scopedcss/projectbundle/ProjetBlazor.bundle.scp.css

@@ -25,11 +25,16 @@
     border: 1px solid;
     overflow: hidden;
 }
+/* _content/ProjetBlazor/Shared/CultureSelector.razor.rz.scp.css */
+t[b-c86f565ybb] {
+    color : whitesmoke;
+}
 /* _content/ProjetBlazor/Shared/MainLayout.razor.rz.scp.css */
 .page[b-6fq4tjte4h] {
     position: relative;
     display: flex;
     flex-direction: column;
+
 }
 
 main[b-6fq4tjte4h] {
@@ -37,11 +42,11 @@ main[b-6fq4tjte4h] {
 }
 
 .sidebar[b-6fq4tjte4h] {
-    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
+    background-image: linear-gradient(180deg, #3B8526 10%, #171615 90%);
 }
 
 .top-row[b-6fq4tjte4h] {
-    background-color: #f7f7f7;
+    background-image: linear-gradient(90deg, #3B8526 10%, #171615 90%);
     border-bottom: 1px solid #d6d5d5;
     justify-content: flex-end;
     height: 3.5rem;
@@ -103,7 +108,7 @@ main[b-6fq4tjte4h] {
 
 .top-row[b-kggv4tdhwh] {
     height: 3.5rem;
-    background-color: rgba(0,0,0,0.4);
+    background-color: #3B8526;
 }
 
 .navbar-brand[b-kggv4tdhwh] {
@@ -140,12 +145,12 @@ main[b-6fq4tjte4h] {
     }
 
 .nav-item[b-kggv4tdhwh]  a.active {
-    background-color: rgba(255,255,255,0.25);
+    background-color: #171615;
     color: white;
 }
 
 .nav-item[b-kggv4tdhwh]  a:hover {
-    background-color: rgba(255,255,255,0.1);
+    background-color:#171615;
     color: white;
 }
 

Code/ProjetBlazor/obj/Debug/net6.0/staticwebassets.build.json

@@ -1,6 +1,6 @@
 {
   "Version": 1,
-  "Hash": "OvJftrrldKFbkCCc/3cpv4qCbv9Nkn+jFa/lknXhSEU=",
+  "Hash": "upol44yAsRl2gxNyobkuhY4XyZMZLImkjwOcNbXBqXc=",
   "Source": "ProjetBlazor",
   "BasePath": "_content/ProjetBlazor",
   "Mode": "Default",
@@ -1035,6 +1035,23 @@
       "CopyToOutputDirectory": "Never",
       "CopyToPublishDirectory": "PreserveNewest",
       "OriginalItemSpec": "wwwroot\\images\\dognosis.png"
+    },
+    {
+      "Identity": "C:\\Users\\Dorian\\Documents\\Blazor\\Code\\ProjetBlazor\\wwwroot\\images\\minecraft.png",
+      "SourceId": "ProjetBlazor",
+      "SourceType": "Discovered",
+      "ContentRoot": "C:\\Users\\Dorian\\Documents\\Blazor\\Code\\ProjetBlazor\\wwwroot\\",
+      "BasePath": "_content/ProjetBlazor",
+      "RelativePath": "images/minecraft.png",
+      "AssetKind": "All",
+      "AssetMode": "All",
+      "AssetRole": "Primary",
+      "RelatedAsset": "",
+      "AssetTraitName": "",
+      "AssetTraitValue": "",
+      "CopyToOutputDirectory": "Never",
+      "CopyToPublishDirectory": "PreserveNewest",
+      "OriginalItemSpec": "wwwroot\\images\\minecraft.png"
     }
   ]
 }

Code/ProjetBlazor/obj/Debug/net6.0/staticwebassets.pack.json

@@ -72,6 +72,10 @@
       "Id": "C:\\Users\\Dorian\\Documents\\Blazor\\Code\\ProjetBlazor\\wwwroot\\images\\dognosis.png",
       "PackagePath": "staticwebassets\\images\\dognosis.png"
     },
+    {
+      "Id": "C:\\Users\\Dorian\\Documents\\Blazor\\Code\\ProjetBlazor\\wwwroot\\images\\minecraft.png",
+      "PackagePath": "staticwebassets\\images\\minecraft.png"
+    },
     {
       "Id": "obj\\Debug\\net6.0\\staticwebassets\\msbuild.ProjetBlazor.Microsoft.AspNetCore.StaticWebAssets.props",
       "PackagePath": "build\\Microsoft.AspNetCore.StaticWebAssets.props"

Code/ProjetBlazor/obj/Debug/net6.0/staticwebassets/msbuild.ProjetBlazor.Microsoft.AspNetCore.StaticWebAssets.props

@@ -272,6 +272,22 @@
       <CopyToPublishDirectory>PreserveNewest</CopyToPublishDirectory>
       <OriginalItemSpec>$([System.IO.Path]::GetFullPath($(MSBuildThisFileDirectory)..\staticwebassets\images\dognosis.png))</OriginalItemSpec>
     </StaticWebAsset>
+    <StaticWebAsset Include="$([System.IO.Path]::GetFullPath($(MSBuildThisFileDirectory)..\staticwebassets\images\minecraft.png))">
+      <SourceType>Package</SourceType>
+      <SourceId>ProjetBlazor</SourceId>
+      <ContentRoot>$(MSBuildThisFileDirectory)..\staticwebassets\</ContentRoot>
+      <BasePath>_content/ProjetBlazor</BasePath>
+      <RelativePath>images/minecraft.png</RelativePath>
+      <AssetKind>All</AssetKind>
+      <AssetMode>All</AssetMode>
+      <AssetRole>Primary</AssetRole>
+      <RelatedAsset></RelatedAsset>
+      <AssetTraitName></AssetTraitName>
+      <AssetTraitValue></AssetTraitValue>
+      <CopyToOutputDirectory>Never</CopyToOutputDirectory>
+      <CopyToPublishDirectory>PreserveNewest</CopyToPublishDirectory>
+      <OriginalItemSpec>$([System.IO.Path]::GetFullPath($(MSBuildThisFileDirectory)..\staticwebassets\images\minecraft.png))</OriginalItemSpec>
+    </StaticWebAsset>
     <StaticWebAsset Include="$([System.IO.Path]::GetFullPath($(MSBuildThisFileDirectory)..\staticwebassets\ProjetBlazor.bundle.scp.css))">
       <SourceType>Package</SourceType>
       <SourceId>ProjetBlazor</SourceId>