From d841a51fd20cb4720cfd3db5c03b11e795687fa4 Mon Sep 17 00:00:00 2001 From: Benedikt Kulmann Date: Thu, 13 Mar 2025 12:12:37 +0100 Subject: [PATCH] feat(web): add material color roles to theme --- .../web/assets/themes/opencloud/theme.json | 53 +++++++++++++++++++ 1 file changed, 53 insertions(+) diff --git a/services/web/assets/themes/opencloud/theme.json b/services/web/assets/themes/opencloud/theme.json index 499a42ee5f..760edeeb56 100644 --- a/services/web/assets/themes/opencloud/theme.json +++ b/services/web/assets/themes/opencloud/theme.json @@ -93,6 +93,59 @@ "isDark": false, "label": "Light Theme", "designTokens": { + "roles": { + "primary": "#07677F", + "surfaceTint": "#07677F", + "onPrimary": "#FFFFFF", + "primaryContainer": "#B7EAFF", + "onPrimaryContainer": "#001F28", + "secondary": "#20434f", + "onSecondary": "#FFFFFF", + "secondaryContainer": "#f4e5ff", + "onSecondaryContainer": "#071E26", + "tertiary": "#5A5C7E", + "onTertiary": "#FFFFFF", + "tertiaryContainer": "#E0E0FF", + "onTertiaryContainer": "#171937", + "error": "#BA1A1A", + "onError": "#FFFFFF", + "errorContainer": "#FFDAD6", + "onErrorContainer": "#410002", + "background": "#F5FAFD", + "onBackground": "#171C1F", + "surface": "#FFFFFF", + "onSurface": "#171C1F", + "surfaceVariant": "#DBE4E8", + "onSurfaceVariant": "#40484C", + "outline": "#70787C", + "outlineVariant": "#BFC8CC", + "shadow": "#000000", + "scrim": "#000000", + "inverseSurface": "#2C3134", + "inverseOnSurface": "#EDF1F4", + "inversePrimary": "#88D1EC", + "primaryFixed": "#B7EAFF", + "onPrimaryFixed": "#001F28", + "primaryFixedDim": "#88D1EC", + "onPrimaryFixedVariant": "#004E60", + "secondaryFixed": "#CFE6F1", + "onSecondaryFixed": "#071E26", + "secondaryFixedDim": "#B3CAD4", + "onSecondaryFixedVariant": "#344A52", + "tertiaryFixed": "#E0E0FF", + "onTertiaryFixed": "#171937", + "tertiaryFixedDim": "#C3C3EB", + "onTertiaryFixedVariant": "#424465", + "surfaceDim": "#D6DBDE", + "surfaceBright": "#F5FAFD", + "surfaceContainerLowest": "#FFFFFF", + "surfaceContainerLow": "#EFF4F7", + "surfaceContainer": "#F1F3F4", + "surfaceContainerHigh": "#E4E9EC", + "surfaceContainerHighest": "#DEE3E6", + "chrome": "#20434f", + "onChrome": "#ffffff" + }, "colorPalette": { "background-accentuate": "rgba(255, 255, 5, 0.1)", "background-default": "#ffffff",