update styling

metager/app/Http/Controllers/TilesController.php

@@ -59,10 +59,10 @@ class TilesController extends Controller
     private static function STATIC_TILES(): array
     {
         $tiles = [];
-        $tiles[] = new Tile(title: "SUMA-EV", image: "/img/tiles/sumaev.png", url: "https://suma-ev.de", image_alt: "SUMA_EV Logo");
+        $tiles[] = new Tile(title: "Unser Trägerverein", image: "/img/tiles/sumaev.png", url: "https://suma-ev.de", image_alt: "SUMA_EV Logo");
         //$tiles[] = new Tile(title: "Maps", image: "/img/tiles/maps.png", url: "https://maps.metager.de", image_alt: "MetaGer Maps Logo");
         $tiles[] = new Tile(title: __('sidebar.nav28'), image: "/img/icon-settings.svg", url: route("settings", ["focus" => app(SearchSettings::class)->fokus, "url" => url()->full()]), image_alt: "Settings Logo", image_classes: "invert-dm");
-        $tiles[] = new Tile(title: __('index.plugin'), image: "/img/svg-icons/plug-in.svg", url: route("plugin"), image_alt: "MetaGer Plugin Logo");
+        $tiles[] = new Tile(title: __('index.plugin'), image: "/img/svg-icons/plug-in.svg", url: route("plugin"), image_alt: "MetaGer Plugin Logo", classes: "orange");
         return $tiles;
     }
 

metager/lang/de/index.php

 <?php
 return [
-    'plugin' => 'Installieren',
+    'plugin' => 'MetaGer Installieren',
     'plugin-title' => 'MetaGer zu Ihrem Browser hinzufügen',
     'key' => [
         'placeholder' => 'Schlüssel für werbefreie Suche eingeben',

metager/lang/en/index.php

@@ -6,7 +6,7 @@ return [
         'fokus' => 'Skip to search focus selection',
     ],
     'lang' => 'wwitch language',
-    'plugin' => 'Install',
+    'plugin' => 'Install MetaGer',
     'plugin-title' => 'Add MetaGer to your browser',
     'key' => [
         'placeholder' => 'Enter member key',

metager/resources/less/metager/pages/startpage/tiles.less

@@ -82,6 +82,10 @@ div#tiles-container {
                 }
             }
 
+            &.orange>div.image {
+                background-color: fade(@metager-orange, 40%);
+            }
+
             >div.title {
                 font-size: .8rem;
                 color: fade(@text-color, 60%);
@@ -106,6 +110,10 @@ div#tiles-container {
                     background-color: @highlight-color;
                 }
 
+                &.orange>div.image {
+                    background-color: fade(@metager-orange, 60%);
+                }
+
                 >div.title {
                     >div.main-title {
                         color: @text-color;