@things-factory/operato-pms 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 (31) hide show
  1. package/_index.html +2 -1
  2. package/client/component/block-selector-popup.js +1 -1
  3. package/client/component/driver-selector-popup.js +1 -1
  4. package/client/component/mill-selector-popup.js +1 -1
  5. package/client/component/truck-selector-popup.js +1 -1
  6. package/client/pages/dispatchment/daily-dispatch-detail.js +2 -2
  7. package/client/pages/dispatchment/dispatchment-create-record.js +2 -2
  8. package/client/pages/dispatchment/home.js +4 -4
  9. package/client/pages/harvesting/daily-harvesting-detail.js +2 -2
  10. package/client/pages/harvesting/edit-harvesting-record.js +2 -2
  11. package/client/pages/harvesting/harvesting-create-record.js +2 -2
  12. package/client/pages/harvesting/home.js +4 -4
  13. package/client/pages/inventory/home.js +4 -4
  14. package/client/pages/loading/daily-loading-detail.js +2 -2
  15. package/client/pages/loading/edit-loading-record.js +2 -2
  16. package/client/pages/loading/home.js +4 -4
  17. package/client/pages/loading/loading-create-record.js +2 -2
  18. package/client/pages/master/home.js +4 -4
  19. package/client/pages/master/pop-up/block-detail-popup.js +1 -1
  20. package/client/pages/report/home.js +4 -4
  21. package/client/pages/setting/home.js +4 -4
  22. package/client/pages/setting/plantation-setting.js +1 -1
  23. package/client/themes/app-theme.css +17 -18
  24. package/client/themes/auth-theme.css +4 -4
  25. package/client/themes/report-theme.css +3 -3
  26. package/dist-server/tsconfig.tsbuildinfo +1 -1
  27. package/package.json +29 -29
  28. package/views/auth-page.html +2 -1
  29. package/views/public/home.html +2 -1
  30. package/client/themes/grist-theme.css +0 -202
  31. 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/component/block-selector-popup.js CHANGED
@@ -30,7 +30,7 @@ class BlockSelectorPopup extends localize(i18next)(LitElement) {
30
30
  display: flex;
31
31
  flex-direction: column;
32
32
  overflow: hidden;
33
- background-color: white;
33
+ background-color: var(--md-sys-color-surface);
34
34
  }
35
35
 
36
36
  search-form {
package/client/component/driver-selector-popup.js CHANGED
@@ -26,7 +26,7 @@ class DriverSelectorPopup extends localize(i18next)(LitElement) {
26
26
  display: flex;
27
27
  flex-direction: column;
28
28
  overflow: hidden;
29
- background-color: white;
29
+ background-color: var(--md-sys-color-surface);
30
30
  }
31
31
 
32
32
  search-form {
package/client/component/mill-selector-popup.js CHANGED
@@ -26,7 +26,7 @@ class MillSelectorPopup extends localize(i18next)(LitElement) {
26
26
  display: flex;
27
27
  flex-direction: column;
28
28
  overflow: hidden;
29
- background-color: white;
29
+ background-color: var(--md-sys-color-surface);
30
30
  }
31
31
 
32
32
  search-form {
package/client/component/truck-selector-popup.js CHANGED
@@ -26,7 +26,7 @@ class TruckSelectorPopup extends localize(i18next)(LitElement) {
26
26
  display: flex;
27
27
  flex-direction: column;
28
28
  overflow: hidden;
29
- background-color: white;
29
+ background-color: var(--md-sys-color-surface);
30
30
  }
31
31
 
32
32
  search-form {
package/client/pages/dispatchment/daily-dispatch-detail.js CHANGED
@@ -38,7 +38,7 @@ class DailyDispatchDetail extends localize(i18next)(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 DailyDispatchDetail extends localize(i18next)(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 {
package/client/pages/dispatchment/dispatchment-create-record.js CHANGED
@@ -54,7 +54,7 @@ class DispatchmentCreateRecord extends localize(i18next)(PageView) {
54
54
  min-height: 50vh;
55
55
  }
56
56
  .grist {
57
- background-color: var(--main-section-background-color);
57
+ background-color: var(--md-sys-color-background);
58
58
  display: flex;
59
59
  flex-direction: column;
60
60
  flex: 1;
@@ -73,7 +73,7 @@ class DispatchmentCreateRecord extends localize(i18next)(PageView) {
73
73
  .grist h2 {
74
74
  margin: var(--grist-title-margin);
75
75
  border: var(--grist-title-border);
76
- color: var(--secondary-color);
76
+ color: var(--md-sys-color-secondary);
77
77
  }
78
78
 
79
79
  .grist h2 mwc-icon {
package/client/pages/dispatchment/home.js CHANGED
@@ -8,7 +8,7 @@ class DispatchmentHome extends connect(store)(PageView) {
8
8
  css`
9
9
  :host {
10
10
  display: block;
11
- background-color: var(--main-section-background-color);
11
+ background-color: var(--md-sys-color-background);
12
12
  padding: var(--padding-wide);
13
13
 
14
14
  overflow: auto;
@@ -17,13 +17,13 @@ class DispatchmentHome extends connect(store)(PageView) {
17
17
  padding: 40px 20px 0 20px;
18
18
  max-width: var(--content-container-max-width);
19
19
  font-size: 18px;
20
- color: var(--secondary-color);
20
+ color: var(--md-sys-color-secondary);
21
21
  text-align: justify;
22
22
  }
23
23
  [message] strong {
24
24
  display: block;
25
25
  font-size: 2.5rem;
26
- color: var(--primary-color);
26
+ color: var(--md-sys-color-primary);
27
27
  }
28
28
  [message] img {
29
29
  float: right;
@@ -44,7 +44,7 @@ class DispatchmentHome extends connect(store)(PageView) {
44
44
  }
45
45
  [message] a:hover {
46
46
  font-weight: bold;
47
- color: var(--primary-color);
47
+ color: var(--md-sys-color-primary);
48
48
  }
49
49
  [button-primary] {
50
50
  display: block;
package/client/pages/harvesting/daily-harvesting-detail.js CHANGED
@@ -37,7 +37,7 @@ class DailyHarvestingDetail extends localize(i18next)(PageView) {
37
37
  min-height: 50vh;
38
38
  }
39
39
  .grist {
40
- background-color: var(--main-section-background-color);
40
+ background-color: var(--md-sys-color-background);
41
41
  display: flex;
42
42
  flex-direction: column;
43
43
  flex: 1;
@@ -56,7 +56,7 @@ class DailyHarvestingDetail extends localize(i18next)(PageView) {
56
56
  .grist h2 {
57
57
  margin: var(--grist-title-margin);
58
58
  border: var(--grist-title-border);
59
- color: var(--secondary-color);
59
+ color: var(--md-sys-color-secondary);
60
60
  }
61
61
 
62
62
  .grist h2 mwc-icon {
package/client/pages/harvesting/edit-harvesting-record.js CHANGED
@@ -37,7 +37,7 @@ class EditHarvestingRecord extends localize(i18next)(PageView) {
37
37
  min-height: 50vh;
38
38
  }
39
39
  .grist {
40
- background-color: var(--main-section-background-color);
40
+ background-color: var(--md-sys-color-background);
41
41
  display: flex;
42
42
  flex-direction: column;
43
43
  flex: 1;
@@ -56,7 +56,7 @@ class EditHarvestingRecord extends localize(i18next)(PageView) {
56
56
  .grist h2 {
57
57
  margin: var(--grist-title-margin);
58
58
  border: var(--grist-title-border);
59
- color: var(--secondary-color);
59
+ color: var(--md-sys-color-secondary);
60
60
  }
61
61
 
62
62
  .grist h2 mwc-icon {
package/client/pages/harvesting/harvesting-create-record.js CHANGED
@@ -38,7 +38,7 @@ class HarvestingCreateRecord extends localize(i18next)(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 HarvestingCreateRecord extends localize(i18next)(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 {
package/client/pages/harvesting/home.js CHANGED
@@ -8,7 +8,7 @@ class HarvestingHome extends connect(store)(PageView) {
8
8
  css`
9
9
  :host {
10
10
  display: block;
11
- background-color: var(--main-section-background-color);
11
+ background-color: var(--md-sys-color-background);
12
12
  padding: var(--padding-wide);
13
13
 
14
14
  overflow: auto;
@@ -17,13 +17,13 @@ class HarvestingHome extends connect(store)(PageView) {
17
17
  padding: 40px 20px 0 20px;
18
18
  max-width: var(--content-container-max-width);
19
19
  font-size: 18px;
20
- color: var(--secondary-color);
20
+ color: var(--md-sys-color-secondary);
21
21
  text-align: justify;
22
22
  }
23
23
  [message] strong {
24
24
  display: block;
25
25
  font-size: 2.5rem;
26
- color: var(--primary-color);
26
+ color: var(--md-sys-color-primary);
27
27
  }
28
28
  [message] img {
29
29
  float: right;
@@ -44,7 +44,7 @@ class HarvestingHome extends connect(store)(PageView) {
44
44
  }
45
45
  [message] a:hover {
46
46
  font-weight: bold;
47
- color: var(--primary-color);
47
+ color: var(--md-sys-color-primary);
48
48
  }
49
49
  [button-primary] {
50
50
  display: block;
package/client/pages/inventory/home.js CHANGED
@@ -8,7 +8,7 @@ class InventoryHome extends connect(store)(PageView) {
8
8
  css`
9
9
  :host {
10
10
  display: block;
11
- background-color: var(--main-section-background-color);
11
+ background-color: var(--md-sys-color-background);
12
12
  padding: var(--padding-wide);
13
13
 
14
14
  overflow: auto;
@@ -17,13 +17,13 @@ class InventoryHome extends connect(store)(PageView) {
17
17
  padding: 40px 20px 0 20px;
18
18
  max-width: var(--content-container-max-width);
19
19
  font-size: 18px;
20
- color: var(--secondary-color);
20
+ color: var(--md-sys-color-secondary);
21
21
  text-align: justify;
22
22
  }
23
23
  [message] strong {
24
24
  display: block;
25
25
  font-size: 2.5rem;
26
- color: var(--primary-color);
26
+ color: var(--md-sys-color-primary);
27
27
  }
28
28
  [message] img {
29
29
  float: right;
@@ -44,7 +44,7 @@ class InventoryHome extends connect(store)(PageView) {
44
44
  }
45
45
  [message] a:hover {
46
46
  font-weight: bold;
47
- color: var(--primary-color);
47
+ color: var(--md-sys-color-primary);
48
48
  }
49
49
  [button-primary] {
50
50
  display: block;
package/client/pages/loading/daily-loading-detail.js CHANGED
@@ -39,7 +39,7 @@ class DailyLoadingDetail extends localize(i18next)(PageView) {
39
39
  min-height: 50vh;
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 DailyLoadingDetail extends localize(i18next)(PageView) {
58
58
  .grist h2 {
59
59
  margin: var(--grist-title-margin);
60
60
  border: var(--grist-title-border);
61
- color: var(--secondary-color);
61
+ color: var(--md-sys-color-secondary);
62
62
  }
63
63
 
64
64
  .grist h2 mwc-icon {
package/client/pages/loading/edit-loading-record.js CHANGED
@@ -40,7 +40,7 @@ class EditLoadingRecord extends localize(i18next)(PageView) {
40
40
  min-height: 50vh;
41
41
  }
42
42
  .grist {
43
- background-color: var(--main-section-background-color);
43
+ background-color: var(--md-sys-color-background);
44
44
  display: flex;
45
45
  flex-direction: column;
46
46
  flex: 1;
@@ -59,7 +59,7 @@ class EditLoadingRecord extends localize(i18next)(PageView) {
59
59
  .grist h2 {
60
60
  margin: var(--grist-title-margin);
61
61
  border: var(--grist-title-border);
62
- color: var(--secondary-color);
62
+ color: var(--md-sys-color-secondary);
63
63
  }
64
64
 
65
65
  .grist h2 mwc-icon {
package/client/pages/loading/home.js CHANGED
@@ -8,7 +8,7 @@ class LoadingHome extends connect(store)(PageView) {
8
8
  css`
9
9
  :host {
10
10
  display: block;
11
- background-color: var(--main-section-background-color);
11
+ background-color: var(--md-sys-color-background);
12
12
  padding: var(--padding-wide);
13
13
 
14
14
  overflow: auto;
@@ -17,13 +17,13 @@ class LoadingHome extends connect(store)(PageView) {
17
17
  padding: 40px 20px 0 20px;
18
18
  max-width: var(--content-container-max-width);
19
19
  font-size: 18px;
20
- color: var(--secondary-color);
20
+ color: var(--md-sys-color-secondary);
21
21
  text-align: justify;
22
22
  }
23
23
  [message] strong {
24
24
  display: block;
25
25
  font-size: 2.5rem;
26
- color: var(--primary-color);
26
+ color: var(--md-sys-color-primary);
27
27
  }
28
28
  [message] img {
29
29
  float: right;
@@ -44,7 +44,7 @@ class LoadingHome extends connect(store)(PageView) {
44
44
  }
45
45
  [message] a:hover {
46
46
  font-weight: bold;
47
- color: var(--primary-color);
47
+ color: var(--md-sys-color-primary);
48
48
  }
49
49
  [button-primary] {
50
50
  display: block;
package/client/pages/loading/loading-create-record.js CHANGED
@@ -41,7 +41,7 @@ class LoadingCreateRecord extends localize(i18next)(PageView) {
41
41
  min-height: 50vh;
42
42
  }
43
43
  .grist {
44
- background-color: var(--main-section-background-color);
44
+ background-color: var(--md-sys-color-background);
45
45
  display: flex;
46
46
  flex-direction: column;
47
47
  flex: 1;
@@ -60,7 +60,7 @@ class LoadingCreateRecord extends localize(i18next)(PageView) {
60
60
  .grist h2 {
61
61
  margin: var(--grist-title-margin);
62
62
  border: var(--grist-title-border);
63
- color: var(--secondary-color);
63
+ color: var(--md-sys-color-secondary);
64
64
  }
65
65
 
66
66
  .grist h2 mwc-icon {
package/client/pages/master/home.js CHANGED
@@ -9,7 +9,7 @@ class MasterHome 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
 
15
15
  overflow: auto;
@@ -18,13 +18,13 @@ class MasterHome extends connect(store)(PageView) {
18
18
  padding: 40px 20px 0 20px;
19
19
  max-width: var(--content-container-max-width);
20
20
  font-size: 18px;
21
- color: var(--secondary-color);
21
+ color: var(--md-sys-color-secondary);
22
22
  text-align: justify;
23
23
  }
24
24
  [message] strong {
25
25
  display: block;
26
26
  font-size: 2.5rem;
27
- color: var(--primary-color);
27
+ color: var(--md-sys-color-primary);
28
28
  }
29
29
  [message] img {
30
30
  float: right;
@@ -45,7 +45,7 @@ class MasterHome extends connect(store)(PageView) {
45
45
  }
46
46
  [message] a:hover {
47
47
  font-weight: bold;
48
- color: var(--primary-color);
48
+ color: var(--md-sys-color-primary);
49
49
  }
50
50
  [button-primary] {
51
51
  display: block;
package/client/pages/master/pop-up/block-detail-popup.js CHANGED
@@ -15,7 +15,7 @@ export class BlockDetailPopup extends localize(i18next)(LitElement) {
15
15
  display: flex;
16
16
  flex-direction: column;
17
17
  overflow: hidden;
18
- background-color: white;
18
+ background-color: var(--md-sys-color-surface);
19
19
  }
20
20
  .grist {
21
21
  display: flex;
package/client/pages/report/home.js CHANGED
@@ -9,7 +9,7 @@ class ReportHome 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
 
15
15
  overflow: auto;
@@ -18,13 +18,13 @@ class ReportHome extends connect(store)(PageView) {
18
18
  padding: 40px 20px 0 20px;
19
19
  max-width: var(--content-container-max-width);
20
20
  font-size: 18px;
21
- color: var(--secondary-color);
21
+ color: var(--md-sys-color-secondary);
22
22
  text-align: justify;
23
23
  }
24
24
  [message] strong {
25
25
  display: block;
26
26
  font-size: 2.5rem;
27
- color: var(--primary-color);
27
+ color: var(--md-sys-color-primary);
28
28
  }
29
29
  [message] img {
30
30
  float: right;
@@ -45,7 +45,7 @@ class ReportHome extends connect(store)(PageView) {
45
45
  }
46
46
  [message] a:hover {
47
47
  font-weight: bold;
48
- color: var(--primary-color);
48
+ color: var(--md-sys-color-primary);
49
49
  }
50
50
  [button-primary] {
51
51
  display: block;
package/client/pages/setting/home.js CHANGED
@@ -9,7 +9,7 @@ class SettingHome 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
 
15
15
  overflow: auto;
@@ -18,13 +18,13 @@ class SettingHome extends connect(store)(PageView) {
18
18
  padding: 40px 20px 0 20px;
19
19
  max-width: var(--content-container-max-width);
20
20
  font-size: 18px;
21
- color: var(--secondary-color);
21
+ color: var(--md-sys-color-secondary);
22
22
  text-align: justify;
23
23
  }
24
24
  [message] strong {
25
25
  display: block;
26
26
  font-size: 2.5rem;
27
- color: var(--primary-color);
27
+ color: var(--md-sys-color-primary);
28
28
  }
29
29
  [message] img {
30
30
  float: right;
@@ -45,7 +45,7 @@ class SettingHome extends connect(store)(PageView) {
45
45
  }
46
46
  [message] a:hover {
47
47
  font-weight: bold;
48
- color: var(--primary-color);
48
+ color: var(--md-sys-color-primary);
49
49
  }
50
50
  [button-primary] {
51
51
  display: block;
package/client/pages/setting/plantation-setting.js CHANGED
@@ -14,7 +14,7 @@ class PlantationSetting extends connect(store)(PageView) {
14
14
  :host {
15
15
  display: flex;
16
16
  flex-direction: column;
17
- background-color: var(--main-section-background-color);
17
+ background-color: var(--md-sys-color-background);
18
18
  padding: var(--padding-wide);
19
19
  overflow: auto;
20
20
  }
package/client/themes/app-theme.css CHANGED
@@ -5,13 +5,12 @@ body {
5
5
  --secondary-color-rgb: 58, 88, 119;
6
6
  --secondary-color: rgb(var(--secondary-color-rgb));
7
7
  --focus-color: var(--theme-white-color);
8
- --primary-background-color: var(--secondary-color);
8
+ --primary-background-color: var(--md-sys-color-secondary);
9
9
  --secondary-background-color: #283644;
10
- --main-section-background-color: #f4f7fb;
11
10
  --theme-white-color: #fff;
12
11
  --theme-black-color: rgba(0, 0, 0, 0.9);
13
12
 
14
- --focus-background-color: var(--primary-color);
13
+ --focus-background-color: var(--md-sys-color-primary);
15
14
  --primary-text-color: var(--theme-black-color);
16
15
  --secondary-text-color: #017e7f;
17
16
 
@@ -43,7 +42,7 @@ body {
43
42
  --padding-wide: var(--margin-wide);
44
43
 
45
44
  --scrollbar-thumb-color: rgba(57, 78, 100, 0.5);
46
- --scrollbar-thumb-hover-color: var(--primary-color);
45
+ --scrollbar-thumb-hover-color: var(--md-sys-color-primary);
47
46
 
48
47
  --fontsize-default: 14px;
49
48
  --fontsize-small: 13px;
@@ -55,7 +54,7 @@ body {
55
54
  /* title & description style */
56
55
  --title-margin: var(--margin-narrow) 0;
57
56
  --title-font: bold 24px var(--theme-font);
58
- --title-text-color: var(--secondary-color);
57
+ --title-text-color: var(--md-sys-color-secondary);
59
58
  --title-font-mobile: bold 20px var(--theme-font);
60
59
 
61
60
  --page-description-margin: var(--margin-narrow) 0 var(--margin-wide) 0;
@@ -64,8 +63,8 @@ body {
64
63
 
65
64
  --subtitle-padding: 12px 5px 3px 5px;
66
65
  --subtitle-font: bold 18px var(--theme-font);
67
- --subtitle-text-color: var(--primary-color);
68
- --subtitle-border-bottom: 1px solid var(--primary-color);
66
+ --subtitle-text-color: var(--md-sys-color-primary);
67
+ --subtitle-border-bottom: 1px solid var(--md-sys-color-primary);
69
68
 
70
69
  /* icon style */
71
70
  --icon-tiny-size: 24px;
@@ -77,29 +76,29 @@ body {
77
76
  --mdc-theme-on-primary: var(--theme-white-color);
78
77
  --mdc-theme-primary: var(--secondary-text-color);
79
78
  --mdc-theme-on-secondary: var(--theme-white-color);
80
- --mdc-theme-secondary: var(--primary-color);
81
- --mdc-button-outline-color: var(--primary-color);
79
+ --mdc-theme-secondary: var(--md-sys-color-primary);
80
+ --mdc-button-outline-color: var(--md-sys-color-primary);
82
81
  --mdc-danger-button-primary-color: var(--status-danger-color);
83
82
  --mdc-danger-button-outline-color: var(--status-danger-color);
84
83
  --mdc-button-outline-width: 1px;
85
84
  --mdc-button-horizontal-padding: 16px;
86
85
 
87
- --md-fab-container-color: var(--primary-color);
86
+ --md-fab-container-color: var(--md-sys-color-primary);
88
87
  --md-fab-icon-color: var(--focus-color);
89
88
 
90
89
  --md-theme-on-primary: var(--theme-white-color);
91
90
  --md-theme-primary: var(--secondary-text-color);
92
91
  --md-theme-on-secondary: var(--theme-white-color);
93
- --md-theme-secondary: var(--primary-color);
94
- --md-button-outline-color: var(--primary-color);
92
+ --md-theme-secondary: var(--md-sys-color-primary);
93
+ --md-button-outline-color: var(--md-sys-color-primary);
95
94
  --md-danger-button-primary-color: var(--status-danger-color);
96
95
  --md-danger-button-outline-color: var(--status-danger-color);
97
96
  --md-button-outline-width: 1px;
98
97
  --md-button-horizontal-padding: 16px;
99
98
 
100
99
  /* button style */
101
- --button-background-color: var(--secondary-color);
102
- --button-background-focus-color: var(--primary-color);
100
+ --button-background-color: var(--md-sys-color-secondary);
101
+ --button-background-focus-color: var(--md-sys-color-primary);
103
102
  --button-border: none;
104
103
  --button-border-radius: var(--border-radius);
105
104
  --button-margin: 0 3px;
@@ -110,25 +109,25 @@ body {
110
109
 
111
110
  /* table style */
112
111
  --th-padding: var(--padding-default);
113
- --th-border-top: 2px solid var(--secondary-color);
112
+ --th-border-top: 2px solid var(--md-sys-color-secondary);
114
113
  --th-text-transform: capitalize;
115
114
  --th-font: bold var(--fontsize-small) var(--theme-font);
116
115
  --th-color: rgba(var(--secondary-color-rgb), 0.8);
117
116
 
118
- --tr-background-color: var(--theme-white-color);
117
+ --tr-background-color: var(--md-sys-color-surface-variant);
119
118
  --tr-background-odd-color: rgba(255, 255, 255, 0.4);
120
119
  --tr-background-hover-color: #e1f5fe;
121
120
  --td-border-line: 1px solid rgba(0, 0, 0, 0.05);
122
121
  --td-border-bottom: 1px solid rgba(0, 0, 0, 0.09);
123
122
  --td-padding: var(--padding-default);
124
123
  --td-font: normal 13px var(--theme-font);
125
- --td-color: var(--secondary-color);
124
+ --td-color: var(--md-sys-color-secondary);
126
125
 
127
126
  --label-cell-background-color: #f6f6f6; /* th or td common background color */
128
127
 
129
128
  /* form style */
130
129
  --label-font: normal var(--fontsize-default) var(--theme-font);
131
- --label-color: var(--secondary-color);
130
+ --label-color: var(--md-sys-color-on-surface);
132
131
  --label-text-transform: capitalize;
133
132
  --input-margin: var(--margin-narrow) 0;
134
133
  --input-padding: 6px 2px;
package/client/themes/auth-theme.css CHANGED
@@ -1,6 +1,6 @@
1
1
  body {
2
2
  /* login page style*/
3
- --auth-background: var(--primary-color);
3
+ --auth-background: var(--md-sys-color-primary);
4
4
  --auth-brand-name: bold 20px var(--theme-font);
5
5
  --auth-brand-name-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
6
6
  --auth-brand-welcome-msg: normal 12px var(--theme-font);
@@ -16,7 +16,7 @@ body {
16
16
  --auth-input-border-light: 1px solid var(--opacity-light-color);
17
17
  --auth-input-color: var(--theme-white-color);
18
18
 
19
- --auth-button-background-color: var(--theme-white-color);
19
+ --auth-button-background-color: var(--md-sys-color-surface-variant);
20
20
  --auth-button-background-focus-color: var(--status-success-color);
21
21
  --auth-button-font: bold 20px var(--theme-font);
22
22
  --auth-button-padding: 9px 12px 7px 12px;
@@ -42,9 +42,9 @@ body {
42
42
  --auth-special-page-padding: 250px 0 100px 0;
43
43
 
44
44
  /* domain select page style*/
45
- --checkin-background-color: var(--main-section-background-color);
45
+ --checkin-background-color: var(--md-sys-color-background);
46
46
  --checkin-header-height: 45px;
47
- --checkin-header-background-color: var(--primary-color);
47
+ --checkin-header-background-color: var(--md-sys-color-primary);
48
48
  --checkin-header-title-font: bold 19px var(--theme-font);
49
49
  --checkin-header-title-color: var(--theme-white-color);
50
50
  --checkin-wrap-max-width: 500px;
package/client/themes/report-theme.css CHANGED
@@ -1,10 +1,10 @@
1
1
  body {
2
- --report-background-color: var(--main-section-background-color);
2
+ --report-background-color: var(--md-sys-color-background);
3
3
  --report-padding: 15px;
4
4
  --report-title-margin: 0 0 0 10px;
5
5
  --report-title-border: none;
6
- --report-title-color: var(--secondary-color);
7
- --report-title-icon-color: var(--primary-color);
6
+ --report-title-color: var(--md-sys-color-secondary);
7
+ --report-title-icon-color: var(--md-sys-color-primary);
8
8
  --report-title-icon-margin: 0 3px 2px 0;
9
9
  --report-title-icon-size: 14px;
10
10
  --report-title-with-grid-padding: 0;