NeilBrommer/BlazorStart
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Automatically change bookmark group text color based on background color

Browse source
This commit is contained in:
Neil Brommer 2021-12-05 16:26:14 -08:00
parent dbfe36f7d8
commit 91a660ef43
1 changed files with 19 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
Start/Client/Components/BookmarkGroup.razor
View file

@ -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