From 5a90eecbd5220fcf44d8d56dfc4cd34e7ae87e76 Mon Sep 17 00:00:00 2001
From: Peter Maquiran <peter.maquiran@equilibrium.local>
Date: Thu, 7 Dec 2023 10:05:54 +0100
Subject: [PATCH] fix color

---
 .../view-publications.page.html               | 16 ----------
 src/theme/variables.scss                      | 31 +++++++++++++++++--
 2 files changed, 28 insertions(+), 19 deletions(-)

diff --git a/src/app/pages/publications/view-publications/view-publications.page.html b/src/app/pages/publications/view-publications/view-publications.page.html
index 197d575dc..3bf6e0513 100644
--- a/src/app/pages/publications/view-publications/view-publications.page.html
+++ b/src/app/pages/publications/view-publications/view-publications.page.html
@@ -59,22 +59,6 @@
                 </div>
               </swiper-slide>
 
-              <div class="swiper-button-next"
-                style="
-                  position: absolute;
-                  background: red;
-                  top: 50%;
-                ">
-                <div>arrow-left</div>
-              </div>
-              <div class="slides-per-view"
-              style="
-                position: absolute;
-                background: red;
-                top: 50%;
-              ">
-                <div>arrow-rights</div>
-              </div>
             </swiper-container>
               <!-- <div *ngIf="publication.FileExtension == 'mp4'"
               (click)="goToPublicationDetail(publication.DocumentId, publication.ProcessId)" class="post-video">
diff --git a/src/theme/variables.scss b/src/theme/variables.scss
index b9458b41f..109255f4e 100644
--- a/src/theme/variables.scss
+++ b/src/theme/variables.scss
@@ -120,9 +120,9 @@ $app-theme: mat-light-theme(
   --ion-color-primary-contrast: black;
 
 
-  --swiper-theme-color: #353535;
-  --swiper-navigation-color: #353535;
-  --swiper-pagination-color: #353535;
+  --swiper-theme-color: transparent;
+  --swiper-navigation-color: transparent;
+  --swiper-pagination-color: transparent;
 }
 
 // dark-mode
@@ -1099,3 +1099,28 @@ body {
   top: -31px;
 }
 
+
+
+swiper-container::part(button-next) {
+
+
+  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDk4IiBoZWlnaHQ9IjQ5OCIgdmlld0JveD0iMCAwIDQ5OCA0OTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yNDguMTA2IDEuMDAyMDFDMzg1LjEwNSAwLjUwODAxMyA0OTYuNTA0IDExMS4xMDcgNDk2Ljk5OCAyNDguMTA2QzQ5Ny40OTIgMzg1LjEwNSAzODYuODkzIDQ5Ni41MDQgMjQ5Ljg5NCA0OTYuOTk4QzExMi44OTUgNDk3LjQ5MiAxLjQ5NTQ2IDM4Ni44OTMgMS4wMDE1MyAyNDkuODk0QzAuNTA3NTk3IDExMi44OTUgMTExLjEwNyAxLjQ5NjAxIDI0OC4xMDYgMS4wMDIwMVpNMzYyLjgzOCAyMzEuNTlMMjI2Ljg1IDk2LjU3OUMyMTcuNDE2IDg3LjIxMyAyMDIuMjE3IDg3LjI2OCAxOTIuOTUxIDk2LjcwMUwxNzYuMDEyIDExMy43NjJDMTY2LjY0NiAxMjMuMTk2IDE2Ni43MDEgMTM4LjM5NiAxNzYuMTM0IDE0Ny42NjJMMjc4LjEgMjQ4Ljg5NUwxNzYuODY3IDM1MC44NjFDMTY3LjUwMSAzNjAuMjk1IDE2Ny41NTYgMzc1LjQ5NSAxNzYuOTg5IDM4NC43NjFMMTk0LjA1IDQwMS42OTlDMjAzLjQ4NCA0MTEuMDY1IDIxOC42ODQgNDExLjAxIDIyNy45NSA0MDEuNTc3TDM2Mi45NjEgMjY1LjU4OUMzNzIuMzI3IDI1Ni4xNTUgMzcyLjI3MiAyNDAuOTU2IDM2Mi44MzggMjMxLjU5WiIgZmlsbD0iI0U1RTRFMyIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPC9zdmc+Cg==");
+  border: 1px solid;
+  background-size: 100%;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+
+swiper-container::part(button-prev) {
+  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDk4IiBoZWlnaHQ9IjQ5OCIgdmlld0JveD0iMCAwIDQ5OCA0OTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yNDguMTA2IDEuMDAyMDFDMzg1LjEwNSAwLjUwODAxMyA0OTYuNTA0IDExMS4xMDcgNDk2Ljk5OCAyNDguMTA2QzQ5Ny40OTIgMzg1LjEwNSAzODYuODkzIDQ5Ni41MDQgMjQ5Ljg5NCA0OTYuOTk4QzExMi44OTUgNDk3LjQ5MiAxLjQ5NTQ2IDM4Ni44OTMgMS4wMDE1MyAyNDkuODk0QzAuNTA3NTk3IDExMi44OTUgMTExLjEwNyAxLjQ5NjAxIDI0OC4xMDYgMS4wMDIwMVpNMzYyLjgzOCAyMzEuNTlMMjI2Ljg1IDk2LjU3OUMyMTcuNDE2IDg3LjIxMyAyMDIuMjE3IDg3LjI2OCAxOTIuOTUxIDk2LjcwMUwxNzYuMDEyIDExMy43NjJDMTY2LjY0NiAxMjMuMTk2IDE2Ni43MDEgMTM4LjM5NiAxNzYuMTM0IDE0Ny42NjJMMjc4LjEgMjQ4Ljg5NUwxNzYuODY3IDM1MC44NjFDMTY3LjUwMSAzNjAuMjk1IDE2Ny41NTYgMzc1LjQ5NSAxNzYuOTg5IDM4NC43NjFMMTk0LjA1IDQwMS42OTlDMjAzLjQ4NCA0MTEuMDY1IDIxOC42ODQgNDExLjAxIDIyNy45NSA0MDEuNTc3TDM2Mi45NjEgMjY1LjU4OUMzNzIuMzI3IDI1Ni4xNTUgMzcyLjI3MiAyNDAuOTU2IDM2Mi44MzggMjMxLjU5WiIgZmlsbD0iI0U1RTRFMyIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPC9zdmc+Cg==");
+  border: 1px solid;
+  background-size: 100%;
+  background-repeat: no-repeat;
+  background-position: center;
+  transform: rotate(180deg);
+  -webkit-transform: rotate(180deg);
+  -moz-transform: rotate(180deg);
+  -ms-transform: rotate(180deg);
+  -o-transform: rotate(180deg);
+}