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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (44) hide show
  1. package/_index.html +2 -1
  2. package/client/components/attachment-viewer.js +1 -1
  3. package/client/components/category-selector-popup.js +7 -7
  4. package/client/components/image-viewer.js +1 -1
  5. package/client/components/marketplace-order-max-weight.js +1 -1
  6. package/client/components/mms-home-cards.js +5 -5
  7. package/client/components/stock-allocation-ratio.js +1 -1
  8. package/client/components/variant-option-editor.js +1 -1
  9. package/client/components/variant-options-editor.js +3 -3
  10. package/client/pages/catalogue/basic-product-setting.js +1 -1
  11. package/client/pages/catalogue/create-new-product-popup.js +2 -2
  12. package/client/pages/catalogue/home.js +1 -1
  13. package/client/pages/catalogue/product-detail-popup.js +2 -2
  14. package/client/pages/catalogue/product-marketplace-setting.js +1 -1
  15. package/client/pages/catalogue/product-variation-setting.js +1 -1
  16. package/client/pages/catalogue/warehouse-marketplace-auto-link-popup.js +3 -3
  17. package/client/pages/catalogue/warehouse-marketplace-link-popup.js +1 -1
  18. package/client/pages/catalogue-variation/home.js +1 -1
  19. package/client/pages/order/home.js +1 -1
  20. package/client/pages/order/logistics/batch-init-popup.js +3 -3
  21. package/client/pages/order/logistics/branch-logistics-popup.js +1 -1
  22. package/client/pages/order/logistics/lazada-order-init-batch-popup.js +3 -3
  23. package/client/pages/order/logistics/order-init-popup.js +2 -2
  24. package/client/pages/order/logistics/order-items.js +2 -2
  25. package/client/pages/order/logistics/order-shipping-items.js +4 -4
  26. package/client/pages/order/logistics/order-shipping.js +2 -2
  27. package/client/pages/order/logistics/pickup-logistics-popup.js +1 -1
  28. package/client/pages/order/logistics/request-ro-popup.js +1 -1
  29. package/client/pages/order/logistics/shopee-order-init-batch-popup.js +3 -3
  30. package/client/pages/order/select-datetime-popup.js +1 -1
  31. package/client/pages/promotions/create-new-promotion.js +1 -1
  32. package/client/pages/reports/sales-by-platform/home.js +5 -5
  33. package/client/pages/setting/marketplace-setting.js +1 -1
  34. package/client/pages/stock-replenishment/create-stock-replenishment.js +2 -2
  35. package/client/pages/stock-replenishment/stock-replenishment-detail.js +2 -2
  36. package/client/pages/stock-replenishment/stock-replenishment-list.js +2 -2
  37. package/client/themes/app-theme.css +17 -18
  38. package/client/themes/report-theme.css +3 -3
  39. package/dist-server/tsconfig.tsbuildinfo +1 -1
  40. package/package.json +31 -31
  41. package/views/auth-page.html +2 -1
  42. package/views/public/home.html +2 -1
  43. package/client/themes/grist-theme.css +0 -202
  44. package/client/themes/layout-theme.css +0 -92
package/_index.html CHANGED
@@ -69,7 +69,8 @@
69
69
  line-height: 1.5;
70
70
  -webkit-font-smoothing: antialiased;
71
71
 
72
- accent-color: var(--primary-color);
72
+ accent-color: var(--md-sys-color-primary);
73
+ background-color: var(--md-sys-color-background);
73
74
  }
74
75
  </style>
75
76
 
package/client/components/attachment-viewer.js CHANGED
@@ -19,7 +19,7 @@ class AttachmentViewer extends localize(i18next)(LitElement) {
19
19
  display: flex;
20
20
  flex-direction: column;
21
21
  overflow-x: overlay;
22
- background-color: var(--main-section-background-color);
22
+ background-color: var(--md-sys-color-background);
23
23
  }
24
24
  .container {
25
25
  display: flex;
package/client/components/category-selector-popup.js CHANGED
@@ -20,7 +20,7 @@ export class CategorySelectorPopup extends localize(i18next)(LitElement) {
20
20
  display: flex;
21
21
  flex-direction: column;
22
22
 
23
- background-color: #fff;
23
+ background-color: var(--md-sys-color-surface);
24
24
  }
25
25
 
26
26
  .button-container {
@@ -43,10 +43,10 @@ export class CategorySelectorPopup extends localize(i18next)(LitElement) {
43
43
 
44
44
  [path] {
45
45
  padding: var(--padding-wide, 15px);
46
- color: var(--secondary-color);
46
+ color: var(--md-sys-color-secondary);
47
47
  }
48
48
  [path] strong {
49
- color: var(--primary-color);
49
+ color: var(--md-sys-color-primary);
50
50
  }
51
51
 
52
52
  [categories] {
@@ -59,7 +59,7 @@ export class CategorySelectorPopup extends localize(i18next)(LitElement) {
59
59
 
60
60
  overflow-x: auto;
61
61
 
62
- background-color: var(--main-section-background-color);
62
+ background-color: var(--md-sys-color-background);
63
63
  padding: var(--padding-wide, 15px);
64
64
  border: var(--border-dark-color);
65
65
  border-width: 2px 0 1px 0;
@@ -74,11 +74,11 @@ export class CategorySelectorPopup extends localize(i18next)(LitElement) {
74
74
  border-radius: var(--border-radius);
75
75
  border: var(--border-dark-color);
76
76
  padding: var(--padding-narrow, 4px);
77
- background-color: #fff;
77
+ background-color: var(--md-sys-color-surface);
78
78
  }
79
79
  [category-level] > div {
80
80
  padding: var(--padding-narrow, 4px) var(--padding-default, 9px);
81
- color: var(--secondary-color);
81
+ color: var(--md-sys-color-secondary);
82
82
  font-size: 0.9rem;
83
83
  }
84
84
 
@@ -89,7 +89,7 @@ export class CategorySelectorPopup extends localize(i18next)(LitElement) {
89
89
 
90
90
  [category-level] > div[selected] {
91
91
  background: rgba(0, 0, 0, 0.09);
92
- color: var(--primary-color);
92
+ color: var(--md-sys-color-primary);
93
93
  font-weight: bold;
94
94
  }
95
95
  div[search] {
package/client/components/image-viewer.js CHANGED
@@ -19,7 +19,7 @@ class ImageViewer extends localize(i18next)(LitElement) {
19
19
  display: flex;
20
20
  flex-direction: column;
21
21
  overflow-x: overlay;
22
- background-color: var(--main-section-background-color);
22
+ background-color: var(--md-sys-color-background);
23
23
  }
24
24
  .container {
25
25
  display: flex;
package/client/components/marketplace-order-max-weight.js CHANGED
@@ -7,7 +7,7 @@ class MarketplaceOrderMaxWeight extends localize(i18next)(LitElement) {
7
7
  static get styles() {
8
8
  return css`
9
9
  [field-2column] {
10
- background-color: var(--theme-white-color);
10
+ background-color: var(--md-sys-color-surface-variant);
11
11
  margin: var(--margin-wide) 0;
12
12
  padding: var(--padding-wide);
13
13
  border-radius: var(--border-radius);
package/client/components/mms-home-cards.js CHANGED
@@ -19,7 +19,7 @@ class MmsHomeCards extends LitElement {
19
19
  li {
20
20
  display: block;
21
21
  float: left;
22
- background-color: var(--theme-white-color);
22
+ background-color: var(--md-sys-color-surface-variant);
23
23
  border-radius: var(--border-radius);
24
24
  border: 1px solid var(--theme-white-color);
25
25
  box-shadow: var(--box-shadow);
@@ -29,7 +29,7 @@ class MmsHomeCards extends LitElement {
29
29
  }
30
30
 
31
31
  li:hover {
32
- border: 1px solid var(--primary-color);
32
+ border: 1px solid var(--md-sys-color-primary);
33
33
  }
34
34
 
35
35
  * {
@@ -41,11 +41,11 @@ class MmsHomeCards extends LitElement {
41
41
  cursor: pointer;
42
42
  text-decoration: none;
43
43
  font-size: var(--fontsize-small);
44
- color: var(--secondary-color);
44
+ color: var(--md-sys-color-secondary);
45
45
  }
46
46
 
47
47
  mwc-icon {
48
- color: var(--primary-color);
48
+ color: var(--md-sys-color-primary);
49
49
  }
50
50
 
51
51
  strong {
@@ -62,7 +62,7 @@ class MmsHomeCards extends LitElement {
62
62
  margin-top: var(--margin-narrow);
63
63
 
64
64
  font-size: var(--fontsize-small);
65
- color: var(--secondary-color);
65
+ color: var(--md-sys-color-secondary);
66
66
  }
67
67
  a,
68
68
  strong,
package/client/components/stock-allocation-ratio.js CHANGED
@@ -7,7 +7,7 @@ class StockAllocationRatio extends localize(i18next)(LitElement) {
7
7
  static get styles() {
8
8
  return css`
9
9
  [field-2column] {
10
- background-color: var(--theme-white-color);
10
+ background-color: var(--md-sys-color-surface-variant);
11
11
  margin: var(--margin-wide) 0;
12
12
  padding: var(--padding-wide);
13
13
  border-radius: var(--border-radius);
package/client/components/variant-option-editor.js CHANGED
@@ -35,7 +35,7 @@ export class VariantOptionEditor extends LitElement {
35
35
 
36
36
  [option] {
37
37
  display: inline-block;
38
- background-color: var(--primary-color);
38
+ background-color: var(--md-sys-color-primary);
39
39
  margin: 1px 3px 4px 0;
40
40
  padding: 3px 5px;
41
41
  color: white;
package/client/components/variant-options-editor.js CHANGED
@@ -9,13 +9,13 @@ export class VariantOptionsEditor extends LitElement {
9
9
  display: flex;
10
10
  flex-direction: column;
11
11
  min-height: 200px;
12
- color: var(--secondary-color);
12
+ color: var(--md-sys-color-secondary);
13
13
  font-size: 1rem;
14
14
  }
15
15
 
16
16
  label strong {
17
17
  font-weight: bold;
18
- color: var(--primary-color);
18
+ color: var(--md-sys-color-primary);
19
19
  }
20
20
  label mwc-icon {
21
21
  --md-icon-size: 20px;
@@ -27,7 +27,7 @@ export class VariantOptionsEditor extends LitElement {
27
27
  label mwc-icon:hover,
28
28
  label mwc-icon:active {
29
29
  opacity: 1;
30
- color: var(--primary-color);
30
+ color: var(--md-sys-color-primary);
31
31
  }
32
32
 
33
33
  button {
package/client/pages/catalogue/basic-product-setting.js CHANGED
@@ -26,7 +26,7 @@ class BasicProductSetting extends localize(i18next)(LitElement) {
26
26
  display: flex;
27
27
  flex-direction: column;
28
28
  overflow-y: auto;
29
- background-color: white;
29
+ background-color: var(--md-sys-color-surface);
30
30
  }
31
31
  .form-container {
32
32
  flex: 1;
package/client/pages/catalogue/create-new-product-popup.js CHANGED
@@ -20,7 +20,7 @@ class CreateNewProdutPopup extends localize(i18next)(LitElement) {
20
20
  :host {
21
21
  display: flex;
22
22
  flex-direction: row;
23
- background-color: white;
23
+ background-color: var(--md-sys-color-surface);
24
24
  }
25
25
  wizard-summary {
26
26
  flex: 1;
@@ -62,7 +62,7 @@ class CreateNewProdutPopup extends localize(i18next)(LitElement) {
62
62
  width: var(--wizard-step-size, 22px);
63
63
  height: var(--wizard-step-size, 22px);
64
64
  line-height: 1.2em;
65
- background-color: #fff;
65
+ background-color: var(--md-sys-color-surface);
66
66
  border: 1px solid var(--wizard-step-color, #4c526b);
67
67
  text-align: center;
68
68
  font-size: var(--wizard-step-number-size, 17px);
package/client/pages/catalogue/home.js CHANGED
@@ -10,7 +10,7 @@ class CatalogueHome extends connect(store)(PageView) {
10
10
  css`
11
11
  :host {
12
12
  display: block;
13
- background-color: var(--main-section-background-color);
13
+ background-color: var(--md-sys-color-background);
14
14
  padding: var(--padding-wide);
15
15
  overflow: auto;
16
16
  }
package/client/pages/catalogue/product-detail-popup.js CHANGED
@@ -22,7 +22,7 @@ class ProductDetailPopup extends localize(i18next)(LitElement) {
22
22
  :host {
23
23
  display: flex;
24
24
  flex-direction: row;
25
- background-color: white;
25
+ background-color: var(--md-sys-color-surface);
26
26
  }
27
27
  wizard-summary {
28
28
  flex: 1;
@@ -64,7 +64,7 @@ class ProductDetailPopup extends localize(i18next)(LitElement) {
64
64
  width: var(--wizard-step-size, 22px);
65
65
  height: var(--wizard-step-size, 22px);
66
66
  line-height: 1.2em;
67
- background-color: #fff;
67
+ background-color: var(--md-sys-color-surface);
68
68
  border: 1px solid var(--wizard-step-color, #4c526b);
69
69
  text-align: center;
70
70
  font-size: var(--wizard-step-number-size, 17px);
package/client/pages/catalogue/product-marketplace-setting.js CHANGED
@@ -18,7 +18,7 @@ class ProductMarketplaceSetting extends localize(i18next)(LitElement) {
18
18
  display: flex;
19
19
  flex-direction: column;
20
20
  overflow: hidden;
21
- background-color: white;
21
+ background-color: var(--md-sys-color-surface);
22
22
  }
23
23
  .form-container {
24
24
  overflow-y: auto;
package/client/pages/catalogue/product-variation-setting.js CHANGED
@@ -23,7 +23,7 @@ class ProductVariationSetting extends localize(i18next)(LitElement) {
23
23
  flex-direction: column;
24
24
  overflow: hidden;
25
25
  overflow-y: auto;
26
- background-color: white;
26
+ background-color: var(--md-sys-color-surface);
27
27
  }
28
28
  .form-container {
29
29
  flex: 1;
package/client/pages/catalogue/warehouse-marketplace-auto-link-popup.js CHANGED
@@ -22,8 +22,8 @@ class WarehouseMarketplaceAutoLinkPopup extends localize(i18next)(LitElement) {
22
22
  display: flex;
23
23
  flex-direction: column;
24
24
  font: normal 15px var(--theme-font);
25
- color: var(--secondary-color);
26
- background-color: white;
25
+ color: var(--md-sys-color-secondary);
26
+ background-color: var(--md-sys-color-surface);
27
27
  }
28
28
  ox-grist {
29
29
  overflow-y: auto;
@@ -45,7 +45,7 @@ class WarehouseMarketplaceAutoLinkPopup extends localize(i18next)(LitElement) {
45
45
 
46
46
  ul {
47
47
  flex: 1;
48
- background-color: var(--theme-white-color);
48
+ background-color: var(--md-sys-color-surface-variant);
49
49
  overflow: auto;
50
50
  display: grid;
51
51
  grid-template-columns: 1fr 1fr;
package/client/pages/catalogue/warehouse-marketplace-link-popup.js CHANGED
@@ -28,7 +28,7 @@ class WarehouseMarketplaceLinkPopup extends localize(i18next)(LitElement) {
28
28
  display: flex;
29
29
  flex-direction: column;
30
30
  overflow: hidden;
31
- background-color: white;
31
+ background-color: var(--md-sys-color-surface);
32
32
  }
33
33
  search-form {
34
34
  overflow: visible;
package/client/pages/catalogue-variation/home.js CHANGED
@@ -10,7 +10,7 @@ class CatalogueVariationHome extends connect(store)(PageView) {
10
10
  css`
11
11
  :host {
12
12
  display: block;
13
- background-color: var(--main-section-background-color);
13
+ background-color: var(--md-sys-color-background);
14
14
  padding: var(--padding-wide);
15
15
  overflow: auto;
16
16
  }
package/client/pages/order/home.js CHANGED
@@ -10,7 +10,7 @@ class OrderHome extends connect(store)(PageView) {
10
10
  css`
11
11
  :host {
12
12
  display: block;
13
- background-color: var(--main-section-background-color);
13
+ background-color: var(--md-sys-color-background);
14
14
  padding: var(--padding-wide);
15
15
  overflow: auto;
16
16
  }
package/client/pages/order/logistics/batch-init-popup.js CHANGED
@@ -33,10 +33,10 @@ class BatchInitPopup extends localize(i18next)(LitElement) {
33
33
  display: flex;
34
34
  flex-direction: column;
35
35
  overflow-x: overlay;
36
- background-color: var(--main-section-background-color);
36
+ background-color: var(--md-sys-color-background);
37
37
  }
38
38
  .grist {
39
- background-color: var(--main-section-background-color);
39
+ background-color: var(--md-sys-color-background);
40
40
  display: flex;
41
41
  flex-direction: column;
42
42
  flex: 1;
@@ -55,7 +55,7 @@ class BatchInitPopup extends localize(i18next)(LitElement) {
55
55
  }
56
56
  search-form {
57
57
  overflow: visible;
58
- background-color: var(--main-section-background-color);
58
+ background-color: var(--md-sys-color-background);
59
59
  }
60
60
  `
61
61
  ]
package/client/pages/order/logistics/branch-logistics-popup.js CHANGED
@@ -25,7 +25,7 @@ class BranchLogisticsPopup extends localize(i18next)(LitElement) {
25
25
  display: flex;
26
26
  flex-direction: column;
27
27
  overflow: hidden;
28
- background-color: white;
28
+ background-color: var(--md-sys-color-surface);
29
29
  }
30
30
  .grist {
31
31
  display: flex;
package/client/pages/order/logistics/lazada-order-init-batch-popup.js CHANGED
@@ -36,10 +36,10 @@ class LazadaOrderInitBatchPopup extends localize(i18next)(LitElement) {
36
36
  display: flex;
37
37
  flex-direction: column;
38
38
  overflow-x: overlay;
39
- background-color: var(--main-section-background-color);
39
+ background-color: var(--md-sys-color-background);
40
40
  }
41
41
  .grist {
42
- background-color: var(--main-section-background-color);
42
+ background-color: var(--md-sys-color-background);
43
43
  display: flex;
44
44
  flex-direction: column;
45
45
  flex: 1;
@@ -58,7 +58,7 @@ class LazadaOrderInitBatchPopup extends localize(i18next)(LitElement) {
58
58
  }
59
59
  search-form {
60
60
  overflow: visible;
61
- background-color: var(--main-section-background-color);
61
+ background-color: var(--md-sys-color-background);
62
62
  }
63
63
  `
64
64
  ]
package/client/pages/order/logistics/order-init-popup.js CHANGED
@@ -27,10 +27,10 @@ class OrderInitPopup extends localize(i18next)(LitElement) {
27
27
  display: flex;
28
28
  flex-direction: column;
29
29
  overflow-x: overlay;
30
- background-color: var(--main-section-background-color);
30
+ background-color: var(--md-sys-color-background);
31
31
  }
32
32
  .grist {
33
- background-color: var(--main-section-background-color);
33
+ background-color: var(--md-sys-color-background);
34
34
  display: flex;
35
35
  flex-direction: column;
36
36
  flex: 1;
package/client/pages/order/logistics/order-items.js CHANGED
@@ -23,10 +23,10 @@ class OrderItems extends localize(i18next)(LitElement) {
23
23
  display: flex;
24
24
  flex-direction: column;
25
25
  overflow-x: overlay;
26
- background-color: var(--main-section-background-color);
26
+ background-color: var(--md-sys-color-background);
27
27
  }
28
28
  .grist {
29
- background-color: var(--main-section-background-color);
29
+ background-color: var(--md-sys-color-background);
30
30
  display: flex;
31
31
  flex-direction: column;
32
32
  flex: 1;
package/client/pages/order/logistics/order-shipping-items.js CHANGED
@@ -30,10 +30,10 @@ class OrderShippingItems extends localize(i18next)(LitElement) {
30
30
  display: flex;
31
31
  flex-direction: column;
32
32
  overflow-x: overlay;
33
- background-color: var(--main-section-background-color);
33
+ background-color: var(--md-sys-color-background);
34
34
  }
35
35
  .grist {
36
- background-color: var(--main-section-background-color);
36
+ background-color: var(--md-sys-color-background);
37
37
  display: flex;
38
38
  flex-direction: column;
39
39
  flex: 1;
@@ -51,7 +51,7 @@ class OrderShippingItems extends localize(i18next)(LitElement) {
51
51
  height: var(--button-container-height);
52
52
  }
53
53
  [field-3column] {
54
- background-color: var(--theme-white-color);
54
+ background-color: var(--md-sys-color-surface);
55
55
  margin: var(--margin-wide) 0;
56
56
  padding: var(--padding-wide);
57
57
  border-radius: var(--border-radius);
@@ -83,7 +83,7 @@ class OrderShippingItems extends localize(i18next)(LitElement) {
83
83
  border-radius: var(--border-radius);
84
84
  margin: var(--input-margin);
85
85
  padding: var(--input-padding);
86
- background-color: var(--theme-white-color);
86
+ background-color: var(--md-sys-color-surface-variant);
87
87
  font: var(--input-font);
88
88
 
89
89
  flex: 1;
package/client/pages/order/logistics/order-shipping.js CHANGED
@@ -26,10 +26,10 @@ class OrderShipping extends localize(i18next)(LitElement) {
26
26
  display: flex;
27
27
  flex-direction: column;
28
28
  overflow-x: overlay;
29
- background-color: var(--main-section-background-color);
29
+ background-color: var(--md-sys-color-background);
30
30
  }
31
31
  .grist {
32
- background-color: var(--main-section-background-color);
32
+ background-color: var(--md-sys-color-background);
33
33
  display: flex;
34
34
  flex-direction: column;
35
35
  flex: 1;
package/client/pages/order/logistics/pickup-logistics-popup.js CHANGED
@@ -28,7 +28,7 @@ class PickupLogisticsPopup extends localize(i18next)(LitElement) {
28
28
  display: flex;
29
29
  flex-direction: column;
30
30
  overflow: hidden;
31
- background-color: white;
31
+ background-color: var(--md-sys-color-surface);
32
32
  }
33
33
  .grist {
34
34
  display: flex;
package/client/pages/order/logistics/request-ro-popup.js CHANGED
@@ -20,7 +20,7 @@ class RequestROPopup extends LitElement {
20
20
  display: flex;
21
21
  flex-direction: column;
22
22
  overflow-x: overlay;
23
- background-color: var(--main-section-background-color);
23
+ background-color: var(--md-sys-color-background);
24
24
  }
25
25
  .container {
26
26
  flex: 1;
package/client/pages/order/logistics/shopee-order-init-batch-popup.js CHANGED
@@ -48,10 +48,10 @@ class ShopeeOrderInitBatchPopup extends localize(i18next)(LitElement) {
48
48
  display: flex;
49
49
  flex-direction: column;
50
50
  overflow-x: overlay;
51
- background-color: var(--main-section-background-color);
51
+ background-color: var(--md-sys-color-background);
52
52
  }
53
53
  .grist {
54
- background-color: var(--main-section-background-color);
54
+ background-color: var(--md-sys-color-background);
55
55
  display: flex;
56
56
  flex-direction: column;
57
57
  flex: 1;
@@ -70,7 +70,7 @@ class ShopeeOrderInitBatchPopup extends localize(i18next)(LitElement) {
70
70
  }
71
71
  search-form {
72
72
  overflow: visible;
73
- background-color: var(--main-section-background-color);
73
+ background-color: var(--md-sys-color-background);
74
74
  }
75
75
  `
76
76
  ]
package/client/pages/order/select-datetime-popup.js CHANGED
@@ -17,7 +17,7 @@ export class SelectDateTimePopup extends localize(i18next)(LitElement) {
17
17
  display: flex;
18
18
  flex-direction: column;
19
19
  overflow-x: overlay;
20
- background-color: var(--main-section-background-color);
20
+ background-color: var(--md-sys-color-background);
21
21
  }
22
22
  .button-container {
23
23
  padding: var(--button-container-padding);
package/client/pages/promotions/create-new-promotion.js CHANGED
@@ -19,7 +19,7 @@ class createNewPromotion extends localize(i18next)(LitElement) {
19
19
  display: flex;
20
20
  flex-direction: column;
21
21
  overflow: hidden;
22
- background-color: white;
22
+ background-color: var(--md-sys-color-surface);
23
23
  }
24
24
  search-form {
25
25
  overflow: visible;
package/client/pages/reports/sales-by-platform/home.js CHANGED
@@ -9,7 +9,7 @@ class SalesByPlatformHome extends connect(store)(PageView) {
9
9
  css`
10
10
  :host {
11
11
  display: block;
12
- background-color: var(--main-section-background-color);
12
+ background-color: var(--md-sys-color-background);
13
13
  padding: var(--padding-wide);
14
14
  overflow: auto;
15
15
  --bizplace-cards-size: 150px;
@@ -54,7 +54,7 @@ class SalesByPlatformHome extends connect(store)(PageView) {
54
54
  li {
55
55
  display: block;
56
56
  float: left;
57
- background-color: var(--theme-white-color);
57
+ background-color: var(--md-sys-color-surface-variant);
58
58
  border-radius: var(--border-radius);
59
59
  border: 1px solid var(--theme-white-color);
60
60
  box-shadow: var(--box-shadow);
@@ -63,7 +63,7 @@ class SalesByPlatformHome extends connect(store)(PageView) {
63
63
  text-align: center;
64
64
  }
65
65
  li:hover {
66
- border: 1px solid var(--primary-color);
66
+ border: 1px solid var(--md-sys-color-primary);
67
67
  }
68
68
  * {
69
69
  display: block;
@@ -73,10 +73,10 @@ class SalesByPlatformHome extends connect(store)(PageView) {
73
73
  cursor: pointer;
74
74
  text-decoration: none;
75
75
  font-size: var(--fontsize-small);
76
- color: var(--secondary-color);
76
+ color: var(--md-sys-color-secondary);
77
77
  }
78
78
  mwc-icon {
79
- color: var(--primary-color);
79
+ color: var(--md-sys-color-primary);
80
80
  }
81
81
  strong {
82
82
  max-width: 100%;
package/client/pages/setting/marketplace-setting.js CHANGED
@@ -15,7 +15,7 @@ class MarketplaceSetting extends connect(store)(PageView) {
15
15
  :host {
16
16
  display: flex;
17
17
  flex-direction: column;
18
- background-color: var(--main-section-background-color);
18
+ background-color: var(--md-sys-color-background);
19
19
  padding: var(--padding-wide);
20
20
  overflow: auto;
21
21
  }
package/client/pages/stock-replenishment/create-stock-replenishment.js CHANGED
@@ -26,7 +26,7 @@ class CreateStockReplenishment extends connect(store)(PageView) {
26
26
  min-height: 50vh;
27
27
  }
28
28
  .grist {
29
- background-color: var(--main-section-background-color);
29
+ background-color: var(--md-sys-color-background);
30
30
  display: flex;
31
31
  flex-direction: column;
32
32
  flex: 1;
@@ -45,7 +45,7 @@ class CreateStockReplenishment extends connect(store)(PageView) {
45
45
  .grist h2 {
46
46
  margin: var(--grist-title-margin);
47
47
  border: var(--grist-title-border);
48
- color: var(--secondary-color);
48
+ color: var(--md-sys-color-secondary);
49
49
  }
50
50
 
51
51
  .grist h2 mwc-icon {
package/client/pages/stock-replenishment/stock-replenishment-detail.js CHANGED
@@ -28,7 +28,7 @@ class StockReplenishmentDetail extends connect(store)(PageView) {
28
28
  min-height: 50vh;
29
29
  }
30
30
  .grist {
31
- background-color: var(--main-section-background-color);
31
+ background-color: var(--md-sys-color-background);
32
32
  display: flex;
33
33
  flex-direction: column;
34
34
  flex: 1;
@@ -47,7 +47,7 @@ class StockReplenishmentDetail extends connect(store)(PageView) {
47
47
  .grist h2 {
48
48
  margin: var(--grist-title-margin);
49
49
  border: var(--grist-title-border);
50
- color: var(--secondary-color);
50
+ color: var(--md-sys-color-secondary);
51
51
  }
52
52
 
53
53
  .grist h2 mwc-icon {
package/client/pages/stock-replenishment/stock-replenishment-list.js CHANGED
@@ -38,7 +38,7 @@ class StockReplenishmentList extends connect(store)(PageView) {
38
38
  min-height: 50vh;
39
39
  }
40
40
  .grist {
41
- background-color: var(--main-section-background-color);
41
+ background-color: var(--md-sys-color-background);
42
42
  display: flex;
43
43
  flex-direction: column;
44
44
  flex: 1;
@@ -57,7 +57,7 @@ class StockReplenishmentList extends connect(store)(PageView) {
57
57
  .grist h2 {
58
58
  margin: var(--grist-title-margin);
59
59
  border: var(--grist-title-border);
60
- color: var(--secondary-color);
60
+ color: var(--md-sys-color-secondary);
61
61
  }
62
62
 
63
63
  .grist h2 mwc-icon {