2023-07-02 12:18:47 +02:00
|
|
|
/******************************************************************************
|
|
|
|
* QSkinny - Copyright (C) 2023 Edelhirsch Software GmbH
|
|
|
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
|
|
*****************************************************************************/
|
|
|
|
|
|
|
|
#include "QskFluent2Theme.h"
|
|
|
|
#include <QskRgbValue.h>
|
|
|
|
|
|
|
|
namespace
|
|
|
|
{
|
|
|
|
inline constexpr QRgb rgbGray( int value, qreal opacity = 1.0 )
|
|
|
|
{
|
|
|
|
return qRgba( value, value, value, qRound( opacity * 255 ) );
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
QskFluent2Theme::QskFluent2Theme( QskSkin::ColorScheme colorScheme,
|
2023-07-03 17:50:57 +02:00
|
|
|
const BaseColors& baseColors, const AccentColors& accentColors )
|
2023-07-02 12:18:47 +02:00
|
|
|
{
|
2023-07-03 17:31:31 +02:00
|
|
|
using namespace QskRgb;
|
2023-07-02 12:18:47 +02:00
|
|
|
|
2023-07-03 17:50:57 +02:00
|
|
|
{
|
|
|
|
auto& colors = palette.background;
|
|
|
|
|
|
|
|
colors.solid.base = baseColors.primary;
|
|
|
|
colors.solid.secondary = baseColors.secondary;
|
|
|
|
colors.solid.tertiary = baseColors.tertiary;
|
|
|
|
}
|
|
|
|
|
2023-07-03 17:31:31 +02:00
|
|
|
if( colorScheme != QskSkin::DarkScheme )
|
|
|
|
{
|
2023-07-03 17:50:57 +02:00
|
|
|
{
|
|
|
|
palette.background.solid.quaternary = rgbGray( 255 );
|
|
|
|
}
|
|
|
|
|
2023-07-03 17:31:31 +02:00
|
|
|
{
|
|
|
|
auto& colors = palette.fillColor;
|
|
|
|
|
|
|
|
colors.text.primary = rgbGray( 0, 0.8956 );
|
|
|
|
colors.text.secondary = rgbGray( 0, 0.6063 );
|
|
|
|
colors.text.tertiary = rgbGray( 0, 0.4458 );
|
|
|
|
colors.text.disabled = rgbGray( 0, 0.3614 );
|
|
|
|
|
2023-07-03 17:50:57 +02:00
|
|
|
colors.accentText.primary = accentColors.tertiary;
|
|
|
|
colors.accentText.secondary = accentColors.quaternary;
|
|
|
|
colors.accentText.tertiary = accentColors.secondary;
|
|
|
|
|
2023-07-03 17:31:31 +02:00
|
|
|
colors.accentText.disabled = rgbGray( 0, 0.3614 );
|
|
|
|
|
|
|
|
colors.textOnAccent.primary = rgbGray( 255 );
|
|
|
|
colors.textOnAccent.secondary = rgbGray( 255, 0.70 );
|
|
|
|
colors.textOnAccent.disabled = rgbGray( 255 );
|
|
|
|
colors.textOnAccent.selectedText = rgbGray( 255 );
|
|
|
|
|
|
|
|
colors.control.defaultColor = rgbGray( 255, 0.70 );
|
|
|
|
colors.control.secondary = rgbGray( 249, 0.50 );
|
|
|
|
colors.control.tertiary = rgbGray( 249, 0.30 );
|
|
|
|
colors.control.inputActive = rgbGray( 255 );
|
|
|
|
colors.control.disabled = rgbGray( 249, 0.30 );
|
|
|
|
|
|
|
|
colors.controlStrong.defaultColor = rgbGray( 0, 0.4458 );
|
|
|
|
colors.controlStrong.disabled = rgbGray( 0, 0.3173 );
|
|
|
|
|
|
|
|
colors.subtle.secondary = rgbGray( 0, 0.0373 );
|
|
|
|
colors.subtle.tertiary = rgbGray( 0, 0.0241 );
|
|
|
|
colors.subtle.disabled = Qt::transparent;
|
|
|
|
|
|
|
|
colors.controlSolid.defaultColor = rgbGray( 255 );
|
|
|
|
|
|
|
|
colors.controlAlt.secondary = rgbGray( 0, 0.0241 );
|
|
|
|
colors.controlAlt.tertiary = rgbGray( 0, 0.0578 );
|
|
|
|
colors.controlAlt.quaternary = rgbGray( 0, 0.0924 );
|
|
|
|
colors.controlAlt.disabled = Qt::transparent;
|
|
|
|
|
2023-07-03 17:50:57 +02:00
|
|
|
colors.accent.defaultColor = accentColors.secondary;
|
|
|
|
colors.accent.secondary = toTransparentF( accentColors.secondary, 0.90 );
|
|
|
|
colors.accent.tertiary = toTransparentF( accentColors.secondary, 0.80 );
|
2023-07-03 17:31:31 +02:00
|
|
|
colors.accent.disabled = rgbGray( 0, 0.2169 );
|
2023-07-03 17:50:57 +02:00
|
|
|
colors.accent.selectedTextBackground = accentColors.primary;
|
2023-07-20 10:41:49 +02:00
|
|
|
|
|
|
|
colors.acrylic.background = rgbGray( 252, 0.85 );
|
2023-07-03 17:31:31 +02:00
|
|
|
}
|
|
|
|
|
2023-07-03 17:50:57 +02:00
|
|
|
#if 0
|
|
|
|
{
|
|
|
|
// system colors
|
|
|
|
|
|
|
|
critical = 0xffc42b1c;
|
|
|
|
success = 0xff0f7b0f;
|
|
|
|
attention = 0xff005fb7;
|
|
|
|
caution = 0xff9d5d00;
|
|
|
|
attentionBackground = rgbGray( 246, 0.50 );
|
|
|
|
successBackground = 0xffdff6dd;
|
|
|
|
cautionBackground = 0xfffff4ce;
|
|
|
|
criticalBackground = 0xfffde7e9;
|
|
|
|
neutral = rgbGray( 0, 0.4458 );
|
|
|
|
neutralBackground = rgbGray( 0, 0.0241 );
|
|
|
|
|
|
|
|
solidNeutral = rgbGray( 138 );
|
|
|
|
solidAttentionBackground = rgbGray( 247 );
|
|
|
|
solidNeutralBackground = rgbGray( 243 );
|
|
|
|
}
|
|
|
|
#endif
|
|
|
|
|
2023-07-03 17:31:31 +02:00
|
|
|
{
|
|
|
|
auto& colors = palette.elevation;
|
|
|
|
|
|
|
|
colors.control.border = { rgbGray( 0, 0.0578 ), rgbGray( 0, 0.1622 ) };
|
|
|
|
colors.circle.border = { rgbGray( 0, 0.0578 ), rgbGray( 0, 0.1622 ) };
|
|
|
|
colors.textControl.border = { rgbGray( 0, 0.0578 ), palette.fillColor.text.secondary };
|
|
|
|
colors.textControl.borderFocused = { rgbGray( 0, 0.0578 ), rgbGray( 0, 0.0578 ) };
|
|
|
|
colors.accentControl.border = { rgbGray( 255, 0.08 ), rgbGray( 0, 0.40 ) };
|
|
|
|
}
|
|
|
|
|
|
|
|
{
|
|
|
|
auto& colors = palette.strokeColor;
|
|
|
|
|
|
|
|
colors.control.defaultColor = rgbGray( 0, 0.0578 );
|
|
|
|
colors.control.secondary = rgbGray( 0, 0.1622 );
|
|
|
|
colors.control.onAccentDefault = rgbGray( 255.08 );
|
|
|
|
colors.control.onAccentSecondary = rgbGray( 0, 0.40 );
|
|
|
|
colors.control.onAccentTertiary = rgbGray( 0, 0.2169 );
|
|
|
|
colors.control.onAccentDisabled = rgbGray( 0, 0.0578 );
|
|
|
|
|
|
|
|
colors.controlStrong.defaultColor = rgbGray( 0, 0.4458 );
|
|
|
|
colors.controlStrong.disabled = rgbGray( 0, 0.2169 );
|
|
|
|
|
|
|
|
colors.card.defaultColor = rgbGray( 0, 0.0578 );
|
|
|
|
colors.card.defaultSolid = rgbGray( 235 );
|
|
|
|
|
|
|
|
colors.divider.defaultColor = rgbGray( 0, 0.0803 );
|
|
|
|
|
|
|
|
colors.surface.defaultColor = rgbGray( 117, 0.40 );
|
|
|
|
colors.surface.flyout = rgbGray( 0, 0.0578 );
|
|
|
|
|
|
|
|
colors.focus.outer = rgbGray( 0, 0.8956 );
|
|
|
|
colors.focus.inner = rgbGray( 255 );
|
|
|
|
}
|
|
|
|
|
|
|
|
{
|
|
|
|
auto& colors = palette.background;
|
|
|
|
|
|
|
|
colors.overlay.defaultColor = rgbGray( 0, 0.30 );
|
|
|
|
colors.layer.alt = rgbGray( 255 );
|
|
|
|
colors.flyout.defaultColor = rgbGray( 252, 0.85 );
|
|
|
|
|
|
|
|
}
|
2023-07-02 12:18:47 +02:00
|
|
|
|
|
|
|
// Shadow:
|
|
|
|
|
|
|
|
shadow.flyout = { QskShadowMetrics( 0, 16, QPointF( 0, 8 ) ), rgbGray( 0, 0.14 ) };
|
|
|
|
// ### should actually be drawn twice with different values:
|
|
|
|
shadow.dialog = { QskShadowMetrics( 0, 21, QPointF( 0, 2 ) ), rgbGray( 0, 0.1474 ) };
|
|
|
|
}
|
2023-07-03 17:31:31 +02:00
|
|
|
else
|
2023-07-02 12:18:47 +02:00
|
|
|
{
|
2023-07-03 17:50:57 +02:00
|
|
|
{
|
|
|
|
palette.background.solid.quaternary = rgbGray( 44 );
|
|
|
|
}
|
2023-07-03 17:31:31 +02:00
|
|
|
{
|
|
|
|
auto& colors = palette.fillColor;
|
2023-07-02 12:18:47 +02:00
|
|
|
|
2023-07-03 17:31:31 +02:00
|
|
|
colors.text.primary = rgbGray( 255 );
|
|
|
|
colors.text.secondary = rgbGray( 255, 0.786 );
|
|
|
|
colors.text.tertiary = rgbGray( 255, 0.5442 );
|
|
|
|
colors.text.disabled = rgbGray( 255, 0.3628 );
|
2023-07-02 12:18:47 +02:00
|
|
|
|
2023-07-03 17:50:57 +02:00
|
|
|
colors.accentText.primary = accentColors.quaternary;
|
|
|
|
colors.accentText.secondary = accentColors.quaternary;
|
|
|
|
colors.accentText.tertiary = accentColors.tertiary;
|
2023-07-03 17:31:31 +02:00
|
|
|
colors.accentText.disabled = rgbGray( 255, 0.3628 );
|
2023-07-02 12:18:47 +02:00
|
|
|
|
2023-07-03 17:31:31 +02:00
|
|
|
colors.textOnAccent.primary = rgbGray( 0 );
|
|
|
|
colors.textOnAccent.secondary = rgbGray( 0, 0.50 );
|
|
|
|
colors.textOnAccent.disabled = rgbGray( 255, 0.5302 );
|
|
|
|
colors.textOnAccent.selectedText = rgbGray( 255 );
|
2023-07-02 12:18:47 +02:00
|
|
|
|
2023-07-03 17:31:31 +02:00
|
|
|
colors.control.defaultColor = rgbGray( 255, 0.0605 );
|
|
|
|
colors.control.secondary = rgbGray( 255, 0.0837 );
|
|
|
|
colors.control.tertiary = rgbGray( 255, 0.0326 );
|
|
|
|
colors.control.inputActive = rgbGray( 30, 0.70 );
|
|
|
|
colors.control.disabled = rgbGray( 255, 0.0419 );
|
2023-07-02 12:18:47 +02:00
|
|
|
|
2023-07-03 17:31:31 +02:00
|
|
|
colors.controlStrong.defaultColor = rgbGray( 255, 0.5442 );
|
|
|
|
colors.controlStrong.disabled = rgbGray( 255, 0.2465 );
|
2023-07-02 12:18:47 +02:00
|
|
|
|
2023-07-03 17:31:31 +02:00
|
|
|
colors.subtle.secondary = rgbGray( 255, 0.0605 );
|
|
|
|
colors.subtle.tertiary = rgbGray( 255, 0.0419 );
|
|
|
|
colors.subtle.disabled = Qt::transparent;
|
2023-07-02 12:18:47 +02:00
|
|
|
|
2023-07-03 17:31:31 +02:00
|
|
|
colors.controlSolid.defaultColor = rgbGray( 69 );
|
2023-07-02 12:18:47 +02:00
|
|
|
|
2023-07-03 17:31:31 +02:00
|
|
|
colors.controlAlt.secondary = rgbGray( 0, 0.10 );
|
|
|
|
colors.controlAlt.tertiary = rgbGray( 255, 0.0419 );
|
|
|
|
colors.controlAlt.quaternary = rgbGray( 255, 0.0698 );
|
|
|
|
colors.controlAlt.disabled = Qt::transparent;
|
2023-07-02 12:18:47 +02:00
|
|
|
|
2023-07-03 17:50:57 +02:00
|
|
|
colors.accent.defaultColor = accentColors.tertiary;
|
|
|
|
colors.accent.secondary = toTransparentF( accentColors.tertiary, 0.90 );
|
|
|
|
colors.accent.tertiary = toTransparentF( accentColors.tertiary, 0.80 );
|
2023-07-03 17:31:31 +02:00
|
|
|
colors.accent.disabled = rgbGray( 255, 0.1581 );
|
2023-07-03 17:50:57 +02:00
|
|
|
colors.accent.selectedTextBackground = accentColors.primary;
|
2023-07-20 10:41:49 +02:00
|
|
|
|
|
|
|
colors.acrylic.background = rgbGray( 44, 0.96 );
|
2023-07-03 17:31:31 +02:00
|
|
|
}
|
2023-07-02 12:18:47 +02:00
|
|
|
|
2023-07-03 17:50:57 +02:00
|
|
|
#if 0
|
|
|
|
{
|
|
|
|
// system colors
|
|
|
|
|
|
|
|
critical = 0xffff99a4;
|
|
|
|
success = 0xff6ccb5f;
|
|
|
|
attention = 0xff60cdff;
|
|
|
|
caution = 0xfffce100;
|
|
|
|
attentionBackground = rgbGray( 255, 0.0326 );
|
|
|
|
successBackground = 0xff393d1b;
|
|
|
|
cautionBackground = 0xff433519;
|
|
|
|
criticalBackground = 0xff442726;
|
|
|
|
neutral = rgbGray( 255, 0.5442 );
|
|
|
|
neutralBackground = rgbGray( 255, 0.0326 );
|
|
|
|
solidNeutral = rgbGray( 157 );
|
|
|
|
solidAttentionBackground = rgbGray( 46 );
|
|
|
|
solidNeutralBackground = rgbGray( 46 );
|
|
|
|
}
|
|
|
|
#endif
|
|
|
|
|
2023-07-03 17:31:31 +02:00
|
|
|
{
|
|
|
|
auto& colors = palette.elevation;
|
2023-07-02 12:18:47 +02:00
|
|
|
|
2023-07-03 17:31:31 +02:00
|
|
|
colors.control.border = { rgbGray( 255, 0.093 ), rgbGray( 255, 0.0698 ) };
|
|
|
|
colors.circle.border = { rgbGray( 255, 0.093 ), rgbGray( 255, 0.0698 ) };
|
2023-07-02 12:18:47 +02:00
|
|
|
|
2023-07-03 17:31:31 +02:00
|
|
|
colors.textControl.border = { rgbGray( 255, 0.08 ), palette.fillColor.text.secondary };
|
2023-07-02 12:18:47 +02:00
|
|
|
|
2023-07-03 17:31:31 +02:00
|
|
|
colors.textControl.borderFocused = { rgbGray( 255, 0.08 ), rgbGray( 255, 0.08 ) };
|
|
|
|
colors.accentControl.border = { rgbGray( 255, 0.08 ), rgbGray( 0, 0.14 ) };
|
|
|
|
}
|
2023-07-02 12:18:47 +02:00
|
|
|
|
2023-07-03 17:31:31 +02:00
|
|
|
{
|
|
|
|
auto& colors = palette.strokeColor;
|
2023-07-02 12:18:47 +02:00
|
|
|
|
2023-07-03 17:31:31 +02:00
|
|
|
colors.control.defaultColor = rgbGray( 255, 0.0698 );
|
|
|
|
colors.control.secondary = rgbGray( 255, 0.093 );
|
|
|
|
colors.control.onAccentDefault = rgbGray( 255, 0.08 );
|
|
|
|
colors.control.onAccentSecondary = rgbGray( 0, 0.14 );
|
|
|
|
colors.control.onAccentTertiary = rgbGray( 0, 0.2169 );
|
|
|
|
colors.control.onAccentDisabled = rgbGray( 0, 0.20 );
|
2023-07-02 12:18:47 +02:00
|
|
|
|
2023-07-03 17:31:31 +02:00
|
|
|
colors.controlStrong.defaultColor = rgbGray( 255, 0.5442 );
|
|
|
|
colors.controlStrong.disabled = rgbGray( 255, 0.1581 );
|
2023-07-02 12:18:47 +02:00
|
|
|
|
2023-07-03 17:31:31 +02:00
|
|
|
colors.card.defaultColor = rgbGray( 255, 0.0578 );
|
|
|
|
colors.card.defaultSolid = rgbGray( 235 );
|
2023-07-02 12:18:47 +02:00
|
|
|
|
2023-07-03 17:31:31 +02:00
|
|
|
colors.divider.defaultColor = rgbGray( 255, 0.0837 );
|
2023-07-02 12:18:47 +02:00
|
|
|
|
2023-07-03 17:31:31 +02:00
|
|
|
colors.surface.defaultColor = rgbGray( 117, 0.40 );
|
|
|
|
colors.surface.flyout = rgbGray( 0, 0.20 );
|
2023-07-02 12:18:47 +02:00
|
|
|
|
2023-07-03 17:31:31 +02:00
|
|
|
colors.focus.outer = rgbGray( 255 );
|
|
|
|
colors.focus.inner = rgbGray( 0, 0.70 );
|
|
|
|
}
|
2023-07-02 12:18:47 +02:00
|
|
|
|
2023-07-03 17:31:31 +02:00
|
|
|
{
|
|
|
|
auto& colors = palette.background;
|
2023-07-02 12:18:47 +02:00
|
|
|
|
2023-07-03 17:31:31 +02:00
|
|
|
colors.overlay.defaultColor = rgbGray( 0, 0.30 );
|
|
|
|
colors.layer.alt = rgbGray( 255, 0.0538 );
|
|
|
|
colors.flyout.defaultColor = rgbGray( 44, 0.96 );
|
|
|
|
}
|
2023-07-02 12:18:47 +02:00
|
|
|
|
|
|
|
// Shadow:
|
|
|
|
|
|
|
|
shadow.flyout = { QskShadowMetrics( 0, 16, QPointF( 0, 8 ) ), rgbGray( 0, 0.26 ) };
|
|
|
|
// ### should actually be drawn twice with different values:
|
|
|
|
shadow.dialog = { QskShadowMetrics( 0, 21, QPointF( 0, 2 ) ), rgbGray( 0, 0.37 ) };
|
|
|
|
}
|
|
|
|
}
|