MDrivenDesignerStylingVariables
No edit summary |
No edit summary |
||
Line 7: | Line 7: | ||
| --base-bg-color | | --base-bg-color | ||
|color | |color | ||
| | |The main background | ||
|- | |- | ||
| --btn-default-clr | | --btn-default-clr | ||
|color | |color | ||
| | |Button color if having no other style | ||
|- | |- | ||
| --cancel-action-bg-color | | --cancel-action-bg-color | ||
|color | |color | ||
| | |The Cancel-changes button | ||
|- | |- | ||
| --cancel-action-bg-color-dark | | --cancel-action-bg-color-dark | ||
|color | |color | ||
| | |The Cancel-changes button hover | ||
|- | |- | ||
| --danger-color | | --danger-color | ||
Line 55: | Line 55: | ||
| --primary-color | | --primary-color | ||
|color | |color | ||
| | |The signature color used on table row select, Save-button, Menu-Button | ||
|- | |- | ||
| --primary-color-dark | | --primary-color-dark | ||
|color | |color | ||
| | |The signature color when hover | ||
|- | |- | ||
| --redo-action-bg-color | | --redo-action-bg-color |
Revision as of 07:19, 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
#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 | |