qskinny/skins/fluent2/QskFluent2Theme.cpp

279 lines
11 KiB
C++
Raw Normal View History

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 ) };
}
}