@things-factory/operato-tools 7.0.1-beta.1 → 7.0.1-beta.7

Sign up to get free protection for your applications and to get access to all the features.
Files changed (4) hide show
  1. package/client/pages/generator/meta-generator-page.js +2 -2
  2. package/client/themes/app-theme.css +9 -9
  3. package/dist-server/tsconfig.tsbuildinfo +1 -1
  4. package/package.json +4 -4
package/client/pages/generator/meta-generator-page.js CHANGED
@@ -82,7 +82,7 @@ class MetaGeneratorPage extends MenuConfigTabMixin(
82
82
  border-radius: 9px 9px 0 0;
83
83
  border-right: 1px solid rgba(0, 0, 0, 0.4);
84
84
  text-transform: capitalize;
85
- color: var(--theme-white-color);
85
+ color: var(--md-sys-color-on-primary);
86
86
  opacity: 0.7;
87
87
  cursor: pointer;
88
88
  }
@@ -157,7 +157,7 @@ class MetaGeneratorPage extends MenuConfigTabMixin(
157
157
  flex-direction: column;
158
158
 
159
159
  font: var(--label-font);
160
- color: var(--label-color);
160
+ color: var(--label-color, var(--md-sys-color-on-surface));
161
161
  }
162
162
  input[type='checkbox'] {
163
163
  min-width: 25px;
package/client/themes/app-theme.css CHANGED
@@ -4,11 +4,11 @@ body {
4
4
  --primary-color: rgb(var(--primary-color-rgb));
5
5
  --secondary-color-rgb: 57, 78, 100;
6
6
  --secondary-color: rgb(var(--secondary-color-rgb));
7
- --focus-color: var(--theme-white-color);
7
+ --focus-color: var(--md-sys-color-on-primary);
8
8
  --primary-background-color: var(--md-sys-color-secondary);
9
9
  --secondary-background-color: #283644;
10
10
  :#f4f7fb;
11
- --theme-white-color: #fff;
11
+ --md-sys-color-on-primary: #fff;
12
12
  --theme-black-color: rgba(0, 0, 0, 0.9);
13
13
 
14
14
  --focus-background-color: var(--md-sys-color-primary);
@@ -69,12 +69,12 @@ body {
69
69
  --icon-tiny-size: 24px;
70
70
  --icon-default-size: 36px;
71
71
  --icon-big-size: 48px;
72
- --icon-default-color: var(--theme-white-color);
72
+ --icon-default-color: var(--md-sys-color-on-primary);
73
73
 
74
74
  /* material design component themes */
75
- --mdc-theme-on-primary: var(--theme-white-color);
75
+ --mdc-theme-on-primary: var(--md-sys-color-on-primary);
76
76
  --mdc-theme-primary: var(--secondary-text-color);
77
- --mdc-theme-on-secondary: var(--theme-white-color);
77
+ --mdc-theme-on-secondary: var(--md-sys-color-on-primary);
78
78
  --mdc-theme-secondary: var(--md-sys-color-primary);
79
79
  --mdc-button-outline-color: var(--md-sys-color-primary);
80
80
  --mdc-danger-button-primary-color: var(--status-danger-color);
@@ -85,9 +85,9 @@ body {
85
85
  --md-fab-container-color: var(--md-sys-color-primary);
86
86
  --md-fab-icon-color: var(--focus-color);
87
87
 
88
- --md-theme-on-primary: var(--theme-white-color);
88
+ --md-theme-on-primary: var(--md-sys-color-on-primary);
89
89
  --md-theme-primary: var(--secondary-text-color);
90
- --md-theme-on-secondary: var(--theme-white-color);
90
+ --md-theme-on-secondary: var(--md-sys-color-on-primary);
91
91
  --md-theme-secondary: var(--md-sys-color-primary);
92
92
  --md-button-outline-color: var(--md-sys-color-primary);
93
93
  --md-danger-button-primary-color: var(--status-danger-color);
@@ -108,13 +108,13 @@ body {
108
108
  --button-active-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2);
109
109
  --button-activ-border: 1px solid var(--md-sys-color-primary);
110
110
  --button-activ-background-color: var(--md-sys-color-primary);
111
- --button-activ-color: var(--theme-white-color);
111
+ --button-activ-color: var(--md-sys-color-on-primary);
112
112
  --iconbtn-padding: var(--padding-narrow);
113
113
 
114
114
  --button-primary-background-color: var(--md-sys-color-primary);
115
115
  --button-primary-active-background-color: var(--status-success-color);
116
116
  --button-primary-padding: var(--margin-default) var(--margin-wide);
117
- --button-primary-color: var(--theme-white-color);
117
+ --button-primary-color: var(--md-sys-color-on-primary);
118
118
  --button-primary-font: bold 16px var(--theme-font);
119
119
 
120
120
  /* table style */