Documentation:MDrivenDesignerStylingVariables

These values are read by MDrivenDesigner in order to get meta info on CSS styling variables

#VariableName	TypeOfValue(Color,px,double,font)	Short description
#--base-bg-color	color	The main background
#--btn-default-clr	color	Button color if having no other style
#--cancel-action-bg-color	color	The Cancel-changes button
#--cancel-action-bg-color-dark	color	The Cancel-changes button hover
#--danger-color	color
#--danger-color-dark	color
#--error-clr	color
#--fileupload-label-clr	color
#--info-clr	color
#--navbar-bg-color	color	The background of the top level menu bar
#--navbar-brand-color	color	The font color of the app name
#--navbar-link-color	color	The color of global menu item text
#--primary-color	color	The signature color used on table row select, Save-button, Menu-Button
#--primary-color-dark	color	The signature color when hover
#--redo-action-bg-color	color
#--redo-action-bg-color-dark	color
#--redo-action-text-color	color
#--save-action-bg-color	color
#--save-action-bg-color-dark	color
#--save-action-text-color	color
#--select-border-clr	color	The color of the border of the select controls
#--sidebar-bg-color	color	The background of the left side menu
#--sidebar-border-clr	color
#--sidebar-divider-clr	color
#--success-color	color
#--success-color-dark	color
#--table-bg-clr	color
#--table-border-clr	color
#--textfield-border-clr	color
#--textfield-disabled-bg-clr	color
#--textfield-icon-clr	color
#--textfield-label-clr	color
#--text-on-danger	color
#--text-on-default-btn	color
#--text-on-error	color
#--text-on-info	color
#--text-on-primary	color
#--text-on-success	color
#--text-on-warning	color
#--toolbar-bg-color	color
#--toolbar-item-color	color
#--tooltip-bg-clr	color
#--tooltip-text-clr	color
#--undo-action-bg-color	color
#--undo-action-bg-color-dark	color
#--undo-action-text-color	color
#--warning-color	color
#--warning-color-dark	color
#--data-table-header-text-color	color
#--data-table-header-bg-color	color
#--textfield-border-radius	px
#--select-border-radius	px
#--table-border-radius	px
#--table-border-width	px
#--extra-small	px	Size of extra-small image
#--small	px	Size of small image
#--medium	px	Size of medium image
#--large	px	Size of image
#--extra-large	px	Size of image
#--navbar-height	px	The height of the main menu
#--savebar-height	px
#--btn-border-radius	px	The radius of buttons
#--tooltip-border-radius	px
#--sidebar-width	px	The width of the left side menu
#--base-border-radius	px	The radius of inputs
#--resizer-width	px
#--input-border-radius	px
#--base-font-size	px	The size of the base font of the application
#--base-checkbox-size	px
#--data-table-header-height-blazor	px
#--data-table-row-height-blazor	px
#--data-table-header-height-blazor-smalllscreen	px
#--data-table-row-height-blazor-smalllscreen	px
#--sidebar-item-height	px
#--sidebar-divider-alpha	double
#--app-font-family	font
#--base-font-family	font	Main font of the application
#--app-icon-font	font	Font used for MaterialDesign Icons