$base-font-family: -apple-system, BlinkMacSystemFont, "avenir next", avenir, "segoe ui", "helvetica neue", "adwaita sans", cantarell, ubuntu, roboto, noto, helvetica, arial, sans-serif;
$base-accent: #579add;
$base-label-color: #dedede;
$base-link-color: #579add;
$base-icon-color: #dedede;
$base-text-color: #dedede;
$base-bg: #2a2a2a;
$base-border-color: #4d4d4d;
$base-border-radius: 4px;
$base-success: #5cb85c;
$base-warning: #f0ad4e;
$base-danger: #d9534f;
$base-hover-color: #dedede;
$base-hover-bg: #ffffff0d;
$base-focus-color: #2a2a2a;
$base-focus-bg: #579add;
$base-invalid-color: #d9534f;
$base-invalid-faded-border-color: #d9534f66;
$button-normal-color: #dedede;
$button-normal-bg: #2a2a2a;
$button-normal-outlined-bg: transparent;
$button-normal-text-bg: transparent;
$button-normal-border-color: #4d4d4d;
$button-normal-contained-bg-selected: #555555;
$button-normal-outlined-bg-selected: #ffffff2b;
$button-normal-text-bg-selected: #ffffff2b;
$button-default-color: #2a2a2a;
$button-default-bg: #579add;
$button-default-border-color: #428dd9;
$button-default-contained-bg-selected: #9fc5ec;
$button-default-outlined-color: #428dd9;
$button-default-outlined-bg-selected: #579add4d;
$button-default-text-color: #428dd9;
$button-default-text-bg-selected: #579add4d;
$button-danger-color: #2a2a2a;
$button-danger-bg: #d9534f;
$button-danger-border-color: #d43f3a;
$button-danger-contained-bg-selected: #e89996;
$button-danger-outlined-bg-selected: #d9534f4d;
$button-danger-text-bg-selected: #d9534f4d;
$button-success-color: #2a2a2a;
$button-success-bg: #5cb85c;
$button-success-border-color: #4cae4c;
$button-success-contained-bg-selected: #98d298;
$button-success-outlined-bg-selected: #5cb85c4d;
$button-success-text-bg-selected: #5cb85c4d;
$list-border-color: #4d4d4d;
$list-group-color: #dedede;
$list-group-header-bg: #3b3b3b0d;
$list-normal-color: #dedede;
$list-item-hover-bg: #ffffff0d;
$list-item-selected-bg: #579add;
$list-item-focused-selected-bg: #579add;
$list-focused-bg: #579add;
$list-item-active-bg: #579add;
$fieldset-field-label-color: #dedede;
$checkbox-border-color: #4d4d4d;
$checkbox-border-color-focused: #579add;
$checkbox-bg: #2a2a2a;
$checkbox-hover-border-color: #6b6b6b;
$checkbox-active-icon-bg: #c9c9c933;
$texteditor-color: #dedede;
$texteditor-placeholder-color: #787878;
$texteditor-bg: #2a2a2a;
$texteditor-filled-bg: #dedede0d;
$texteditor-border-color: #4d4d4d;
$texteditor-focused-border-color: #c7c7c7;
$texteditor-hover-border-color: #c7c7c766;
$chat-background-color: #2a2a2a;
$chat-border-color: #4d4d4d;
$chat-avatar-color: #dedede;
$chat-avatar-background-color: #4d4d4d;
$chat-bubble-color-primary: #dedede;
$chat-bubble-background-color-primary: #428dd91a;
$chat-bubble-color-secondary: #dedede;
$chat-bubble-background-color-secondary: #343434;
$chat-information-author-name-color: #7d7d7d;
$chat-information-timestamp-color: #7d7d7d;
$chat-messagelist-day-header-color: #7d7d7d;
$chat-alertlist-color: #d9534f;
$chat-messagelist-empty-icon-color: #7f7f7f;
$chat-messagelist-empty-icon-background-color: #3e3e3e;
$chat-messagelist-empty-message-color: #ffffff;
$chat-messagelist-empty-prompt-color: #7d7d7d;
$chat-typingindicator-color: #7d7d7d;
$chat-typingindicator-circle-bg-color-center: #939393;
$chat-typingindicator-circle-bg-color: #7d7d7d;
$chat-typingindicator-bubble-bg-color: #343434;
$scrollable-scroll-bg: #6a6a6ab3;
$scrollable-scrollbar-active-bg: #6a6a6a33;
$stepper-step-accent-bg: #579add;
$stepper-step-accent-hover-bg: #7db1e5;
$stepper-step-danger-bg: #d9534f;
$stepper-step-danger-hover-bg: #e17875;
$stepper-step-base-bg: #4d4d4d;
$stepper-step-base-hover-bg: #575757;
$stepper-step-base-text-color: #dedede;
$stepper-step-base-label-color: #dedede;
$stepper-step-disabled-bg: #383838;
$stepper-step-disabled-text-color: #dedede80;
$stepper-connector-bg: #4d4d4d;
$stepper-connector-value-bg: #dedede;
$stepper-step-base-border-color: #4d4d4d;
$stepper-step-base-hover-border-color: #575757;
$stepper-step-selected-bg: #579add;
$stepper-step-selected-hover-bg: #7db1e5;
$stepper-step-selected-text-color: #2a2a2a;
$stepper-step-selected-label-color: #dedede;
$stepper-step-invalid-bg: #d9534f;
$stepper-step-invalid-hover-bg: #e17875;
$stepper-step-invalid-border-color: #d9534f;
$stepper-step-invalid-hover-border-color: #e17875;
$stepper-step-invalid-text-color: #2a2a2a;
$stepper-step-invalid-hover-text-color: #2a2a2a;
$stepper-step-invalid-label-color: #dedede;
$stepper-step-invalid-selected-bg: #d9534f;
$stepper-step-invalid-selected-hover-bg: #e17875;
$stepper-step-shadow-color: #2a2a2a;
$splitter-resize-handle-color: #dedede;
$splitter-resize-handle-color-hover: #dedede;
$splitter-resize-handle-color-focused: #2a2a2a;
$splitter-resize-handle-bg: #ffffff14;
$splitter-resize-handle-bg-hover: #ffffff3d;
$splitter-resize-handle-bg-focused: #579add;
$switch-border-color: #4d4d4d;
$switch-on-color: #dedede;
$switch-container-active-bg: #c9c9c933;
$switch-off-color: #787878;
$tabs-tab-color: #dedede;
$tabs-tab-selected-color: #dedede;
$tabs-tab-bg: #323232;
$tabs-tab-selected-bg: #2a2a2a;
$tabs-border-color: #4d4d4d;
$tabs-focused-border-color: #579add;
$tabs-tab-hover-bg: #2a2a2a;
$badge-color: #2a2a2a;
$badge-bg: #579add;
$overlay-content-bg: #2a2a2a;
$overlay-shader-bg: #2a2a2acc;
$overlay-content-border-radius: 6px;
$textbox-search-icon-color: #787878;
$dropdowneditor-button-hover-bg: #101010;
$dropdowneditor-button-active-bg: #000000;
$dropdowneditor-icon-color: #dedede;
$dropdowneditor-icon-active-color: #dedede;
$dropdowneditor-icon-border-radius: 3px;
$numberbox-spin-active-bg: #000000;
$numberbox-spin-hover-border-color: transparent;
$numberbox-spin-icon-color: #dedede;
$calendar-color: #dedede;
$calendar-header-color: #dedede;
$calendar-cell-other-color: #dedede61;
$calendar-bg: #2a2a2a;
$calendar-hover-bg: #579add3d;
$calendar-cell-selected-bg: #579add;
$calendar-cell-active-bg: #579add66;
$loadindicator-bg: #b1b1b1;
$treeview-focused-bg: #579add;
$treeview-hover-bg: #ffffff0d;
$treeview-border-color: #4d4d4d;
$treeview-item-selected-color: #dedede;
$treeview-spin-icon-color: #dedede;
$menu-popup-bg: #2a2a2a;
$menu-item-hover-bg: #ffffff0d;
$menu-color: #dedede;
$menu-item-hovered-color: #dedede;
$menu-item-expanded-color: #dedede;
$menu-item-selected-bg: #444444;
$menu-popup-border-color: #4d4d4d;
$selectbox-list-bg: #2a2a2a;
$toolbar-bg: #2a2a2a;
$popup-title-bg: transparent;
$tileview-color: #dedede;
$toast-color: #ffffff;
$toast-info-bg: #579add;
$toast-warning-bg: #f0ad4e;
$toast-error-bg: #d9534f;
$toast-success-bg: #5cb85c;
$progressbar-bg: #4c4c4c;
$progressbar-range-bg: #579add;
$tooltip-color: #dedede;
$tooltip-bg: #2a2a2a;
$tooltip-border-color: #4d4d4d;
$slider-bar-bg: #4d4d4d;
$slider-range-bg: #579add;
$gallery-indicator-bg: #2a2a2a;
$gallery-indicator-item-selected-bg: #579add;
$gallery-indicator-focused-bg: #97c0ea;
$gallery-navbutton-hover-color: #579add80;
$gallery-nav-arrow-color: #2a2a2a;
$gallery-navbutton-active-color: #579addb3;
$loadpanel-content-bg: #2a2a2a;
$tagbox-tag-color: #dedede;
$tagbox-tag-bg: #4c4c4c;
$tagbox-tag-button-remove-bg: #7f7f7f;
$radiogroup-checked-bg: #c7c7c7;
$radiobutton-active-bg: #00000033;
$accordion-color: #dedede;
$accordion-title-color: #dedede;
$accordion-item-title-opened-bg: transparent;
$accordion-item-border-color: #4d4d4d;
$accordion-item-focused-border-color: #579add;
$accordion-title-active-color: #dedede;
$accordion-item-hover-bg: #ffffff0d;
$colorbox-overlay-bg: #2a2a2a;
$datagrid-base-color: #dedede;
$datagrid-base-background-color: #2a2a2a;
$datagrid-border-color: #4d4d4d;
$datagrid-columnchooser-item-color: #9c9c9c;
$datagrid-columnchooser-font-weight: normal;
$datagrid-drag-header-border-color: #579add80;
$datagrid-selection-bg: #444444;
$datagrid-row-selected-border-color: #4d4d4d;
$datagrid-row-selected-color: #dedede;
$datagrid-row-focused-color: #dedede;
$datagrid-row-focused-bg: #33404e;
$datagrid-hover-bg: #343434;
$datagrid-menu-icon-color: inherit;
$datagrid-cell-modified-border-color: #5cb85c80;
$datagrid-row-invalid-faded-border-color: #d9534f66;
$datagrid-nodata-color: #dedede;
$datagrid-group-row-color: #efefef;
$datagrid-group-row-bg: #323232;
$datagrid-search-color: #2a2a2a;
$datagrid-spin-icon-color: #7c7c7c;
$datagrid-search-bg: #579add;
$datagrid-row-error-color: #dedede;
$datagrid-row-error-bg: #934340;
$datagrid-link-color: #579add;
$datagrid-focused-border-color: #4e84b9;
$datagrid-editor-bg: #2a2a2a;
$datagrid-columnchooser-bg: #2a2a2a;
$datagrid-row-alternation-bg: #343434;
$datagrid-summary-color: #dededeb3;
$pagination-page-selected-color: #dedede;
$pagination-page-selected-bg: #555555;
$pivotgrid-area-color: #929292;
$pivotgrid-totalcolor: #303030;
$pivotgrid-grandtotalcolor: #ffffff0d;
$pivotgrid-field-area-text-color: #d4d4d4;
$pivotgrid-spin-icon-color: #7d7d7d;
$fileuploader-filename-color: #dedede;
$fileuploader-falename-status-color: #787878;
$fileuploader-border-color: #4d4d4d;
$scheduler-base-border-color: #4d4d4d99;
$scheduler-accent-border-color: #666666;
$scheduler-appointment-text-color: #2a2a2a;
$scheduler-appointment-base-color: #579add;
$scheduler-appointment-start-color: #0000004d;
$scheduler-first-month-border-color: #808080;
$scheduler-workspace-focused-cell-color: #c1daf2;
$scheduler-current-time-cell-color: #579add;
$scheduler-time-indicator-color: #97c0ea;
$form-field-item-color: #dedede;
$form-group-border-color: #4d4d4d;
$filterbuilder-text-color: #000000;
$filterbuilder-text-focus-color: #000000;
$filterbuilder-plus-icon-color: #5cb85ccc;
$filterbuilder-remove-icon-color: #d9534fcc;
$filterbuilder-group-operation-color: #d9534fcc;
$filterbuilder-item-field-color: #579addcc;
$filterbuilder-item-operator-color: #5cb85ccc;
$filterbuilder-item-value-color: #cccccccc;
$filterbuilder-menu-icon-color: #dedede;
$drawer-shader-background-color: #00000080;
$cardview-generic-common-bg-color: #2a2a2a;
$cardview-generic-common-link-color: #579add;
$cardview-generic-common-text-color: #dedede;
$cardview-generic-card-bg-color: #2a2a2a;
$cardview-generic-card-border-color: #4d4d4d;
$cardview-generic-card-divider-color: #4d4d4d;
$cardview-generic-card-text-color: #dedede;
$cardview-generic-card__cover-bg-color: #ffffff;
$cardview-generic-card__cover--noimage-bg-color: #3f3f3f;
$cardview-generic-card__cover--noimage__icon-color: #7d7d7d;
$cardview-generic-card--selected-bg-color: #4a4f54;
$cardview-generic-card--selected-border-color: #617b97;
$cardview-generic-card--selected-divider-color: #617b97;
$cardview-generic-card--selected-text-color: #dedede;
$cardview-generic-card--selected__cover-bg-color: #ffffff;
$cardview-generic-card--selected__cover--noimage-bg-color: #3f3f3f;
$cardview-generic-card--selected__cover--noimage__icon-color: #7d7d7d;
$cardview-generic-header-panel__item-bg-color: #343434;
$cardview-generic-header-panel__item-border-color: #4d4d4d;
$cardview-generic-header-panel__item-text-color: #dedede;
$cardview-generic-header-panel__item__icon-color: #dedede;
$cardview-generic-header-panel__item__header-filter-icon--selected-color: #579add;
$cardview-generic-header-panel__item__sort-index-text-color: #dedede;
$cardview-generic-header-panel__item--hovered-bg-color: #3e3e3e;
$cardview-generic-header-panel__item--hovered-border-color: #676767;
$cardview-generic-header-panel__item--hovered-text-color: #dedede;
$cardview-generic-header-panel__item--hovered__icon-color: #dedede;
$cardview-generic-header-panel__item--hovered__header-filter-icon--selected-color: #579add;
$cardview-generic-header-panel__item--hovered__sort-index-text-color: #dedede;
$cardview-generic-header-panel__item--disabled-bg-color: #151515;
$cardview-generic-header-panel__item--disabled-border-color: #4d4d4d;
$cardview-generic-header-panel__item--disabled-text-color: #474747;
$cardview-generic-header-panel__item--disabled__icon-color: #474747;
$cardview-generic-header-panel__item--disabled__header-filter-icon--selected-color: #3e6d9c;
$cardview-generic-header-panel__item--disabled__sort-index-text-color: #474747;
$cardview-generic-header-panel__item--dragged-bg-color: #343434;
$cardview-generic-header-panel__item--dragged-border-color: #4d4d4d;
$cardview-generic-header-panel__item--dragged-text-color: #dedede;
$cardview-generic-header-panel__item--dragged__allowance-icon-color: #dedede;
$cardview-generic-header-panel__item--dragged__prohibition-icon-color: #d9534f;
$cardview-generic-header-panel__item--dragged-box-shadow-color: #00000033;
$cardview-generic-header-panel__dropzone-bg-color: #4a4f54;
$cardview-generic-header-panel__dropzone-border-color: #579add;
$cardview-generic-header-panel__dropzone-text-color: #579add;
$cardview-generic-header-panel__dropzone__icon-color: #579add;
$cardview-generic-filter-panel-bg-color: #2a2a2a;
$cardview-generic-filter-panel-border-color: #4d4d4d;
$cardview-generic-filter-panel-text-color: #579add;
$cardview-generic-filter-panel__icon-color: #579add;
$cardview-generic-nodata-view-bg-color: #2a2a2a;
$cardview-generic-nodata-view-text-color: #dedede;
$cardview-generic-nodata-view__icon-color: #dedede;
$cardview-generic-nodata-view__icon-bg-color: #3f3f3f;
$cardview-generic-card__content__field-value--highlighted-bg-color: #f0ad4e;
$cardview-generic-card__content__field-value--highlighted-text-color: #dedede;
$cardview-generic-card__content__field-value--highlighted-box-shadow-color: #00000040;
$cardview-generic-common-border-radius: 16px;
$cardview-generic-common-text-weight: 400;
$cardview-generic-common-cards-row-gap: 12px;
$cardview-generic-common-cards-column-gap: 12px;
$cardview-generic-card-border-radius: 6px;
$cardview-generic-card__field-caption-weight: 600;
$cardview-generic-card--selected__field-caption-weight: 600;
$cardview-generic-header-panel__item-border-radius: 4px;
$cardview-generic-header-panel__item-text-weight: 400;
$cardview-generic-header-panel__item__sort-index-text-weight: 400;
$cardview-generic-header-panel__item--hovered-text-weight: 400;
$cardview-generic-header-panel__item--hovered__sort-index-text-weight: 400;
$cardview-generic-header-panel__item--disabled-text-weight: 400;
$cardview-generic-header-panel__item--disabled__sort-index-text-weight: 400;
$cardview-generic-header-panel__item--dragged-text-weight: 400;
$cardview-generic-header-panel__dropzone-border-radius: 6px;
$cardview-generic-filter-panel-border-radius: 0;
$cardview-generic-card__content__field-value--highlighted-border-radius: 5px;
$cardview-generic-card__content__field-value--highlighted-text-weight: 500;