SVG logo currentColor support (librenms#17903)

If title_image is set and it is on the same server (browser won't include it otherwise), inline the SVG so the SVG can use currentColor and react to theme changes.

Author: murrant

lang/en/settings.php

@@ -2059,7 +2059,7 @@
         ],
         'title_image' => [
             'description' => 'Title Image',
-            'help' => 'Overrides the default Title Image.',
+            'help' => 'Overrides the default Title Image. SVG from the same server will be include and can use currentColor to match the current theme dynamically.',
         ],
         'traceroute' => [
             'description' => 'Path to traceroute',

resources/views/components/logo.blade.php

@@ -1,9 +1,18 @@
 @props([
     'responsive' => false, // crop text at given breakpoint sm,md,lg,xl, etc
+    'image' => LibrenmsConfig::get('title_image'),
+    'alt' => LibrenmsConfig::get('project_name')
 ])
 
-@if(LibrenmsConfig::get('title_image'))
-    <img {{ $attributes }} src="{{ asset(LibrenmsConfig::get('title_image')) }}" alt="{{ LibrenmsConfig::get('project_name') }}">
+@if($image)
+    {{-- Include svgs inline so they can use currentColor for light/dark mode, but only if they are hosted on the same server (browser will reject it otherwise) --}}
+    @if(str_ends_with($image, '.svg') && ! str_contains($image, '//'))
+        <svg {{ $attributes->class(['tw:dark:text-white', 'tw:text-gray-600']) }}>
+            <use href="{{ asset($image) }}"></use>
+        </svg>
+    @else
+        <img {{ $attributes }} src="{{ asset($image) }}" alt="{{ $alt }}">
+    @endif
 @else
     <svg {{ $attributes->class(['tw:dark:text-white', 'tw:text-gray-600'])->class($responsive ? ['tw:hidden', "tw:$responsive:inline-block"] : []) }}
          xmlns="http://www.w3.org/2000/svg" viewBox="0 0 170 32.275086">