Zacharias-Brohn
287 lines
13 KiB
QML
287 lines
13 KiB
QML
pragma Singleton
|
|
pragma ComponentBehavior: Bound
|
|
|
|
import Quickshell
|
|
import Quickshell.Io
|
|
import QtQuick
|
|
import ZShell
|
|
import qs.Helpers
|
|
import qs.Paths
|
|
|
|
Singleton {
|
|
id: root
|
|
|
|
readonly property M3Palette current: M3Palette {
|
|
}
|
|
property bool currentLight
|
|
property string flavour
|
|
readonly property bool light: showPreview ? previewLight : currentLight
|
|
readonly property M3Palette palette: showPreview ? preview : current
|
|
readonly property M3Palette preview: M3Palette {
|
|
}
|
|
property bool previewLight
|
|
property string scheme
|
|
property bool showPreview
|
|
readonly property M3TPalette tPalette: M3TPalette {
|
|
}
|
|
readonly property Transparency transparency: Transparency {
|
|
}
|
|
readonly property alias wallLuminance: analyser.luminance
|
|
|
|
function alterColor(c: color, a: real, layer: int): color {
|
|
const luminance = getLuminance(c);
|
|
|
|
const offset = (!light || layer == 1 ? 1 : -layer / 2) * (light ? 0.2 : 0.3) * (1 - transparency.base) * (1 + wallLuminance * (light ? (layer == 1 ? 3 : 1) : 2.5));
|
|
const scale = (luminance + offset) / luminance;
|
|
const r = Math.max(0, Math.min(1, c.r * scale));
|
|
const g = Math.max(0, Math.min(1, c.g * scale));
|
|
const b = Math.max(0, Math.min(1, c.b * scale));
|
|
|
|
return Qt.rgba(r, g, b, a);
|
|
}
|
|
|
|
function getLuminance(c: color): real {
|
|
if (c.r == 0 && c.g == 0 && c.b == 0)
|
|
return 0;
|
|
return Math.sqrt(0.299 * (c.r ** 2) + 0.587 * (c.g ** 2) + 0.114 * (c.b ** 2));
|
|
}
|
|
|
|
function layer(c: color, layer: var): color {
|
|
if (!transparency.enabled)
|
|
return c;
|
|
|
|
return layer === 0 ? Qt.alpha(c, transparency.base) : alterColor(c, transparency.layers, layer ?? 1);
|
|
}
|
|
|
|
function load(data: string, isPreview: bool): void {
|
|
const colors = isPreview ? preview : current;
|
|
const scheme = JSON.parse(data);
|
|
|
|
if (!isPreview) {
|
|
root.scheme = scheme.name;
|
|
flavour = scheme.flavor;
|
|
currentLight = scheme.mode === "light";
|
|
} else {
|
|
previewLight = scheme.mode === "light";
|
|
}
|
|
|
|
for (const [name, color] of Object.entries(scheme.colors)) {
|
|
const propName = name.startsWith("term") ? name : `m3${name}`;
|
|
if (colors.hasOwnProperty(propName))
|
|
colors[propName] = `${color}`;
|
|
}
|
|
}
|
|
|
|
function on(c: color): color {
|
|
if (c.hslLightness < 0.5)
|
|
return Qt.hsla(c.hslHue, c.hslSaturation, 0.9, 1);
|
|
return Qt.hsla(c.hslHue, c.hslSaturation, 0.1, 1);
|
|
}
|
|
|
|
function setMode(mode: string): void {
|
|
Quickshell.execDetached(["zshell-cli", "scheme", "generate", "--mode", mode]);
|
|
Config.general.color.mode = mode;
|
|
Config.save();
|
|
}
|
|
|
|
FileView {
|
|
path: `${Paths.state}/scheme.json`
|
|
watchChanges: true
|
|
|
|
onFileChanged: reload()
|
|
onLoaded: root.load(text(), false)
|
|
}
|
|
|
|
ImageAnalyser {
|
|
id: analyser
|
|
|
|
source: WallpaperPath.currentWallpaperPath
|
|
}
|
|
|
|
component M3MaccchiatoPalette: QtObject {
|
|
property color m3background: "#131317"
|
|
property color m3error: "#ffb4ab"
|
|
property color m3errorContainer: "#93000a"
|
|
property color m3inverseOnSurface: "#303034"
|
|
property color m3inversePrimary: "#525b92"
|
|
property color m3inverseSurface: "#e4e1e7"
|
|
property color m3neutral_paletteKeyColor: "#77767b"
|
|
property color m3neutral_variant_paletteKeyColor: "#767680"
|
|
property color m3onBackground: "#e4e1e7"
|
|
property color m3onError: "#690005"
|
|
property color m3onErrorContainer: "#ffdad6"
|
|
property color m3onPrimary: "#232c60"
|
|
property color m3onPrimaryContainer: "#ffffff"
|
|
property color m3onPrimaryFixed: "#0b154b"
|
|
property color m3onPrimaryFixedVariant: "#3a4378"
|
|
property color m3onSecondary: "#2c2f44"
|
|
property color m3onSecondaryContainer: "#b1b3ce"
|
|
property color m3onSecondaryFixed: "#171a2e"
|
|
property color m3onSecondaryFixedVariant: "#42455c"
|
|
property color m3onSuccess: "#213528"
|
|
property color m3onSuccessContainer: "#D1E9D6"
|
|
property color m3onSurface: "#e4e1e7"
|
|
property color m3onSurfaceVariant: "#c6c5d1"
|
|
property color m3onTertiary: "#4c1f48"
|
|
property color m3onTertiaryContainer: "#000000"
|
|
property color m3onTertiaryFixed: "#340831"
|
|
property color m3onTertiaryFixedVariant: "#66365f"
|
|
property color m3outline: "#90909a"
|
|
property color m3outlineVariant: "#46464f"
|
|
property color m3primary: "#bac3ff"
|
|
property color m3primaryContainer: "#6a73ac"
|
|
property color m3primaryFixed: "#dee0ff"
|
|
property color m3primaryFixedDim: "#bac3ff"
|
|
property color m3primary_paletteKeyColor: "#6a73ac"
|
|
property color m3scrim: "#000000"
|
|
property color m3secondary: "#c3c5e0"
|
|
property color m3secondaryContainer: "#42455c"
|
|
property color m3secondaryFixed: "#dfe1fd"
|
|
property color m3secondaryFixedDim: "#c3c5e0"
|
|
property color m3secondary_paletteKeyColor: "#72758e"
|
|
property color m3shadow: "#000000"
|
|
property color m3success: "#B5CCBA"
|
|
property color m3successContainer: "#374B3E"
|
|
property color m3surface: "#131317"
|
|
property color m3surfaceBright: "#39393d"
|
|
property color m3surfaceContainer: "#1f1f23"
|
|
property color m3surfaceContainerHigh: "#2a2a2e"
|
|
property color m3surfaceContainerHighest: "#353438"
|
|
property color m3surfaceContainerLow: "#1b1b1f"
|
|
property color m3surfaceContainerLowest: "#0e0e12"
|
|
property color m3surfaceDim: "#131317"
|
|
property color m3surfaceTint: "#bac3ff"
|
|
property color m3surfaceVariant: "#46464f"
|
|
property color m3tertiary: "#f1b3e5"
|
|
property color m3tertiaryContainer: "#b77ead"
|
|
property color m3tertiaryFixed: "#ffd7f4"
|
|
property color m3tertiaryFixedDim: "#f1b3e5"
|
|
property color m3tertiary_paletteKeyColor: "#9b6592"
|
|
}
|
|
component M3Palette: QtObject {
|
|
property color m3background: "#191114"
|
|
property color m3error: "#ffb4ab"
|
|
property color m3errorContainer: "#93000a"
|
|
property color m3inverseOnSurface: "#372e30"
|
|
property color m3inversePrimary: "#8b4a62"
|
|
property color m3inverseSurface: "#efdfe2"
|
|
property color m3neutral_paletteKeyColor: "#807477"
|
|
property color m3neutral_variant_paletteKeyColor: "#837377"
|
|
property color m3onBackground: "#efdfe2"
|
|
property color m3onError: "#690005"
|
|
property color m3onErrorContainer: "#ffdad6"
|
|
property color m3onPrimary: "#541d34"
|
|
property color m3onPrimaryContainer: "#ffd9e3"
|
|
property color m3onPrimaryFixed: "#39071f"
|
|
property color m3onPrimaryFixedVariant: "#6f334a"
|
|
property color m3onSecondary: "#422932"
|
|
property color m3onSecondaryContainer: "#ffd9e3"
|
|
property color m3onSecondaryFixed: "#2b151d"
|
|
property color m3onSecondaryFixedVariant: "#5a3f48"
|
|
property color m3onSuccess: "#213528"
|
|
property color m3onSuccessContainer: "#D1E9D6"
|
|
property color m3onSurface: "#efdfe2"
|
|
property color m3onSurfaceVariant: "#d5c2c6"
|
|
property color m3onTertiary: "#48290c"
|
|
property color m3onTertiaryContainer: "#000000"
|
|
property color m3onTertiaryFixed: "#2f1500"
|
|
property color m3onTertiaryFixedVariant: "#623f21"
|
|
property color m3outline: "#9e8c91"
|
|
property color m3outlineVariant: "#514347"
|
|
property color m3primary: "#ffb0ca"
|
|
property color m3primaryContainer: "#6f334a"
|
|
property color m3primaryFixed: "#ffd9e3"
|
|
property color m3primaryFixedDim: "#ffb0ca"
|
|
property color m3primary_paletteKeyColor: "#a8627b"
|
|
property color m3scrim: "#000000"
|
|
property color m3secondary: "#e2bdc7"
|
|
property color m3secondaryContainer: "#5a3f48"
|
|
property color m3secondaryFixed: "#ffd9e3"
|
|
property color m3secondaryFixedDim: "#e2bdc7"
|
|
property color m3secondary_paletteKeyColor: "#8e6f78"
|
|
property color m3shadow: "#000000"
|
|
property color m3success: "#B5CCBA"
|
|
property color m3successContainer: "#374B3E"
|
|
property color m3surface: "#191114"
|
|
property color m3surfaceBright: "#403739"
|
|
property color m3surfaceContainer: "#261d20"
|
|
property color m3surfaceContainerHigh: "#31282a"
|
|
property color m3surfaceContainerHighest: "#3c3235"
|
|
property color m3surfaceContainerLow: "#22191c"
|
|
property color m3surfaceContainerLowest: "#130c0e"
|
|
property color m3surfaceDim: "#191114"
|
|
property color m3surfaceTint: "#ffb0ca"
|
|
property color m3surfaceVariant: "#514347"
|
|
property color m3tertiary: "#f0bc95"
|
|
property color m3tertiaryContainer: "#b58763"
|
|
property color m3tertiaryFixed: "#ffdcc3"
|
|
property color m3tertiaryFixedDim: "#f0bc95"
|
|
property color m3tertiary_paletteKeyColor: "#986e4c"
|
|
}
|
|
component M3TPalette: QtObject {
|
|
readonly property color m3background: root.layer(root.palette.m3background, 0)
|
|
readonly property color m3error: root.layer(root.palette.m3error)
|
|
readonly property color m3errorContainer: root.layer(root.palette.m3errorContainer)
|
|
readonly property color m3inverseOnSurface: root.layer(root.palette.m3inverseOnSurface)
|
|
readonly property color m3inversePrimary: root.layer(root.palette.m3inversePrimary)
|
|
readonly property color m3inverseSurface: root.layer(root.palette.m3inverseSurface, 0)
|
|
readonly property color m3neutral_paletteKeyColor: root.layer(root.palette.m3neutral_paletteKeyColor)
|
|
readonly property color m3neutral_variant_paletteKeyColor: root.layer(root.palette.m3neutral_variant_paletteKeyColor)
|
|
readonly property color m3onBackground: root.layer(root.palette.m3onBackground)
|
|
readonly property color m3onError: root.layer(root.palette.m3onError)
|
|
readonly property color m3onErrorContainer: root.layer(root.palette.m3onErrorContainer)
|
|
readonly property color m3onPrimary: root.layer(root.palette.m3onPrimary)
|
|
readonly property color m3onPrimaryContainer: root.layer(root.palette.m3onPrimaryContainer)
|
|
readonly property color m3onPrimaryFixed: root.layer(root.palette.m3onPrimaryFixed)
|
|
readonly property color m3onPrimaryFixedVariant: root.layer(root.palette.m3onPrimaryFixedVariant)
|
|
readonly property color m3onSecondary: root.layer(root.palette.m3onSecondary)
|
|
readonly property color m3onSecondaryContainer: root.layer(root.palette.m3onSecondaryContainer)
|
|
readonly property color m3onSecondaryFixed: root.layer(root.palette.m3onSecondaryFixed)
|
|
readonly property color m3onSecondaryFixedVariant: root.layer(root.palette.m3onSecondaryFixedVariant)
|
|
readonly property color m3onSuccess: root.layer(root.palette.m3onSuccess)
|
|
readonly property color m3onSuccessContainer: root.layer(root.palette.m3onSuccessContainer)
|
|
readonly property color m3onSurface: root.layer(root.palette.m3onSurface)
|
|
readonly property color m3onSurfaceVariant: root.layer(root.palette.m3onSurfaceVariant)
|
|
readonly property color m3onTertiary: root.layer(root.palette.m3onTertiary)
|
|
readonly property color m3onTertiaryContainer: root.layer(root.palette.m3onTertiaryContainer)
|
|
readonly property color m3onTertiaryFixed: root.layer(root.palette.m3onTertiaryFixed)
|
|
readonly property color m3onTertiaryFixedVariant: root.layer(root.palette.m3onTertiaryFixedVariant)
|
|
readonly property color m3outline: root.layer(root.palette.m3outline)
|
|
readonly property color m3outlineVariant: root.layer(root.palette.m3outlineVariant)
|
|
readonly property color m3primary: root.layer(root.palette.m3primary)
|
|
readonly property color m3primaryContainer: root.layer(root.palette.m3primaryContainer)
|
|
readonly property color m3primaryFixed: root.layer(root.palette.m3primaryFixed)
|
|
readonly property color m3primaryFixedDim: root.layer(root.palette.m3primaryFixedDim)
|
|
readonly property color m3primary_paletteKeyColor: root.layer(root.palette.m3primary_paletteKeyColor)
|
|
readonly property color m3scrim: root.layer(root.palette.m3scrim)
|
|
readonly property color m3secondary: root.layer(root.palette.m3secondary)
|
|
readonly property color m3secondaryContainer: root.layer(root.palette.m3secondaryContainer)
|
|
readonly property color m3secondaryFixed: root.layer(root.palette.m3secondaryFixed)
|
|
readonly property color m3secondaryFixedDim: root.layer(root.palette.m3secondaryFixedDim)
|
|
readonly property color m3secondary_paletteKeyColor: root.layer(root.palette.m3secondary_paletteKeyColor)
|
|
readonly property color m3shadow: root.layer(root.palette.m3shadow)
|
|
readonly property color m3success: root.layer(root.palette.m3success)
|
|
readonly property color m3successContainer: root.layer(root.palette.m3successContainer)
|
|
readonly property color m3surface: root.layer(root.palette.m3surface, 0)
|
|
readonly property color m3surfaceBright: root.layer(root.palette.m3surfaceBright, 0)
|
|
readonly property color m3surfaceContainer: root.layer(root.palette.m3surfaceContainer)
|
|
readonly property color m3surfaceContainerHigh: root.layer(root.palette.m3surfaceContainerHigh)
|
|
readonly property color m3surfaceContainerHighest: root.layer(root.palette.m3surfaceContainerHighest)
|
|
readonly property color m3surfaceContainerLow: root.layer(root.palette.m3surfaceContainerLow)
|
|
readonly property color m3surfaceContainerLowest: root.layer(root.palette.m3surfaceContainerLowest)
|
|
readonly property color m3surfaceDim: root.layer(root.palette.m3surfaceDim, 0)
|
|
readonly property color m3surfaceTint: root.layer(root.palette.m3surfaceTint)
|
|
readonly property color m3surfaceVariant: root.layer(root.palette.m3surfaceVariant, 0)
|
|
readonly property color m3tertiary: root.layer(root.palette.m3tertiary)
|
|
readonly property color m3tertiaryContainer: root.layer(root.palette.m3tertiaryContainer)
|
|
readonly property color m3tertiaryFixed: root.layer(root.palette.m3tertiaryFixed)
|
|
readonly property color m3tertiaryFixedDim: root.layer(root.palette.m3tertiaryFixedDim)
|
|
readonly property color m3tertiary_paletteKeyColor: root.layer(root.palette.m3tertiary_paletteKeyColor)
|
|
}
|
|
component Transparency: QtObject {
|
|
readonly property real base: Appearance.transparency.base - (root.light ? 0.1 : 0)
|
|
readonly property bool enabled: Appearance.transparency.enabled
|
|
readonly property real layers: Appearance.transparency.layers
|
|
}
|
|
}
|