Component Properties

The following are the Components section CSS Variables when configuring specific elements of a new theme:

Accordion

Color

Field Name	CSS Variable	Description	Default Value
Content Background	--jgt-acc-contentBg	Background color of the accordion body	#ffffff
Header Background	--jgt-acc-headerBg	Background color of the accordion header	rgba(0, 0, 0, 0.02)
Border Color	--jgt-acc-colorBorder	Border color of the accordion	#d9d9d9
Text Color	--jgt-acc-colorText	Color of the accordion body text	#222222rgba(0, 0, 0, 0.88)
Text Heading Color	--jgt-acc-colorTextHeading	Color of the accordion header text	#222222 rgba(0, 0, 0, 0.88)

Size

Field Name	CSS Variable	Description	Default Value
Content Padding	--jgt-acc-contentPadding	Accordion body full padding (e.g., 16px 16px)	16px 16px
Header Padding	--jgt-acc-headerPadding	Accordion header full padding (e.g., 12px 16px)	12px 16px
Font Size	--jgt-acc-fontSize	Accordion header font size	14px
Line Height	--jgt-acc-lineHeight	Accordion header line height	1.5714285714285714
Line Width	--jgt-acc-lineWidth	Accordion border line width	1px

Style

Field Name	CSS Variable	Description	Default Value
Border Radius	--jgt-acc-borderRadius	Border radius of the accordion	8px
Line Type	--jgt-acc-lineType	Line type of the accordion	solid

Card

Color

Field Name	CSS Variable	Description	Default Value
Header Background	--jgt-card-headerBg	Background color of the card header	#ffffff
Background Container Color	--jgt-card-colorBgContainer	Background color of the card body	#FFFFFF
Secondary Border Color	--jgt-card-colorBorderSecondary	Border color of the card	#F0F0F0
Text Color	--jgt-card-colorText	Not in use	rgba(0, 0, 0, 0.88)
Description Text Color	--jgt-card-colorTextDescription	Color of the card text	rgba(0, 0, 0, 0.45)
Text Heading Color	--jgt-card-colorTextHeading	Color of the card header text	rgba(0, 0, 0, 0.88)

Size

Field Name	CSS Variable	Description	Default Value
Header Font Size	--jgt-card-headerFontSize	Card header font size	16px
Header Height	--jgt-card-headerHeight	Card header height	56px
Font Height	--jgt-card-fontHeight	Not in use	22
Large Font Size	--jgt-card-fontSizeLG	Card body font size	14px
Line Height	--jgt-card-lineHeight	Card font line height	1.5714285714285714
Line Width	--jgt-card-lineWidth	Card border line width	1px
Padding	--jgt-card-padding	Card body padding	24px

Style

Field Name	CSS Variable	Description	Default Value
Large Border Radius	--jgt-card-borderRadiusLG	Card border-radius	8px
Card Box Shadow	--jgt-card-boxShadowCard	Card box-shadow	none
Strong Font Weight	--jgt-card-fontWeightStrong	Card header font weight	600
Line Type	--jgt-card-lineType	Card border line type	solid

List

Color

Field Name	CSS Variable	Description	Default Value
Content Background	--jgt-list-contentBg	Background color of list .list-group-item	#FFFFFF
Border Color	--jgt-list-colorBorder	Border color of the list	rgba(5, 5, 5, 0.06)
Text Color	--jgt-list-colorText	Color of the list	rgba(0, 0, 0, 0.88)
Description Text Color	--jgt-list-colorTextDescription	Color of description .list-group-item .text-muted	rgba(0, 0, 0, 0.45)

Size

Field Name	CSS Variable	Description	Default Value
Avatar Margin Right	--jgt-list-avatarMarginRight	Not in use	16px
Description Font Size	--jgt-list-descriptionFontSize	Font size of description .list-group-item .text-muted	14px
Item Padding	--jgt-list-itemPadding	Padding of the list item	12px 20px
Font Size	--jgt-list-fontSize	Font size of the list item	14px
Line Height	--jgt-list-lineHeight	Line height of the list item	1.5714285714285714
Line Width	--jgt-list-lineWidth	Line width of the list item	1px

Style

Field Name	CSS Variable	Description	Default Value
Border Radius	--jgt-list-borderRadius	Border radius of the list item	8px
Line Type	--jgt-list-lineType	Border line type of the list item	solid

Tab

Color

Field Name	CSS Variable	Description	Default Value
Card Background color	--jgt-tab-cardBg	Background color of the tab	rgba(0, 0, 0, 0.02)
Item Color	--jgt-tab-itemColor	Color of the tab item	rgba(0, 0, 0, 0.88)
Item Hover Color	--jgt-tab-itemHoverColor	Color when tab item is hovered	#4096FF
Item Selected Color	--jgt-tab-itemSelectedColor	Active tab item color	#1677FF
Background Container Color	--jgt-tab-colorBgContainer	Active tab item background color	#FFFFFF
Border Color	--jgt-tab-colorBorder	Tab border color	#F0F0F0

Size

Field Name	CSS Variable	Description	Default Value
Card Height	--jgt-tab-cardHeight	Tab item height	40px
Card Padding	--jgt-tab-cardPadding	Tab item full padding (e.g., 8px 16px)	8px 16px
Horizontal Margin	--jgt-tab-horizontalMargin	Full padding of the tab element (e.g., 0 0 50px 0)	0 0 16px 0
Title Font Size	--jgt-tab-titleFontSize	Tab item font size	14px
Font Heigh	--jgt-tab-fontHeight	Tab item font weight	500
Line Height	--jgt-tab-lineHeight	Tab item line height	1.5714285714285714

Style

Field Name	CSS Variable	Description	Default Value
Card Gutter	--jgt-tab-cardGutter	Distance between each tab item	2px
Border Radius	--jgt-tab-borderRadius	Border-radius of the top left and top right of tab item	6px
Line Type	--jgt-tab-lineType	Border line type of the tab	solid

Table

Color

Field Name	CSS Variable	Description	Default Value
Border Color	--jgt-table-borderColor	Border color for table	#F0F0F0
Header Background	--jgt-table-headerBg	Table header background color	#FAFAFA
Header Color	--jgt-table-headerColor	Table header color	rgba(0, 0, 0, 0.88)
Header Filter Hover Background Color	--jgt-table-headerFilterHoverBg	Not in use	rgba(0, 0, 0, 0.06)
Header Sort Active Background Color	--jgt-table-headerSortActiveBg	Table header sorted background color	#F0F0F0
Header Sort Hover Background Color	--jgt-table-headerSortHoverBg	Table header sortable background color	#F0F0F0
Header Split Color	--jgt-table-headerSplitColor	Header split color	#F0F0F0
Row Hover Background Color	--jgt-table-rowHoverBg	Table row hover background color	#FAFAFA
Row Selected Background Color	--jgt-table-rowSelectedBg	Selected table row background color	#E6F4FF
Background Container Color	--jgt-table-colorBgContainer	Background color of table	#FFFFFF
Primary Color	--jgt-table-colorPrimary	Not in use	#1677FF
Text Color	--jgt-table-colorText	Text color of table	rgba(0, 0, 0, 0.88)

Size

Field Name	CSS Variable	Description	Default Value
Cell Font Size	--jgt-table-cellFontSize	Font size of each cell	14px
Cell Padding Block	--jgt-table-cellPaddingBlock	Padding top & bottom of each cell	16px
Cell Padding Inline	--jgt-table-cellPaddingInline	Padding left & right of each cell	16px
Line Height	--jgt-table-lineHeight	Font line height	1.5714285714285714
Line Width	--jgt-table-lineWidth	Border line width	1px

Style

Field Name	CSS Variable	Description	Default Value
Header Border Radius	--jgt-table-headerBorderRadius	Border radius for table header top-left and top-right	8px
Border Radius	--jgt-table-borderRadius	Not in use	6px
Strong Font Weight	--jgt-table-fontWeightStrong	Table header font weight	600
Line Type	--jgt-table-lineType	Border line type	solid

Breadcrumb

Color

Field Name	CSS Variable	Description	Default Value
Background Color	--jgt-breadcrumb-bgColor	Background color for the breadcrumb element	transparent
Last Item Color	--jgt-breadcrumb-lastItemColor	Last breadcrumb item color	rgba(0, 0, 0, 0.88)
Link Color	--jgt-breadcrumb-linkColor	Breadcrumb item color	rgba(0, 0, 0, 0.45)
Link Hover Color	--jgt-breadcrumb-linkHoverColor	Breadcrumb item hover color	rgba(0, 0, 0, 0.88)
Separator Color	--jgt-breadcrumb-separatorColor	Breadcrumb separator color	rgba(0, 0, 0, 0.45)
Background Text Hover Color	--jgt-breadcrumb-colorBgTextHover	Breadcrumb item hover background color	rgba(0, 0, 0, 0.06)
Primary Border Color	--jgt-breadcrumb-colorPrimaryBorder	Not in use	#91caff
Text Color	--jgt-breadcrumb-colorText	Color text for breadcrumb	rgba(0, 0, 0, 0.88)

Size

Field Name	CSS Variable	Description	Default Value
Icon Font Size	--jgt-breadcrumb-iconFontSize	Icon font size	14px
Separator Margin	--jgt-breadcrumb-separatorMargin	Margin left & right for the separator	4px
Font Height	--jgt-breadcrumb-fontHeight	Not in use	-
Font Size	--jgt-breadcrumb-fontSize	Font size for breadcrumb	14px
Font Weight	--jgt-breadcrumb-fontWeight	Font weight for breadcrumb	400
Line Height	--jgt-breadcrumb-lineHeight	Line height for font	1.5714285714285714
Padding	--jgt-breadcrumb-padding	Padding left & right for the breadcrumb item	4px
Padding Block Start	--jgt-breadcrumb-paddingBlockStart	Padding top of the breadcrumb element	18px

Style

Field Name	CSS Variable	Description	Default Value
Border Radius	--jgt-breadcrumb-borderRadius	Border radius for breadcrumb item	4px

Dropdown

Color

Field Name	CSS Variable	Description	Default Value
Elevated Background Color	--jgt-dd-colorBgElevated	Dropdown background color	#ffffff
Text Color	--jgt-dd-colorText	Dropdown color	rgba(0, 0, 0, 0.88)
Control Item Hover Background Color	--jgt-dd-controlItemBgHover	Dropdown item hover background color	rgba(0, 0, 0, 0.04)

Size

Field Name	CSS Variable	Description	Default Value
Padding Block	--jgt-dd-paddingBlock	Padding top & bottom of the dropdown item	5px
Control Item Horizontal Padding	--jgt-dd-controlPaddingHorizontal	Padding left & right of the dropdown item	12px
Font Size	--jgt-dd-fontSize	Font size of the dropdown item	14px
Line Height	--jgt-dd-lineHeight	Font line height of the dropdown item	1.5714285714285714
Padding	--jgt-dd-padding	Padding of the dropdown element	4px

Style

Field Name	CSS Variable	Description	Default Value
Border Radius	--jgt-dd-borderRadius	Border radius of the dropdown element	8px
Secondary Box Shadow	--jgt-dd-boxShadowSecondary	Box shadow of the dropdown element	0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05)

Pagination

Color

Field Name	CSS Variable	Description	Default Value
Item Active Background Color	--jgt-pg-itemActiveBg	Active item background color	#FFFFFF
Item Active Background Color Disabled	--jgt-pg-itemActiveBgDisabled	Disabled item background color	#D9D9D9
Item Active Color Disabled	--jgt-pg-itemActiveColorDisabled	Disabled item color	#BFBFBF
Background Container Color	--jgt-pg-colorBgContainer	Background color of pagination item	#FFFFFF
Background Text Active Color	--jgt-pg-colorBgTextActive	Not in use	-
Background Text Hover Color	--jgt-pg-colorBgTextHover	Item hovered background color	#F0F0F0
Primary Color	--jgt-pg-colorPrimary	Active item border color & font color	#1677FF
Primary Hover Color	--jgt-pg-colorPrimaryHover	Active item hovered border color & font color	#4096FF
Text Color	--jgt-pg-colorText	Color for pagination	rgba(0, 0, 0, 0.88)
Text Disabled Color	--jgt-pg-colorTextDisabled	Disabled item text color	#BFBFBF

Size

Field Name	CSS Variable	Description	Default Value
Item Size	--jgt-pg-itemSize	Pagination item height and width	32px
Control Height	--jgt-pg-controlHeight	Control height of the pagination element	32px
Font Size	--jgt-pg-fontSize	Font size of the pagination item	14px
Line Height	--jgt-pg-lineHeight	Line height of the pagination item	1.5714285714285714
Line Width	--jgt-pg-lineWidth	Line width of the pagination item	1px
Padding	--jgt-pg-padding	Padding left & right of the pagination item	6px
Margin	--jgt-pg-margin	Margin right of the pagination item	8px

Style

Field Name	CSS Variable	Description	Default Value
Line Type	--jgt-pg-lineType	Line type of border	solid
Border Radius	--jgt-pg-borderRadius	Border radius of pagination item	6px
Strong Font Weight	--jgt-pg-fontWeightStrong	Font weight of active pagination item	600

Wizard

Color

Field Name	CSS Variable	Description	Default Value
Primary Color	--jgt-wizard-colorPrimary	Active wizard item background color	#1677FF
Split Color	--jgt-wizard-colorSplit	Border color for the split	rgba(5, 5, 5, 0.06)
Text Color	--jgt-wizard-colorText	Active wizard item title color	rgba(0, 0, 0, 0.88)
Description Text Color	--jgt-wizard-colorTextDescription	Unactive wizard item color	rgba(0, 0, 0, 0.45)
Text Light Solid Color	--jgt-wizard-colorTextLightSolid	Active wizard item color	#FFFFFF

Sizing

Field Name	CSS Variable	Description	Default Value
Title Line Height	--jgt-wizard-titleLineHeight	Title line height	32px
Control Height	--jgt-wizard-controlHeight	Height of the wizard item	32px
Font Size	--jgt-wizard-fontSize	Font size of wizard item and title	14px
Line Height	--jgt-wizard-lineHeight	Font line height	1.5714285714285714
Line Width	--jgt-wizard-lineWidth	Border line width	1px

Style

Field Name	CSS Variable	Description	Default Value
Border Radius	--jgt-wizard-borderRadius	Border radius of wizard item	50%
Line Type	--jgt-wizard-lineType	Border line type	solid

Button

Color

Field Name	CSS Variable	Description	Default Value
Border Color Disabled	--jgt-btn-borderColorDisabled	Disabled button border color	#d9d9d9
Danger Color	--jgt-btn-dangerColor	Danger button color	#FFFFFF
Default Active Background	--jgt-btn-defaultActiveBg	Default button active background	#FFFFFF
Default Active Border Color	--jgt-btn-defaultActiveBorderColor	Default button active border color	#0958D9
Default Active Color	--jgt-btn-defaultActiveColor	Default button active color	#0958D9
Default Background	--jgt-btn-defaultBg	Default button background	#FFFFFF
Default Border Color	--jgt-btn-defaultBorderColor	Default button border color	#D9D9D9
Default Color	--jgt-btn-defaultColor	Default button color	rgba(0, 0, 0, 0.88)
Default Hover Background	--jgt-btn-defaultHoverBg	Default button hover background	#FFFFFF
Default Hover Border Color	--jgt-btn-defaultHoverBorderColor	Default button hover border color	#4096FF
Default Hover Color	--jgt-btn-defaultHoverColor	Default button hover color	#4096FF
Link Hover Background	--jgt-btn-linkHoverBg	Link hover background	#FFFFFF
Primary Color	--jgt-btn-primaryColor	Primary button color	#FFFFFF
Text Hover Background	--jgn-btn-hoverBg	List hover button	rgba(0, 0, 0, 0.06)
Background Container Disabled	--jgt-btn-colorBgContainerDisabled	Disabled button background color	rgba(0, 0, 0, 0.04)
Border Color	--jgt-btn-colorBorder	Border color	#D9D9D9
Error Color	--jgt-btn-colorError	Danger button background color	#ff4d4f
Error Active Color	--jgt-btn-colorErrorActive	Danger button active background color	#D9363E
Error Hover Color	--jgt-btn-colorErrorHover	Danger button hover background color	#ff7875
Link Color	--jgt-btn-colorLink	Link color	#1677ff
Link Active Color	--jgt-btn-colorLinkActive	Active link color	#0958d9
Link Hover Color	--jgt-btn-colorLinkHover	Link hover color	#69b1ff
Primary Color	--jgt-btn-colorPrimary	Primary button background color	#1677FF
Primary Active Color	--jgt-btn-colorPrimaryActive	Primary button active background color	#0958d9
Primary Hover Color	--jgt-btn-colorPrimaryHover	Primary button hover background color	#4096ff
Text Disabled Color	--jgt-btn-colorTextDisabled	Disabled button color	rgba(0, 0, 0, 0.25)
Text Light Solid Color	--jgt-btn-colorLightSolid	Light solid text color	#FFFFFF

Size

Field Name	CSS Variable	Description	Default Value
Content Font Size	--jgt-btn-contentFontSize	Button font size	14px
Content Line Height	--jgt-btn-contentLineHeight	Button line height	1
Padding Block	--jgt-btn-paddingBlock	Button padding top & bottom	8px
Padding Inline	--jgt-btn-paddingInline	Button padding left & right	15px
Control Height	--jgt-btn-controlHeight	Button height	32px

Style

Field Name	CSS Variable	Description	Default Value
Border Radius	--jgt-btn-borderRadius	Button border radius	6px
Font Weight	--jgt-btn-fontWeight	Button font weight	400
Danger Shadow	--jgt-btn-dangerShadow	Danger button box shadow	0 2px 0 rgba(255, 38, 5, 0.06)
Default Shadow	--jgt-btn-defaultShadow	Default button box shadow	0 2px 0 rgba(0, 0, 0, 0.02)
Primary Shadow	--jgt-btn-primaryShadow	Primary button box shadow	0 2px 0 rgba(5, 145, 255, 0.1)

Login Page

Refer to Enable custom login and UI Settings for more information.

Typography

Color

Field Name	CSS Variable	Description	Default Value
Link Color	--jgt-tpgh-colorLink	Link color	#1677FF
Link Active Color	--jgt-tpgh-colorLinkActive	Active link color	#0958D9
Link Hover Color	--jgt-tpgh-colorLinkHover	Link hover color	#69B1FF
Text Color	--jgt-tpgh-colorText	Text color	rgba(0, 0, 0, 0.88)
Text Heading Color	--jgt-tpgh-colorTextHeading	Heading text color	rgba(0, 0, 0, 0.88)
Text Disabled Color	--jgt-tpgh-colorTextDisabled	Disabled text color	rgba(0, 0, 0, 0.25)
Description Text Color	--jgt-tpgh-colorTextDescription	Description text color	rgba(0, 0, 0, 0.45)

Size

Field Name	CSS Variable	Description	Default Value
Title Margin Bottom	--jgt-tpgh-titleMarginBottom	Margin bottom for headings	0.5em
Title Margin Top	--jgt-tpgh-titleMarginTop	Margin top for headings	0px
Font Size	--jgt-tpgh-fontSize	Font size	14px
Heading 1 Font Size	--jgt-tpgh-fontSizeHeading1	Font size for H1	38px
Heading 2 Font Size	--jgt-tpgh-fontSizeHeading2	Font size for H2	30px
Heading 3 Font Size	--jgt-tpgh-fontSizeHeading3	Font size for H3	24px
Heading 4 Font Size	--jgt-tpgh-fontSizeHeading4	Font size for H4	20px
Heading 5 Font Size	--jgt-tpgh-fontSizeHeading5	Font size for H5	16px
Line Height	--jgt-tpgh-lineHeight	Line height	1.5714285714285714
Line Height for Heading 1	--jgt-tpgh-lineHeightHeading1	Line height for H1	1.2105263157894737
Line Height for Heading 2	--jgt-tpgh-lineHeightHeading2	Line height for H2	1.2666666666666666
Line Height for Heading 3	--jgt-tpgh-lineHeightHeading3	Line height for H3	1.3333333333333333
Line Height for Heading 4	--jgt-tpgh-lineHeightHeading4	Line height for H4	1.4
Line Height for Heading 5	--jgt-tpgh-lineHeightHeading5	Line height for H5	1.5

Style

Field Name	CSS Variable	Description	Default Value
Strong Font Weight	--jgt-tpgh-fontWeightStrong	Font weight for headings (H1, H2, H3, H4, H5)	600
Google Font API Key	--jgt-tpgh-googleFontAPI	Google Font API Key	Explore Google Font API: developers.google.com/fonts/docs/developer_api
Font	--jgt-tpgh-fontFamilyCode	Font family for code	'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace
Font	--jgt-tpgh-fontFamily	Font family	(Not provided)

Checkbox

Color

Field Name	CSS Variable	Description	Default Value
Background Container Color	--jgt-cb-colorBgContainer	Checkbox background color	#FFFFFF
Background Container Disabled	--jgt-cb-colorBgContainerDisabled	Disabled checkbox background color	rgba(0, 0, 0, 0.04)
Border Color	--jgt-cb-colorBorder	Checkbox border color	#D9D9D9
Primary Color	--jgt-cb-colorPrimary	Checkbox checked background color	#1677FF
Primary Border Color	--jgt-cb-colorPrimaryBorder	Checkbox checked border color	#91CAFF
Primary Hover Color	--jgt-cb-colorPrimaryHover	Checkbox hover border color	#4096FF
Text Color	--jgt-cb-colorText	Checkbox label color	rgba(0, 0, 0, 0.88)
Text Disabled Color	--jgt-cb-colorTextDisabled	Disabled label color	rgba(0, 0, 0, 0.25)
White Color	--jgt-cb-colorWhite	White text color	#FFFFFF

Size

Field Name	CSS Variable	Description	Default Value
Interactive Control Size	--jgt-cb-controlInteractiveSize	Checkbox size	16px
Font Size	--jgt-cb-fontSize	Label font size	14px
Line Height	--jgt-cb-lineHeight	Label line height	1.5714285714285714
Line Width	--jgt-cb-lineWidth	Border line width	1px
Padding	--jgt-cb-padding	Label padding left	8px

Style

Field Name	CSS Variable	Description	Default Value
Border Radius SM	--jgt-cb-borderRadiusSM	Checkbox border radius	4px
Line Type	--jgt-cb-lineType	Border line type	solid

Form

Color

Field Name	CSS Variable	Description	Default Value
Required Mark Color	--jgt-form-labelRequiredMarkColor	Mandatory field mark color	#FF4D4F
Border Color	--jgt-form-colorBorder	Border color	#D9D9D9
Text Color	--jgt-form-colorText	Form label color	rgba(0, 0, 0, 0.88)
Description Text Color	--jgt-form-colorTextDescription	Form description color	rgba(0, 0, 0, 0.45)
Control Outline	--jgt-form-outline	Outline color or style for interactive controls	rgba(5, 145, 255, 0.1)
Background Container Color	--jgt-form-bgColor	Background color for containers.	#FFFFFF
Header Background	--jgt-form-bgColor	Background color for headers.	#FFFFFF
Text Heading Color	--jgt-form-color	Color of text headings.	rgba(0, 0, 0, 0.88)

Size

Field Name	CSS Variable	Description	Default Value
Header Font Size	--jgt-form-fontSize	Font size of the header text.	16px
Header Padding Inline	--jgt-form-paddingInline	Header horizontal padding	24px
Header Height	--jgt-form-headerHeight	Header element height.	56px
Header Font Height	--jgt-form-fontHeight	Header text height.	22
Section Padding Bottom	--jgt-form-paddingBottom	Bottom section padding.	20px
Item Margin Bottom	--jgt-form-itemMarginBottom	Field margin bottom	24px
Label Width	--jgt-form-labelWidth	Width of label	30%
Label Font Size	--jgt-form-labelFontSize	Font size of label	14px
Label Height	--jgt-form-labelHeight	Height of the label	32px
Label Inline End Margin	--jgt-form-labelMarginInlineEnd	Label margin right	15px
Field Width	--jgt-form-fieldWidth	Width of the field	70%
Control Outline Width	--jgt-control-outlineWidth	Outline width control	2px
Line Width	--jgt-form-lineWidth	Border line width	1px
Line Height	--jgt-form-lineHeight	Line height of label	1.5714285714285714

Style

Field Name	CSS Variable	Description	Default Value
Line Type	--jgt-form-lineType	Border line type	solid
Label Float	--jgt-form-labelFloat	Label float position	left
Field Float	--jgt-form-fieldFloat	Field label float position	left
Label Align	--jgt-form-labelAlign	Label text align	end
Font Weight	--jgt-form-fontWeight	Label font weight	400
Border Radius	--jgt-form-controlOutline	Control outline color	rgba(5, 145, 255, 0.1)
Header Font Weight	--jgt-form-controlOutlineWidth	Control outline width	2px

Input

Color

Field Name	CSS Variable	Description	Default Value
Active Background Color	--jgt-input-activeBg	Input active background color	#FFFFFF
Hover Background	--jgt-input-hoverBg	Input hover background color	#FFFFFF
Text Color	--jgt-input-colorText	Input field color	rgba(0, 0, 0, 0.88)
Description Text Color	--jgt-input-colorTextDescription	Input description color	rgba(0, 0, 0, 0.45)
Text Disabled Color	--jgt-input-colorTextDisabled	Disabled input color	rgba(0, 0, 0, 0.25)
Placeholder Text Color	--jgt-input-colorTextPlaceholder	Input placeholder color	rgba(0, 0, 0, 0.25)
Background Container Color	--jgt-input-colorBgContainer	Input background color	#FFFFFF
Background Container Disabled	--jgt-input-colorBgContainerDisabled	Disabled input background color	rgba(0, 0, 0, 0.04)
Border Color	--jgt-input-colorBorder	Input border color	#D9D9D9
Icon Color	--jgt-input-colorIcon	Input icon color	rgba(0, 0, 0, 0.45)
Color Icon Hover	--jgt-input-colorIconHover	Input icon hover color	rgba(0, 0, 0, 0.88)
Active Border Color	--jgt-input-activeBorderColor	Input active border color	#1677FF
Hover Border Color	--jgt-input-hoverBorderColor	Input hover border color	#4096FF

Size

Field Name	CSS Variable	Description	Default Value
Input Font Size	--jgt-input-inputFontSize	Input font size	14px
Padding Block	--jgt-input-paddingBlock	Input padding top & bottom	4px
Padding Inline	--jgt-input-paddingInline	Input padding left & right	11px
Control Height	--jgt-input-controlHeight	Input height	32px
Icon Font Size	--jgt-input-fontSizeIcon	Input icon font size	12px
Line Height	--jgt-input-lineHeight	Input line height	1.5714285714285714
Line Width	--jgt-input-lineWidth	Input border line width	1px

Style

Field Name	CSS Variable	Description	Default Value
Active Shadow	--jgt-input-activeShadow	Active input field box shadow	0 0 0 2px rgba(5, 145, 255, 0.1)
Border Radius	--jgt-input-borderRadius	Input field border radius	6px
Line Type	--jgt-input-lineType	Input field border line type	solid

Radio

Color

Field Name	CSS Variable	Description	Default Value
Background Container Color	--jgt-radio-colorBgContainer	Radio background color	#FFFFFF
Background Container Disabled	--jgt-radio-colorBgContainerDisabled	Disabled radio background color	rgba(0, 0, 0, 0.04)
Border Color	--jgt-radio-colorBorder	Radio border color	#D9D9D9
Primary Color	--jgt-radio-colorPrimary	Checked radio background color	#1677FF
Primary Border Color	--jgt-radio-colorPrimaryBorder	Checked radio border color	#91CAFF
Primary Hover Color	--jgt-radio-colorPrimaryHover	Radio hover color	#4096FF
Text Color	--jgt-radio-colorText	Label color	rgba(0, 0, 0, 0.88)
Text Disabled Color	--jgt-radio-colorTextDisabled	Disabled label color	rgba(0, 0, 0, 0.25)
White Color	--jgt-cb-colorWhite	White text color	#FFFFFF

Size

Field Name	CSS Variable	Description	Default Value
Radio Button Size	--jgt-radio-radioSize	Size of radio	16px
Font Size	--jgt-radio-fontSize	Label font size	14px
Line Height	--jgt-radio-lineHeight	Label line height	1.5714285714285714
Line Width	--jgt-radio-lineWidth	Radio border line width	1px
Padding	--jgt-radio-padding	Label padding left	8px

Style

Field Name	CSS Variable	Description	Default Value
Line Type	--jgt-radio-lineType	Radio border line type	solid

Upload

Color

Field Name	CSS Variable	Description	Default Value
Border Color	--jgt-upload-colorBorder	Border color	#D9D9D9
Error Color	--jgt-upload-colorError	Remove link color	#FF4D4F
Alternate Fill Color	--jgt-upload-colorFillAlter	Dropzone background color	rgba(0, 0, 0, 0.02)
Primary Color	--jgt-upload-colorPrimary	Dropzone container hover border color	#1677FF
Text Color	--jgt-upload-colorText	Dropzone color	rgba(0, 0, 0, 0.88)
Description Text Color	--jgt-upload-colorTextDescription	Dropzone description color	rgba(0, 0, 0, 0.45)
Control Item Hover Background Color	-jgt-upload-hoverBG	Hover background control item color	rgba(0, 0, 0, 0.04)

Size

Field Name	CSS Variable	Description	Default Value
Control Height LG	--jgt-upload-controlHeightLG	Dropzone minimum height	40px
Font Size	--jgt-upload-fontSize	Dropzone font size	14px
Line Height	--jgt-upload-lineHeight	Dropzone border line height	1.5714285714285714
Line Width	--jgt-upload-lineWidth	Dropzone border line width	1px

Style

Field Name	CSS Variable	Description	Default Value
Line Type	--jgt-upload-lineType	Dropzone border line type	dashed
Large Border Radius	--jgt-upload-borderRadiusLG	Dropzone border radius	8px