Theme auf Darkmode angepasst

CocktailWeb/Pages/Settings/Cocktails.razor

@@ -14,7 +14,7 @@
 <a class="btn btn-primary mb-3" href="/settings/cocktails/edit">Cocktail hinzufügen</a>
 
 <div class="table-responsive">
-    <table class="table table-striped table-hover table-bordered table-light border-dark">
+    <table class="table table-striped table-hover table-bordered table-dark border-dark">
         <tbody>
             @foreach (Cocktail c in CocktailListe)
             {

CocktailWeb/Pages/Settings/Flaschen.razor

@@ -38,7 +38,7 @@ else
 @if (FlaschenListe != null && FlaschenListe.Count > 0)
 {
     <div class="table-responsive">
-        <table class="table table-striped table-hover table-bordered table-light border-dark">
+        <table class="table table-striped table-hover table-bordered table-dark border-dark">
             <thead>
                 <tr>
                     <!--<th scope="col">ID</th>-->

CocktailWeb/Pages/_Host.cshtml

@@ -9,7 +9,7 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <base href="~/" />
-    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css" />
+    <link rel="stylesheet" href="css/bootstrap/bootstrap.dark.min.css" />
     <link href="css/site.css" rel="stylesheet" />
     <link href="CocktailWeb.styles.css" rel="stylesheet" />
     <link rel="icon" type="image/png" href="favicon.png"/>

CocktailWeb/Shared/TopRow.razor

@@ -1,16 +1,14 @@
 @using Microsoft.AspNetCore.Components.Sections
 
 
-<div class="d-flex fixed-top justify-content-between px-4" style="background-color: #f7f7f7;  border-bottom: 1px solid #d6d5d5;  height: 56px;  align-items: center; top: 0; z-index: 1;">
-    <div class="d-flex gap-3">
+<div class="d-flex align-items-center fixed-top justify-content-between px-4 bg-dark border-primary-subtle" style="border-bottom: 1px solid #d6d5d5;  height: 56px;  align-items: center; top: 0; z-index: 1;">
+    <div class="d-flex gap-3 align-items-center">
         <a class="btn btn-primary" href="/">
             <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-house" viewBox="0 0 16 16">
                 <path d="M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.708L2 8.207V13.5A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5V8.207l.646.647a.5.5 0 0 0 .708-.708L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293zM13 7.207V13.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V7.207l5-5z" />
             </svg>
         </a>
-        <h3>
         <SectionOutlet SectionId="Title" />
-        </h3>
     </div>
 
     <div class="dropdown show">