From 2c1ee814eee09b3228af16c171f5fdb6a8f4b1c4 Mon Sep 17 00:00:00 2001
From: Ahmed Darrazi <ahmeddarrazi@adsmac.local>
Date: Thu, 1 Jan 2026 21:27:03 +0100
Subject: [PATCH] refactor: dedupe torchlight dark mode styles

---
 .../entries/normalized-diff.blade.php         | 48 ++++---------------
 .../policy-settings-standard.blade.php        | 16 ++-----
 .../torchlight-dark-overrides.blade.php       | 13 +++++
 3 files changed, 25 insertions(+), 52 deletions(-)
 create mode 100644 resources/views/filament/partials/torchlight-dark-overrides.blade.php

diff --git a/resources/views/filament/infolists/entries/normalized-diff.blade.php b/resources/views/filament/infolists/entries/normalized-diff.blade.php
index 6b5e516..4d9a154 100644
--- a/resources/views/filament/infolists/entries/normalized-diff.blade.php
+++ b/resources/views/filament/infolists/entries/normalized-diff.blade.php
@@ -174,19 +174,9 @@
                                                                 View
                                                             </summary>
                                                             @if (is_string($fromHighlight) && $fromHighlight !== '')
-                                                                <style>
-                                                                    html.dark code.torchlight {
-                                                                        background-color: var(--phiki-dark-background-color) !important;
-                                                                    }
-
-                                                                    html.dark .phiki,
-                                                                    html.dark .phiki span {
-                                                                        color: var(--phiki-dark-color) !important;
-                                                                        font-style: var(--phiki-dark-font-style) !important;
-                                                                        font-weight: var(--phiki-dark-font-weight) !important;
-                                                                        text-decoration: var(--phiki-dark-text-decoration) !important;
-                                                                    }
-                                                                </style>
+                                                                @once
+                                                                    @include('filament.partials.torchlight-dark-overrides')
+                                                                @endonce
 
                                                                 <div class="mt-2 overflow-x-auto">{!! $fromHighlight !!}</div>
                                                             @else
@@ -205,19 +195,9 @@
                                                                 View
                                                             </summary>
                                                             @if (is_string($toHighlight) && $toHighlight !== '')
-                                                                <style>
-                                                                    html.dark code.torchlight {
-                                                                        background-color: var(--phiki-dark-background-color) !important;
-                                                                    }
-
-                                                                    html.dark .phiki,
-                                                                    html.dark .phiki span {
-                                                                        color: var(--phiki-dark-color) !important;
-                                                                        font-style: var(--phiki-dark-font-style) !important;
-                                                                        font-weight: var(--phiki-dark-font-weight) !important;
-                                                                        text-decoration: var(--phiki-dark-text-decoration) !important;
-                                                                    }
-                                                                </style>
+                                                                @once
+                                                                    @include('filament.partials.torchlight-dark-overrides')
+                                                                @endonce
 
                                                                 <div class="mt-2 overflow-x-auto">{!! $toHighlight !!}</div>
                                                             @else
@@ -249,19 +229,9 @@
                                                             @endphp
 
                                                             @if (is_string($highlighted) && $highlighted !== '')
-                                                                <style>
-                                                                    html.dark code.torchlight {
-                                                                        background-color: var(--phiki-dark-background-color) !important;
-                                                                    }
-
-                                                                    html.dark .phiki,
-                                                                    html.dark .phiki span {
-                                                                        color: var(--phiki-dark-color) !important;
-                                                                        font-style: var(--phiki-dark-font-style) !important;
-                                                                        font-weight: var(--phiki-dark-font-weight) !important;
-                                                                        text-decoration: var(--phiki-dark-text-decoration) !important;
-                                                                    }
-                                                                </style>
+                                                                @once
+                                                                    @include('filament.partials.torchlight-dark-overrides')
+                                                                @endonce
 
                                                                 <div class="mt-2 overflow-x-auto">{!! $highlighted !!}</div>
                                                             @else
diff --git a/resources/views/filament/infolists/entries/policy-settings-standard.blade.php b/resources/views/filament/infolists/entries/policy-settings-standard.blade.php
index a3c9c9d..aabb323 100644
--- a/resources/views/filament/infolists/entries/policy-settings-standard.blade.php
+++ b/resources/views/filament/infolists/entries/policy-settings-standard.blade.php
@@ -209,19 +209,9 @@
 
                                         <div x-show="open" x-cloak>
                                             @if (is_string($highlightedHtml) && $highlightedHtml !== '')
-                                                <style>
-                                                    html.dark code.torchlight {
-                                                        background-color: var(--phiki-dark-background-color) !important;
-                                                    }
-
-                                                    html.dark .phiki,
-                                                    html.dark .phiki span {
-                                                        color: var(--phiki-dark-color) !important;
-                                                        font-style: var(--phiki-dark-font-style) !important;
-                                                        font-weight: var(--phiki-dark-font-weight) !important;
-                                                        text-decoration: var(--phiki-dark-text-decoration) !important;
-                                                    }
-                                                </style>
+                                                @once
+                                                    @include('filament.partials.torchlight-dark-overrides')
+                                                @endonce
 
                                                 <div class="overflow-x-auto">{!! $highlightedHtml !!}</div>
                                             @else
diff --git a/resources/views/filament/partials/torchlight-dark-overrides.blade.php b/resources/views/filament/partials/torchlight-dark-overrides.blade.php
new file mode 100644
index 0000000..e93868a
--- /dev/null
+++ b/resources/views/filament/partials/torchlight-dark-overrides.blade.php
@@ -0,0 +1,13 @@
+<style>
+    html.dark code.torchlight {
+        background-color: var(--phiki-dark-background-color) !important;
+    }
+
+    html.dark .phiki,
+    html.dark .phiki span {
+        color: var(--phiki-dark-color) !important;
+        font-style: var(--phiki-dark-font-style) !important;
+        font-weight: var(--phiki-dark-font-weight) !important;
+        text-decoration: var(--phiki-dark-text-decoration) !important;
+    }
+</style>