2023-12-01 16:13:44 +01:00
|
|
|
@model StoreBrandingViewModel
|
2022-12-19 15:51:05 +01:00
|
|
|
@if (!string.IsNullOrEmpty(Model.BrandColor))
|
|
|
|
{
|
2023-11-20 02:45:43 +01:00
|
|
|
var brand = Model.BrandColor;
|
|
|
|
var brandColor = ColorPalette.Default.FromHtml(brand);
|
|
|
|
var brandRgbValues = $"{brandColor.R}, {brandColor.G}, {brandColor.B}";
|
|
|
|
var accent = ColorPalette.Default.AdjustBrightness(brand, (float)-0.15);
|
|
|
|
var complement = ColorPalette.Default.TextColor(brand);
|
|
|
|
var complementVar = $"var(--btcpay-{(complement == "black" ? "black" : "white")})";
|
2022-12-19 15:51:05 +01:00
|
|
|
<style>
|
|
|
|
:root {
|
2023-11-20 02:45:43 +01:00
|
|
|
--btcpay-primary: @brand;
|
|
|
|
--btcpay-primary-rgb: @brandRgbValues;
|
|
|
|
--btcpay-primary-shadow: @brand;
|
|
|
|
--btcpay-primary-bg-hover: @accent;
|
|
|
|
--btcpay-primary-bg-active: @accent;
|
|
|
|
--btcpay-body-link: @brand;
|
|
|
|
--btcpay-body-link-accent: @accent;
|
|
|
|
--btcpay-primary-text: @complementVar;
|
|
|
|
--btcpay-primary-text-hover: @complementVar;
|
|
|
|
--btcpay-primary-text-active: @complementVar;
|
|
|
|
}
|
|
|
|
a {
|
|
|
|
color: var(--btcpay-body-link);
|
|
|
|
}
|
|
|
|
a:hover {
|
|
|
|
color: var(--btcpay-body-link-accent);
|
2022-12-19 15:51:05 +01:00
|
|
|
}
|
|
|
|
</style>
|
2023-12-01 16:13:44 +01:00
|
|
|
<meta name="theme-color" content="@brand">
|
2022-12-19 15:51:05 +01:00
|
|
|
}
|
2024-05-09 02:18:02 +02:00
|
|
|
@if (!string.IsNullOrEmpty(Model.CssUrl))
|
2023-01-30 09:23:49 +01:00
|
|
|
{
|
2024-05-09 02:18:02 +02:00
|
|
|
<link href="@Model.CssUrl!" asp-append-version="true" rel="stylesheet" />
|
2023-01-30 09:23:49 +01:00
|
|
|
}
|
2024-05-09 02:18:02 +02:00
|
|
|
@if (!string.IsNullOrEmpty(Model.LogoUrl))
|
2023-12-01 16:13:44 +01:00
|
|
|
{
|
2024-05-09 02:18:02 +02:00
|
|
|
<link rel="icon" href="@Model.LogoUrl">
|
|
|
|
<link rel="apple-touch-icon" href="@Model.LogoUrl">
|
2023-12-01 16:13:44 +01:00
|
|
|
}
|