@things-factory/operato-wms 7.0.1-alpha.99 → 7.0.1-beta.0

package/_index.html

@@ -69,7 +69,8 @@
         line-height: 1.5;
         -webkit-font-smoothing: antialiased;
 
-        accent-color: var(--primary-color);
+        accent-color: var(--md-sys-color-primary);
+        background-color: var(--md-sys-color-background);
       }
     </style>
 

package/client/pages/adjustment/transfer-inventory.js

@@ -39,7 +39,7 @@ class TransferInventory extends connect(store)(localize(i18next)(PageView)) {
 
         .grist {
           min-height: 180px;
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
           display: flex;
           flex: 1;
           overflow: auto;
@@ -60,7 +60,7 @@ class TransferInventory extends connect(store)(localize(i18next)(PageView)) {
           margin: var(--grist-title-margin);
           border: var(--grist-title-border);
           font: var(--grist-title-font);
-          color: var(--secondary-color);
+          color: var(--md-sys-color-secondary);
         }
 
         .grist h2 mwc-icon {
@@ -114,7 +114,7 @@ class TransferInventory extends connect(store)(localize(i18next)(PageView)) {
         .content {
           font-size: 14px !important;
           font-weight: bold !important;
-          color: var(--primary-color) !important;
+          color: var(--md-sys-color-primary) !important;
           margin-botton: 5px;
         }
       `

package/client/pages/billing/claim-chit/claim-chit-detail.js

@@ -27,7 +27,7 @@ class ClaimChitDetail extends connect(store)(localize(i18next)(PageView)) {
 
         .grist,
         .summary {
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
           display: flex;
           flex-direction: column;
           overflow-y: auto;
@@ -66,7 +66,7 @@ class ClaimChitDetail extends connect(store)(localize(i18next)(PageView)) {
           border-bottom: var(--subtitle-border-bottom);
           margin: var(--grist-title-margin);
           border: var(--grist-title-border);
-          color: var(--secondary-color);
+          color: var(--md-sys-color-secondary);
         }
 
         h2 mwc-icon {

package/client/pages/billing/claim-chit/create-claim-chit.js

@@ -23,7 +23,7 @@ class CreateClaimChit extends connect(store)(localize(i18next)(PageView)) {
 
         .grist,
         .summary {
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
           display: flex;
           flex-direction: column;
           overflow-y: auto;
@@ -62,7 +62,7 @@ class CreateClaimChit extends connect(store)(localize(i18next)(PageView)) {
           border-bottom: var(--subtitle-border-bottom);
           margin: var(--grist-title-margin);
           border: var(--grist-title-border);
-          color: var(--secondary-color);
+          color: var(--md-sys-color-secondary);
         }
 
         h2 mwc-icon {

package/client/pages/billing/transport-summary-report.js

@@ -20,7 +20,7 @@ class TransportSummaryReport extends connect(store)(localize(i18next)(PageView))
           overflow-x: auto;
         }
         .grist {
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
           display: flex;
           flex-direction: column;
           flex: 1;
@@ -40,7 +40,7 @@ class TransportSummaryReport extends connect(store)(localize(i18next)(PageView))
           margin: var(--grist-title-margin);
           border: var(--grist-title-border);
           font: var(--grist-title-font);
-          color: var(--secondary-color);
+          color: var(--md-sys-color-secondary);
         }
 
         .grist h2 mwc-icon {

package/client/pages/bulk-operation/bulk-operation.js

@@ -34,9 +34,9 @@ class BulkOperation extends localize(i18next)(PageView) {
         li {
           display: block;
           float: left;
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
           border-radius: var(--border-radius);
-          border: 1px solid var(--main-section-background-color);
+          border: 1px solid var(--md-sys-color-background);
           box-shadow: var(--box-shadow);
           margin: var(--margin-narrow) var(--margin-default) var(--margin-default) 0;
           padding: var(--padding-default) var(--padding-default) var(--padding-narrow) var(--padding-default);
@@ -44,21 +44,21 @@ class BulkOperation extends localize(i18next)(PageView) {
         }
 
         li:hover {
-          border: 1px solid var(--primary-color);
+          border: 1px solid var(--md-sys-color-primary);
         }
 
         a {
           cursor: pointer;
           text-decoration: none;
-          color: var(--secondary-color);
+          color: var(--md-sys-color-secondary);
         }
 
         mwc-icon {
           font-size: 18px;
-          color: var(--primary-color);
+          color: var(--md-sys-color-primary);
           border: 1px solid rgba(0, 0, 0, 0.2);
           border-radius: var(--border-radius);
-          background-color: var(--theme-white-color);
+          background-color: var(--md-sys-color-surface);
         }
 
         a,
@@ -96,7 +96,7 @@ class BulkOperation extends localize(i18next)(PageView) {
 
         [attachment-wrap] file-uploader {
           flex: 1;
-          background-color: var(--theme-white-color);
+          background-color: var(--md-sys-color-surface-variant);
         }
 
         .button-container {

package/client/pages/bulk-operation/validate-gan-popup.js

@@ -27,7 +27,7 @@ class ValidateGanPopup extends localize(i18next)(LitElement) {
           display: flex;
           flex-direction: column;
           overflow: hidden;
-          background-color: white;
+          background-color: var(--md-sys-color-surface);
 
           --grid-record-emphasized-background-color: #ffdbdb;
           --grid-record-emphasized-color: #703f3f;

package/client/pages/bulk-operation/validate-ro-popup.js

@@ -26,7 +26,7 @@ class ValidateRoPopup extends localize(i18next)(LitElement) {
           display: flex;
           flex-direction: column;
           overflow: hidden;
-          background-color: white;
+          background-color: var(--md-sys-color-surface);
 
           --grid-record-emphasized-background-color: #ffdbdb;
           --grid-record-emphasized-color: #703f3f;

package/client/pages/components/attachment-viewer.js

@@ -19,7 +19,7 @@ class AttachmentViewer extends localize(i18next)(LitElement) {
           display: flex;
           flex-direction: column;
           overflow-x: overlay;
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
         }
         .container {
           display: flex;

package/client/pages/components/image-viewer.js

@@ -19,7 +19,7 @@ class ImageViewer extends localize(i18next)(LitElement) {
           display: flex;
           flex-direction: column;
           overflow-x: overlay;
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
         }
         .container {
           display: flex;

package/client/pages/components/partner-selector.js

@@ -20,7 +20,7 @@ class PartnerSelector extends LitElement {
           display: flex;
           flex-direction: column;
           overflow: hidden;
-          background-color: white;
+          background-color: var(--md-sys-color-surface);
         }
 
         ox-grist {

package/client/pages/components/popup-note.js

@@ -17,7 +17,7 @@ class PopupNote extends localize(i18next)(LitElement) {
           display: flex;
           flex-direction: column;
           overflow-x: overlay;
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
         }
         .container {
           display: flex;
@@ -27,7 +27,7 @@ class PopupNote extends localize(i18next)(LitElement) {
         .container > textarea {
           flex: 1;
           resize: none;
-          border-color: var(--primary-color);
+          border-color: var(--md-sys-color-primary);
           padding: 5px;
           margin: 10px;
           outline: none;
@@ -37,7 +37,7 @@ class PopupNote extends localize(i18next)(LitElement) {
           font: var(--grist-title-font);
           margin: var(--grist-title-margin);
           border: var(--grist-title-border);
-          color: var(--secondary-color);
+          color: var(--md-sys-color-secondary);
         }
         h2 mwc-icon {
           vertical-align: middle;

package/client/pages/components/popup-reusable-pallet.js

@@ -25,7 +25,7 @@ class PopupReusablePallet extends localize(i18next)(LitElement) {
           display: flex;
           flex-direction: column;
           overflow-x: overlay;
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
         }
         .container {
           display: flex;
@@ -35,7 +35,7 @@ class PopupReusablePallet extends localize(i18next)(LitElement) {
         .container > barcode-scanable-input {
           flex: 1;
           resize: none;
-          border-color: var(--primary-color);
+          border-color: var(--md-sys-color-primary);
           padding: 5px;
           margin: 10px;
           outline: none;

package/client/pages/components/select-inventory-popup.js

@@ -33,7 +33,7 @@ class SelectInventoryPopUp extends localize(i18next)(LitElement) {
           display: flex;
           flex-direction: column;
           overflow: hidden;
-          background-color: white;
+          background-color: var(--md-sys-color-surface);
         }
 
         search-form {

package/client/pages/components/select-product-popup.js

@@ -30,7 +30,7 @@ class SelectProductPopup extends localize(i18next)(LitElement) {
           display: flex;
           flex-direction: column;
           overflow: hidden;
-          background-color: white;
+          background-color: var(--md-sys-color-surface);
         }
 
         search-form {

package/client/pages/components/vas-templates/vas-pallet-add-popup.js

@@ -14,7 +14,7 @@ class VasPalletAddPopup extends localize(i18next)(LitElement) {
           display: flex;
           flex-direction: column;
           overflow-x: overlay;
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
           padding: 20px;
         }
         .button-container {

package/client/pages/components/vas-templates/vas-repack-relabel.js

@@ -53,7 +53,7 @@ class VasRepackRelabel extends localize(i18next)(VasTemplate) {
           text-overflow: ellipsis;
           overflow: hidden;
           white-space: nowrap;
-          color: var(--primary-color);
+          color: var(--md-sys-color-primary);
           font-size: var(--fontsize-default);
         }
         [attachment-wrap] {

package/client/pages/components/worksheet-information-popup.js

@@ -23,7 +23,7 @@ class WorksheetInformationPopup extends connect(store)(localize(i18next)(LitElem
           display: flex;
           flex-direction: column;
           overflow-x: overlay;
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
         }
       `
     ]

package/client/pages/inbound/adjust-pallet-qty.js

@@ -26,7 +26,7 @@ class AdjustPalletQty extends localize(i18next)(LitElement) {
           display: flex;
           flex-direction: column;
           overflow-x: overlay;
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
         }
         .button-container {
           padding: var(--button-container-padding);

package/client/pages/inbound/carton-label-popup.js

@@ -30,7 +30,7 @@ class CartonLabelPopup extends connect(store)(localize(i18next)(LitElement)) {
           display: flex;
           flex-direction: column;
           overflow-x: overlay;
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
         }
       `
     ]

package/client/pages/inbound/expiry-date-popup.js

@@ -22,7 +22,7 @@ class ExpiryDatePopup extends connect(store)(localize(i18next)(LitElement)) {
           display: flex;
           flex-direction: column;
           overflow-x: overlay;
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
         }
         .button-container {
           display: flex;

package/client/pages/inbound/inbound-reusable-pallet.js

@@ -28,7 +28,7 @@ class InboundReusablePallet extends connect(store)(localize(i18next)(PageView))
         }
 
         .grist {
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
           display: flex;
           overflow: hidden;
           flex: 1;
@@ -48,7 +48,7 @@ class InboundReusablePallet extends connect(store)(localize(i18next)(PageView))
         .grist h2 {
           border: var(--grist-title-border);
           font: var(--grist-title-font);
-          color: var(--secondary-color);
+          color: var(--md-sys-color-secondary);
         }
 
         .grist h2 mwc-icon {

package/client/pages/inbound/pallet-label-popup.js

@@ -32,11 +32,11 @@ class PalletLabelPopup extends connect(store)(localize(i18next)(LitElement)) {
           display: flex;
           flex-direction: column;
           overflow-x: overlay;
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
         }
 
         .grist {
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
           display: flex;
           flex-direction: column;
           flex: 1;

package/client/pages/inbound/palletizing-pallets-popup.js

@@ -19,7 +19,7 @@ export class PalletizingPalletPopup extends localize(i18next)(LitElement) {
           display: flex;
           flex-direction: column;
           overflow: hidden;
-          background-color: white;
+          background-color: var(--md-sys-color-surface);
         }
         .info-form {
           overflow: visible;

package/client/pages/inbound/putaway-product.js

@@ -63,7 +63,7 @@ class PutawayProduct extends connect(store)(localize(i18next)(PageView)) {
           flex: 1;
         }
         #form-section {
-          background-color: white;
+          background-color: var(--md-sys-color-surface);
         }
         :host {
           display: flex;

package/client/pages/inbound/putaway-same-carton-popup.js

@@ -64,7 +64,7 @@ class PutawaySameCartonPopup extends connect(store)(localize(i18next)(LitElement
           display: flex;
           flex-direction: column;
           overflow: hidden;
-          background-color: white;
+          background-color: var(--md-sys-color-surface);
         }
       `
     ]

package/client/pages/inbound/putaway-worksheet-generate-popup.js

@@ -28,7 +28,7 @@ class PutawayWorksheetGeneratePopup extends localize(i18next)(LitElement) {
           display: flex;
           flex-direction: column;
           overflow-x: overlay;
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
         }
         h2 {
           padding: var(--subtitle-padding);
@@ -40,7 +40,7 @@ class PutawayWorksheetGeneratePopup extends localize(i18next)(LitElement) {
           margin: var(--grist-title-margin);
           border: var(--grist-title-border);
           font: var(--grist-title-font);
-          color: var(--secondary-color);
+          color: var(--md-sys-color-secondary);
         }
 
         .grist h2 mwc-icon {
@@ -50,7 +50,7 @@ class PutawayWorksheetGeneratePopup extends localize(i18next)(LitElement) {
           color: var(--grist-title-icon-color);
         }
         .grist {
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
           display: flex;
           flex-direction: column;
           flex: 1;

package/client/pages/inbound/select-location-popup.js

@@ -22,10 +22,10 @@ class SelectLocationPopup extends connect(store)(localize(i18next)(LitElement))
           display: flex;
           flex-direction: column;
           overflow-x: overlay;
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
         }
         .grist {
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
           display: flex;
           flex-direction: column;
           flex: 1;

package/client/pages/inbound/select-product-batch.js

@@ -20,10 +20,10 @@ class SelectProductBatch extends LitElement {
           display: flex;
           flex-direction: column;
           overflow-x: overlay;
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
         }
         .grist {
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
           display: flex;
           flex-direction: column;
           flex: 1;

package/client/pages/inbound/serial-number-list-popup.js

@@ -34,7 +34,7 @@ class SerialNumberListPopup extends localize(i18next)(LitElement) {
           display: flex;
           flex-direction: column;
           overflow: hidden;
-          background-color: white;
+          background-color: var(--md-sys-color-surface);
         }
 
         .grist {

package/client/pages/inbound/undo-putaway-popup.js

@@ -75,7 +75,7 @@ class UndoPutawayPopup extends connect(store)(localize(i18next)(LitElement)) {
           display: flex;
           flex-direction: column;
           overflow: hidden;
-          background-color: white;
+          background-color: var(--md-sys-color-surface);
         }
       `
     ]

package/client/pages/inbound/undo-unload-popup.js

@@ -70,7 +70,7 @@ class UndoUnloadPopup extends connect(store)(localize(i18next)(LitElement)) {
           display: flex;
           flex-direction: column;
           overflow: hidden;
-          background-color: white;
+          background-color: var(--md-sys-color-surface);
         }
       `
     ]

package/client/pages/inbound/unload-product.js

@@ -66,7 +66,7 @@ class UnloadProduct extends connect(store)(localize(i18next)(PageView)) {
           flex: 1;
         }
         #form-section {
-          background-color: white;
+          background-color: var(--md-sys-color-surface);
         }
         :host {
           display: flex;

package/client/pages/inbound/unloaded-inventories-popup.js

@@ -24,7 +24,7 @@ class UnloadedInventoriesPopup extends connect(store)(localize(i18next)(LitEleme
           flex: 1;
         }
         .grist {
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
           display: flex;
           flex-direction: column;
           flex: 1;
@@ -35,7 +35,7 @@ class UnloadedInventoriesPopup extends connect(store)(localize(i18next)(LitEleme
           display: flex;
           flex-direction: column;
           overflow-x: overlay;
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
         }
       `
     ]

package/client/pages/inbound/vas-selector.js

@@ -16,7 +16,7 @@ export class VasSelector extends localize(i18next)(LitElement) {
           display: flex;
           flex-direction: column;
           overflow: hidden;
-          background-color: white;
+          background-color: var(--md-sys-color-surface);
         }
 
         search-form {

package/client/pages/inbound/worksheet-putaway-return.js

@@ -42,7 +42,7 @@ class WorksheetPutawayReturn extends localize(i18next)(PageView) {
           margin: 10px;
         }
         .grist {
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
           display: flex;
           flex-direction: column;
           flex: 1;
@@ -62,7 +62,7 @@ class WorksheetPutawayReturn extends localize(i18next)(PageView) {
           margin: var(--grist-title-margin);
           border: var(--grist-title-border);
           font: var(--grist-title-font);
-          color: var(--secondary-color);
+          color: var(--md-sys-color-secondary);
         }
 
         .grist h2 mwc-icon {

package/client/pages/inbound/worksheet-putaway.js

@@ -53,7 +53,7 @@ class WorksheetPutaway extends localize(i18next)(PageView) {
           margin: 10px;
         }
         .grist {
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
           display: flex;
           flex-direction: column;
           flex: 1;
@@ -73,7 +73,7 @@ class WorksheetPutaway extends localize(i18next)(PageView) {
           margin: var(--grist-title-margin);
           border: var(--grist-title-border);
           font: var(--grist-title-font);
-          color: var(--secondary-color);
+          color: var(--md-sys-color-secondary);
         }
 
         .grist h2 mwc-icon {

package/client/pages/inbound/worksheet-unloading-return.js

@@ -48,7 +48,7 @@ class WorksheetUnloadingReturn extends localize(i18next)(PageView) {
           margin: 10px;
         }
         .grist {
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
           display: flex;
           flex-direction: column;
           flex: 1;
@@ -68,7 +68,7 @@ class WorksheetUnloadingReturn extends localize(i18next)(PageView) {
           margin: var(--grist-title-margin);
           border: var(--grist-title-border);
           font: var(--grist-title-font);
-          color: var(--secondary-color);
+          color: var(--md-sys-color-secondary);
         }
 
         .grist h2 mwc-icon {

package/client/pages/inbound/worksheet-unloading.js

@@ -71,7 +71,7 @@ class WorksheetUnloading extends localize(i18next)(PageView) {
           margin: 10px;
         }
         .grist {
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
           display: flex;
           flex-direction: column;
           flex: 1;
@@ -91,7 +91,7 @@ class WorksheetUnloading extends localize(i18next)(PageView) {
           margin: var(--grist-title-margin);
           border: var(--grist-title-border);
           font: var(--grist-title-font);
-          color: var(--secondary-color);
+          color: var(--md-sys-color-secondary);
         }
         .grist h2 mwc-icon {
           vertical-align: middle;

package/client/pages/inventory/inventory-adjustment-approval.js

@@ -35,7 +35,7 @@ class InventoryAdjustmentApproval extends connect(store)(localize(i18next)(PageV
         }
 
         .grist {
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
           display: flex;
           flex-direction: column;
           overflow-y: auto;

package/client/pages/inventory/serial-number-list-popup.js

@@ -22,10 +22,10 @@ class SerialNumberListPopup extends localize(i18next)(LitElement) {
           display: flex;
           flex-direction: column;
           overflow-x: overlay;
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
         }
         .grist {
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
           display: flex;
           flex-direction: column;
           flex: 1;

package/client/pages/inventory-check/check-inventory-popup.js

@@ -27,10 +27,10 @@ class CheckInventoryPopup extends localize(i18next)(LitElement) {
           display: flex;
           flex-direction: column;
           overflow-x: overlay;
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
         }
         .grist {
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
           display: flex;
           flex-direction: column;
           flex: 1;

package/client/pages/inventory-check/cycle-count-recheck-popup.js

@@ -25,10 +25,10 @@ class CycleCountRecheckPopup extends localize(i18next)(LitElement) {
           display: flex;
           flex-direction: column;
           overflow-x: overlay;
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
         }
         .grist {
-          background-color: var(--main-section-background-color);
+          background-color: var(--md-sys-color-background);
           display: flex;
           flex-direction: column;
           flex: 1;