Fixed front page styles in dark mode

skaut · Nov 25, 2023 · 7333003 · 7333003
1 parent a975fa6
commit 7333003
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 1 deletion.
diff --git a/app/templates/Default/default.latte b/app/templates/Default/default.latte
@@ -7,7 +7,7 @@
         <h1 class="display-3">Skautské<br />hospodaření online</h1>
         <p class="lead">Systém pro vyúčtování skautských akcí, online plateb i cestovních příkazů</p>
     </div>
-    <div class="col d-none d-lg-block bg-warning" style="margin-top: 20px;">
+    <div class="col d-none d-lg-block bg-posily" style="margin-top: 20px;">
         <h1>Hledáme posily!</h1>
         <p>
             22. 10. 2022

diff --git a/frontend/app.scss b/frontend/app.scss
@@ -59,6 +59,11 @@ table.table a:hover {
   }
 }
 
+.bg-posily {
+  --bs-bg-opacity: 1;
+  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
+}
+
 .bg-test {
   background-color: #ffff00;
 }
@@ -82,6 +87,10 @@ table.table a:hover {
 }
 
 :root[data-bs-theme="dark"] {
+  .bg-posily {
+    --bs-bg-opacity: 0.2;
+  }
+
   .bg-test {
     background-color: #404000;
   }
@@ -94,6 +103,14 @@ table.table a:hover {
     color: var(--bs-body-color);
   }
 
+  .carousel-caption {
+    color: var(--bs-body-color);
+  }
+
+  .carousel-item {
+    background-color: var(--bs-light-bg-subtle) !important;
+  }
+
   .navbar-dark {
     background-color: var(--bs-light-bg-subtle) !important;
   }