mirror-chatterino2/src/singletons/thememanager.cpp

205 lines
7.1 KiB
C++
Raw Normal View History

2017-01-18 01:04:54 +01:00
#define LOOKUP_COLOR_COUNT 360
2017-12-31 00:50:07 +01:00
#include "thememanager.hpp"
2017-01-18 04:52:47 +01:00
#include <QColor>
2016-12-30 19:16:48 +01:00
#include <cmath>
2017-04-14 17:52:22 +02:00
namespace chatterino {
2017-12-31 22:58:35 +01:00
namespace singletons {
2017-01-18 21:30:23 +01:00
namespace detail {
2018-01-12 23:09:05 +01:00
double getMultiplierByTheme(const QString &themeName)
2017-02-02 01:23:26 +01:00
{
if (themeName == "Light") {
return 0.8;
} else if (themeName == "White") {
return 1.0;
} else if (themeName == "Black") {
return -1.0;
} else if (themeName == "Dark") {
return -0.8;
}
2017-02-02 01:23:26 +01:00
return -0.8;
}
2017-02-02 01:23:26 +01:00
} // namespace detail
2017-12-31 00:50:07 +01:00
ThemeManager::ThemeManager()
2017-07-02 12:36:50 +02:00
: themeName("/appearance/theme/name", "Dark")
, themeHue("/appearance/theme/hue", 0.0)
{
qDebug() << "init ThemeManager";
this->update();
this->themeName.connectSimple([this](auto) { this->update(); }, false);
this->themeHue.connectSimple([this](auto) { this->update(); }, false);
2017-02-02 01:23:26 +01:00
}
2017-12-31 00:50:07 +01:00
void ThemeManager::update()
2017-02-02 01:23:26 +01:00
{
2018-01-12 23:09:05 +01:00
this->actuallyUpdate(this->themeHue, detail::getMultiplierByTheme(this->themeName.getValue()));
2017-02-02 01:23:26 +01:00
}
2016-12-30 19:20:04 +01:00
// hue: theme color (0 - 1)
// multiplier: 1 = white, 0.8 = light, -0.8 dark, -1 black
2017-12-31 00:50:07 +01:00
void ThemeManager::actuallyUpdate(double hue, double multiplier)
2016-12-30 19:16:48 +01:00
{
isLight = multiplier > 0;
2018-04-05 23:44:46 +02:00
bool lightWin = isLight;
2018-04-05 23:44:46 +02:00
QColor none(0, 0, 0, 0);
QColor themeColor = QColor::fromHslF(hue, 0.43, 0.5);
QColor themeColorNoSat = QColor::fromHslF(hue, 0, 0.5);
qreal sat = 0;
2018-01-27 21:13:22 +01:00
// 0.05;
auto getColor = [multiplier](double h, double s, double l, double a = 1.0) {
return QColor::fromHslF(h, s, ((l - 0.5) * multiplier) + 0.5, a);
};
2018-04-05 23:44:46 +02:00
/// WINDOW
{
2018-04-13 22:50:19 +02:00
QColor bg =
#ifdef Q_OS_LINUX
this->window.background = lightWin ? "#fff" : QColor(61, 60, 56);
#else
this->window.background = lightWin ? "#fff" : "#444";
#endif
2018-04-05 23:44:46 +02:00
QColor fg = this->window.text = lightWin ? "#000" : "#eee";
this->window.borderFocused = lightWin ? "#ccc" : themeColor;
this->window.borderUnfocused = lightWin ? "#ccc" : themeColorNoSat;
// Ubuntu style
// TODO: add setting for this
// TabText = QColor(210, 210, 210);
// TabBackground = QColor(61, 60, 56);
// TabHoverText = QColor(210, 210, 210);
// TabHoverBackground = QColor(73, 72, 68);
// message (referenced later)
this->messages.textColors.caret = //
this->messages.textColors.regular = isLight ? "#000" : "#fff";
/// TABS
if (lightWin) {
2018-04-06 23:58:08 +02:00
this->tabs.regular = {fg, {bg, QColor("#ccc"), bg}};
this->tabs.newMessage = {
fg,
{QBrush(blendColors(themeColor, "#ccc", 0.9), Qt::FDiagPattern),
QBrush(blendColors(themeColor, "#ccc", 0.9), Qt::FDiagPattern),
QBrush(blendColors(themeColorNoSat, "#ccc", 0.9), Qt::FDiagPattern)}};
this->tabs.highlighted = {fg, {QColor("#ccc"), QColor("#ccc"), QColor("#bbb")}};
this->tabs.selected = {QColor("#fff"),
{QColor("#777"), QColor("#777"), QColor("#888")}};
2018-04-05 23:44:46 +02:00
} else {
2018-04-06 23:58:08 +02:00
this->tabs.regular = {fg, {bg, QColor("#555"), bg}};
this->tabs.newMessage = {
fg,
{QBrush(blendColors(themeColor, "#666", 0.7), Qt::FDiagPattern),
QBrush(blendColors(themeColor, "#666", 0.5), Qt::FDiagPattern),
QBrush(blendColors(themeColorNoSat, "#666", 0.7), Qt::FDiagPattern)}};
this->tabs.highlighted = {fg, {QColor("#777"), QColor("#777"), QColor("#666")}};
this->tabs.selected = {QColor("#000"),
{QColor("#999"), QColor("#999"), QColor("#888")}};
2018-04-05 23:44:46 +02:00
}
2018-04-18 09:12:29 +02:00
this->tabs.bottomLine = this->tabs.selected.backgrounds.regular.color();
2018-04-05 23:44:46 +02:00
}
2017-01-01 02:30:42 +01:00
2018-01-02 02:15:11 +01:00
// Split
bool flat = isLight;
2017-12-26 16:54:39 +01:00
this->splits.messageSeperator = isLight ? QColor(127, 127, 127) : QColor(60, 60, 60);
2018-01-02 02:15:11 +01:00
this->splits.background = getColor(0, sat, 1);
this->splits.dropPreview = getColor(hue, 0.5, 0.5, 0.6);
// this->splits.border
// this->splits.borderFocused
this->splits.header.background = getColor(0, sat, flat ? 1 : 0.9);
this->splits.header.border = getColor(0, sat, flat ? 1 : 0.85);
this->splits.header.text = this->messages.textColors.regular;
this->splits.input.background = getColor(0, sat, flat ? 0.95 : 0.95);
this->splits.input.border = getColor(0, sat, flat ? 1 : 1);
this->splits.input.text = this->messages.textColors.regular;
this->splits.input.styleSheet =
"background:" + this->splits.input.background.name() + ";" +
"border:" + this->tabs.selected.backgrounds.regular.color().name() + ";" +
"color:" + this->messages.textColors.regular.name() + ";" +
"selection-background-color:" + this->tabs.selected.backgrounds.regular.color().name();
// Message
this->messages.textColors.link = isLight ? QColor(66, 134, 244) : QColor(66, 134, 244);
2018-01-02 02:15:11 +01:00
this->messages.textColors.system = QColor(140, 127, 127);
this->messages.backgrounds.regular = splits.background;
this->messages.backgrounds.alternate = getColor(0, sat, 0.96);
this->messages.backgrounds.highlighted =
blendColors(themeColor, this->messages.backgrounds.regular, 0.8);
2018-01-02 02:15:11 +01:00
// this->messages.backgrounds.resub
// this->messages.backgrounds.whisper
this->messages.disabled = getColor(0, sat, 1, 0.6);
// this->messages.seperator =
// this->messages.seperatorInner =
2017-01-18 01:04:54 +01:00
2017-08-17 14:52:41 +02:00
// Scrollbar
2018-01-02 02:15:11 +01:00
this->scrollbars.background = getColor(0, sat, 0.94);
this->scrollbars.thumb = getColor(0, sat, 0.80);
this->scrollbars.thumbSelected = getColor(0, sat, 0.7);
2017-01-26 04:26:40 +01:00
2018-01-02 02:15:11 +01:00
// tooltip
this->tooltip.background = QColor(0, 0, 0);
this->tooltip.text = QColor(255, 255, 255);
2017-02-02 01:23:26 +01:00
2017-12-19 02:37:58 +01:00
// Selection
2018-01-02 02:15:11 +01:00
this->messages.selection = isLightTheme() ? QColor(0, 0, 0, 64) : QColor(255, 255, 255, 64);
2017-12-19 02:37:58 +01:00
this->updated.invoke();
2017-01-18 01:04:54 +01:00
}
2017-12-31 00:50:07 +01:00
QColor ThemeManager::blendColors(const QColor &color1, const QColor &color2, qreal ratio)
2017-09-12 19:06:16 +02:00
{
int r = color1.red() * (1 - ratio) + color2.red() * ratio;
int g = color1.green() * (1 - ratio) + color2.green() * ratio;
int b = color1.blue() * (1 - ratio) + color2.blue() * ratio;
return QColor(r, g, b, 255);
}
2017-12-31 00:50:07 +01:00
void ThemeManager::normalizeColor(QColor &color)
2017-01-18 01:04:54 +01:00
{
if (this->isLight) {
if (color.lightnessF() > 0.5f) {
color.setHslF(color.hueF(), color.saturationF(), 0.5f);
}
if (color.lightnessF() > 0.4f && color.hueF() > 0.1 && color.hueF() < 0.33333) {
2018-01-12 23:09:05 +01:00
color.setHslF(
color.hueF(), color.saturationF(),
color.lightnessF() - sin((color.hueF() - 0.1) / (0.3333 - 0.1) * 3.14159) *
color.saturationF() * 0.2);
}
2017-08-12 12:09:26 +02:00
} else {
if (color.lightnessF() < 0.5f) {
color.setHslF(color.hueF(), color.saturationF(), 0.5f);
}
if (color.lightnessF() < 0.6f && color.hueF() > 0.54444 && color.hueF() < 0.83333) {
2018-01-12 23:09:05 +01:00
color.setHslF(
color.hueF(), color.saturationF(),
color.lightnessF() + sin((color.hueF() - 0.54444) / (0.8333 - 0.54444) * 3.14159) *
color.saturationF() * 0.4);
2017-08-12 12:09:26 +02:00
}
}
2016-12-30 19:16:48 +01:00
}
2018-01-12 23:09:05 +01:00
} // namespace singletons
2017-04-14 17:52:22 +02:00
} // namespace chatterino