143 lines
4.4 KiB
QML
143 lines
4.4 KiB
QML
// Theme.qml
|
|
pragma Singleton
|
|
|
|
import QtQuick
|
|
import Quickshell
|
|
import Quickshell.Io
|
|
import qs.Services
|
|
|
|
Singleton {
|
|
id: root
|
|
|
|
// Backgrounds
|
|
property color backgroundPrimary: themeData.backgroundPrimary
|
|
property color backgroundSecondary: themeData.backgroundSecondary
|
|
property color backgroundTertiary: themeData.backgroundTertiary
|
|
|
|
// Surfaces & Elevation
|
|
property color surface: themeData.surface
|
|
property color surfaceVariant: themeData.surfaceVariant
|
|
|
|
// Text Colors
|
|
property color textPrimary: themeData.textPrimary
|
|
property color textSecondary: themeData.textSecondary
|
|
property color textDisabled: themeData.textDisabled
|
|
|
|
// Accent Colors
|
|
property color accentPrimary: themeData.accentPrimary
|
|
property color accentSecondary: themeData.accentSecondary
|
|
property color accentTertiary: themeData.accentTertiary
|
|
|
|
// Error/Warning
|
|
property color error: themeData.error
|
|
property color warning: themeData.warning
|
|
|
|
// Highlights & Focus
|
|
property color highlight: themeData.highlight
|
|
property color rippleEffect: themeData.rippleEffect
|
|
|
|
// Additional Theme Properties
|
|
property color onAccent: themeData.onAccent
|
|
property color outline: themeData.outline
|
|
|
|
// Shadows & Overlays
|
|
property color shadow: applyOpacity(themeData.shadow, "B3")
|
|
property color overlay: applyOpacity(themeData.overlay, "66")
|
|
|
|
// Font Properties
|
|
property string fontFamily: "Roboto" // Family for all text
|
|
|
|
// Design reference resolution (for scale = 1.0)
|
|
readonly property int designScreenWidth: 2560
|
|
readonly property int designScreenHeight: 1440
|
|
|
|
// Automatic, orientation-agnostic scaling
|
|
function scale(currentScreen) {
|
|
return 1.0
|
|
// // 1) Per-monitor override wins
|
|
// try {
|
|
// const overrides = Settings.settings.monitorScaleOverrides || {};
|
|
// if (currentScreen && currentScreen.name && overrides[currentScreen.name] !== undefined) {
|
|
// const overrideValue = overrides[currentScreen.name]
|
|
// if (isFinite(overrideValue)) return overrideValue
|
|
// }
|
|
// } catch (e) {
|
|
// // ignore
|
|
// }
|
|
|
|
// // 2) Fallback: scale by diagonal pixel count relative to design resolution
|
|
// try {
|
|
// const w = Math.max(1, currentScreen ? (currentScreen.width || 0) : 0)
|
|
// const h = Math.max(1, currentScreen ? (currentScreen.height || 0) : 0)
|
|
// if (w > 1 && h > 1) {
|
|
// const diag = Math.sqrt(w * w + h * h)
|
|
// const baseDiag = Math.sqrt(designScreenWidth * designScreenWidth + designScreenHeight * designScreenHeight)
|
|
// const ratio = diag / baseDiag
|
|
// // Clamp to a reasonable range for UI legibility
|
|
// return Math.max(0.9, Math.min(1.6, ratio))
|
|
// }
|
|
// } catch (e) {
|
|
// // ignore and fall through
|
|
// }
|
|
|
|
// // 3) Safe default
|
|
// return 1.0
|
|
}
|
|
|
|
function applyOpacity(color, opacity) {
|
|
return color.replace("#", "#" + opacity)
|
|
}
|
|
|
|
// FileView to load theme data from JSON file
|
|
FileView {
|
|
id: themeFile
|
|
path: Settings.themeFile
|
|
watchChanges: true
|
|
onFileChanged: reload()
|
|
onAdapterUpdated: writeAdapter()
|
|
onLoadFailed: function (error) {
|
|
if (error.toString().includes("No such file") || error === 2) {
|
|
// File doesn't exist, create it with default values
|
|
writeAdapter()
|
|
}
|
|
}
|
|
JsonAdapter {
|
|
id: themeData
|
|
|
|
// Backgrounds
|
|
property string backgroundPrimary: "#191724"
|
|
property string backgroundSecondary: "#1f1d2e"
|
|
property string backgroundTertiary: "#26233a"
|
|
|
|
// Surfaces & Elevation
|
|
property string surface: "#1f1d2e"
|
|
property string surfaceVariant: "#37354c"
|
|
|
|
// Text Colors
|
|
property string textPrimary: "#e0def4"
|
|
property string textSecondary: "#908caa"
|
|
property string textDisabled: "#6e6a86"
|
|
|
|
// Accent Colors
|
|
property string accentPrimary: "#ebbcba"
|
|
property string accentSecondary: "#31748f"
|
|
property string accentTertiary: "#9ccfd8"
|
|
|
|
// Error/Warning
|
|
property string error: "#eb6f92"
|
|
property string warning: "#f6c177"
|
|
|
|
// Highlights & Focus
|
|
property string highlight: "#c4a7e7"
|
|
property string rippleEffect: "#9ccfd8"
|
|
|
|
// Additional Theme Properties
|
|
property string onAccent: "#191724"
|
|
property string outline: "#44415a"
|
|
|
|
// Shadows & Overlays
|
|
property string shadow: "#191724"
|
|
property string overlay: "#191724"
|
|
}
|
|
}
|
|
}
|