Initial Smartproc

src/themes/generated/variables.additional.scss

@@ -0,0 +1,5 @@
+$base-accent: #7ab8eb;
+$base-text-color: #333333;
+$base-bg: #ffffff;
+$base-border-color: #e8eaeb;
+$base-border-radius: 2px;

src/themes/generated/variables.base.scss

@@ -0,0 +1,209 @@
+$base-font-family: "SF Pro Display", sans-serif;
+$base-accent: #7ab8eb;
+$base-label-color: #8c8c8c;
+$base-link-color: #7ab8eb;
+$base-icon-color: #99a1a8;
+$base-text-color: #333333;
+$base-bg: #ffffff;
+$base-border-color: #e8eaeb;
+$base-border-radius: 2px;
+$base-success: #5cb85c;
+$base-warning: #f0ad4e;
+$base-danger: #d9534f;
+$base-hover-color: #333333;
+$base-hover-bg: #0000000a;
+$base-focus-color: #ffffff;
+$base-focus-bg: #7ab8eb;
+$base-invalid-color: #d9534f;
+$base-invalid-faded-border-color: #d9534f66;
+$base-border-radius-small: 1px;
+$base-border-radius-large: 4px;
+$button-normal-color: #333333;
+$button-normal-bg: #ffffff;
+$button-normal-border-color: #cacfd1;
+$button-default-color: #ffffff;
+$button-default-bg: #7ab8eb;
+$button-default-border-color: #64ace8;
+$button-danger-color: #ffffff;
+$button-danger-bg: #d9534f;
+$button-danger-border-color: #d43f3a;
+$button-success-color: #ffffff;
+$button-success-bg: #5cb85c;
+$button-success-border-color: #4cae4c;
+$list-border-color: #e8eaeb;
+$list-group-color: #99a1a8;
+$list-group-header-bg: #fafafa;
+$list-normal-color: #333333;
+$list-item-hover-bg: #0000000a;
+$list-item-selected-bg: #0000001a;
+$list-item-focused-selected-bg: #7ab8ebb3;
+$list-focused-bg: #7ab8eb;
+$list-item-active-bg: #7ab8eb;
+$fieldset-field-label-color: #8c8c8c;
+$checkbox-border-color: #e8eaeb;
+$checkbox-focused-borderd-color: #7ab8eb;
+$checkbox-bg: #ffffff;
+$checkbox-hover-border-color: #459ce3;
+$checkbox-active-icon-bg: #60606033;
+$button-group-normal-selected-color: #333333;
+$button-group-normal-selected-bg: #0000002b;
+$button-group-default-selected-color: #7ab8eb;
+$button-group-default-selected-bg: #7ab8eb4d;
+$button-group-danger-selected-color: #d9534f;
+$button-group-danger-selected-bg: #d9534f4d;
+$button-group-success-selected-color: #5cb85c;
+$button-group-success-selected-bg: #5cb85c4d;
+$scrollable-scroll-bg: #3895e1cc;
+$scrollable-scrollbar-active-bg: #bfbfbf33;
+$switch-border-color: #e8eaeb;
+$switch-on-color: #333333;
+$switch-container-active-bg: #60606033;
+$switch-off-color: #999999;
+$tabs-tab-color: #333333;
+$tabs-tab-selected-color: #333333;
+$tabs-tab-bg: #f7f7f7;
+$tabs-tab-selected-bg: #ffffff;
+$tabs-border-color: #e8eaeb;
+$tabs-focused-border-color: #7ab8eb;
+$tabs-tab-hover-bg: #ffffff;
+$badge-color: #ffffff;
+$badge-bg: #63a1d4;
+$overlay-content-bg: #ffffff;
+$overlay-shader-bg: #ffffffcc;
+$overlay-focus-border-color: #e8eaeb;
+$textbox-search-icon-color: #99a1a8;
+$texteditor-color: #333333;
+$texteditor-placeholder-color: #999999;
+$texteditor-bg: #ffffff;
+$texteditor-filled-bg: #3333330d;
+$texteditor-border-color: #e8eaeb;
+$texteditor-focused-border-color: #7ab8eb;
+$texteditor-hover-border-color: #7ab8eb66;
+$dropdowneditor-button-hover-bg: #e6e6e6;
+$dropdowneditor-button-active-bg: #b3b3b3;
+$dropdowneditor-icon-color: #99a1a8;
+$dropdowneditor-icon-active-color: #99a1a8;
+$numberbox-spin-active-bg: #b3b3b3;
+$numberbox-spin-hover-border-color: transparent;
+$numberbox-spin-icon-color: #99a1a8;
+$calendar-color: #333333;
+$calendar-header-color: #99a1a8;
+$calendar-cell-other-color: #b0b0b0;
+$calendar-bg: #ffffff;
+$calendar-hover-bg: #edf0f2;
+$calendar-cell-selected-bg: #7ab8eb;
+$calendar-cell-active-bg: #60606033;
+$calendar-border-color: #e8eaeb;
+$calendar-navigator-border-color: #e8eaeb;
+$calendar-navigator-hover-border-color: #e8eaeb;
+$calendar-shevron-icon-color: #7ab8eb;
+$loadindicator-bg: #7ab8eb;
+$treeview-focused-bg: #7ab8eb;
+$treeview-hover-bg: #0000000a;
+$treeview-border-color: #e8eaeb;
+$treeview-item-selected-color: #333333;
+$treeview-spin-icon-color: #99a1a8;
+$menu-popup-bg: #ffffff;
+$menu-item-hover-bg: #0000000a;
+$menu-color: #333333;
+$menu-item-hovered-color: #333333;
+$menu-item-expanded-color: #333333;
+$menu-item-selected-bg: #e6e6e6;
+$menu-popup-border-color: #e8eaeb;
+$selectbox-list-bg: #ffffff;
+$toolbar-bg: #ffffff;
+$popup-title-bg: transparent;
+$tileview-color: #333333;
+$toast-color: #ffffff;
+$toast-info-bg: #7ab8eb;
+$toast-warning-bg: #f0ad4e;
+$toast-error-bg: #d9534f;
+$toast-success-bg: #5cb85c;
+$progressbar-bg: #dddddd;
+$progressbar-range-bg: #7ab8eb;
+$tooltip-color: #333333;
+$tooltip-bg: #ffffff;
+$tooltip-border-color: #e8eaeb;
+$slider-bar-bg: #e8eaeb;
+$slider-range-bg: #7ab8eb;
+$gallery-indicator-bg: #ffffff;
+$gallery-indicator-item-selected-bg: #7ab8eb;
+$gallery-indicator-focused-bg: #3895e1;
+$gallery-navbutton-hover-color: #7ab8eb80;
+$gallery-nav-arrow-color: #ffffff;
+$gallery-navbutton-active-color: #7ab8ebb3;
+$loadpanel-content-bg: #ffffff;
+$tagbox-tag-color: #333333;
+$tagbox-tag-bg: #dddddd;
+$tagbox-tag-button-remove-bg: #aaaaaa;
+$radiogroup-checked-bg: #7ab8eb;
+$radiobutton-active-bg: #60606033;
+$accordion-color: #333333;
+$accordion-title-color: #333333;
+$accordion-item-title-opened-bg: transparent;
+$accordion-item-border-color: #e8eaeb;
+$accordion-item-focused-border-color: #7ab8eb;
+$accordion-title-active-color: #333333;
+$accordion-item-hover-bg: #0000000a;
+$accordion-icon-active-color: #333333;
+$colorbox-overlay-bg: #ffffff;
+$datagrid-base-color: #333333;
+$datagrid-base-background-color: #ffffff;
+$datagrid-border-color: #e8eaeb;
+$datagrid-columnchooser-item-color: #0996c2;
+$datagrid-columnchooser-font-weight: bold;
+$datagrid-drag-header-border-color: #7ab8eb80;
+$datagrid-selection-bg: #d1e0ed;
+$datagrid-row-selected-border-color: #e1ecf5;
+$datagrid-row-selected-color: #333333;
+$datagrid-row-focused-color: #ffffff;
+$datagrid-row-focused-bg: #95c6ef;
+$datagrid-hover-bg: #edf0f2;
+$datagrid-menu-icon-color: #99a1a8;
+$datagrid-cell-modified-border-color: #5cb85c80;
+$datagrid-row-invalid-faded-border-color: #d9534f66;
+$datagrid-nodata-color: #99a1a8;
+$datagrid-group-row-color: #99a1a8;
+$datagrid-group-row-bg: #fafafa;
+$datagrid-search-color: #ffffff;
+$datagrid-spin-icon-color: #99a1a8;
+$datagrid-search-bg: #7ab8eb;
+$datagrid-row-error-color: #ffffff;
+$datagrid-row-error-bg: #e89895;
+$datagrid-link-color: #7ab8eb;
+$datagrid-focused-border-color: #95c6ef;
+$datagrid-editor-bg: #ffffff;
+$datagrid-columnchooser-bg: #ffffff;
+$datagrid-row-alternation-bg: #fafafa;
+$datagrid-summary-color: #99a1a8;
+$pager-page-selected-color: #333333;
+$pager-page-selected-bg: #e8eaeb;
+$pivotgrid-area-color: #99a1a8;
+$pivotgrid-totalcolor: #f5f5f5b3;
+$pivotgrid-grandtotalcolor: #f5f5f5;
+$pivotgrid-field-area-text-color: #565e65;
+$pivotgrid-spin-icon-color: #99a1a8;
+$fileuploader-filename-color: #333333;
+$fileuploader-falename-status-color: #999999;
+$fileuploader-border-color: #e8eaeb;
+$scheduler-base-border-color: #e8eaeb99;
+$scheduler-accent-border-color: #cdd1d3;
+$scheduler-appointment-text-color: #ffffff;
+$scheduler-appointment-base-color: #7ab8eb;
+$scheduler-appointment-start-color: #0000004d;
+$scheduler-first-month-border-color: #b1b8bc;
+$scheduler-workspace-focused-cell-color: #e9f3fc;
+$scheduler-current-time-cell-color: #7ab8eb;
+$scheduler-time-indicator-color: #bddcf5;
+$form-field-item-color: #8c8c8c;
+$form-group-border-color: #d5d9da;
+$filterbuilder-text-color: #333333;
+$filterbuilder-text-focus-color: #ffffff;
+$filterbuilder-plus-icon-color: #5cb85c4d;
+$filterbuilder-remove-icon-color: #d9534f4d;
+$filterbuilder-group-operation-color: #d9534f4d;
+$filterbuilder-item-field-color: #7ab8eb4d;
+$filterbuilder-item-operator-color: #5cb85c4d;
+$filterbuilder-item-value-color: #e8eaeb80;
+$filterbuilder-menu-icon-color: #99a1a8;
+$drawer-shader-background-color: #00000080;

src/themes/metadata.additional.json

@@ -0,0 +1,11 @@
+{
+  "items": [],
+  "baseTheme": "generic.softblue",
+  "assetsBasePath": "../../../node_modules/devextreme/dist/css/",
+  "outputColorScheme": "additional",
+  "makeSwatch": true,
+  "base": true,
+  "widgets": [
+    "treeview"
+  ]
+}

src/themes/metadata.base copy.json

@@ -0,0 +1,7 @@
+{
+  "items": [],
+  "baseTheme": "material.orange.light",
+  "assetsBasePath": "../../../node_modules/devextreme/dist/css/",
+  "outputColorScheme": "base",
+  "base": true
+}

src/themes/metadata.base.json

@@ -0,0 +1,22 @@
+{
+  "items": [
+      {
+          "key": "$datagrid-columnchooser-item-color",
+          "value": "rgba(9, 150, 194, 1)"
+      },
+      {
+          "key": "$datagrid-columnchooser-font-weight",
+          "value": "bold"
+      },
+      {
+          "key": "$base-font-family",
+          "value": "\"SF Pro Display\", sans-serif"
+      }
+  ],
+  "baseTheme": "generic.softblue",
+  "outputColorScheme": "soft-blue",
+  "makeSwatch": false,
+  "version": "22.2.6",
+  "widgets": [],
+  "removeExternalResources": false
+}