// Copyright © SixtyFPS GmbH // SPDX-License-Identifier: MIT import { Palette } from "std-widgets.slint"; import { MaterialSchemes, MaterialScheme } from "material_schemes.slint"; export global MaterialPalette { out property primary: root.scheme.primary; out property surface_tint: root.scheme.surfaceTint; out property on_primary: root.scheme.onPrimary; out property primary_container: root.scheme.primaryContainer; out property on_primary_container: root.scheme.onPrimaryContainer; out property secondary: root.scheme.secondary; out property on_secondary: root.scheme.onSecondary; out property secondary_container: root.scheme.secondaryContainer; out property on_secondary_container: root.scheme.onSecondaryContainer; out property tertiary: root.scheme.tertiary; out property on_tertiary: root.scheme.onTertiary; out property tertiary_container: root.scheme.tertiaryContainer; out property on_tertiary_container: root.scheme.onTertiaryContainer; out property error: root.scheme.error; out property on_error: root.scheme.onError; out property error_container: root.scheme.errorContainer; out property on_error_container: root.scheme.onErrorContainer; out property background: root.scheme.background; out property on_background: root.scheme.onBackground; out property surface: root.scheme.surface; out property on_surface: root.scheme.onSurface; out property surface_variant: root.scheme.surfaceVariant; out property on_surface_variant: root.scheme.onSurfaceVariant; out property outline: root.scheme.outline; out property outline_variant: root.scheme.outlineVariant; out property shadow: root.scheme.shadow; out property scrim: root.scheme.scrim; out property inverse_surface: root.scheme.inverseSurface; out property inverse_on_surface: root.scheme.inverseOnSurface; out property inverse_primary: root.scheme.inversePrimary; out property primary_fixed: root.scheme.primaryFixed; out property on_primary_fixed: root.scheme.onPrimaryFixed; out property primary_fixed_dim: root.scheme.primaryFixedDim; out property on_primary_fixed_variant: root.scheme.onPrimaryFixedVariant; out property secondary_fixed: root.scheme.secondaryFixed; out property on_secondary_fixed: root.scheme.onSecondaryFixed; out property secondary_fixed_dim: root.scheme.secondaryFixedDim; out property on_secondary_fixed_variant: root.scheme.onSecondaryFixedVariant; out property tertiary_fixed: root.scheme.tertiaryFixed; out property on_tertiary_fixed: root.scheme.onTertiaryFixed; out property tertiary_fixed_dim: root.scheme.tertiaryFixedDim; out property on_tertiary_fixed_variant: root.scheme.onTertiaryFixedVariant; out property surface_dim: root.scheme.surfaceDim; out property surface_bright: root.scheme.surfaceBright; out property surface_container_lowest: root.scheme.surfaceContainerLowest; out property surface_container_low: root.scheme.surfaceContainerLow; out property surface_container: root.scheme.surfaceContainer; out property surface_container_high: root.scheme.surfaceContainerHigh; out property surface_container_highest: root.scheme.surfaceContainerHighest; out property shadow_15: #000000.with_alpha(15%); out property shadow_30: #000000.with_alpha(30%); out property state_layer_opacity_hover: 8%; out property state_layer_opacity_focus: 10%; out property state_layer_opacity_press: 10%; out property state_layer_opacity_disabled: 12%; out property state_layer_opacity_drag: 16%; out property disable_opacity: 38%; out property background_modal: #000000.with_alpha(50%); in property schemes: { light: { primary: rgb(68, 94, 145), surfaceTint: rgb(68, 94, 145), onPrimary: rgb(255, 255, 255), primaryContainer: rgb(216, 226, 255), onPrimaryContainer: rgb(0, 26, 66), secondary: rgb(87, 94, 113), onSecondary: rgb(255, 255, 255), secondaryContainer: rgb(219, 226, 249), onSecondaryContainer: rgb(20, 27, 44), tertiary: rgb(113, 85, 115), onTertiary: rgb(255, 255, 255), tertiaryContainer: rgb(252, 215, 251), onTertiaryContainer: rgb(41, 19, 45), error: rgb(186, 26, 26), onError: rgb(255, 255, 255), errorContainer: rgb(255, 218, 214), onErrorContainer: rgb(65, 0, 2), background: rgb(249, 249, 255), onBackground: rgb(26, 27, 32), surface: rgb(249, 249, 255), onSurface: rgb(26, 27, 32), surfaceVariant: rgb(225, 226, 236), onSurfaceVariant: rgb(68, 71, 79), outline: rgb(117, 119, 127), outlineVariant: rgb(196, 198, 208), shadow: rgb(0, 0, 0), scrim: rgb(0, 0, 0), inverseSurface: rgb(47, 48, 54), inverseOnSurface: rgb(240, 240, 247), inversePrimary: rgb(173, 198, 255), primaryFixed: rgb(216, 226, 255), onPrimaryFixed: rgb(0, 26, 66), primaryFixedDim: rgb(173, 198, 255), onPrimaryFixedVariant: rgb(43, 70, 120), secondaryFixed: rgb(219, 226, 249), onSecondaryFixed: rgb(20, 27, 44), secondaryFixedDim: rgb(191, 198, 220), onSecondaryFixedVariant: rgb(63, 71, 89), tertiaryFixed: rgb(252, 215, 251), onTertiaryFixed: rgb(41, 19, 45), tertiaryFixedDim: rgb(222, 188, 223), onTertiaryFixedVariant: rgb(88, 62, 91), surfaceDim: rgb(217, 217, 224), surfaceBright: rgb(246, 246, 255), surfaceContainerLowest: rgb(255, 255, 255), surfaceContainerLow: rgb(243, 243, 250), surfaceContainer: rgb(238, 237, 244), surfaceContainerHigh: rgb(232, 231, 239), surfaceContainerHighest: rgb(226, 226, 233), }, dark: { primary: rgb(173, 198, 255), surfaceTint: rgb(173, 198, 255), onPrimary: rgb(17, 47, 96), primaryContainer: rgb(43, 70, 120), onPrimaryContainer: rgb(216, 226, 255), secondary: rgb(191, 198, 220), onSecondary: rgb(41, 48, 65), secondaryContainer: rgb(63, 71, 89), onSecondaryContainer: rgb(219, 226, 249), tertiary: rgb(222, 188, 223), onTertiary: rgb(64, 40, 67), tertiaryContainer: rgb(88, 62, 91), onTertiaryContainer: rgb(252, 215, 251), error: rgb(255, 180, 171), onError: rgb(105, 0, 5), errorContainer: rgb(147, 0, 10), onErrorContainer: rgb(255, 218, 214), background: rgb(17, 19, 24), onBackground: rgb(226, 226, 233), surface: rgb(17, 19, 24), onSurface: rgb(226, 226, 233), surfaceVariant: rgb(68, 71, 79), onSurfaceVariant: rgb(196, 198, 208), outline: rgb(142, 144, 153), outlineVariant: rgb(68, 71, 79), shadow: rgb(0, 0, 0), scrim: rgb(0, 0, 0), inverseSurface: rgb(226, 226, 233), inverseOnSurface: rgb(47, 48, 54), inversePrimary: rgb(68, 94, 145), primaryFixed: rgb(216, 226, 255), onPrimaryFixed: rgb(0, 26, 66), primaryFixedDim: rgb(173, 198, 255), onPrimaryFixedVariant: rgb(43, 70, 120), secondaryFixed: rgb(219, 226, 249), onSecondaryFixed: rgb(20, 27, 44), secondaryFixedDim: rgb(191, 198, 220), onSecondaryFixedVariant: rgb(63, 71, 89), tertiaryFixed: rgb(252, 215, 251), onTertiaryFixed: rgb(41, 19, 45), tertiaryFixedDim: rgb(222, 188, 223), onTertiaryFixedVariant: rgb(88, 62, 91), surfaceDim: rgb(17, 19, 24), surfaceBright: rgb(55, 57, 62), surfaceContainerLowest: rgb(12, 14, 19), surfaceContainerLow: rgb(26, 27, 32), surfaceContainer: rgb(30, 31, 37), surfaceContainerHigh: rgb(40, 42, 47), surfaceContainerHighest: rgb(51, 53, 58), }, }; property scheme: Palette.color_scheme == ColorScheme.dark ? root.schemes.dark : root.schemes.light; }