fix: scanner text contrast when light mode

manuel-rw · Jan 29, 2024 · a37729f · a37729f
1 parent 2a20f79
commit a37729f
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/GrocyScanner.Service/Shared/MainLayout.razor b/GrocyScanner.Service/Shared/MainLayout.razor
@@ -22,7 +22,7 @@
             <MudNavLink Icon="@Icons.Material.Filled.Settings" Href="/settings" Match="NavLinkMatch.All">Settings</MudNavLink>
         </MudNavMenu>
     </MudDrawer>
-    <MudMainContent>
+    <MudMainContent Class="@(_isDarkTheme ? "theme-dark" : "theme-light")">
         <div class="position-relative px-3 py-2 mx-auto h-100" style="max-width: 900px;">
             <Warnings />
             @Body

diff --git a/GrocyScanner.Service/wwwroot/css/site.css b/GrocyScanner.Service/wwwroot/css/site.css
@@ -70,3 +70,7 @@ a, .btn-link {
 html, html body, html body .mud-layout .mud-main-content {
     height: 100%;
 }
+
+.theme-light h4, .theme-light span {
+    color: var(--bs-gray-200);
+}