MDrivenDesignerStylingVariables
No edit summary |
No edit summary |
||
Line 4: | Line 4: | ||
{| class="wikitable" | {| class="wikitable" | ||
| --base-bg-color | | --base-bg-color | ||
|color | |||
| | |||
|- | |- | ||
| --btn-default-clr | | --btn-default-clr | ||
|color | |||
| | |||
|- | |- | ||
| --cancel-action-bg-color | | --cancel-action-bg-color | ||
|color | |||
| | |||
|- | |- | ||
| --cancel-action-bg-color-dark | | --cancel-action-bg-color-dark | ||
|color | |||
| | |||
|- | |- | ||
| --danger-color | | --danger-color | ||
|color | |||
| | |||
|- | |- | ||
| --danger-color-dark | | --danger-color-dark | ||
|color | |||
| | |||
|- | |- | ||
| --error-clr | | --error-clr | ||
|color | |||
| | |||
|- | |- | ||
| --fileupload-label-clr | | --fileupload-label-clr | ||
|color | |||
| | |||
|- | |- | ||
| --info-clr | | --info-clr | ||
|color | |||
| | |||
|- | |- | ||
| --navbar-bg-color | | --navbar-bg-color | ||
|color | |||
| | |||
|- | |- | ||
| --navbar-brand-color | | --navbar-brand-color | ||
|color | |||
| | |||
|- | |- | ||
| --navbar-link-color | | --navbar-link-color | ||
|color | |||
| | |||
|- | |- | ||
| --primary-color | | --primary-color | ||
|color | |||
| | |||
|- | |- | ||
| --primary-color-dark | | --primary-color-dark | ||
|color | |||
| | |||
|- | |- | ||
| --redo-action-bg-color | | --redo-action-bg-color | ||
|color | |||
| | |||
|- | |- | ||
| --redo-action-bg-color-dark | | --redo-action-bg-color-dark | ||
|color | |||
| | |||
|- | |- | ||
| --redo-action-text-color | | --redo-action-text-color | ||
|color | |||
| | |||
|- | |- | ||
| --save-action-bg-color | | --save-action-bg-color | ||
|color | |||
| | |||
|- | |- | ||
| --save-action-bg-color-dark | | --save-action-bg-color-dark | ||
|color | |||
| | |||
|- | |- | ||
| --save-action-text-color | | --save-action-text-color | ||
|color | |||
| | |||
|- | |- | ||
| --select-border-clr | | --select-border-clr | ||
|color | |||
| | |||
|- | |- | ||
| --sidebar-bg-color | | --sidebar-bg-color | ||
|color | |||
| | |||
|- | |- | ||
| --sidebar-border-clr | | --sidebar-border-clr | ||
|color | |||
| | |||
|- | |- | ||
| --sidebar-divider-clr | | --sidebar-divider-clr | ||
|color | |||
| | |||
|- | |- | ||
| --success-color | | --success-color | ||
|color | |||
| | |||
|- | |- | ||
| --success-color-dark | | --success-color-dark | ||
|color | |||
| | |||
|- | |- | ||
| --table-bg-clr | | --table-bg-clr | ||
|color | |||
| | |||
|- | |- | ||
| --table-border-clr | | --table-border-clr | ||
|color | |||
| | |||
|- | |- | ||
| --textfield-border-clr | | --textfield-border-clr | ||
|color | |||
| | |||
|- | |- | ||
| --textfield-disabled-bg-clr | | --textfield-disabled-bg-clr | ||
|color | |||
| | |||
|- | |- | ||
| --textfield-icon-clr | | --textfield-icon-clr | ||
|color | |||
| | |||
|- | |- | ||
| --textfield-label-clr | | --textfield-label-clr | ||
|color | |||
| | |||
|- | |- | ||
| --text-on-danger | | --text-on-danger | ||
|color | |||
| | |||
|- | |- | ||
| --text-on-default-btn | | --text-on-default-btn | ||
|color | |||
| | |||
|- | |- | ||
| --text-on-error | | --text-on-error | ||
|color | |||
| | |||
|- | |- | ||
| --text-on-info | | --text-on-info | ||
|color | |||
| | |||
|- | |- | ||
| --text-on-primary | | --text-on-primary | ||
|color | |||
| | |||
|- | |- | ||
| --text-on-success | | --text-on-success | ||
|color | |||
| | |||
|- | |- | ||
| --text-on-warning | | --text-on-warning | ||
|color | |||
| | |||
|- | |- | ||
| --toolbar-bg-color | | --toolbar-bg-color | ||
|color | |||
| | |||
|- | |- | ||
| --toolbar-item-color | | --toolbar-item-color | ||
|color | |||
| | |||
|- | |- | ||
| --tooltip-bg-clr | | --tooltip-bg-clr | ||
|color | |||
| | |||
|- | |- | ||
| --tooltip-text-clr | | --tooltip-text-clr | ||
|color | |||
| | |||
|- | |- | ||
| --undo-action-bg-color | | --undo-action-bg-color | ||
|color | |||
| | |||
|- | |- | ||
| --undo-action-bg-color-dark | | --undo-action-bg-color-dark | ||
|color | |||
| | |||
|- | |- | ||
| --undo-action-text-color | | --undo-action-text-color | ||
|color | |||
| | |||
|- | |- | ||
| --warning-color | | --warning-color | ||
|color | |||
| | |||
|- | |- | ||
| --warning-color-dark | | --warning-color-dark | ||
|color | |||
| | |||
|- | |- | ||
| --data-table-header-text-color | | --data-table-header-text-color | ||
|color | |||
| | |||
|- | |- | ||
| --data-table-header-bg-color | | --data-table-header-bg-color | ||
|color | |||
| | |||
|} | |} | ||
{| class="wikitable" | {| class="wikitable" | ||
Line 198: | Line 298: | ||
| --sidebar-item-height | | --sidebar-item-height | ||
|px | |px | ||
| | |||
|} | |||
{| class="wikitable" | |||
| --sidebar-divider-alpha | |||
|double | |||
| | |||
|- | |||
| --app-font-family | |||
|font | |||
| | |||
|- | |||
| --base-font-family | |||
|font | |||
| | |||
|- | |||
| --app-icon-font | |||
|font | |||
| | |||
|- | |||
| | |||
| | |||
| | | | ||
|} | |} |
Revision as of 07:07, 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
--base-bg-color | color | |
--btn-default-clr | color | |
--cancel-action-bg-color | color | |
--cancel-action-bg-color-dark | color | |
--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 | |
--primary-color-dark | color | |
--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 | |