First commit
This commit is contained in:
146
style_properties/_metadata.json
Normal file
146
style_properties/_metadata.json
Normal file
@@ -0,0 +1,146 @@
|
||||
{
|
||||
"blockTabHeaderBg.json": {
|
||||
"hash": "5207750cec31f74935a0c209f2bb7d5d"
|
||||
},
|
||||
"blockTabHeaderSelected.json": {
|
||||
"hash": "47eac3b302ad0fe474a0d0960d01e059"
|
||||
},
|
||||
"blockTabHeaderTextColor.json": {
|
||||
"hash": "d2d647878d3725763debf391d47486db"
|
||||
},
|
||||
"borderColor.json": {
|
||||
"hash": "d336471427f3a4028996bddb971f2afa"
|
||||
},
|
||||
"borderColorAccentContent.json": {
|
||||
"hash": "f2aff3c91a3241c9203b07e0c574828c"
|
||||
},
|
||||
"borderColorFaint.json": {
|
||||
"hash": "be6f17463760417b337cebbd89773430"
|
||||
},
|
||||
"borderColorFeature.json": {
|
||||
"hash": "2d8206ba58e695a661d20712db761817"
|
||||
},
|
||||
"borderColorHeavy.json": {
|
||||
"hash": "ad04822f5a3a42927dd967c341e45d63"
|
||||
},
|
||||
"borderColorHighlight.json": {
|
||||
"hash": "2ab3fdc69004f2f6a50af84ad45cc7c2"
|
||||
},
|
||||
"borderColorLight.json": {
|
||||
"hash": "aff3cdcedc1516d511dd6aca180a8236"
|
||||
},
|
||||
"borderRadiusLarge.json": {
|
||||
"hash": "6c8e75e1fcedd0b096d7bf911230a1c4"
|
||||
},
|
||||
"borderRadiusMedium.json": {
|
||||
"hash": "92a2a35fde5de0e90243768ad8e236ab"
|
||||
},
|
||||
"borderRadiusSmall.json": {
|
||||
"hash": "03a46b0de545083de0e402a483ca6f1e"
|
||||
},
|
||||
"buttonBg.json": {
|
||||
"hash": "a8535a0dff9ac6ed83955c83d73253a0"
|
||||
},
|
||||
"buttonPrimaryBg.json": {
|
||||
"hash": "9d6e7069664536ec94ec4a9cb00ae102"
|
||||
},
|
||||
"buttonTextColor.json": {
|
||||
"hash": "474dfe468f35e3a7f7f7744620b9aafa"
|
||||
},
|
||||
"chromeBg.json": {
|
||||
"hash": "7fbcf3a7cfd4a1a7cf052382201f61c5"
|
||||
},
|
||||
"chromeTextColor.json": {
|
||||
"hash": "7d59fddb50e545f6dc4ee746d57300f9"
|
||||
},
|
||||
"contentAltBg.json": {
|
||||
"hash": "475dbbcaf0266619fc0013038f6e1e9e"
|
||||
},
|
||||
"contentBg.json": {
|
||||
"hash": "d5e9973a4e83961dc45fdaaf6e81c83b"
|
||||
},
|
||||
"contentHighlightBg.json": {
|
||||
"hash": "7ee9346c8d25ea473dacd9a9e21206e7"
|
||||
},
|
||||
"errorBg.json": {
|
||||
"hash": "5b0fa167f49f5c9955d7946d5e102f4c"
|
||||
},
|
||||
"errorColor.json": {
|
||||
"hash": "e4469cb3a0e2c9cdc3840008700d8742"
|
||||
},
|
||||
"fontFamilyBody.json": {
|
||||
"hash": "b35da057353bb1469829ed98a90715fd"
|
||||
},
|
||||
"fontFamilyUi.json": {
|
||||
"hash": "45a85d0b24fa4ea774734402210aaf2e"
|
||||
},
|
||||
"linkColor.json": {
|
||||
"hash": "7ca02736780e9e4b47bf7d6d960bcffe"
|
||||
},
|
||||
"linkHoverColor.json": {
|
||||
"hash": "24233df430149979043c3864a9e94d4d"
|
||||
},
|
||||
"linkUgcColor.json": {
|
||||
"hash": "a092f48a4f951cf3e92ed461659ae894"
|
||||
},
|
||||
"linkUgcHoverColor.json": {
|
||||
"hash": "2e1385c3bfe51e1874c0ec8805217d8d"
|
||||
},
|
||||
"pageBg.json": {
|
||||
"hash": "3975020da986bf3e13a65be134449908"
|
||||
},
|
||||
"paletteAccent2.json": {
|
||||
"hash": "00cb79f56e2ae668475327758cdd4ce2"
|
||||
},
|
||||
"paletteAccent3.json": {
|
||||
"hash": "e9322fb2aa0043a573713fc3f96ca79a"
|
||||
},
|
||||
"paletteColor1.json": {
|
||||
"hash": "976763c8be910c28f4c0008c9a277448"
|
||||
},
|
||||
"paletteColor2.json": {
|
||||
"hash": "eecdd3bf62255ec43dfc912fb56ab08c"
|
||||
},
|
||||
"paletteColor3.json": {
|
||||
"hash": "e1603121b3eee6f5c4518966d685ef69"
|
||||
},
|
||||
"paletteColor4.json": {
|
||||
"hash": "c645a133d49ed59c98e33fe3cc17b5c4"
|
||||
},
|
||||
"paletteColor5.json": {
|
||||
"hash": "23dedee0b4f9b9b88f3e99a5135dbfca"
|
||||
},
|
||||
"paletteNeutral1.json": {
|
||||
"hash": "2a6c79989236ec6cbc8bf81344b52496"
|
||||
},
|
||||
"paletteNeutral2.json": {
|
||||
"hash": "e6d5fa3553c3542a42c954eed332dc47"
|
||||
},
|
||||
"paletteNeutral3.json": {
|
||||
"hash": "e08775923d2c98300549be6ed17147d8"
|
||||
},
|
||||
"styleType.json": {
|
||||
"hash": "a06efd294967581901bd111dfe7511c2"
|
||||
},
|
||||
"subNavBg.json": {
|
||||
"hash": "b61b38b236ab81ab58134cac3fa4963b"
|
||||
},
|
||||
"successBg.json": {
|
||||
"hash": "1c9a192fe62a1bdbaf49d0d776919de8"
|
||||
},
|
||||
"successColor.json": {
|
||||
"hash": "c17c8090edddc7a86df397787808c105"
|
||||
},
|
||||
"successFeatureColor.json": {
|
||||
"hash": "25ab19e3c11c371f8b53ad56af94a5a0"
|
||||
},
|
||||
"textColor.json": {
|
||||
"hash": "df26881141502f16be13b75b9903f48f"
|
||||
},
|
||||
"textColorEmphasized.json": {
|
||||
"hash": "7069705f62fdf89df20fcc7eab85959e"
|
||||
},
|
||||
"textColorFeature.json": {
|
||||
"hash": "f149f8945b9e6497264151339755a294"
|
||||
}
|
||||
}
|
||||
17
style_properties/blockTabHeaderBg.json
Normal file
17
style_properties/blockTabHeaderBg.json
Normal file
@@ -0,0 +1,17 @@
|
||||
{
|
||||
"group_name": "color",
|
||||
"title": "Block tab header background color",
|
||||
"description": "",
|
||||
"property_type": "value",
|
||||
"css_components": [],
|
||||
"value_type": "color",
|
||||
"value_parameters": "",
|
||||
"has_variations": true,
|
||||
"depends_on": "",
|
||||
"value_group": "blockTabHeader",
|
||||
"property_value": {
|
||||
"default": "@xf-paletteColor2",
|
||||
"alternate": "@xf-paletteColor4"
|
||||
},
|
||||
"display_order": 6500
|
||||
}
|
||||
22
style_properties/blockTabHeaderSelected.json
Normal file
22
style_properties/blockTabHeaderSelected.json
Normal file
@@ -0,0 +1,22 @@
|
||||
{
|
||||
"group_name": "block",
|
||||
"title": "Block tab header - selected tab",
|
||||
"description": "The selected tab in multi-part headers takes additional styling from here",
|
||||
"property_type": "css",
|
||||
"css_components": [
|
||||
"text",
|
||||
"background",
|
||||
"border_color_simple",
|
||||
"extra"
|
||||
],
|
||||
"value_type": "",
|
||||
"value_parameters": "",
|
||||
"has_variations": false,
|
||||
"depends_on": "",
|
||||
"value_group": "",
|
||||
"property_value": {
|
||||
"color": "@xf-linkColor",
|
||||
"border-color": "@xf-paletteColor2"
|
||||
},
|
||||
"display_order": 20300
|
||||
}
|
||||
17
style_properties/blockTabHeaderTextColor.json
Normal file
17
style_properties/blockTabHeaderTextColor.json
Normal file
@@ -0,0 +1,17 @@
|
||||
{
|
||||
"group_name": "color",
|
||||
"title": "Block tab header text color",
|
||||
"description": "",
|
||||
"property_type": "value",
|
||||
"css_components": [],
|
||||
"value_type": "color",
|
||||
"value_parameters": "",
|
||||
"has_variations": true,
|
||||
"depends_on": "",
|
||||
"value_group": "blockTabHeader",
|
||||
"property_value": {
|
||||
"default": "@xf-paletteNeutral1",
|
||||
"alternate": "@xf-paletteColor2"
|
||||
},
|
||||
"display_order": 6600
|
||||
}
|
||||
17
style_properties/borderColor.json
Normal file
17
style_properties/borderColor.json
Normal file
@@ -0,0 +1,17 @@
|
||||
{
|
||||
"group_name": "color",
|
||||
"title": "Border color",
|
||||
"description": "Structural borders around blocks of content generally use this color",
|
||||
"property_type": "value",
|
||||
"css_components": [],
|
||||
"value_type": "color",
|
||||
"value_parameters": "",
|
||||
"has_variations": true,
|
||||
"depends_on": "",
|
||||
"value_group": "borderBasic",
|
||||
"property_value": {
|
||||
"default": "@xf-paletteColor5",
|
||||
"alternate": "xf-intensify(@xf-contentBg, 10%)"
|
||||
},
|
||||
"display_order": 4000
|
||||
}
|
||||
17
style_properties/borderColorAccentContent.json
Normal file
17
style_properties/borderColorAccentContent.json
Normal file
@@ -0,0 +1,17 @@
|
||||
{
|
||||
"group_name": "color",
|
||||
"title": "Accent content border color",
|
||||
"description": "",
|
||||
"property_type": "value",
|
||||
"css_components": [],
|
||||
"value_type": "color",
|
||||
"value_parameters": "",
|
||||
"has_variations": true,
|
||||
"depends_on": "",
|
||||
"value_group": "borderOther",
|
||||
"property_value": {
|
||||
"default": "@xf-paletteAccent2",
|
||||
"alternate": "mix(@xf-paletteAccent3, @xf-paletteAccent2)"
|
||||
},
|
||||
"display_order": 5200
|
||||
}
|
||||
17
style_properties/borderColorFaint.json
Normal file
17
style_properties/borderColorFaint.json
Normal file
@@ -0,0 +1,17 @@
|
||||
{
|
||||
"group_name": "color",
|
||||
"title": "Faint border color",
|
||||
"description": "",
|
||||
"property_type": "value",
|
||||
"css_components": [],
|
||||
"value_type": "color",
|
||||
"value_parameters": "",
|
||||
"has_variations": true,
|
||||
"depends_on": "",
|
||||
"value_group": "borderBasic",
|
||||
"property_value": {
|
||||
"default": "@xf-paletteColor5",
|
||||
"alternate": "xf-diminish(@xf-borderColor, 6%)"
|
||||
},
|
||||
"display_order": 4100
|
||||
}
|
||||
17
style_properties/borderColorFeature.json
Normal file
17
style_properties/borderColorFeature.json
Normal file
@@ -0,0 +1,17 @@
|
||||
{
|
||||
"group_name": "color",
|
||||
"title": "Feature border color",
|
||||
"description": "",
|
||||
"property_type": "value",
|
||||
"css_components": [],
|
||||
"value_type": "color",
|
||||
"value_parameters": "",
|
||||
"has_variations": true,
|
||||
"depends_on": "",
|
||||
"value_group": "borderOther",
|
||||
"property_value": {
|
||||
"default": "@xf-paletteAccent3",
|
||||
"alternate": "@xf-paletteColor3"
|
||||
},
|
||||
"display_order": 5100
|
||||
}
|
||||
17
style_properties/borderColorHeavy.json
Normal file
17
style_properties/borderColorHeavy.json
Normal file
@@ -0,0 +1,17 @@
|
||||
{
|
||||
"group_name": "color",
|
||||
"title": "Heavy border color",
|
||||
"description": "",
|
||||
"property_type": "value",
|
||||
"css_components": [],
|
||||
"value_type": "color",
|
||||
"value_parameters": "",
|
||||
"has_variations": true,
|
||||
"depends_on": "",
|
||||
"value_group": "borderBasic",
|
||||
"property_value": {
|
||||
"default": "@xf-paletteColor5",
|
||||
"alternate": "xf-intensify(@xf-borderColor, 4%)"
|
||||
},
|
||||
"display_order": 4300
|
||||
}
|
||||
17
style_properties/borderColorHighlight.json
Normal file
17
style_properties/borderColorHighlight.json
Normal file
@@ -0,0 +1,17 @@
|
||||
{
|
||||
"group_name": "color",
|
||||
"title": "Highlight border color",
|
||||
"description": "",
|
||||
"property_type": "value",
|
||||
"css_components": [],
|
||||
"value_type": "color",
|
||||
"value_parameters": "",
|
||||
"has_variations": true,
|
||||
"depends_on": "",
|
||||
"value_group": "borderOther",
|
||||
"property_value": {
|
||||
"default": "@xf-paletteAccent3",
|
||||
"alternate": "@xf-paletteColor4"
|
||||
},
|
||||
"display_order": 5000
|
||||
}
|
||||
17
style_properties/borderColorLight.json
Normal file
17
style_properties/borderColorLight.json
Normal file
@@ -0,0 +1,17 @@
|
||||
{
|
||||
"group_name": "color",
|
||||
"title": "Light border color",
|
||||
"description": "",
|
||||
"property_type": "value",
|
||||
"css_components": [],
|
||||
"value_type": "color",
|
||||
"value_parameters": "",
|
||||
"has_variations": true,
|
||||
"depends_on": "",
|
||||
"value_group": "borderBasic",
|
||||
"property_value": {
|
||||
"default": "@xf-paletteColor5",
|
||||
"alternate": "xf-diminish(@xf-borderColor, 4%)"
|
||||
},
|
||||
"display_order": 4200
|
||||
}
|
||||
14
style_properties/borderRadiusLarge.json
Normal file
14
style_properties/borderRadiusLarge.json
Normal file
@@ -0,0 +1,14 @@
|
||||
{
|
||||
"group_name": "borderSpacing",
|
||||
"title": "Large border radius",
|
||||
"description": "",
|
||||
"property_type": "value",
|
||||
"css_components": [],
|
||||
"value_type": "unit",
|
||||
"value_parameters": "",
|
||||
"has_variations": false,
|
||||
"depends_on": "",
|
||||
"value_group": "borderRadius",
|
||||
"property_value": "0px",
|
||||
"display_order": 1200
|
||||
}
|
||||
14
style_properties/borderRadiusMedium.json
Normal file
14
style_properties/borderRadiusMedium.json
Normal file
@@ -0,0 +1,14 @@
|
||||
{
|
||||
"group_name": "borderSpacing",
|
||||
"title": "Medium border radius",
|
||||
"description": "",
|
||||
"property_type": "value",
|
||||
"css_components": [],
|
||||
"value_type": "unit",
|
||||
"value_parameters": "",
|
||||
"has_variations": false,
|
||||
"depends_on": "",
|
||||
"value_group": "borderRadius",
|
||||
"property_value": "0px",
|
||||
"display_order": 1100
|
||||
}
|
||||
14
style_properties/borderRadiusSmall.json
Normal file
14
style_properties/borderRadiusSmall.json
Normal file
@@ -0,0 +1,14 @@
|
||||
{
|
||||
"group_name": "borderSpacing",
|
||||
"title": "Small border radius",
|
||||
"description": "",
|
||||
"property_type": "value",
|
||||
"css_components": [],
|
||||
"value_type": "unit",
|
||||
"value_parameters": "",
|
||||
"has_variations": false,
|
||||
"depends_on": "",
|
||||
"value_group": "borderRadius",
|
||||
"property_value": "0px",
|
||||
"display_order": 1000
|
||||
}
|
||||
17
style_properties/buttonBg.json
Normal file
17
style_properties/buttonBg.json
Normal file
@@ -0,0 +1,17 @@
|
||||
{
|
||||
"group_name": "color",
|
||||
"title": "Default button background color",
|
||||
"description": "",
|
||||
"property_type": "value",
|
||||
"css_components": [],
|
||||
"value_type": "color",
|
||||
"value_parameters": "",
|
||||
"has_variations": true,
|
||||
"depends_on": "",
|
||||
"value_group": "buttons",
|
||||
"property_value": {
|
||||
"default": "@xf-paletteColor3",
|
||||
"alternate": "@xf-paletteColor4"
|
||||
},
|
||||
"display_order": 8200
|
||||
}
|
||||
17
style_properties/buttonPrimaryBg.json
Normal file
17
style_properties/buttonPrimaryBg.json
Normal file
@@ -0,0 +1,17 @@
|
||||
{
|
||||
"group_name": "color",
|
||||
"title": "Primary button background color",
|
||||
"description": "",
|
||||
"property_type": "value",
|
||||
"css_components": [],
|
||||
"value_type": "color",
|
||||
"value_parameters": "",
|
||||
"has_variations": true,
|
||||
"depends_on": "",
|
||||
"value_group": "buttons",
|
||||
"property_value": {
|
||||
"default": "@xf-paletteAccent3",
|
||||
"alternate": "@xf-paletteColor3"
|
||||
},
|
||||
"display_order": 8300
|
||||
}
|
||||
17
style_properties/buttonTextColor.json
Normal file
17
style_properties/buttonTextColor.json
Normal file
@@ -0,0 +1,17 @@
|
||||
{
|
||||
"group_name": "color",
|
||||
"title": "Default button text color",
|
||||
"description": "",
|
||||
"property_type": "value",
|
||||
"css_components": [],
|
||||
"value_type": "color",
|
||||
"value_parameters": "",
|
||||
"has_variations": true,
|
||||
"depends_on": "",
|
||||
"value_group": "buttons",
|
||||
"property_value": {
|
||||
"default": "@xf-paletteNeutral1",
|
||||
"alternate": "@xf-paletteColor1"
|
||||
},
|
||||
"display_order": 8100
|
||||
}
|
||||
17
style_properties/chromeBg.json
Normal file
17
style_properties/chromeBg.json
Normal file
@@ -0,0 +1,17 @@
|
||||
{
|
||||
"group_name": "color",
|
||||
"title": "Page chrome background color",
|
||||
"description": "",
|
||||
"property_type": "value",
|
||||
"css_components": [],
|
||||
"value_type": "color",
|
||||
"value_parameters": "",
|
||||
"has_variations": true,
|
||||
"depends_on": "",
|
||||
"value_group": "chrome",
|
||||
"property_value": {
|
||||
"default": "@xf-paletteColor1",
|
||||
"alternate": "@xf-paletteColor5"
|
||||
},
|
||||
"display_order": 6000
|
||||
}
|
||||
17
style_properties/chromeTextColor.json
Normal file
17
style_properties/chromeTextColor.json
Normal file
@@ -0,0 +1,17 @@
|
||||
{
|
||||
"group_name": "color",
|
||||
"title": "Page chrome text color",
|
||||
"description": "",
|
||||
"property_type": "value",
|
||||
"css_components": [],
|
||||
"value_type": "color",
|
||||
"value_parameters": "",
|
||||
"has_variations": true,
|
||||
"depends_on": "",
|
||||
"value_group": "chrome",
|
||||
"property_value": {
|
||||
"default": "@xf-paletteNeutral1",
|
||||
"alternate": "@xf-paletteColor2"
|
||||
},
|
||||
"display_order": 6050
|
||||
}
|
||||
17
style_properties/contentAltBg.json
Normal file
17
style_properties/contentAltBg.json
Normal file
@@ -0,0 +1,17 @@
|
||||
{
|
||||
"group_name": "color",
|
||||
"title": "Alternate content background color",
|
||||
"description": "In order to differentiate it, some content will be presented on this alternate background",
|
||||
"property_type": "value",
|
||||
"css_components": [],
|
||||
"value_type": "color",
|
||||
"value_parameters": "",
|
||||
"has_variations": true,
|
||||
"depends_on": "",
|
||||
"value_group": "contentBackground",
|
||||
"property_value": {
|
||||
"default": "@xf-paletteColor3",
|
||||
"alternate": "darken(@xf-contentBg, 4%)"
|
||||
},
|
||||
"display_order": 2200
|
||||
}
|
||||
17
style_properties/contentBg.json
Normal file
17
style_properties/contentBg.json
Normal file
@@ -0,0 +1,17 @@
|
||||
{
|
||||
"group_name": "color",
|
||||
"title": "Content background color",
|
||||
"description": "Most normal content will sit on this background",
|
||||
"property_type": "value",
|
||||
"css_components": [],
|
||||
"value_type": "color",
|
||||
"value_parameters": "",
|
||||
"has_variations": true,
|
||||
"depends_on": "",
|
||||
"value_group": "contentBackground",
|
||||
"property_value": {
|
||||
"default": "@xf-paletteColor2",
|
||||
"alternate": "@xf-paletteNeutral3"
|
||||
},
|
||||
"display_order": 2000
|
||||
}
|
||||
17
style_properties/contentHighlightBg.json
Normal file
17
style_properties/contentHighlightBg.json
Normal file
@@ -0,0 +1,17 @@
|
||||
{
|
||||
"group_name": "color",
|
||||
"title": "Highlighted content background color",
|
||||
"description": "When the standard background color is highlighted or selected, it will use this color",
|
||||
"property_type": "value",
|
||||
"css_components": [],
|
||||
"value_type": "color",
|
||||
"value_parameters": "",
|
||||
"has_variations": true,
|
||||
"depends_on": "",
|
||||
"value_group": "contentBackground",
|
||||
"property_value": {
|
||||
"default": "@xf-paletteColor3",
|
||||
"alternate": "@xf-paletteColor5"
|
||||
},
|
||||
"display_order": 2300
|
||||
}
|
||||
17
style_properties/errorBg.json
Normal file
17
style_properties/errorBg.json
Normal file
@@ -0,0 +1,17 @@
|
||||
{
|
||||
"group_name": "color",
|
||||
"title": "Error message background",
|
||||
"description": "",
|
||||
"property_type": "value",
|
||||
"css_components": [],
|
||||
"value_type": "color",
|
||||
"value_parameters": "",
|
||||
"has_variations": true,
|
||||
"depends_on": "",
|
||||
"value_group": "errorMessage",
|
||||
"property_value": {
|
||||
"default": "#e57373",
|
||||
"alternate": "hsl(358, 70%, 20%)"
|
||||
},
|
||||
"display_order": 10410
|
||||
}
|
||||
17
style_properties/errorColor.json
Normal file
17
style_properties/errorColor.json
Normal file
@@ -0,0 +1,17 @@
|
||||
{
|
||||
"group_name": "color",
|
||||
"title": "Error message text color",
|
||||
"description": "",
|
||||
"property_type": "value",
|
||||
"css_components": [],
|
||||
"value_type": "color",
|
||||
"value_parameters": "",
|
||||
"has_variations": true,
|
||||
"depends_on": "",
|
||||
"value_group": "errorMessage",
|
||||
"property_value": {
|
||||
"default": "@xf-paletteNeutral1",
|
||||
"alternate": "hsl(358, 70%, 85%)"
|
||||
},
|
||||
"display_order": 10420
|
||||
}
|
||||
14
style_properties/fontFamilyBody.json
Normal file
14
style_properties/fontFamilyBody.json
Normal file
@@ -0,0 +1,14 @@
|
||||
{
|
||||
"group_name": "fonts",
|
||||
"title": "Body Text Font",
|
||||
"description": "This font is used for the text of messages etc.",
|
||||
"property_type": "value",
|
||||
"css_components": [],
|
||||
"value_type": "string",
|
||||
"value_parameters": "",
|
||||
"has_variations": false,
|
||||
"depends_on": "",
|
||||
"value_group": "font",
|
||||
"property_value": "'Segoe UI', 'San Francisco', 'Helvetica Neue', sans-serif",
|
||||
"display_order": 200
|
||||
}
|
||||
14
style_properties/fontFamilyUi.json
Normal file
14
style_properties/fontFamilyUi.json
Normal file
@@ -0,0 +1,14 @@
|
||||
{
|
||||
"group_name": "fonts",
|
||||
"title": "User Interface Font",
|
||||
"description": "The font list for your main text",
|
||||
"property_type": "value",
|
||||
"css_components": [],
|
||||
"value_type": "string",
|
||||
"value_parameters": "",
|
||||
"has_variations": false,
|
||||
"depends_on": "",
|
||||
"value_group": "font",
|
||||
"property_value": "'Segoe UI', 'San Francisco', 'Helvetica Neue', sans-serif",
|
||||
"display_order": 100
|
||||
}
|
||||
17
style_properties/linkColor.json
Normal file
17
style_properties/linkColor.json
Normal file
@@ -0,0 +1,17 @@
|
||||
{
|
||||
"group_name": "color",
|
||||
"title": "Link color",
|
||||
"description": "Basic hyperlinks on standard background colors will use this style",
|
||||
"property_type": "value",
|
||||
"css_components": [],
|
||||
"value_type": "color",
|
||||
"value_parameters": "",
|
||||
"has_variations": true,
|
||||
"depends_on": "",
|
||||
"value_group": "links",
|
||||
"property_value": {
|
||||
"default": "@xf-paletteAccent3",
|
||||
"alternate": "@xf-paletteColor2"
|
||||
},
|
||||
"display_order": 1000
|
||||
}
|
||||
17
style_properties/linkHoverColor.json
Normal file
17
style_properties/linkHoverColor.json
Normal file
@@ -0,0 +1,17 @@
|
||||
{
|
||||
"group_name": "color",
|
||||
"title": "Link hover color",
|
||||
"description": "Basic hyperlinks will turn this color when hovered",
|
||||
"property_type": "value",
|
||||
"css_components": [],
|
||||
"value_type": "color",
|
||||
"value_parameters": "",
|
||||
"has_variations": true,
|
||||
"depends_on": "",
|
||||
"value_group": "links",
|
||||
"property_value": {
|
||||
"default": "@xf-paletteAccent2",
|
||||
"alternate": "@xf-paletteColor1"
|
||||
},
|
||||
"display_order": 1100
|
||||
}
|
||||
17
style_properties/linkUgcColor.json
Normal file
17
style_properties/linkUgcColor.json
Normal file
@@ -0,0 +1,17 @@
|
||||
{
|
||||
"group_name": "color",
|
||||
"title": "User-generated content link color",
|
||||
"description": "Used to color links posted by users within posts etc.",
|
||||
"property_type": "value",
|
||||
"css_components": [],
|
||||
"value_type": "color",
|
||||
"value_parameters": "",
|
||||
"has_variations": true,
|
||||
"depends_on": "",
|
||||
"value_group": "links",
|
||||
"property_value": {
|
||||
"default": "@xf-paletteAccent3",
|
||||
"alternate": "@xf-paletteColor2"
|
||||
},
|
||||
"display_order": 1200
|
||||
}
|
||||
17
style_properties/linkUgcHoverColor.json
Normal file
17
style_properties/linkUgcHoverColor.json
Normal file
@@ -0,0 +1,17 @@
|
||||
{
|
||||
"group_name": "color",
|
||||
"title": "User-generated link hover color",
|
||||
"description": "Hover state for links in UGC",
|
||||
"property_type": "value",
|
||||
"css_components": [],
|
||||
"value_type": "color",
|
||||
"value_parameters": "",
|
||||
"has_variations": true,
|
||||
"depends_on": "",
|
||||
"value_group": "links",
|
||||
"property_value": {
|
||||
"default": "@xf-paletteAccent2",
|
||||
"alternate": "@xf-paletteColor1"
|
||||
},
|
||||
"display_order": 1300
|
||||
}
|
||||
17
style_properties/pageBg.json
Normal file
17
style_properties/pageBg.json
Normal file
@@ -0,0 +1,17 @@
|
||||
{
|
||||
"group_name": "color",
|
||||
"title": "Page background color",
|
||||
"description": "The background of the page itself, on which all other content rests",
|
||||
"property_type": "value",
|
||||
"css_components": [],
|
||||
"value_type": "color",
|
||||
"value_parameters": "",
|
||||
"has_variations": true,
|
||||
"depends_on": "",
|
||||
"value_group": "contentBackground",
|
||||
"property_value": {
|
||||
"default": "@xf-paletteColor1",
|
||||
"alternate": "darken(@xf-contentBg, 8%)"
|
||||
},
|
||||
"display_order": 2100
|
||||
}
|
||||
17
style_properties/paletteAccent2.json
Normal file
17
style_properties/paletteAccent2.json
Normal file
@@ -0,0 +1,17 @@
|
||||
{
|
||||
"group_name": "palette",
|
||||
"title": "Accent 2",
|
||||
"description": "",
|
||||
"property_type": "value",
|
||||
"css_components": [],
|
||||
"value_type": "color",
|
||||
"value_parameters": "hidePalette=true",
|
||||
"has_variations": true,
|
||||
"depends_on": "",
|
||||
"value_group": "accent",
|
||||
"property_value": {
|
||||
"default": "#e56700",
|
||||
"alternate": "hsl(35, 85%, 45%)"
|
||||
},
|
||||
"display_order": 2100
|
||||
}
|
||||
17
style_properties/paletteAccent3.json
Normal file
17
style_properties/paletteAccent3.json
Normal file
@@ -0,0 +1,17 @@
|
||||
{
|
||||
"group_name": "palette",
|
||||
"title": "Accent 3",
|
||||
"description": "",
|
||||
"property_type": "value",
|
||||
"css_components": [],
|
||||
"value_type": "color",
|
||||
"value_parameters": "hidePalette=true",
|
||||
"has_variations": true,
|
||||
"depends_on": "",
|
||||
"value_group": "accent",
|
||||
"property_value": {
|
||||
"default": "#ff7300",
|
||||
"alternate": "hsl(35, 85%, 15%)"
|
||||
},
|
||||
"display_order": 2200
|
||||
}
|
||||
17
style_properties/paletteColor1.json
Normal file
17
style_properties/paletteColor1.json
Normal file
@@ -0,0 +1,17 @@
|
||||
{
|
||||
"group_name": "palette",
|
||||
"title": "Color 1",
|
||||
"description": "",
|
||||
"property_type": "value",
|
||||
"css_components": [],
|
||||
"value_type": "color",
|
||||
"value_parameters": "hidePalette=true",
|
||||
"has_variations": true,
|
||||
"depends_on": "",
|
||||
"value_group": "primary",
|
||||
"property_value": {
|
||||
"default": "#1e1e1e",
|
||||
"alternate": "hsl(206, 60%, 75%)"
|
||||
},
|
||||
"display_order": 1000
|
||||
}
|
||||
17
style_properties/paletteColor2.json
Normal file
17
style_properties/paletteColor2.json
Normal file
@@ -0,0 +1,17 @@
|
||||
{
|
||||
"group_name": "palette",
|
||||
"title": "Color 2",
|
||||
"description": "",
|
||||
"property_type": "value",
|
||||
"css_components": [],
|
||||
"value_type": "color",
|
||||
"value_parameters": "hidePalette=true",
|
||||
"has_variations": true,
|
||||
"depends_on": "",
|
||||
"value_group": "primary",
|
||||
"property_value": {
|
||||
"default": "#252526",
|
||||
"alternate": "hsl(204, 60%, 60%)"
|
||||
},
|
||||
"display_order": 1100
|
||||
}
|
||||
17
style_properties/paletteColor3.json
Normal file
17
style_properties/paletteColor3.json
Normal file
@@ -0,0 +1,17 @@
|
||||
{
|
||||
"group_name": "palette",
|
||||
"title": "Color 3",
|
||||
"description": "",
|
||||
"property_type": "value",
|
||||
"css_components": [],
|
||||
"value_type": "color",
|
||||
"value_parameters": "hidePalette=true",
|
||||
"has_variations": true,
|
||||
"depends_on": "",
|
||||
"value_group": "primary",
|
||||
"property_value": {
|
||||
"default": "#2d2d30",
|
||||
"alternate": "hsl(205, 60%, 40%)"
|
||||
},
|
||||
"display_order": 1200
|
||||
}
|
||||
17
style_properties/paletteColor4.json
Normal file
17
style_properties/paletteColor4.json
Normal file
@@ -0,0 +1,17 @@
|
||||
{
|
||||
"group_name": "palette",
|
||||
"title": "Color 4",
|
||||
"description": "",
|
||||
"property_type": "value",
|
||||
"css_components": [],
|
||||
"value_type": "color",
|
||||
"value_parameters": "hidePalette=true",
|
||||
"has_variations": true,
|
||||
"depends_on": "",
|
||||
"value_group": "primary",
|
||||
"property_value": {
|
||||
"default": "#3e3e42",
|
||||
"alternate": "hsl(205, 60%, 20%)"
|
||||
},
|
||||
"display_order": 1300
|
||||
}
|
||||
17
style_properties/paletteColor5.json
Normal file
17
style_properties/paletteColor5.json
Normal file
@@ -0,0 +1,17 @@
|
||||
{
|
||||
"group_name": "palette",
|
||||
"title": "Color 5",
|
||||
"description": "",
|
||||
"property_type": "value",
|
||||
"css_components": [],
|
||||
"value_type": "color",
|
||||
"value_parameters": "hidePalette=true",
|
||||
"has_variations": true,
|
||||
"depends_on": "",
|
||||
"value_group": "primary",
|
||||
"property_value": {
|
||||
"default": "#3f3f46",
|
||||
"alternate": "hsl(205, 60%, 10%)"
|
||||
},
|
||||
"display_order": 1400
|
||||
}
|
||||
17
style_properties/paletteNeutral1.json
Normal file
17
style_properties/paletteNeutral1.json
Normal file
@@ -0,0 +1,17 @@
|
||||
{
|
||||
"group_name": "palette",
|
||||
"title": "Neutral 1",
|
||||
"description": "",
|
||||
"property_type": "value",
|
||||
"css_components": [],
|
||||
"value_type": "color",
|
||||
"value_parameters": "hidePalette=true",
|
||||
"has_variations": true,
|
||||
"depends_on": "",
|
||||
"value_group": "neutral",
|
||||
"property_value": {
|
||||
"default": "#f1f1f1",
|
||||
"alternate": "hsl(0, 0%, 100%)"
|
||||
},
|
||||
"display_order": 3000
|
||||
}
|
||||
17
style_properties/paletteNeutral2.json
Normal file
17
style_properties/paletteNeutral2.json
Normal file
@@ -0,0 +1,17 @@
|
||||
{
|
||||
"group_name": "palette",
|
||||
"title": "Neutral 2",
|
||||
"description": "",
|
||||
"property_type": "value",
|
||||
"css_components": [],
|
||||
"value_type": "color",
|
||||
"value_parameters": "hidePalette=true",
|
||||
"has_variations": true,
|
||||
"depends_on": "",
|
||||
"value_group": "neutral",
|
||||
"property_value": {
|
||||
"default": "#a1a1aa",
|
||||
"alternate": "hsl(0, 0%, 54%)"
|
||||
},
|
||||
"display_order": 3100
|
||||
}
|
||||
17
style_properties/paletteNeutral3.json
Normal file
17
style_properties/paletteNeutral3.json
Normal file
@@ -0,0 +1,17 @@
|
||||
{
|
||||
"group_name": "palette",
|
||||
"title": "Neutral 3",
|
||||
"description": "",
|
||||
"property_type": "value",
|
||||
"css_components": [],
|
||||
"value_type": "color",
|
||||
"value_parameters": "hidePalette=true",
|
||||
"has_variations": true,
|
||||
"depends_on": "",
|
||||
"value_group": "neutral",
|
||||
"property_value": {
|
||||
"default": "#111111",
|
||||
"alternate": "hsl(0, 0%, 8%)"
|
||||
},
|
||||
"display_order": 3200
|
||||
}
|
||||
17
style_properties/styleType.json
Normal file
17
style_properties/styleType.json
Normal file
@@ -0,0 +1,17 @@
|
||||
{
|
||||
"group_name": "palette",
|
||||
"title": "Style type",
|
||||
"description": "This defines the general type of style in use based on whether the content is placed on a light or dark background. This may change how colors are selected in certain scenarios.",
|
||||
"property_type": "value",
|
||||
"css_components": [],
|
||||
"value_type": "radio",
|
||||
"value_parameters": "light={{ phrase('light') }}\ndark={{ phrase('dark') }}",
|
||||
"has_variations": true,
|
||||
"depends_on": "",
|
||||
"value_group": "setup",
|
||||
"property_value": {
|
||||
"default": "dark",
|
||||
"alternate": "light"
|
||||
},
|
||||
"display_order": 100
|
||||
}
|
||||
17
style_properties/subNavBg.json
Normal file
17
style_properties/subNavBg.json
Normal file
@@ -0,0 +1,17 @@
|
||||
{
|
||||
"group_name": "color",
|
||||
"title": "Page sub-navigation background",
|
||||
"description": "",
|
||||
"property_type": "value",
|
||||
"css_components": [],
|
||||
"value_type": "color",
|
||||
"value_parameters": "",
|
||||
"has_variations": true,
|
||||
"depends_on": "",
|
||||
"value_group": "chrome",
|
||||
"property_value": {
|
||||
"default": "@xf-paletteColor2",
|
||||
"alternate": "@xf-contentAltBg"
|
||||
},
|
||||
"display_order": 6080
|
||||
}
|
||||
17
style_properties/successBg.json
Normal file
17
style_properties/successBg.json
Normal file
@@ -0,0 +1,17 @@
|
||||
{
|
||||
"group_name": "color",
|
||||
"title": "Success message background",
|
||||
"description": "",
|
||||
"property_type": "value",
|
||||
"css_components": [],
|
||||
"value_type": "color",
|
||||
"value_parameters": "",
|
||||
"has_variations": true,
|
||||
"depends_on": "",
|
||||
"value_group": "successMessage",
|
||||
"property_value": {
|
||||
"default": "#81c784",
|
||||
"alternate": "hsl(122, 70%, 20%)"
|
||||
},
|
||||
"display_order": 10210
|
||||
}
|
||||
17
style_properties/successColor.json
Normal file
17
style_properties/successColor.json
Normal file
@@ -0,0 +1,17 @@
|
||||
{
|
||||
"group_name": "color",
|
||||
"title": "Success message text color",
|
||||
"description": "",
|
||||
"property_type": "value",
|
||||
"css_components": [],
|
||||
"value_type": "color",
|
||||
"value_parameters": "",
|
||||
"has_variations": true,
|
||||
"depends_on": "",
|
||||
"value_group": "successMessage",
|
||||
"property_value": {
|
||||
"default": "@xf-paletteNeutral1",
|
||||
"alternate": "hsl(116, 70%, 85%)"
|
||||
},
|
||||
"display_order": 10220
|
||||
}
|
||||
17
style_properties/successFeatureColor.json
Normal file
17
style_properties/successFeatureColor.json
Normal file
@@ -0,0 +1,17 @@
|
||||
{
|
||||
"group_name": "color",
|
||||
"title": "Success message feature color",
|
||||
"description": "",
|
||||
"property_type": "value",
|
||||
"css_components": [],
|
||||
"value_type": "color",
|
||||
"value_parameters": "",
|
||||
"has_variations": true,
|
||||
"depends_on": "",
|
||||
"value_group": "successMessage",
|
||||
"property_value": {
|
||||
"default": "#388e3c",
|
||||
"alternate": "hsl(122, 70%, 50%)"
|
||||
},
|
||||
"display_order": 10230
|
||||
}
|
||||
17
style_properties/textColor.json
Normal file
17
style_properties/textColor.json
Normal file
@@ -0,0 +1,17 @@
|
||||
{
|
||||
"group_name": "color",
|
||||
"title": "Text color",
|
||||
"description": "Unless otherwise specified, text will be this color",
|
||||
"property_type": "value",
|
||||
"css_components": [],
|
||||
"value_type": "color",
|
||||
"value_parameters": "",
|
||||
"has_variations": true,
|
||||
"depends_on": "",
|
||||
"value_group": "textBasic",
|
||||
"property_value": {
|
||||
"default": "@xf-paletteNeutral1",
|
||||
"alternate": "darken(@xf-paletteNeutral1, 12%)"
|
||||
},
|
||||
"display_order": 100
|
||||
}
|
||||
17
style_properties/textColorEmphasized.json
Normal file
17
style_properties/textColorEmphasized.json
Normal file
@@ -0,0 +1,17 @@
|
||||
{
|
||||
"group_name": "color",
|
||||
"title": "Emphasized text color",
|
||||
"description": "",
|
||||
"property_type": "value",
|
||||
"css_components": [],
|
||||
"value_type": "color",
|
||||
"value_parameters": "",
|
||||
"has_variations": true,
|
||||
"depends_on": "",
|
||||
"value_group": "textOther",
|
||||
"property_value": {
|
||||
"default": "@xf-paletteAccent3",
|
||||
"alternate": "@xf-paletteColor1"
|
||||
},
|
||||
"display_order": 3100
|
||||
}
|
||||
17
style_properties/textColorFeature.json
Normal file
17
style_properties/textColorFeature.json
Normal file
@@ -0,0 +1,17 @@
|
||||
{
|
||||
"group_name": "color",
|
||||
"title": "Feature text color",
|
||||
"description": "",
|
||||
"property_type": "value",
|
||||
"css_components": [],
|
||||
"value_type": "color",
|
||||
"value_parameters": "",
|
||||
"has_variations": true,
|
||||
"depends_on": "",
|
||||
"value_group": "textOther",
|
||||
"property_value": {
|
||||
"default": "@xf-paletteNeutral1",
|
||||
"alternate": "@xf-paletteColor2"
|
||||
},
|
||||
"display_order": 3000
|
||||
}
|
||||
Reference in New Issue
Block a user