MDrivenDesignerStylingVariables
This page was created by Hans.karlsen@mdriven.net on 2025-04-26. Last edited by Hans.karlsen@mdriven.net on 2025-05-14.

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
--navbar-brand-color color
--navbar-link-color color
--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
--sidebar-bg-color color
--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
--small px
--medium px
--large px
--extra-large px
--navbar-height px
--savebar-height px
--btn-border-radius px
--tooltip-border-radius px
--sidebar-width px
--base-border-radius px
--resizer-width px
--input-border-radius px
--base-font-size px
--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
  --app-icon-font font