feat(web): add material color roles to theme

2025-03-13 12:12:37 +01:00
parent 5d577930ae
commit d841a51fd2
1 changed files with 53 additions and 0 deletions
@@ -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",