From aac9e669a335f745dbe0a41e909871b9c5e963cb Mon Sep 17 00:00:00 2001
From: Mathias Jakobsen <mathias.jakobsen@overleaf.com>
Date: Mon, 17 Aug 2026 11:09:01 +0100
Subject: [PATCH] Merge pull request #36548 from
 overleaf/jd-upload-file-delete-icon

[web] Use themed danger colour for figure modal's remove icon

GitOrigin-RevId: b881d3a08d22636c5c521a114499b650af6e6c82
---
 .../figure-modal/file-sources/figure-modal-upload-source.tsx  | 2 +-
 services/web/frontend/stylesheets/components/icon.scss        | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/services/web/frontend/js/features/source-editor/components/figure-modal/file-sources/figure-modal-upload-source.tsx b/services/web/frontend/js/features/source-editor/components/figure-modal/file-sources/figure-modal-upload-source.tsx
index 74446502c7..7b90ae0dfb 100644
--- a/services/web/frontend/js/features/source-editor/components/figure-modal/file-sources/figure-modal-upload-source.tsx
+++ b/services/web/frontend/js/features/source-editor/components/figure-modal/file-sources/figure-modal-upload-source.tsx
@@ -314,7 +314,7 @@ export const FileContainer: FC<{
           aria-label={t('remove_or_replace_figure')}
           onClick={() => onDelete && onDelete()}
         >
-          <MaterialIcon type="cancel" />
+          <MaterialIcon type="cancel" className="icon-danger" />
         </OLButton>
       </div>
     </div>
diff --git a/services/web/frontend/stylesheets/components/icon.scss b/services/web/frontend/stylesheets/components/icon.scss
index 15bc514b3f..d16e240918 100644
--- a/services/web/frontend/stylesheets/components/icon.scss
+++ b/services/web/frontend/stylesheets/components/icon.scss
@@ -20,9 +20,9 @@
 }
 
 .icon-danger {
-  color: var(--content-danger);
+  color: var(--content-danger-themed);
 }
 
 .icon-success {
-  color: var(--content-positive);
+  color: var(--content-positive-themed);
 }