SVG logo color theme aware

houby-studio · Oct 27, 2023 · e8c7995 · e8c7995
1 parent 1ebbc33
commit e8c7995
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 7 deletions.
diff --git a/public/images/fridge-it.svg b/public/images/fridge-it.svg
diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css
@@ -1,3 +1,11 @@
+.large-logo {
+  background-color: var(--bs-body-color) !important;
+  mask: url(/images/fridge-it.svg) no-repeat center / contain;
+  -webkit-mask: url(/images/fridge-it.svg) no-repeat center / contain;
+  width: 10em;
+  height: 17.5em;
+}
+
 /* Favorite button */
 input.favorite {
   visibility: hidden;

diff --git a/views/shop/index.hbs b/views/shop/index.hbs
@@ -1,10 +1,5 @@
 <div class='row'>
-  <div class='col text-center'>
-    <img
-      src='./images/fridge-it.svg'
-      class='mx-auto my-2 img-fluid shop-image-thumbnail'
-      alt='Logo lednice IT'
-    />
+  <div class='col text-center large-logo'>
   </div>
 </div>
 {{#if user}}