Change the patterns and update their opacity

diff --git a/app/static/src/assets/img/patterns/squares.png b/app/static/src/assets/img/patterns/squares.png
index 0f1db6533796bcaf43ff39ebf0e3de043ba2b9e8..8745eba8b20ef5912501791c644835f7af3bfd45 100644 (file)
Binary files a/app/static/src/assets/img/patterns/squares.png and b/app/static/src/assets/img/patterns/squares.png differ

diff --git a/app/static/src/assets/img/patterns/stripes.png b/app/static/src/assets/img/patterns/stripes.png
index 4d27a18dc00eb6a4d8a1d359cdab20c13f1d4fa8..cf5f62c3673161a82a24e422d39fe3e3b5f4d871 100644 (file)
Binary files a/app/static/src/assets/img/patterns/stripes.png and b/app/static/src/assets/img/patterns/stripes.png differ

diff --git a/app/static/src/sass/modules/_pattern.scss b/app/static/src/sass/modules/_pattern.scss
index a843c13064d0f1c787e2287db1afa481f44d5d5d..5cc6f4791739afa40205f050d7445f8fbfdc8655 100644 (file)
--- a/app/static/src/sass/modules/_pattern.scss
+++ b/app/static/src/sass/modules/_pattern.scss
@@ -8,7 +8,7 @@ $module: ".pattern";
         content: "";
         background-repeat: repeat;
         background-position: top left;
-        opacity: 0.2;
+        opacity: 1.0;
         top: 0;
         left: 0;
         bottom: 0;
@@ -21,24 +21,28 @@ $module: ".pattern";
     &--circles {
         &:after {
             background-image: url(../img/patterns/circles.png);
+            opacity: 0.2;
         }
     }
 
     &--squares {
         &:after {
             background-image: url(../img/patterns/squares.png);
+            opacity: 0.4;
         }
     }
 
     &--stripes {
         &:after {
             background-image: url(../img/patterns/stripes.png);
+            opacity: 0.4;
         }
     }
 
     &--triangles {
         &:after {
             background-image: url(../img/patterns/triangles.png);
+            opacity: 0.2;
         }
     }
 
@@ -64,24 +68,28 @@ $module: ".pattern";
     &--circles {
         &:after {
             background-image: url(../img/patterns/circles.png);
+            opacity: 0.2;
         }
     }
 
     &--squares {
         &:after {
             background-image: url(../img/patterns/squares.png);
+            opacity: 0.4;
         }
     }
 
     &--stripes {
         &:after {
             background-image: url(../img/patterns/stripes.png);
+            opacity: 0.4;
         }
     }
 
     &--triangles {
         &:after {
             background-image: url(../img/patterns/triangles.png);
+            opacity: 0.2;
         }
     }