include arrow in text color fix

public/css/app.css

@@ -396,6 +396,14 @@ body {
   display: none;
 }
 
+.black {
+  color: #000 !important;
+}
+
+.white {
+  color: #fff !important;
+}
+
 .message-container {
   width: 100%;
   padding: 10px 20px;
@@ -569,14 +577,6 @@ body {
   font-size: 16px;
 }
 
-.item .title.black {
-  color: #000;
-}
-
-.item .title.white {
-  color: #fff;
-}
-
 .item .details {
   width: 100%;
 }

public/mix-manifest.json

@@ -1,4 +1,4 @@
 {
     "/js/app.js": "/js/app.js?id=d7ae290137b7fd06f300",
-    "/css/app.css": "/css/app.css?id=ad5c7660f3763a242dfc"
+    "/css/app.css": "/css/app.css?id=e405a67622368f195d1b"
 }

resources/assets/sass/_app.scss

@@ -122,6 +122,13 @@ body {
 		display: none;
 	}
 }
+.black {
+	color: #000!important;
+}
+.white {
+	color: #fff!important;
+}
+
 .message-container {
 	width: 100%;
 	padding: 10px 20px;
@@ -272,12 +279,6 @@ body {
 	}
 	.title {
 		font-size: 16px;
-		&.black {
-			color: #000;
-		}
-		&.white {
-			color: #fff;
-		}
 	}
 	.details {
 		width: 100%;

resources/views/item.blade.php

@@ -11,7 +11,7 @@
                                 <div data-id="{{ $app->id }}" data-dataonly="{{ $app->config->dataonly or '0' }}" class="livestats-container"></div>
                                 @endif
                             </div>
-                            <a class="link"{!! $app->link_target !!} href="{{ $app->link }}"><i class="fas {{ $app->link_icon }}"></i></a>
+                            <a class="link{{ title_color($app->colour) }}"{!! $app->link_target !!} href="{{ $app->link }}"><i class="fas {{ $app->link_icon }}"></i></a>
                         </div>
                         <a class="item-edit" href="{{ route($app->link_type.'.edit', [ $app->id ], false) }}"><i class="fas fa-pencil"></i></a>