@obaidazoqili/skysoftware-styles 1.3.0 → 1.4.0

package/themes/generated/variables.additional.scss

@@ -0,0 +1,5 @@
+$base-accent: #1ca8dd;
+$base-text-color: #dedede;
+$base-bg: #2a2a2a;
+$base-border-color: #4d4d4d;
+$base-border-radius: 4px;

package/themes/generated/variables.base.scss

@@ -0,0 +1,213 @@
+$base-font-family: "Inter", sans-serif, Arial;
+$base-accent: #e67e0f;
+$base-label-color: #4b5563;
+$base-link-color: #e67e0f;
+$base-icon-color: #4b5563;
+$base-text-color: #4b5563;
+$base-bg: #ffffff;
+$base-border-color: #c9c7c7;
+$base-border-radius: 4px;
+$base-success: #5cb85c;
+$base-warning: #f0ad4e;
+$base-danger: #d9534f;
+$base-hover-color: #4b5563;
+$base-hover-bg: #0000000a;
+$base-focus-color: #ffffff;
+$base-focus-bg: #e67e0f;
+$base-invalid-color: #d9534f;
+$base-invalid-faded-border-color: #d9534f66;
+$button-normal-color: #333333;
+$button-normal-bg: #ffffff;
+$button-normal-border-color: #9d9c9c;
+$button-normal-contained-bg-selected: #d4d4d4;
+$button-normal-outlined-bg-selected: #0000002b;
+$button-normal-text-bg-selected: #0000002b;
+$button-default-color: #ffffff;
+$button-default-bg: #e67e0f;
+$button-default-border-color: #ce710d;
+$button-default-contained-bg-selected: #95510a;
+$button-default-outlined-bg-selected: #e67e0f4d;
+$button-default-text-bg-selected: #e67e0f4d;
+$button-danger-color: #ffffff;
+$button-danger-bg: #d9534f;
+$button-danger-border-color: #d43f3a;
+$button-danger-contained-bg-selected: #ac2925;
+$button-danger-outlined-bg-selected: #d9534f4d;
+$button-danger-text-bg-selected: #d9534f4d;
+$button-success-color: #ffffff;
+$button-success-bg: #5cb85c;
+$button-success-border-color: #4cae4c;
+$button-success-contained-bg-selected: #398439;
+$button-success-outlined-bg-selected: #5cb85c4d;
+$button-success-text-bg-selected: #5cb85c4d;
+$list-border-color: #c9c7c7;
+$list-group-color: #4b5563;
+$list-group-header-bg: #eeeeee0d;
+$list-normal-color: #4b5563;
+$list-item-hover-bg: #0000000a;
+$list-item-selected-bg: #0000001a;
+$list-item-focused-selected-bg: #e67e0fb3;
+$list-focused-bg: #e67e0f;
+$list-item-active-bg: #e67e0f;
+$fieldset-field-label-color: #4b5563;
+$checkbox-border-color: #c9c7c7;
+$checkbox-border-color-focused: #e67e0f;
+$checkbox-bg: #ffffff;
+$checkbox-hover-border-color: #ad5f0b;
+$checkbox-active-icon-bg: #60606033;
+$scrollable-scroll-bg: #bfbfbfb3;
+$scrollable-scrollbar-active-bg: #bfbfbf33;
+$splitter-resize-handle-color: #4b5563;
+$splitter-resize-handle-color-hover: #4b5563;
+$splitter-resize-handle-color-focused: #ffffff;
+$splitter-resize-handle-bg: #00000014;
+$splitter-resize-handle-bg-hover: #0000003d;
+$splitter-resize-handle-bg-focused: #e67e0f;
+$switch-border-color: #c9c7c7;
+$switch-on-color: #4b5563;
+$switch-container-active-bg: #60606033;
+$switch-off-color: #b4bbc6;
+$tabs-tab-color: #4b5563;
+$tabs-tab-selected-color: #4b5563;
+$tabs-tab-bg: #f7f7f7;
+$tabs-tab-selected-bg: #ffffff;
+$tabs-border-color: #c9c7c7;
+$tabs-focused-border-color: #e67e0f;
+$tabs-tab-hover-bg: #ffffff;
+$badge-color: #ffffff;
+$badge-bg: #e67e0f;
+$overlay-content-bg: #ffffff;
+$overlay-shader-bg: #ffffffcc;
+$overlay-content-border-radius: 6px;
+$textbox-search-icon-color: #b4bbc6;
+$texteditor-color: #4b5563;
+$texteditor-placeholder-color: #b4bbc6;
+$texteditor-bg: #ffffff;
+$texteditor-filled-bg: #4b55630d;
+$texteditor-border-color: #c9c7c7;
+$texteditor-focused-border-color: #e67e0f;
+$texteditor-hover-border-color: #e67e0f66;
+$dropdowneditor-button-hover-bg: #e6e6e6;
+$dropdowneditor-button-active-bg: #b3b3b3;
+$dropdowneditor-icon-color: #4b5563;
+$dropdowneditor-icon-active-color: #4b5563;
+$dropdowneditor-icon-border-radius: 3px;
+$numberbox-spin-active-bg: #b3b3b3;
+$numberbox-spin-hover-border-color: transparent;
+$numberbox-spin-icon-color: #4b5563;
+$calendar-color: #4b5563;
+$calendar-header-color: #4b5563;
+$calendar-cell-other-color: #4b556361;
+$calendar-bg: #ffffff;
+$calendar-hover-bg: #e67e0f3d;
+$calendar-cell-selected-bg: #e67e0f;
+$calendar-cell-active-bg: #e67e0f66;
+$loadindicator-bg: #738195;
+$treeview-focused-bg: #e67e0f;
+$treeview-hover-bg: #0000000a;
+$treeview-border-color: #c9c7c7;
+$treeview-item-selected-color: #4b5563;
+$treeview-spin-icon-color: #e67e0f;
+$menu-popup-bg: #ffffff;
+$menu-item-hover-bg: #0000000a;
+$menu-color: #4b5563;
+$menu-item-hovered-color: #4b5563;
+$menu-item-expanded-color: #4b5563;
+$menu-item-selected-bg: #e6e6e6;
+$menu-popup-border-color: #c9c7c7;
+$selectbox-list-bg: #ffffff;
+$toolbar-bg: #ffffff;
+$popup-title-bg: transparent;
+$tileview-color: #4b5563;
+$toast-color: #ffffff;
+$toast-info-bg: #e67e0f;
+$toast-warning-bg: #f0ad4e;
+$toast-error-bg: #d9534f;
+$toast-success-bg: #5cb85c;
+$progressbar-bg: #dddddd;
+$progressbar-range-bg: #e67e0f;
+$tooltip-color: #4b5563;
+$tooltip-bg: #ffffff;
+$tooltip-border-color: #c9c7c7;
+$slider-bar-bg: #c9c7c7;
+$slider-range-bg: #e67e0f;
+$gallery-indicator-bg: #ffffff;
+$gallery-indicator-item-selected-bg: #e67e0f;
+$gallery-indicator-focused-bg: #9e570a;
+$gallery-navbutton-hover-color: #e67e0f80;
+$gallery-nav-arrow-color: #ffffff;
+$gallery-navbutton-active-color: #e67e0fb3;
+$loadpanel-content-bg: #ffffff;
+$tagbox-tag-color: #ffffff;
+$tagbox-tag-bg: #e67e0f;
+$tagbox-tag-button-remove-bg: #ffffff;
+$radiogroup-checked-bg: #e67e0f;
+$radiobutton-active-bg: #60606033;
+$accordion-color: #4b5563;
+$accordion-title-color: #4b5563;
+$accordion-item-title-opened-bg: transparent;
+$accordion-item-border-color: #c9c7c7;
+$accordion-item-focused-border-color: #e67e0f;
+$accordion-title-active-color: #4b5563;
+$accordion-item-hover-bg: #0000000a;
+$colorbox-overlay-bg: #ffffff;
+$datagrid-base-color: #111111;
+$datagrid-base-background-color: #ffffff;
+$datagrid-border-color: #c9c7c7;
+$datagrid-columnchooser-item-color: #111111;
+$datagrid-columnchooser-font-weight: normal;
+$datagrid-drag-header-border-color: #e67e0f80;
+$datagrid-selection-bg: #ffffff;
+$datagrid-row-selected-border-color: #dddddd;
+$datagrid-row-selected-color: #111111;
+$datagrid-row-focused-color: #4b5563;
+$datagrid-row-focused-bg: #dddddd;
+$datagrid-hover-bg: #0000000a;
+$datagrid-menu-icon-color: #adb5bd;
+$datagrid-cell-modified-border-color: transparent;
+$datagrid-row-invalid-faded-border-color: #d9534f66;
+$datagrid-nodata-color: #111111;
+$datagrid-group-row-color: #000000;
+$datagrid-group-row-bg: #f7f7f7;
+$datagrid-search-color: #ffffff;
+$datagrid-spin-icon-color: #adb5bd;
+$datagrid-search-bg: #e67e0f;
+$datagrid-row-error-color: #ffffff;
+$datagrid-row-error-bg: #e89895;
+$datagrid-link-color: #e67e0f;
+$datagrid-focused-border-color: #eb983f;
+$datagrid-editor-bg: #ffffff;
+$datagrid-columnchooser-bg: #ffffff;
+$datagrid-row-alternation-bg: #ffffff;
+$datagrid-summary-color: #111111b3;
+$pager-page-selected-color: #ffffff;
+$pager-page-selected-bg: #e67e0f;
+$pivotgrid-area-color: #4b5563;
+$pivotgrid-totalcolor: #dddddd33;
+$pivotgrid-grandtotalcolor: #f5f5f5;
+$pivotgrid-field-area-text-color: #111417;
+$pivotgrid-spin-icon-color: #b0b8c3;
+$fileuploader-filename-color: #4b5563;
+$fileuploader-falename-status-color: #b4bbc6;
+$fileuploader-border-color: #c9c7c7;
+$scheduler-base-border-color: #c9c7c799;
+$scheduler-accent-border-color: #b0adad;
+$scheduler-appointment-text-color: #ffffff;
+$scheduler-appointment-base-color: #e67e0f;
+$scheduler-appointment-start-color: #0000004d;
+$scheduler-first-month-border-color: #979393;
+$scheduler-workspace-focused-cell-color: #fdeede;
+$scheduler-current-time-cell-color: #e67e0f;
+$scheduler-time-indicator-color: #f3a34e;
+$form-field-item-color: #4b5563;
+$form-group-border-color: #c9c7c7;
+$filterbuilder-text-color: #4b5563;
+$filterbuilder-text-focus-color: #ffffff;
+$filterbuilder-plus-icon-color: #5cb85c4d;
+$filterbuilder-remove-icon-color: #d9534f4d;
+$filterbuilder-group-operation-color: #d9534f4d;
+$filterbuilder-item-field-color: #e67e0f4d;
+$filterbuilder-item-operator-color: #5cb85c4d;
+$filterbuilder-item-value-color: #c9c7c780;
+$filterbuilder-menu-icon-color: #4b5563;
+$drawer-shader-background-color: #0000004d;

package/themes/metadata.additional.json

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

package/themes/metadata.base.json

@@ -0,0 +1,130 @@
+{
+  "items": [
+    {
+      "key": "$base-text-color",
+      "value": "rgba(75, 85, 99,1)"
+    },
+    {
+      "key": "$base-border-color",
+      "value": "rgba(201, 199, 199, 1)"
+    },
+    {
+      "key": "$pager-page-selected-color",
+      "value": "rgba(255, 255, 255, 1)"
+    },
+    {
+      "key": "$pager-page-selected-bg",
+      "value": "rgba(230, 126, 15, 1)"
+    },
+    {
+      "key": "$datagrid-row-alternation-bg",
+      "value": "rgba(255, 255, 255, 1)"
+    },
+    {
+      "key": "$pivotgrid-area-color",
+      "value": "rgba(75, 85, 99,1)"
+    },
+    {
+      "key": "$tagbox-tag-bg",
+      "value": "rgba(230, 126, 15, 1)"
+    },
+    {
+      "key": "$tagbox-tag-color",
+      "value": "rgba(255, 255, 255, 1)"
+    },
+    {
+      "key": "$tagbox-tag-button-remove-bg",
+      "value": "rgba(255, 255, 255, 1)"
+    },
+    {
+      "key": "$accordion-title-active-color",
+      "value": "rgba(75, 85, 99,1)"
+    },
+    {
+      "key": "$tabs-tab-selected-color",
+      "value": "rgba(75, 85, 99,1)"
+    },
+    {
+      "key": "$drawer-shader-background-color",
+      "value": "rgba(0, 0, 0, 0.3)"
+    },
+    {
+      "key": "$datagrid-cell-modified-border-color",
+      "value": "rgba(92, 184, 92, 0)"
+    },
+    {
+      "key": "$datagrid-columnchooser-font-weight",
+      "value": "bold"
+    },
+    {
+      "key": "$treeview-spin-icon-color",
+      "value": "rgba(230, 126, 15, 1)"
+    },
+    {
+      "key": "$treeview-focused-bg",
+      "value": "rgba(230, 126, 15, 1)"
+    },
+    {
+      "key": "$tabs-focused-border-color",
+      "value": "rgba(230, 126, 15, 1)"
+    },
+    {
+      "key": "$datagrid-selection-bg",
+      "value": "rgba(255, 255, 255, 1)"
+    },
+    {
+      "key": "$datagrid-row-selected-border-color",
+      "value": "rgba(221, 221, 221, 1)"
+    },
+    {
+      "key": "$datagrid-row-focused-bg",
+      "value": "rgba(221, 221, 221, 1)"
+    },
+    {
+      "key": "$base-font-family",
+      "value": "\"Inter\", sans-serif, Arial"
+    },
+    {
+      "key": "$base-accent",
+      "value": "rgba(230, 126, 15, 1)"
+    },
+    {
+      "key": "$button-normal-color",
+      "value": "rgba(51, 51, 51, 1)"
+    },
+    {
+      "key": "$button-normal-bg",
+      "value": "rgba(255, 255, 255, 1)"
+    },
+    {
+      "key": "$button-normal-border-color",
+      "value": "rgba(157, 156, 156, 1)"
+    },
+    {
+      "key": "$datagrid-base-color",
+      "value": "rgba(17, 17, 17, 1)"
+    },
+    {
+      "key": "$datagrid-columnchooser-item-color",
+      "value": "rgba(17, 17, 17, 1)"
+    },
+    {
+      "key": "$datagrid-columnchooser-font-weight",
+      "value": "normal"
+    },
+    {
+      "key": "$datagrid-menu-icon-color",
+      "value": "rgba(173, 181, 189, 1)"
+    },
+    {
+      "key": "$datagrid-spin-icon-color",
+      "value": "rgba(173, 181, 189, 1)"
+    }
+  ],
+  "baseTheme": "generic.light",
+  "outputColorScheme": "base",
+  "makeSwatch": false,
+  "version": "24.1.7",
+  "widgets": [],
+  "removeExternalResources": false
+}