CSS Styles
RealGridJS 1.1.17.2245 버전부터 Popup, DropDown, Date 에디터에서 CSS 스타일을 적용할 수 있습니다. ContextMenu는 PopupMenu와 CSS 스타일을 공유 합니다. 그리드에서 마우스 오른쪽 버튼을 클릭하여 ContextMenu 스타일을 확인하세요.
[
{
"fieldName": "OrderID",
"dataType": "text"
},
{
"fieldName": "CustomerID"
},
{
"fieldName": "EmployeeID"
},
{
"fieldName": "OrderDate",
"dataType": "datetime",
"datetimeFormat": "iso"
},
{
"fieldName": "CompanyName"
},
{
"fieldName": "Country"
},
{
"fieldName": "CountryKor"
},
{
"fieldName": "Phone"
},
{
"fieldName": "ProductName"
},
{
"fieldName": "QuantityPerUnit"
},
{
"fieldName": "Quantity",
"dataType": "number"
},
{
"fieldName": "UnitPrice",
"dataType": "number"
}
]
[
{
"name": "OrderID",
"fieldName": "OrderID",
"width": "90",
"styles": {
"textAlignment": "center",
"numberFormat": "#,##0"
},
"textInputCase": "upper",
"header": {
"text": "Text editor"
}
},
{
"name": "CustomerID",
"fieldName": "CustomerID",
"width": "130",
"button": "popup",
"popupMenu": "menu1",
"styles": {
"textAlignment": "center"
},
"header": {
"text": "Popup Menu",
"styles": {
"background": "linear,#22ffd500,#ffffd500,90"
}
}
},
{
"name": "CustomerID2",
"fieldName": "CustomerID",
"width": "130",
"sortable": false,
"editor": {
"type": "dropDown",
"dropDownCount": 4,
"domainOnly": true,
"values": [
"VINET",
"HANAR",
"SUPRD",
"VICTE",
"THREE",
"SEVEN"
],
"labels": [
"",
"",
"",
"",
"",
""
]
},
"styles": {
"textAlignment": "center"
},
"header": {
"text": "Drop Down",
"styles": {
"background": "linear,#22ffd500,#ffffd500,90"
}
}
},
{
"name": "CustomerID3",
"fieldName": "CustomerID",
"width": "130",
"filters": [
{
"name": "VINET",
"criteria": "value = 'VINET'"
},
{
"name": "VICTE",
"criteria": "value = 'VICTE'"
},
{
"name": "HANAR",
"criteria": "value = 'HANAR'"
},
{
"name": "VICTE or HANAR",
"criteria": "(value = 'VICTE') or (value = 'HANAR')"
},
{
"name": "HANAR: value > 'HANAR'",
"criteria": "value > 'HANAR'"
},
{
"name": "SUPRD",
"criteria": "value = 'SUPRD'"
},
{
"name": "SUPRD: value <> 'SUPRD'",
"criteria": "value <> 'SUPRD'"
}
],
"styles": {
"textAlignment": "center"
},
"header": {
"text": "Filter",
"styles": {
"background": "linear,#22ffd500,#ffffd500,90"
}
}
},
{
"name": "Country1",
"fieldName": "Country",
"width": "270",
"valueSeparator": ",",
"lookupDisplay": true,
"editor": {
"type": "multicheck",
"acceptText": "확인",
"cancelText": "취소",
"showButtons": true
},
"values": [
"KR",
"US",
"JP",
"FR",
"CH",
"BR",
"BE",
"DE",
"UK",
"CN",
"AE",
"SG"
],
"labels": [
"대한민국",
"미국",
"일본",
"프랑스",
"스위스",
"브라질",
"벨기에",
"독일",
"영국",
"중국",
"아랍에미레이트",
"싱가폴"
],
"styles": {
"textAlignment": "center"
},
"header": {
"text": "Multi Check",
"styles": {
"background": "linear,#22ffd500,#ffffd500,90"
}
}
},
{
"name": "OrderDate",
"fieldName": "OrderDate",
"width": "180",
"sortable": false,
"editor": {
"type": "date",
"datetimeFormat": "yyyy.MM.dd"
},
"styles": {
"textAlignment": "center",
"datetimeFormat": "yyyy.MM.dd"
},
"header": {
"text": "Date Edit",
"styles": {
"background": "linear,#22ffd500,#ffffd500,90"
}
}
},
{
"name": "Quantity",
"fieldName": "Quantity",
"width": "100",
"sortable": false,
"editor": {
"type": "number"
},
"styles": {
"textAlignment": "far",
"numberFormat": "#,##0"
},
"header": {
"text": "Number Edit"
}
},
{
"name": "CompanyName",
"fieldName": "CompanyName",
"width": "200",
"editor": {
"type": "multiline",
"textCase": "upper"
},
"styles": {
"textAlignment": "near",
"textWrap": "explicit"
},
"header": {
"text": "CompanyName"
}
},
{
"name": "Phone",
"fieldName": "Phone",
"width": "100",
"styles": {
"textAlignment": "near"
},
"header": {
"text": "Phone"
}
},
{
"name": "ProductName",
"fieldName": "ProductName",
"width": "200",
"styles": {
"textAlignment": "near"
},
"header": {
"text": "Product Name"
}
}
]
{
"datetimeFormat": "yyyy-MM-dd a hh:mm:ss",
"amText": "오전",
"pmText": "오후"
}
{
"grid": {
"background": "#ffffffff",
"iconLocation": "left",
"border": "#ff313539,1",
"iconAlignment": "center",
"borderBottom": "#ffc9ced3,1",
"iconPadding": "0",
"selectedBackground": "#ff696969",
"contentFit": "auto",
"inactiveBackground": "#ffd3d3d3",
"iconOffset": "0",
"selectionDisplay": "mask",
"hoveredMaskBackground": "#1f5292f7",
"hoveredMaskBorder": "#335292f7,1",
"fontBold": "false",
"paddingRight": "2",
"paddingBottom": "2",
"paddingTop": "2",
"figureBackground": "#ff4a88d2",
"selectedForeground": "#ffffffff",
"foreground": "#ff000000",
"inactiveForeground": "#ff808080",
"line": "#ffa1adbb,1",
"textAlignment": "center",
"lineAlignment": "center",
"iconIndex": "0"
},
"panel": {
"background": "#ffdee2e7",
"paddingRight": "2",
"iconLocation": "left",
"border": "#ff313539,1",
"selectedForeground": "#ffffffff",
"iconAlignment": "center",
"foreground": "#ff787878",
"inactiveForeground": "#ff808080",
"borderBottom": "#ff688caf,1",
"textAlignment": "near",
"selectedBackground": "#ff696969",
"lineAlignment": "center",
"inactiveBackground": "#ffd3d3d3",
"iconOffset": "0",
"selectionDisplay": "mask",
"hoveredMaskBorder": "#335292f7,1",
"iconPadding": "0",
"hoveredMaskBackground": "#1f5292f7",
"contentFit": "auto",
"paddingTop": "4",
"borderRight": "#ff777777,1",
"figureBackground": "#ff008800",
"paddingBottom": "5",
"iconIndex": "0"
},
"body": {
"background": "#ffffffff",
"iconLocation": "left",
"border": "#ff313539,1",
"iconAlignment": "center",
"borderBottom": "#ffdedede,1",
"iconPadding": "0",
"selectedBackground": "#ff696969",
"contentFit": "auto",
"inactiveBackground": "#ffd3d3d3",
"iconOffset": "0",
"selectionDisplay": "mask",
"hoveredMaskBackground": "#1f5292f7",
"hoveredMaskBorder": "#335292f7,1",
"paddingRight": "2",
"paddingBottom": "2",
"paddingTop": "2",
"figureBackground": "#ff008800",
"selectedForeground": "#ffffffff",
"foreground": "#ff666666",
"inactiveForeground": "#ff808080",
"line": "#ff808080,1",
"textAlignment": "center",
"lineAlignment": "center",
"borderRight": "#ffdedede,1",
"iconIndex": "0",
"empty": {}
},
"fixed": {
"background": "#ffd3d3d3",
"paddingRight": "2",
"iconLocation": "left",
"border": "#88888888,1",
"selectedForeground": "#ffffffff",
"iconAlignment": "center",
"foreground": "#ff000000",
"inactiveForeground": "#ff808080",
"borderBottom": "#ff999999,1",
"textAlignment": "center",
"selectedBackground": "#ff696969",
"lineAlignment": "center",
"inactiveBackground": "#ffd3d3d3",
"iconOffset": "0",
"selectionDisplay": "mask",
"hoveredMaskBorder": "#335292f7,1",
"iconPadding": "0",
"hoveredMaskBackground": "#1f5292f7",
"contentFit": "auto",
"paddingTop": "2",
"borderRight": "#ff999999,1",
"figureBackground": "#ff008800",
"paddingBottom": "2",
"iconIndex": "0",
"colBar": {
"background": "#ffffffff",
"paddingRight": "2",
"iconLocation": "left",
"border": "#ff313539,1",
"selectedForeground": "#ffffffff",
"iconAlignment": "center",
"foreground": "#ff000000",
"inactiveForeground": "#ff808080",
"borderBottom": "#ff808080,1",
"textAlignment": "center",
"selectedBackground": "#ff696969",
"lineAlignment": "center",
"inactiveBackground": "#ffd3d3d3",
"iconOffset": "0",
"selectionDisplay": "mask",
"hoveredMaskBorder": "#335292f7,1",
"iconPadding": "0",
"hoveredMaskBackground": "#1f5292f7",
"contentFit": "auto",
"paddingTop": "2",
"borderRight": "#ff808080,1",
"figureBackground": "#ff008800",
"paddingBottom": "2",
"iconIndex": "0",
"borderLeft": "#ff808080,1"
},
"rowBar": {
"background": "#ffd3d3d3",
"paddingRight": "2",
"iconLocation": "left",
"border": "#88888888,1",
"selectedForeground": "#ffffffff",
"iconAlignment": "center",
"foreground": "#ff000000",
"inactiveForeground": "#ff808080",
"borderBottom": "#ff999999,1",
"textAlignment": "center",
"selectedBackground": "#ff696969",
"lineAlignment": "center",
"inactiveBackground": "#ffd3d3d3",
"iconOffset": "0",
"selectionDisplay": "mask",
"hoveredMaskBorder": "#335292f7,1",
"iconPadding": "0",
"hoveredMaskBackground": "#1f5292f7",
"contentFit": "auto",
"paddingTop": "2",
"borderRight": "#ff999999,1",
"figureBackground": "#ff008800",
"paddingBottom": "2",
"iconIndex": "0"
}
},
"header": {
"background": "linear,#ffe9f0f8,#ffc3d8f1,90",
"iconLocation": "left",
"border": "#ff313539,1",
"iconAlignment": "center",
"borderBottom": "#ff5d8cc9,1",
"borderTop": "#ffffffff,1",
"selectedBackground": "linear,#ffbac3ce,#ffaebccc,90",
"contentFit": "auto",
"inactiveBackground": "#ffd3d3d3",
"iconOffset": "0",
"selectionDisplay": "inversion",
"iconPadding": "0",
"hoveredMaskBackground": "linear,#fffff8a9,#ffffd75e,90",
"hoveredMaskBorder": "#ffff0000,1",
"fontBold": "true",
"figureBackground": "#ff000000",
"paddingBottom": "2",
"paddingTop": "2",
"paddingRight": "2",
"selectedForeground": "#ff002f6e",
"foreground": "#ff002f6e",
"inactiveForeground": "#ff808080",
"textAlignment": "center",
"borderLeft": "#ffffffff,1",
"lineAlignment": "center",
"borderRight": "#ff5d8cc9,1",
"iconIndex": "0",
"group": {
"background": "linear,#ffe9f0f8,#ffc3d8f1,90",
"iconLocation": "left",
"border": "#ff313539,1",
"iconAlignment": "center",
"borderBottom": "#ff5d8cc9,1",
"borderTop": "#ffffffff,1",
"selectedBackground": "#ff696969",
"contentFit": "auto",
"inactiveBackground": "#ffd3d3d3",
"iconOffset": "0",
"selectionDisplay": "mask",
"iconPadding": "0",
"hoveredMaskBackground": "linear,#fffff8a9,#ffffd75e,90",
"hoveredMaskBorder": "#335292f7,1",
"fontBold": "true",
"figureBackground": "#ff008800",
"paddingBottom": "2",
"paddingTop": "2",
"paddingRight": "2",
"selectedForeground": "#ffffffff",
"foreground": "#ff002f6e",
"inactiveForeground": "#ff808080",
"textAlignment": "center",
"borderLeft": "#ffffffff,1",
"lineAlignment": "center",
"borderRight": "#ff5d8cc9,1",
"iconIndex": "0"
}
},
"footer": {
"background": "#ffdee2e7",
"iconLocation": "left",
"border": "#88888888,1",
"iconAlignment": "center",
"iconOffset": "0",
"borderTop": "#ff79828b,1",
"selectedBackground": "#ff696969",
"contentFit": "auto",
"inactiveBackground": "#ffd3d3d3",
"selectionDisplay": "mask",
"iconPadding": "0",
"hoveredMaskBackground": "#1f5292f7",
"hoveredMaskBorder": "#335292f7,1",
"paddingRight": "2",
"paddingBottom": "1",
"paddingTop": "2",
"figureBackground": "#ff008800",
"selectedForeground": "#ffffffff",
"foreground": "#ff000000",
"inactiveForeground": "#ff808080",
"textAlignment": "near",
"borderLeft": "#ffffffff,1",
"lineAlignment": "center",
"borderRight": "#ff9099a3,1",
"iconIndex": "0"
},
"rowGroup": {
"header": {
"background": "#ffd7e6f7",
"iconLocation": "left",
"border": "#ff313539,0",
"iconAlignment": "center",
"borderBottom": "#ff85a8d0,1",
"borderTop": "#ffffffff,1",
"selectedBackground": "#ff696969",
"contentFit": "auto",
"inactiveBackground": "#ffd3d3d3",
"iconOffset": "0",
"selectionDisplay": "mask",
"iconPadding": "0",
"hoveredMaskBackground": "#1f5292f7",
"hoveredMaskBorder": "#335292f7,1",
"figureBackground": "#ff008800",
"paddingBottom": "2",
"paddingTop": "2",
"paddingRight": "2",
"selectedForeground": "#ffffffff",
"foreground": "#ff002f6e",
"inactiveForeground": "#ff808080",
"textAlignment": "near",
"borderLeft": "#ffffffff,1",
"lineAlignment": "center",
"borderRight": "#ff85a8d0,1",
"iconIndex": "0"
},
"footer": {
"background": "#ff9cbade",
"iconLocation": "left",
"border": "#ffffffff,0",
"iconAlignment": "center",
"borderBottom": "#ffffffff,0",
"borderTop": "#ffd8e3f0,1",
"selectedBackground": "#ff696969",
"contentFit": "auto",
"inactiveBackground": "#ffd3d3d3",
"iconOffset": "0",
"selectionDisplay": "mask",
"iconPadding": "0",
"hoveredMaskBackground": "#1f5292f7",
"hoveredMaskBorder": "#335292f7,1",
"figureBackground": "#ff008800",
"paddingBottom": "2",
"paddingTop": "2",
"paddingRight": "4",
"selectedForeground": "#ffffffff",
"foreground": "#ff000000",
"inactiveForeground": "#ff808080",
"textAlignment": "far",
"borderLeft": "#ffffffff,0",
"lineAlignment": "center",
"borderRight": "#ffd8e3f0,1",
"iconIndex": "0"
},
"head": {
"background": "linear,#ffe9f0f8,#ffc3d8f1,90",
"iconLocation": "left",
"border": "#ff313539,1",
"iconAlignment": "center",
"borderBottom": "#ff5d8cc9,1",
"borderTop": "#ffffffff,1",
"selectedBackground": "#ffff0000",
"contentFit": "auto",
"inactiveBackground": "#ffd3d3d3",
"iconOffset": "0",
"selectionDisplay": "inversion",
"iconPadding": "0",
"hoveredMaskBackground": "linear,#fffff8a9,#ffffd75e,90",
"hoveredMaskBorder": "#ffff0000,1",
"figureBackground": "#ff000000",
"paddingBottom": "2",
"paddingTop": "2",
"paddingRight": "2",
"selectedForeground": "#ffff0000",
"foreground": "#ff002f6e",
"inactiveForeground": "#ff808080",
"textAlignment": "center",
"borderLeft": "#ffffffff,1",
"lineAlignment": "center",
"borderRight": "#ff5d8cc9,1",
"iconIndex": "0"
},
"foot": {
"background": "#ffdee2e7",
"paddingRight": "2",
"iconLocation": "left",
"border": "#88888888,1",
"selectedForeground": "#ffffffff",
"iconAlignment": "center",
"foreground": "#ff000000",
"inactiveForeground": "#ff808080",
"iconOffset": "0",
"textAlignment": "near",
"selectedBackground": "#ff696969",
"lineAlignment": "center",
"inactiveBackground": "#ffd3d3d3",
"selectionDisplay": "mask",
"hoveredMaskBorder": "#335292f7,1",
"borderTop": "#ff79828b,1",
"hoveredMaskBackground": "#1f5292f7",
"contentFit": "auto",
"paddingTop": "2",
"borderRight": "#ff9099a3,1",
"figureBackground": "#ff008800",
"iconPadding": "0",
"paddingBottom": "1",
"iconIndex": "0"
},
"headerBar": {
"background": "#ffd7e6f7",
"iconLocation": "left",
"border": "#ffffffff,0",
"iconAlignment": "center",
"borderBottom": "#ffffffff,0",
"borderTop": "#ffffffff,1",
"selectedBackground": "#ff696969",
"contentFit": "auto",
"inactiveBackground": "#ffd3d3d3",
"iconOffset": "0",
"selectionDisplay": "mask",
"iconPadding": "0",
"hoveredMaskBackground": "#1f5292f7",
"hoveredMaskBorder": "#335292f7,1",
"figureBackground": "#ff498ee1",
"paddingBottom": "2",
"paddingTop": "2",
"paddingRight": "2",
"selectedForeground": "#ffffffff",
"foreground": "#ff002f6e",
"inactiveForeground": "#ff808080",
"textAlignment": "near",
"borderLeft": "#ffffffff,1",
"lineAlignment": "center",
"borderRight": "#ffffffff,0",
"iconIndex": "0"
},
"footerBar": {
"background": "#ff9cbade",
"iconLocation": "left",
"border": "#ffffffff,0",
"iconAlignment": "center",
"borderBottom": "#ffffffff,0",
"borderTop": "#ffd7e6f7,1",
"selectedBackground": "#ff696969",
"contentFit": "auto",
"inactiveBackground": "#ffd3d3d3",
"iconOffset": "0",
"selectionDisplay": "mask",
"iconPadding": "0",
"hoveredMaskBackground": "#1f5292f7",
"hoveredMaskBorder": "#335292f7,1",
"figureBackground": "#ff008800",
"paddingBottom": "2",
"paddingTop": "2",
"paddingRight": "2",
"selectedForeground": "#ffffffff",
"foreground": "#ff000000",
"inactiveForeground": "#ff808080",
"textAlignment": "near",
"borderLeft": "#ffffffff,0",
"lineAlignment": "center",
"borderRight": "#ffd7e6f7,1",
"iconIndex": "0"
},
"bar": {
"background": "#ffd7e6f7",
"iconLocation": "left",
"border": "#ff313539,0",
"iconAlignment": "center",
"borderBottom": "#ff85a8d0,0",
"borderTop": "#ffffffff,0",
"selectedBackground": "#ff696969",
"contentFit": "auto",
"inactiveBackground": "#ffd3d3d3",
"iconOffset": "0",
"selectionDisplay": "mask",
"iconPadding": "0",
"hoveredMaskBackground": "#1f5292f7",
"hoveredMaskBorder": "#335292f7,1",
"figureBackground": "#ff008800",
"paddingBottom": "2",
"paddingTop": "2",
"paddingRight": "2",
"selectedForeground": "#ffffffff",
"foreground": "#ff002f6e",
"inactiveForeground": "#ff808080",
"textAlignment": "near",
"borderLeft": "#ffffffff,1",
"lineAlignment": "center",
"borderRight": "#ff85a8d0,1",
"iconIndex": "0"
},
"panel": {
"background": "#ffd7e6f7",
"iconLocation": "left",
"border": "#ff5d8cc9,1",
"iconAlignment": "center",
"borderBottom": "#ff5d8cc9,1",
"borderTop": "#ffffffff,1",
"selectedBackground": "#ffff0000",
"contentFit": "auto",
"inactiveBackground": "#ffd3d3d3",
"iconOffset": "0",
"selectionDisplay": "mask",
"iconPadding": "0",
"hoveredMaskBackground": "#fffff5a2",
"hoveredMaskBorder": "#335292f7,1",
"figureBackground": "#ff000000",
"paddingBottom": "1",
"paddingTop": "1",
"paddingRight": "1",
"selectedForeground": "#ffff0000",
"foreground": "#ff002f6e",
"inactiveForeground": "#ff808080",
"line": "#ff5d8cc9,1",
"textAlignment": "center",
"borderLeft": "#ffffffff,1",
"lineAlignment": "center",
"borderRight": "#ff5d8cc9,1",
"iconIndex": "0"
}
},
"indicator": {
"background": "#ffebf3fc",
"iconLocation": "left",
"border": "#ff313539,1",
"iconAlignment": "center",
"borderBottom": "#ff93a4b9,1",
"borderTop": "#ffffffff,1",
"selectedBackground": "#fffff0b2",
"contentFit": "auto",
"inactiveBackground": "#ffd3d3d3",
"iconOffset": "0",
"selectionDisplay": "mask",
"iconPadding": "0",
"hoveredMaskBackground": "#fffff0b2",
"hoveredMaskBorder": "#335292f7,1",
"figureBackground": "#ff1c82ff",
"paddingBottom": "2",
"paddingTop": "2",
"paddingRight": "2",
"selectedForeground": "#ffffffff",
"foreground": "#ff002f6e",
"inactiveForeground": "#ff808080",
"textAlignment": "center",
"borderLeft": "#ffffffff,1",
"lineAlignment": "center",
"borderRight": "#ff93a4b9,1",
"iconIndex": "0",
"head": {
"background": "linear,#ffe9f0f8,#ffc3d8f1,90",
"iconLocation": "left",
"border": "#ff000000,1",
"iconAlignment": "center",
"borderBottom": "#ff5d8cc9,1",
"borderTop": "#ffffffff,1",
"selectedBackground": "#ff696969",
"contentFit": "auto",
"inactiveBackground": "#ffd3d3d3",
"iconOffset": "0",
"selectionDisplay": "mask",
"iconPadding": "0",
"hoveredMaskBackground": "#1f5292f7",
"hoveredMaskBorder": "#335292f7,1",
"figureBackground": "#ff008800",
"paddingBottom": "2",
"paddingTop": "2",
"paddingRight": "2",
"selectedForeground": "#ffffffff",
"foreground": "#ff000000",
"inactiveForeground": "#ff808080",
"textAlignment": "center",
"borderLeft": "#ffffffff,1",
"lineAlignment": "center",
"borderRight": "#ff5d8cc9,1",
"iconIndex": "0"
},
"foot": {
"background": "#ffdee2e7",
"iconLocation": "left",
"border": "#88888888,1",
"iconAlignment": "center",
"borderBottom": "#ffc6c6c6,1",
"borderTop": "#ff79828b,1",
"selectedBackground": "#ff696969",
"contentFit": "auto",
"inactiveBackground": "#ffd3d3d3",
"iconOffset": "0",
"selectionDisplay": "mask",
"iconPadding": "0",
"hoveredMaskBackground": "#1f5292f7",
"hoveredMaskBorder": "#335292f7,1",
"figureBackground": "#ff002f6e",
"paddingBottom": "2",
"paddingTop": "2",
"paddingRight": "2",
"selectedForeground": "#ffffffff",
"foreground": "#ff000000",
"inactiveForeground": "#ff808080",
"textAlignment": "center",
"borderLeft": "#ffffffff,1",
"lineAlignment": "center",
"borderRight": "#ff9099a3,1",
"iconIndex": "0"
}
},
"checkBar": {
"background": "#ffffffff",
"paddingRight": "2",
"iconLocation": "left",
"border": "#ff313539,1",
"selectedForeground": "#ffffffff",
"iconAlignment": "center",
"foreground": "#ff555555",
"inactiveForeground": "#ff808080",
"borderBottom": "#ffaab1b8,1",
"textAlignment": "center",
"selectedBackground": "#ff696969",
"lineAlignment": "center",
"inactiveBackground": "#ffd3d3d3",
"iconOffset": "0",
"selectionDisplay": "mask",
"hoveredMaskBorder": "#335292f7,1",
"iconPadding": "0",
"hoveredMaskBackground": "#1f5292f7",
"contentFit": "auto",
"paddingTop": "2",
"borderRight": "#ffaab1b8,1",
"figureBackground": "#ff008e00",
"paddingBottom": "2",
"iconIndex": "0",
"head": {
"background": "linear,#ffe9f0f8,#ffc3d8f1,90",
"iconLocation": "left",
"border": "#ff000000,0",
"iconAlignment": "center",
"borderBottom": "#ff5d8cc9,1",
"borderTop": "#ffffffff,1",
"selectedBackground": "#ff696969",
"contentFit": "auto",
"inactiveBackground": "#ffd3d3d3",
"iconOffset": "0",
"selectionDisplay": "mask",
"iconPadding": "0",
"hoveredMaskBackground": "#1f5292f7",
"hoveredMaskBorder": "#335292f7,1",
"figureBackground": "#ff008e00",
"paddingBottom": "2",
"paddingTop": "2",
"paddingRight": "2",
"selectedForeground": "#ffffffff",
"foreground": "#ff000000",
"inactiveForeground": "#ff808080",
"textAlignment": "center",
"borderLeft": "#ffffffff,1",
"lineAlignment": "center",
"borderRight": "#ff5d8cc9,1",
"iconIndex": "0"
},
"foot": {
"background": "#ffdee2e7",
"iconLocation": "left",
"border": "#88888888,1",
"iconAlignment": "center",
"borderBottom": "#ffc6c6c6,1",
"borderTop": "#ff79828b,1",
"selectedBackground": "#ff696969",
"contentFit": "auto",
"inactiveBackground": "#ffd3d3d3",
"iconOffset": "0",
"selectionDisplay": "mask",
"iconPadding": "0",
"hoveredMaskBackground": "#1f5292f7",
"hoveredMaskBorder": "#335292f7,1",
"figureBackground": "#ff008800",
"paddingBottom": "2",
"paddingTop": "2",
"paddingRight": "2",
"selectedForeground": "#ffffffff",
"foreground": "#ff000000",
"inactiveForeground": "#ff808080",
"textAlignment": "center",
"borderLeft": "#ffffffff,1",
"lineAlignment": "center",
"borderRight": "#ff9099a3,1",
"iconIndex": "0"
}
},
"statusBar": {
"background": "#ffffffff",
"paddingRight": "2",
"iconLocation": "left",
"border": "#ff313539,1",
"selectedForeground": "#ffffffff",
"iconAlignment": "center",
"foreground": "#ff000000",
"inactiveForeground": "#ff808080",
"borderBottom": "#ffaab1b8,1",
"textAlignment": "center",
"selectedBackground": "#ff696969",
"lineAlignment": "center",
"inactiveBackground": "#ffd3d3d3",
"iconOffset": "0",
"selectionDisplay": "mask",
"hoveredMaskBorder": "#335292f7,1",
"iconPadding": "0",
"hoveredMaskBackground": "#1f5292f7",
"contentFit": "auto",
"paddingTop": "2",
"borderRight": "#ffaab1b8,1",
"figureBackground": "#ff008800",
"paddingBottom": "2",
"iconIndex": "0",
"head": {
"background": "linear,#ffe9f0f8,#ffc3d8f1,90",
"iconLocation": "left",
"border": "#ff000000,0",
"iconAlignment": "center",
"borderBottom": "#ff5d8cc9,1",
"borderTop": "#ffffffff,1",
"selectedBackground": "#ff696969",
"contentFit": "auto",
"inactiveBackground": "#ffd3d3d3",
"iconOffset": "0",
"selectionDisplay": "mask",
"iconPadding": "0",
"hoveredMaskBackground": "#1f5292f7",
"hoveredMaskBorder": "#335292f7,1",
"figureBackground": "#ff008800",
"paddingBottom": "2",
"paddingTop": "2",
"paddingRight": "2",
"figureSize": "1",
"selectedForeground": "#ffffffff",
"foreground": "#ff000000",
"inactiveForeground": "#ff808080",
"textAlignment": "center",
"borderLeft": "#ffffffff,1",
"lineAlignment": "center",
"borderRight": "#ff5d8cc9,1",
"iconIndex": "0"
},
"foot": {
"background": "#ffdee2e7",
"iconLocation": "left",
"border": "#88888888,1",
"iconAlignment": "center",
"borderBottom": "#ffc6c6c6,1",
"borderTop": "#ff79828b,1",
"selectedBackground": "#ff696969",
"contentFit": "auto",
"inactiveBackground": "#ffd3d3d3",
"iconOffset": "0",
"selectionDisplay": "mask",
"iconPadding": "0",
"hoveredMaskBackground": "#1f5292f7",
"hoveredMaskBorder": "#335292f7,1",
"figureBackground": "#ff008800",
"paddingBottom": "2",
"paddingTop": "2",
"paddingRight": "2",
"selectedForeground": "#ffffffff",
"foreground": "#ff000000",
"inactiveForeground": "#ff808080",
"textAlignment": "center",
"borderLeft": "#ffffffff,1",
"lineAlignment": "center",
"borderRight": "#ff9099a3,1",
"iconIndex": "0"
}
},
"selection": {
"background": "#2f1e90ff",
"paddingRight": "0",
"iconLocation": "left",
"border": "#5f1e90ff,2",
"selectedForeground": "#ffffffff",
"iconAlignment": "center",
"foreground": "#ff000000",
"inactiveForeground": "#ff808080",
"iconOffset": "0",
"textAlignment": "center",
"selectedBackground": "#ff696969",
"lineAlignment": "center",
"inactiveBackground": "#ffd3d3d3",
"selectionDisplay": "mask",
"hoveredMaskBorder": "#335292f7,1",
"iconPadding": "0",
"hoveredMaskBackground": "#1f5292f7",
"contentFit": "auto",
"paddingTop": "0",
"figureBackground": "#ff008800",
"paddingBottom": "0",
"iconIndex": "0"
}
}