MDrivenDesignerStylingVariables
No edit summary
No edit summary
Line 1: Line 1:
These values are read by MDrivenDesigner in order to get meta info on CSS styling variables
These values are read by MDrivenDesigner in order to get meta info on CSS styling variables
NOTE TO EDITORS: This is referenced from within MDrivenDesigner - dont move or change format since that would BREAK THINGS
{| class="wikitable"
{| class="wikitable"
!#VariableName
!#VariableName

Revision as of 14:41, 26 April 2025

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

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

NOTE TO EDITORS: This is referenced from within MDrivenDesigner - dont move or change format since that would BREAK THINGS

#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 color on buttons with style danger
#--danger-color-dark color color on buttons with style danger when hover
#--error-clr color Broken constraint of type error background
#--fileupload-label-clr color
#--info-clr color Broken constraint of type info background
#--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 Broken constraint of type error foreground
#--text-on-info color Broken constraint of type info foreground
#--text-on-primary color
#--text-on-success color
#--text-on-warning color Broken constraint of type warning foreground
#--toolbar-bg-color color Toolbar background color
#--toolbar-item-color color Toolbar action text 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 color on buttons with style warning
#--warning-color-dark color color on buttons with style warning when hover
#--data-table-header-text-color color The text color of table header
#--data-table-header-bg-color color The background of table headers
#--textfield-border-radius px
#--select-border-radius px
#--table-border-radius px The radius of the border of tables
#--table-border-width px The width of the border of tables
#--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 The size of the resizer between grid header columns
#--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 The height of actions in the left side menu
#--sidebar-divider-alpha double
#--app-font-family font
#--base-font-family font Main font of the UI
#--app-icon-font font Font used for MaterialDesign Icons
MDriven Chat

How would you like to chat today?

Setting up your conversation…

This may take a few moments