From 91a660ef436fea189c160c67eb6b25e69b3473e6 Mon Sep 17 00:00:00 2001
From: Neil Brommer <NeilBrommer@users.noreply.github.com>
Date: Sun, 5 Dec 2021 16:26:14 -0800
Subject: [PATCH] Automatically change bookmark group text color based on
 background color

---
 Start/Client/Components/BookmarkGroup.razor | 21 +++++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/Start/Client/Components/BookmarkGroup.razor b/Start/Client/Components/BookmarkGroup.razor
index a644691..e29d746 100644
--- a/Start/Client/Components/BookmarkGroup.razor
+++ b/Start/Client/Components/BookmarkGroup.razor
@@ -1,6 +1,10 @@
-<div class="card bookmarkGroup">
+@using System.Drawing
+
+<div class="card bookmarkGroup">
     <div class="card-header" style="background-color: @this.Group.Color">
-        <h2 class="card-title h5 d-inline-block">@this.Group.Title</h2>
+        <h2 class="card-title h5 d-inline-block @this.ForegroundTitleColorClass">
+            @this.Group.Title
+        </h2>
         <button type="button" class="addBookmarkButton btn btn-sm tooltip tooltip-left"
                 aria-label="Create Bookmark" data-tooltip="Create Bookmark">
             <i class="icon icon-plus"></i>
@@ -40,6 +44,19 @@
     [Parameter]
     public BookmarkGroupDto Group { get; set; } = null!;
 
+    protected string ForegroundTitleColorClass {
+        get {
+            const int threshold = 105;
+            Color bgColor = ColorTranslator.FromHtml(this.Group.Color);
+
+            double val = Math.Floor((bgColor.R * .299) + (bgColor.G * 0.587) + (bgColor.B * 0.114));
+
+            if ((255 - val) < threshold)
+                return "text-dark";
+            return "text-light";
+        }
+    }
+
     protected void OnCreateBookmarkClicked()
     {
         // Placeholder