From 24658945c78cfebe582f23c8d80ca7d4706bc322 Mon Sep 17 00:00:00 2001
From: Jan-Gerrit Goebel <Jan-Gerrit.Goebel@sva.de>
Date: Thu, 4 Apr 2024 13:08:06 +0200
Subject: [PATCH] Run prettier & Dark mode fixes

---
 src/app/hf-markdown/hf-markdown.component.ts                  | 1 -
 .../single-task-verification-markdown.component.html          | 1 +
 src/app/scenario/task-modal/task-modal.component.html         | 2 +-
 src/app/scenario/task-modal/task-modal.component.scss         | 4 ++--
 src/dark-theme.css                                            | 4 ++++
 5 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/app/hf-markdown/hf-markdown.component.ts b/src/app/hf-markdown/hf-markdown.component.ts
index 3df60dcc..613ac074 100644
--- a/src/app/hf-markdown/hf-markdown.component.ts
+++ b/src/app/hf-markdown/hf-markdown.component.ts
@@ -151,7 +151,6 @@ ${token}`;
       // Return a placeholder with the unique ID
       return `<div id="${containerId}">Loading mermaid graph...</div>`;
     },
-
   };
 
   private renderHighlightedCode(
diff --git a/src/app/hf-markdown/single-task-verification-markdown/single-task-verification-markdown.component.html b/src/app/hf-markdown/single-task-verification-markdown/single-task-verification-markdown.component.html
index 37e1a84e..40a879b2 100644
--- a/src/app/hf-markdown/single-task-verification-markdown/single-task-verification-markdown.component.html
+++ b/src/app/hf-markdown/single-task-verification-markdown/single-task-verification-markdown.component.html
@@ -7,6 +7,7 @@
       <cds-icon
         shape="angle"
         [ngClass]="detailsOpen ? 'down' : 'sideways'"
+        inverse
       ></cds-icon>
       Verify: {{ taskName }} on {{ target }}
     </div>
diff --git a/src/app/scenario/task-modal/task-modal.component.html b/src/app/scenario/task-modal/task-modal.component.html
index 485dfa0b..788bb8cc 100644
--- a/src/app/scenario/task-modal/task-modal.component.html
+++ b/src/app/scenario/task-modal/task-modal.component.html
@@ -21,7 +21,7 @@ <h3 class="modal-title">Task Progress:</h3>
       *ngIf="!loading; else loadingSpinner"
     >
       <clr-accordion-panel *ngFor="let task of tasks">
-        <clr-accordion-title style="width: 100%">
+        <clr-accordion-title style="width: 100%" inverse>
           <div
             style="display: flex; justify-content: space-between; width: 100%"
           >
diff --git a/src/app/scenario/task-modal/task-modal.component.scss b/src/app/scenario/task-modal/task-modal.component.scss
index 96680bb0..9eb8f844 100644
--- a/src/app/scenario/task-modal/task-modal.component.scss
+++ b/src/app/scenario/task-modal/task-modal.component.scss
@@ -6,6 +6,6 @@
   font-family: Montserrat, Avenir Next, Arial, sans-serif;
 }
 
-clr-icon.accordion-icon {
-position: absolute;
+cds-icon.clr-accordion-angle {
+  fill: var(--clr-icon-color-inverse);
 }
\ No newline at end of file
diff --git a/src/dark-theme.css b/src/dark-theme.css
index 71ad6130..d03f5ea5 100644
--- a/src/dark-theme.css
+++ b/src/dark-theme.css
@@ -562,6 +562,10 @@ cds-icon {
   color: white;
 }
 
+cds-icon.clr-accordion-angle {
+  fill: var(--clr-icon-color-inverse);
+}
+
 cds-icon {
   &[status='success'] {
     fill: var(--clr-icon-color-success);