From f9ecb61d7163797a1ae9682592e6e70819f16cee Mon Sep 17 00:00:00 2001
From: Marcel Baumgartner <marcel.kbkm@gmail.com>
Date: Wed, 9 Aug 2023 00:37:36 +0200
Subject: [PATCH] Made the background image darker

Thanks to https://github.com/nuhuhwy
---
 Moonlight/Shared/Layouts/MainLayout.razor | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Moonlight/Shared/Layouts/MainLayout.razor b/Moonlight/Shared/Layouts/MainLayout.razor
index 85bfe816..a12f0096 100644
--- a/Moonlight/Shared/Layouts/MainLayout.razor
+++ b/Moonlight/Shared/Layouts/MainLayout.razor
@@ -58,7 +58,7 @@
                 <Sidebar></Sidebar>
                 <div class="app-main flex-column flex-row-fluid" id="kt_app_main">
                     <div class="d-flex flex-column flex-column-fluid">
-                        <div id="kt_app_content" class="app-content flex-column-fluid" style="background-position: center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; background-image: url('@(DynamicBackgroundService.BackgroundImageUrl)')">
+                        <div id="kt_app_content" class="app-content flex-column-fluid" style="background-position: center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; background-image: linear-gradient(rgba(0, 0, 0, 0.55),rgba(0, 0, 0, 0.55)) ,url('@(DynamicBackgroundService.BackgroundImageUrl)');">
                             <div id="kt_app_content_container" class="app-container container-fluid">
                                 <div class="mt-10">
                                     <SoftErrorBoundary>