wehub-resource-sync
877 lines
16 KiB
JSON
877 lines
16 KiB
JSON
{
|
|
"name": {
|
|
"$type": "string",
|
|
"$value": "Paws & Paths"
|
|
},
|
|
"colors": {
|
|
"surface": {
|
|
"$type": "color",
|
|
"$value": {
|
|
"colorSpace": "srgb",
|
|
"components": [
|
|
0.976,
|
|
0.976,
|
|
1.0
|
|
],
|
|
"hex": "#f9f9ff"
|
|
}
|
|
},
|
|
"surface-dim": {
|
|
"$type": "color",
|
|
"$value": {
|
|
"colorSpace": "srgb",
|
|
"components": [
|
|
0.827,
|
|
0.855,
|
|
0.918
|
|
],
|
|
"hex": "#d3daea"
|
|
}
|
|
},
|
|
"surface-bright": {
|
|
"$type": "color",
|
|
"$value": {
|
|
"colorSpace": "srgb",
|
|
"components": [
|
|
0.976,
|
|
0.976,
|
|
1.0
|
|
],
|
|
"hex": "#f9f9ff"
|
|
}
|
|
},
|
|
"surface-container-lowest": {
|
|
"$type": "color",
|
|
"$value": {
|
|
"colorSpace": "srgb",
|
|
"components": [
|
|
1.0,
|
|
1.0,
|
|
1.0
|
|
],
|
|
"hex": "#ffffff"
|
|
}
|
|
},
|
|
"surface-container-low": {
|
|
"$type": "color",
|
|
"$value": {
|
|
"colorSpace": "srgb",
|
|
"components": [
|
|
0.941,
|
|
0.953,
|
|
1.0
|
|
],
|
|
"hex": "#f0f3ff"
|
|
}
|
|
},
|
|
"surface-container": {
|
|
"$type": "color",
|
|
"$value": {
|
|
"colorSpace": "srgb",
|
|
"components": [
|
|
0.906,
|
|
0.933,
|
|
0.996
|
|
],
|
|
"hex": "#e7eefe"
|
|
}
|
|
},
|
|
"surface-container-high": {
|
|
"$type": "color",
|
|
"$value": {
|
|
"colorSpace": "srgb",
|
|
"components": [
|
|
0.886,
|
|
0.91,
|
|
0.973
|
|
],
|
|
"hex": "#e2e8f8"
|
|
}
|
|
},
|
|
"surface-container-highest": {
|
|
"$type": "color",
|
|
"$value": {
|
|
"colorSpace": "srgb",
|
|
"components": [
|
|
0.863,
|
|
0.886,
|
|
0.953
|
|
],
|
|
"hex": "#dce2f3"
|
|
}
|
|
},
|
|
"on-surface": {
|
|
"$type": "color",
|
|
"$value": {
|
|
"colorSpace": "srgb",
|
|
"components": [
|
|
0.082,
|
|
0.11,
|
|
0.153
|
|
],
|
|
"hex": "#151c27"
|
|
}
|
|
},
|
|
"on-surface-variant": {
|
|
"$type": "color",
|
|
"$value": {
|
|
"colorSpace": "srgb",
|
|
"components": [
|
|
0.325,
|
|
0.267,
|
|
0.204
|
|
],
|
|
"hex": "#534434"
|
|
}
|
|
},
|
|
"inverse-surface": {
|
|
"$type": "color",
|
|
"$value": {
|
|
"colorSpace": "srgb",
|
|
"components": [
|
|
0.165,
|
|
0.192,
|
|
0.239
|
|
],
|
|
"hex": "#2a313d"
|
|
}
|
|
},
|
|
"inverse-on-surface": {
|
|
"$type": "color",
|
|
"$value": {
|
|
"colorSpace": "srgb",
|
|
"components": [
|
|
0.922,
|
|
0.945,
|
|
1.0
|
|
],
|
|
"hex": "#ebf1ff"
|
|
}
|
|
},
|
|
"outline": {
|
|
"$type": "color",
|
|
"$value": {
|
|
"colorSpace": "srgb",
|
|
"components": [
|
|
0.525,
|
|
0.455,
|
|
0.38
|
|
],
|
|
"hex": "#867461"
|
|
}
|
|
},
|
|
"outline-variant": {
|
|
"$type": "color",
|
|
"$value": {
|
|
"colorSpace": "srgb",
|
|
"components": [
|
|
0.847,
|
|
0.765,
|
|
0.678
|
|
],
|
|
"hex": "#d8c3ad"
|
|
}
|
|
},
|
|
"surface-tint": {
|
|
"$type": "color",
|
|
"$value": {
|
|
"colorSpace": "srgb",
|
|
"components": [
|
|
0.522,
|
|
0.325,
|
|
0.0
|
|
],
|
|
"hex": "#855300"
|
|
}
|
|
},
|
|
"primary": {
|
|
"$type": "color",
|
|
"$value": {
|
|
"colorSpace": "srgb",
|
|
"components": [
|
|
0.522,
|
|
0.325,
|
|
0.0
|
|
],
|
|
"hex": "#855300"
|
|
}
|
|
},
|
|
"on-primary": {
|
|
"$type": "color",
|
|
"$value": {
|
|
"colorSpace": "srgb",
|
|
"components": [
|
|
1.0,
|
|
1.0,
|
|
1.0
|
|
],
|
|
"hex": "#ffffff"
|
|
}
|
|
},
|
|
"primary-container": {
|
|
"$type": "color",
|
|
"$value": {
|
|
"colorSpace": "srgb",
|
|
"components": [
|
|
0.961,
|
|
0.62,
|
|
0.043
|
|
],
|
|
"hex": "#f59e0b"
|
|
}
|
|
},
|
|
"on-primary-container": {
|
|
"$type": "color",
|
|
"$value": {
|
|
"colorSpace": "srgb",
|
|
"components": [
|
|
0.38,
|
|
0.231,
|
|
0.0
|
|
],
|
|
"hex": "#613b00"
|
|
}
|
|
},
|
|
"inverse-primary": {
|
|
"$type": "color",
|
|
"$value": {
|
|
"colorSpace": "srgb",
|
|
"components": [
|
|
1.0,
|
|
0.725,
|
|
0.373
|
|
],
|
|
"hex": "#ffb95f"
|
|
}
|
|
},
|
|
"secondary": {
|
|
"$type": "color",
|
|
"$value": {
|
|
"colorSpace": "srgb",
|
|
"components": [
|
|
0.0,
|
|
0.345,
|
|
0.745
|
|
],
|
|
"hex": "#0058be"
|
|
}
|
|
},
|
|
"on-secondary": {
|
|
"$type": "color",
|
|
"$value": {
|
|
"colorSpace": "srgb",
|
|
"components": [
|
|
1.0,
|
|
1.0,
|
|
1.0
|
|
],
|
|
"hex": "#ffffff"
|
|
}
|
|
},
|
|
"secondary-container": {
|
|
"$type": "color",
|
|
"$value": {
|
|
"colorSpace": "srgb",
|
|
"components": [
|
|
0.129,
|
|
0.439,
|
|
0.894
|
|
],
|
|
"hex": "#2170e4"
|
|
}
|
|
},
|
|
"on-secondary-container": {
|
|
"$type": "color",
|
|
"$value": {
|
|
"colorSpace": "srgb",
|
|
"components": [
|
|
0.996,
|
|
0.988,
|
|
1.0
|
|
],
|
|
"hex": "#fefcff"
|
|
}
|
|
},
|
|
"tertiary": {
|
|
"$type": "color",
|
|
"$value": {
|
|
"colorSpace": "srgb",
|
|
"components": [
|
|
0.0,
|
|
0.396,
|
|
0.545
|
|
],
|
|
"hex": "#00658b"
|
|
}
|
|
},
|
|
"on-tertiary": {
|
|
"$type": "color",
|
|
"$value": {
|
|
"colorSpace": "srgb",
|
|
"components": [
|
|
1.0,
|
|
1.0,
|
|
1.0
|
|
],
|
|
"hex": "#ffffff"
|
|
}
|
|
},
|
|
"tertiary-container": {
|
|
"$type": "color",
|
|
"$value": {
|
|
"colorSpace": "srgb",
|
|
"components": [
|
|
0.102,
|
|
0.741,
|
|
1.0
|
|
],
|
|
"hex": "#1abdff"
|
|
}
|
|
},
|
|
"on-tertiary-container": {
|
|
"$type": "color",
|
|
"$value": {
|
|
"colorSpace": "srgb",
|
|
"components": [
|
|
0.0,
|
|
0.286,
|
|
0.4
|
|
],
|
|
"hex": "#004966"
|
|
}
|
|
},
|
|
"error": {
|
|
"$type": "color",
|
|
"$value": {
|
|
"colorSpace": "srgb",
|
|
"components": [
|
|
0.729,
|
|
0.102,
|
|
0.102
|
|
],
|
|
"hex": "#ba1a1a"
|
|
}
|
|
},
|
|
"on-error": {
|
|
"$type": "color",
|
|
"$value": {
|
|
"colorSpace": "srgb",
|
|
"components": [
|
|
1.0,
|
|
1.0,
|
|
1.0
|
|
],
|
|
"hex": "#ffffff"
|
|
}
|
|
},
|
|
"error-container": {
|
|
"$type": "color",
|
|
"$value": {
|
|
"colorSpace": "srgb",
|
|
"components": [
|
|
1.0,
|
|
0.855,
|
|
0.839
|
|
],
|
|
"hex": "#ffdad6"
|
|
}
|
|
},
|
|
"on-error-container": {
|
|
"$type": "color",
|
|
"$value": {
|
|
"colorSpace": "srgb",
|
|
"components": [
|
|
0.576,
|
|
0.0,
|
|
0.039
|
|
],
|
|
"hex": "#93000a"
|
|
}
|
|
},
|
|
"primary-fixed": {
|
|
"$type": "color",
|
|
"$value": {
|
|
"colorSpace": "srgb",
|
|
"components": [
|
|
1.0,
|
|
0.867,
|
|
0.722
|
|
],
|
|
"hex": "#ffddb8"
|
|
}
|
|
},
|
|
"primary-fixed-dim": {
|
|
"$type": "color",
|
|
"$value": {
|
|
"colorSpace": "srgb",
|
|
"components": [
|
|
1.0,
|
|
0.725,
|
|
0.373
|
|
],
|
|
"hex": "#ffb95f"
|
|
}
|
|
},
|
|
"on-primary-fixed": {
|
|
"$type": "color",
|
|
"$value": {
|
|
"colorSpace": "srgb",
|
|
"components": [
|
|
0.165,
|
|
0.09,
|
|
0.0
|
|
],
|
|
"hex": "#2a1700"
|
|
}
|
|
},
|
|
"on-primary-fixed-variant": {
|
|
"$type": "color",
|
|
"$value": {
|
|
"colorSpace": "srgb",
|
|
"components": [
|
|
0.396,
|
|
0.243,
|
|
0.0
|
|
],
|
|
"hex": "#653e00"
|
|
}
|
|
},
|
|
"secondary-fixed": {
|
|
"$type": "color",
|
|
"$value": {
|
|
"colorSpace": "srgb",
|
|
"components": [
|
|
0.847,
|
|
0.886,
|
|
1.0
|
|
],
|
|
"hex": "#d8e2ff"
|
|
}
|
|
},
|
|
"secondary-fixed-dim": {
|
|
"$type": "color",
|
|
"$value": {
|
|
"colorSpace": "srgb",
|
|
"components": [
|
|
0.678,
|
|
0.776,
|
|
1.0
|
|
],
|
|
"hex": "#adc6ff"
|
|
}
|
|
},
|
|
"on-secondary-fixed": {
|
|
"$type": "color",
|
|
"$value": {
|
|
"colorSpace": "srgb",
|
|
"components": [
|
|
0.0,
|
|
0.102,
|
|
0.259
|
|
],
|
|
"hex": "#001a42"
|
|
}
|
|
},
|
|
"on-secondary-fixed-variant": {
|
|
"$type": "color",
|
|
"$value": {
|
|
"colorSpace": "srgb",
|
|
"components": [
|
|
0.0,
|
|
0.263,
|
|
0.584
|
|
],
|
|
"hex": "#004395"
|
|
}
|
|
},
|
|
"tertiary-fixed": {
|
|
"$type": "color",
|
|
"$value": {
|
|
"colorSpace": "srgb",
|
|
"components": [
|
|
0.773,
|
|
0.906,
|
|
1.0
|
|
],
|
|
"hex": "#c5e7ff"
|
|
}
|
|
},
|
|
"tertiary-fixed-dim": {
|
|
"$type": "color",
|
|
"$value": {
|
|
"colorSpace": "srgb",
|
|
"components": [
|
|
0.498,
|
|
0.816,
|
|
1.0
|
|
],
|
|
"hex": "#7fd0ff"
|
|
}
|
|
},
|
|
"on-tertiary-fixed": {
|
|
"$type": "color",
|
|
"$value": {
|
|
"colorSpace": "srgb",
|
|
"components": [
|
|
0.0,
|
|
0.118,
|
|
0.176
|
|
],
|
|
"hex": "#001e2d"
|
|
}
|
|
},
|
|
"on-tertiary-fixed-variant": {
|
|
"$type": "color",
|
|
"$value": {
|
|
"colorSpace": "srgb",
|
|
"components": [
|
|
0.0,
|
|
0.298,
|
|
0.416
|
|
],
|
|
"hex": "#004c6a"
|
|
}
|
|
},
|
|
"background": {
|
|
"$type": "color",
|
|
"$value": {
|
|
"colorSpace": "srgb",
|
|
"components": [
|
|
0.976,
|
|
0.976,
|
|
1.0
|
|
],
|
|
"hex": "#f9f9ff"
|
|
}
|
|
},
|
|
"on-background": {
|
|
"$type": "color",
|
|
"$value": {
|
|
"colorSpace": "srgb",
|
|
"components": [
|
|
0.082,
|
|
0.11,
|
|
0.153
|
|
],
|
|
"hex": "#151c27"
|
|
}
|
|
},
|
|
"surface-variant": {
|
|
"$type": "color",
|
|
"$value": {
|
|
"colorSpace": "srgb",
|
|
"components": [
|
|
0.863,
|
|
0.886,
|
|
0.953
|
|
],
|
|
"hex": "#dce2f3"
|
|
}
|
|
}
|
|
},
|
|
"typography": {
|
|
"display": {
|
|
"$type": "typography",
|
|
"$value": {
|
|
"fontFamily": "Plus Jakarta Sans",
|
|
"fontSize": {
|
|
"value": 44,
|
|
"unit": "px"
|
|
},
|
|
"fontWeight": 800,
|
|
"lineHeight": {
|
|
"value": 52,
|
|
"unit": "px"
|
|
},
|
|
"letterSpacing": {
|
|
"value": -0.02,
|
|
"unit": "em"
|
|
}
|
|
}
|
|
},
|
|
"headline-lg": {
|
|
"$type": "typography",
|
|
"$value": {
|
|
"fontFamily": "Plus Jakarta Sans",
|
|
"fontSize": {
|
|
"value": 32,
|
|
"unit": "px"
|
|
},
|
|
"fontWeight": 700,
|
|
"lineHeight": {
|
|
"value": 40,
|
|
"unit": "px"
|
|
},
|
|
"letterSpacing": {
|
|
"value": -0.01,
|
|
"unit": "em"
|
|
}
|
|
}
|
|
},
|
|
"headline-md": {
|
|
"$type": "typography",
|
|
"$value": {
|
|
"fontFamily": "Plus Jakarta Sans",
|
|
"fontSize": {
|
|
"value": 24,
|
|
"unit": "px"
|
|
},
|
|
"fontWeight": 700,
|
|
"lineHeight": {
|
|
"value": 32,
|
|
"unit": "px"
|
|
}
|
|
}
|
|
},
|
|
"title-lg": {
|
|
"$type": "typography",
|
|
"$value": {
|
|
"fontFamily": "Plus Jakarta Sans",
|
|
"fontSize": {
|
|
"value": 20,
|
|
"unit": "px"
|
|
},
|
|
"fontWeight": 600,
|
|
"lineHeight": {
|
|
"value": 28,
|
|
"unit": "px"
|
|
}
|
|
}
|
|
},
|
|
"body-lg": {
|
|
"$type": "typography",
|
|
"$value": {
|
|
"fontFamily": "Plus Jakarta Sans",
|
|
"fontSize": {
|
|
"value": 18,
|
|
"unit": "px"
|
|
},
|
|
"fontWeight": 400,
|
|
"lineHeight": {
|
|
"value": 28,
|
|
"unit": "px"
|
|
}
|
|
}
|
|
},
|
|
"body-md": {
|
|
"$type": "typography",
|
|
"$value": {
|
|
"fontFamily": "Plus Jakarta Sans",
|
|
"fontSize": {
|
|
"value": 16,
|
|
"unit": "px"
|
|
},
|
|
"fontWeight": 400,
|
|
"lineHeight": {
|
|
"value": 24,
|
|
"unit": "px"
|
|
}
|
|
}
|
|
},
|
|
"label-md": {
|
|
"$type": "typography",
|
|
"$value": {
|
|
"fontFamily": "Plus Jakarta Sans",
|
|
"fontSize": {
|
|
"value": 14,
|
|
"unit": "px"
|
|
},
|
|
"fontWeight": 600,
|
|
"lineHeight": {
|
|
"value": 20,
|
|
"unit": "px"
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0.01,
|
|
"unit": "em"
|
|
}
|
|
}
|
|
},
|
|
"label-sm": {
|
|
"$type": "typography",
|
|
"$value": {
|
|
"fontFamily": "Plus Jakarta Sans",
|
|
"fontSize": {
|
|
"value": 12,
|
|
"unit": "px"
|
|
},
|
|
"fontWeight": 500,
|
|
"lineHeight": {
|
|
"value": 16,
|
|
"unit": "px"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"rounded": {
|
|
"sm": {
|
|
"$type": "dimension",
|
|
"$value": {
|
|
"value": 0.25,
|
|
"unit": "rem"
|
|
}
|
|
},
|
|
"DEFAULT": {
|
|
"$type": "dimension",
|
|
"$value": {
|
|
"value": 0.5,
|
|
"unit": "rem"
|
|
}
|
|
},
|
|
"md": {
|
|
"$type": "dimension",
|
|
"$value": {
|
|
"value": 0.75,
|
|
"unit": "rem"
|
|
}
|
|
},
|
|
"lg": {
|
|
"$type": "dimension",
|
|
"$value": {
|
|
"value": 1,
|
|
"unit": "rem"
|
|
}
|
|
},
|
|
"xl": {
|
|
"$type": "dimension",
|
|
"$value": {
|
|
"value": 1.5,
|
|
"unit": "rem"
|
|
}
|
|
},
|
|
"full": {
|
|
"$type": "dimension",
|
|
"$value": {
|
|
"value": 9999,
|
|
"unit": "px"
|
|
}
|
|
}
|
|
},
|
|
"spacing": {
|
|
"base": {
|
|
"$type": "dimension",
|
|
"$value": {
|
|
"value": 8,
|
|
"unit": "px"
|
|
}
|
|
},
|
|
"xs": {
|
|
"$type": "dimension",
|
|
"$value": {
|
|
"value": 4,
|
|
"unit": "px"
|
|
}
|
|
},
|
|
"sm": {
|
|
"$type": "dimension",
|
|
"$value": {
|
|
"value": 12,
|
|
"unit": "px"
|
|
}
|
|
},
|
|
"md": {
|
|
"$type": "dimension",
|
|
"$value": {
|
|
"value": 24,
|
|
"unit": "px"
|
|
}
|
|
},
|
|
"lg": {
|
|
"$type": "dimension",
|
|
"$value": {
|
|
"value": 40,
|
|
"unit": "px"
|
|
}
|
|
},
|
|
"xl": {
|
|
"$type": "dimension",
|
|
"$value": {
|
|
"value": 64,
|
|
"unit": "px"
|
|
}
|
|
},
|
|
"gutter": {
|
|
"$type": "dimension",
|
|
"$value": {
|
|
"value": 16,
|
|
"unit": "px"
|
|
}
|
|
},
|
|
"margin": {
|
|
"$type": "dimension",
|
|
"$value": {
|
|
"value": 24,
|
|
"unit": "px"
|
|
}
|
|
}
|
|
},
|
|
"components": {
|
|
"button-primary": {
|
|
"backgroundColor": "{colors.primary}",
|
|
"textColor": "{colors.on-primary}",
|
|
"typography": "{typography.label-md}",
|
|
"rounded": "{rounded.lg}",
|
|
"padding": "{spacing.md}"
|
|
},
|
|
"button-primary-hover": {
|
|
"backgroundColor": "{colors.primary-container}",
|
|
"textColor": "{colors.on-primary-container}"
|
|
},
|
|
"button-secondary": {
|
|
"backgroundColor": "{colors.secondary}",
|
|
"textColor": "{colors.on-secondary}",
|
|
"typography": "{typography.label-md}",
|
|
"rounded": "{rounded.lg}",
|
|
"padding": "{spacing.md}"
|
|
},
|
|
"button-secondary-hover": {
|
|
"backgroundColor": "{colors.secondary-container}",
|
|
"textColor": "{colors.on-secondary-container}"
|
|
},
|
|
"card-profile": {
|
|
"backgroundColor": "{colors.surface-container-lowest}",
|
|
"rounded": "{rounded.xl}",
|
|
"padding": "{spacing.md}"
|
|
},
|
|
"card-walk-stat": {
|
|
"backgroundColor": "{colors.secondary-container}",
|
|
"textColor": "{colors.on-secondary-container}",
|
|
"rounded": "{rounded.md}",
|
|
"padding": "{spacing.sm}"
|
|
},
|
|
"input-field": {
|
|
"backgroundColor": "{colors.surface-container-low}",
|
|
"textColor": "{colors.on-surface}",
|
|
"typography": "{typography.body-md}",
|
|
"rounded": "{rounded.DEFAULT}",
|
|
"padding": "{spacing.sm}"
|
|
},
|
|
"list-item-walker": {
|
|
"backgroundColor": {
|
|
"$type": "color",
|
|
"$value": {
|
|
"colorSpace": "srgb",
|
|
"components": [
|
|
0,
|
|
0,
|
|
0
|
|
],
|
|
"alpha": 0
|
|
}
|
|
},
|
|
"padding": "{spacing.sm}",
|
|
"rounded": "{rounded.md}"
|
|
},
|
|
"list-item-walker-hover": {
|
|
"backgroundColor": "{colors.surface-container-high}"
|
|
},
|
|
"badge-status": {
|
|
"backgroundColor": "{colors.tertiary-container}",
|
|
"textColor": "{colors.on-tertiary-container}",
|
|
"typography": "{typography.label-sm}",
|
|
"rounded": "{rounded.full}",
|
|
"padding": "{spacing.xs}"
|
|
}
|
|
}
|
|
}
|