154 lines
5 KiB
QML
154 lines
5 KiB
QML
pragma Singleton
|
|
|
|
import QtQuick
|
|
import Quickshell
|
|
import Quickshell.Io
|
|
import qs.Commons
|
|
import qs.Services
|
|
|
|
|
|
/*
|
|
Noctalia is not strictly a Material Design project, it supports both some predefined
|
|
color schemes and dynamic color generation from the wallpaper (using Matugen).
|
|
|
|
We ultimately decided to use a restricted set of colors that follows the
|
|
Material Design 3 naming convention.
|
|
|
|
NOTE: All color names are prefixed with 'm' (e.g., mPrimary) to prevent QML from
|
|
misinterpreting them as signals (e.g., the 'onPrimary' property name).
|
|
*/
|
|
Singleton {
|
|
id: root
|
|
|
|
// --- Key Colors: These are the main accent colors that define your app's style
|
|
property color mPrimary: customColors.mPrimary
|
|
property color mOnPrimary: customColors.mOnPrimary
|
|
property color mSecondary: customColors.mSecondary
|
|
property color mOnSecondary: customColors.mOnSecondary
|
|
property color mTertiary: customColors.mTertiary
|
|
property color mOnTertiary: customColors.mOnTertiary
|
|
|
|
// --- Utility Colors: These colors serve specific, universal purposes like indicating errors
|
|
property color mError: customColors.mError
|
|
property color mOnError: customColors.mOnError
|
|
|
|
// --- Surface and Variant Colors: These provide additional options for surfaces and their contents, creating visual hierarchy
|
|
property color mSurface: customColors.mSurface
|
|
property color mOnSurface: customColors.mOnSurface
|
|
|
|
property color mSurfaceVariant: customColors.mSurfaceVariant
|
|
property color mOnSurfaceVariant: customColors.mOnSurfaceVariant
|
|
|
|
property color mOutline: customColors.mOutline
|
|
property color mShadow: customColors.mShadow
|
|
|
|
property color transparent: "transparent"
|
|
|
|
// --------------------------------
|
|
// Default colors: RosePine
|
|
QtObject {
|
|
id: defaultColors
|
|
|
|
property color mPrimary: "#c7a1d8"
|
|
property color mOnPrimary: "#1a151f"
|
|
|
|
property color mSecondary: "#a984c4"
|
|
property color mOnSecondary: "#f3edf7"
|
|
|
|
property color mTertiary: "#e0b7c9"
|
|
property color mOnTertiary: "#20161f"
|
|
|
|
property color mError: "#e9899d"
|
|
property color mOnError: "#1e1418"
|
|
|
|
property color mSurface: "#1c1822"
|
|
property color mOnSurface: "#e9e4f0"
|
|
|
|
property color mSurfaceVariant: "#262130"
|
|
property color mOnSurfaceVariant: "#a79ab0"
|
|
|
|
property color mOutline: "#342c42"
|
|
property color mShadow: "#120f18"
|
|
}
|
|
|
|
// ----------------------------------------------------------------
|
|
// Custom colors loaded from colors.json
|
|
// These can be generated by matugen or simply come from a well know color scheme (Dracula, Gruvbox, Nord, ...)
|
|
QtObject {
|
|
id: customColors
|
|
|
|
property color mPrimary: customColorsData.mPrimary
|
|
property color mOnPrimary: customColorsData.mOnPrimary
|
|
|
|
property color mSecondary: customColorsData.mSecondary
|
|
property color mOnSecondary: customColorsData.mOnSecondary
|
|
|
|
property color mTertiary: customColorsData.mTertiary
|
|
property color mOnTertiary: customColorsData.mOnTertiary
|
|
|
|
property color mError: customColorsData.mError
|
|
property color mOnError: customColorsData.mOnError
|
|
|
|
property color mSurface: customColorsData.mSurface
|
|
property color mOnSurface: customColorsData.mOnSurface
|
|
|
|
property color mSurfaceVariant: customColorsData.mSurfaceVariant
|
|
property color mOnSurfaceVariant: customColorsData.mOnSurfaceVariant
|
|
|
|
property color mOutline: customColorsData.mOutline
|
|
property color mShadow: customColorsData.mShadow
|
|
}
|
|
|
|
// FileView to load custom colors data from colors.json
|
|
FileView {
|
|
id: customColorsFile
|
|
path: Settings.directoriesCreated ? (Settings.configDir + "colors.json") : undefined
|
|
printErrors: false
|
|
watchChanges: true
|
|
onFileChanged: {
|
|
Logger.log("Color", "Reloading colors from disk")
|
|
reload()
|
|
}
|
|
onAdapterUpdated: {
|
|
Logger.log("Color", "Writing colors to disk")
|
|
writeAdapter()
|
|
}
|
|
|
|
// Trigger initial load when path changes from empty to actual path
|
|
onPathChanged: {
|
|
if (path !== undefined) {
|
|
reload()
|
|
}
|
|
}
|
|
onLoadFailed: function (error) {
|
|
if (error.toString().includes("No such file") || error === 2) {
|
|
// File doesn't exist, create it with default values
|
|
writeAdapter()
|
|
}
|
|
}
|
|
JsonAdapter {
|
|
id: customColorsData
|
|
|
|
property color mPrimary: defaultColors.mPrimary
|
|
property color mOnPrimary: defaultColors.mOnPrimary
|
|
|
|
property color mSecondary: defaultColors.mSecondary
|
|
property color mOnSecondary: defaultColors.mOnSecondary
|
|
|
|
property color mTertiary: defaultColors.mTertiary
|
|
property color mOnTertiary: defaultColors.mOnTertiary
|
|
|
|
property color mError: defaultColors.mError
|
|
property color mOnError: defaultColors.mOnError
|
|
|
|
property color mSurface: defaultColors.mSurface
|
|
property color mOnSurface: defaultColors.mOnSurface
|
|
|
|
property color mSurfaceVariant: defaultColors.mSurfaceVariant
|
|
property color mOnSurfaceVariant: defaultColors.mOnSurfaceVariant
|
|
|
|
property color mOutline: defaultColors.mOutline
|
|
property color mShadow: defaultColors.mShadow
|
|
}
|
|
}
|
|
}
|