@things-factory/operato-board 7.0.1-alpha.99 → 7.0.1-beta.1

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@things-factory/operato-board",
3
- "version": "7.0.1-alpha.99",
3
+ "version": "7.0.1-beta.1",
4
4
  "main": "dist-server/index.js",
5
5
  "browser": "dist-client/index.js",
6
6
  "things-factory": true,
@@ -47,87 +47,87 @@
47
47
  },
48
48
  "dependencies": {
49
49
  "@material/web": "^1.4.1",
50
- "@operato/attachment": "^2.0.0-alpha.0",
51
- "@operato/font": "^2.0.0-alpha.0",
52
- "@operato/graphql": "^2.0.0-alpha.0",
53
- "@operato/help": "^2.0.0-alpha.0",
54
- "@operato/i18n": "^2.0.0-alpha.0",
55
- "@operato/input": "^2.0.0-alpha.0",
56
- "@operato/layout": "^2.0.0-alpha.0",
57
- "@operato/pull-to-refresh": "^2.0.0-alpha.0",
58
- "@operato/scene-auth": "^2.0.0-alpha.0",
59
- "@operato/scene-chartjs": "^2.0.0-alpha.0",
60
- "@operato/scene-clock": "^2.0.0-alpha.0",
61
- "@operato/scene-clone": "^2.0.0-alpha.0",
62
- "@operato/scene-compass": "^2.0.0-alpha.0",
63
- "@operato/scene-data-transform": "^2.0.0-alpha.0",
64
- "@operato/scene-excel": "^2.0.0-alpha.0",
65
- "@operato/scene-form": "^2.0.0-alpha.0",
66
- "@operato/scene-gauge": "^2.0.0-alpha.0",
67
- "@operato/scene-google-map": "^2.0.0-alpha.0",
68
- "@operato/scene-graphql": "^2.0.0-alpha.0",
69
- "@operato/scene-half-roundrect": "^2.0.0-alpha.0",
70
- "@operato/scene-i18n": "^2.0.0-alpha.0",
71
- "@operato/scene-image-slider": "^2.0.0-alpha.0",
72
- "@operato/scene-indoor-map": "^2.0.0-alpha.0",
73
- "@operato/scene-integration": "^2.0.0-alpha.0",
74
- "@operato/scene-label": "^2.0.0-alpha.0",
75
- "@operato/scene-legend": "^2.0.0-alpha.0",
76
- "@operato/scene-manufacturing": "^2.0.0-alpha.0",
77
- "@operato/scene-marker": "^2.0.0-alpha.0",
78
- "@operato/scene-news-ticker": "^2.0.0-alpha.0",
79
- "@operato/scene-polypath": "^2.0.0-alpha.0",
80
- "@operato/scene-progressbar": "^2.0.0-alpha.0",
81
- "@operato/scene-random": "^2.0.0-alpha.0",
82
- "@operato/scene-restful": "^2.0.0-alpha.0",
83
- "@operato/scene-switch": "^2.0.0-alpha.0",
84
- "@operato/scene-tab": "^2.0.0-alpha.0",
85
- "@operato/scene-table": "^2.0.0-alpha.0",
86
- "@operato/scene-timer": "^2.0.0-alpha.0",
87
- "@operato/scene-visualizer": "^2.0.0-alpha.0",
88
- "@operato/scene-wheel-sorter": "^2.0.0-alpha.0",
89
- "@operato/shell": "^2.0.0-alpha.0",
90
- "@operato/styles": "^2.0.0-alpha.0",
91
- "@operato/utils": "^2.0.0-alpha.0",
92
- "@things-factory/apptool-ui": "^7.0.1-alpha.99",
93
- "@things-factory/auth-azure-ad": "^7.0.1-alpha.99",
94
- "@things-factory/auth-google": "^7.0.1-alpha.99",
95
- "@things-factory/auth-ui": "^7.0.1-alpha.99",
96
- "@things-factory/board-service": "^7.0.1-alpha.99",
97
- "@things-factory/board-ui": "^7.0.1-alpha.99",
98
- "@things-factory/context-ui": "^7.0.1-alpha.97",
99
- "@things-factory/export-ui": "^7.0.1-alpha.97",
100
- "@things-factory/fav-base": "^7.0.1-alpha.99",
101
- "@things-factory/font-base": "^7.0.1-alpha.99",
102
- "@things-factory/form-ui": "^7.0.1-alpha.79",
103
- "@things-factory/help": "^7.0.1-alpha.97",
104
- "@things-factory/i18n-base": "^7.0.1-alpha.99",
105
- "@things-factory/import-ui": "^7.0.1-alpha.99",
106
- "@things-factory/integration-base": "^7.0.1-alpha.99",
107
- "@things-factory/integration-email": "^7.0.1-alpha.99",
108
- "@things-factory/integration-influxdb": "^7.0.1-alpha.99",
109
- "@things-factory/integration-msgraph": "^7.0.1-alpha.99",
110
- "@things-factory/integration-notification": "^7.0.1-alpha.99",
111
- "@things-factory/integration-openai": "^7.0.1-alpha.99",
112
- "@things-factory/integration-ui": "^7.0.1-alpha.99",
113
- "@things-factory/more-ui": "^7.0.1-alpha.97",
114
- "@things-factory/notification": "^7.0.1-alpha.99",
115
- "@things-factory/oauth2-client": "^7.0.1-alpha.99",
116
- "@things-factory/offline-ui": "^7.0.1-alpha.99",
117
- "@things-factory/pdf": "^7.0.1-alpha.71",
118
- "@things-factory/print-service": "^7.0.1-alpha.97",
119
- "@things-factory/print-ui": "^7.0.1-alpha.99",
120
- "@things-factory/resource-ui": "^7.0.1-alpha.99",
121
- "@things-factory/setting-ui": "^7.0.1-alpha.99",
122
- "@things-factory/shell": "^7.0.1-alpha.97",
123
- "@things-factory/system": "^7.0.1-alpha.97"
50
+ "@operato/attachment": "^2.0.0-beta.0",
51
+ "@operato/font": "^2.0.0-beta.0",
52
+ "@operato/graphql": "^2.0.0-beta.0",
53
+ "@operato/help": "^2.0.0-beta.0",
54
+ "@operato/i18n": "^2.0.0-beta.0",
55
+ "@operato/input": "^2.0.0-beta.0",
56
+ "@operato/layout": "^2.0.0-beta.0",
57
+ "@operato/pull-to-refresh": "^2.0.0-beta.0",
58
+ "@operato/scene-auth": "^2.0.0-beta.0",
59
+ "@operato/scene-chartjs": "^2.0.0-beta.0",
60
+ "@operato/scene-clock": "^2.0.0-beta.0",
61
+ "@operato/scene-clone": "^2.0.0-beta.0",
62
+ "@operato/scene-compass": "^2.0.0-beta.0",
63
+ "@operato/scene-data-transform": "^2.0.0-beta.0",
64
+ "@operato/scene-excel": "^2.0.0-beta.0",
65
+ "@operato/scene-form": "^2.0.0-beta.0",
66
+ "@operato/scene-gauge": "^2.0.0-beta.0",
67
+ "@operato/scene-google-map": "^2.0.0-beta.0",
68
+ "@operato/scene-graphql": "^2.0.0-beta.0",
69
+ "@operato/scene-half-roundrect": "^2.0.0-beta.0",
70
+ "@operato/scene-i18n": "^2.0.0-beta.0",
71
+ "@operato/scene-image-slider": "^2.0.0-beta.0",
72
+ "@operato/scene-indoor-map": "^2.0.0-beta.0",
73
+ "@operato/scene-integration": "^2.0.0-beta.0",
74
+ "@operato/scene-label": "^2.0.0-beta.0",
75
+ "@operato/scene-legend": "^2.0.0-beta.0",
76
+ "@operato/scene-manufacturing": "^2.0.0-beta.0",
77
+ "@operato/scene-marker": "^2.0.0-beta.0",
78
+ "@operato/scene-news-ticker": "^2.0.0-beta.0",
79
+ "@operato/scene-polypath": "^2.0.0-beta.0",
80
+ "@operato/scene-progressbar": "^2.0.0-beta.0",
81
+ "@operato/scene-random": "^2.0.0-beta.0",
82
+ "@operato/scene-restful": "^2.0.0-beta.0",
83
+ "@operato/scene-switch": "^2.0.0-beta.0",
84
+ "@operato/scene-tab": "^2.0.0-beta.0",
85
+ "@operato/scene-table": "^2.0.0-beta.0",
86
+ "@operato/scene-timer": "^2.0.0-beta.0",
87
+ "@operato/scene-visualizer": "^2.0.0-beta.0",
88
+ "@operato/scene-wheel-sorter": "^2.0.0-beta.0",
89
+ "@operato/shell": "^2.0.0-beta.0",
90
+ "@operato/styles": "^2.0.0-beta.0",
91
+ "@operato/utils": "^2.0.0-beta.0",
92
+ "@things-factory/apptool-ui": "^7.0.1-beta.1",
93
+ "@things-factory/auth-azure-ad": "^7.0.1-beta.1",
94
+ "@things-factory/auth-google": "^7.0.1-beta.1",
95
+ "@things-factory/auth-ui": "^7.0.1-beta.1",
96
+ "@things-factory/board-service": "^7.0.1-beta.1",
97
+ "@things-factory/board-ui": "^7.0.1-beta.1",
98
+ "@things-factory/context-ui": "^7.0.1-beta.1",
99
+ "@things-factory/export-ui": "^7.0.1-beta.1",
100
+ "@things-factory/fav-base": "^7.0.1-beta.1",
101
+ "@things-factory/font-base": "^7.0.1-beta.1",
102
+ "@things-factory/form-ui": "^7.0.1-beta.1",
103
+ "@things-factory/help": "^7.0.1-beta.1",
104
+ "@things-factory/i18n-base": "^7.0.1-beta.1",
105
+ "@things-factory/import-ui": "^7.0.1-beta.1",
106
+ "@things-factory/integration-base": "^7.0.1-beta.1",
107
+ "@things-factory/integration-email": "^7.0.1-beta.1",
108
+ "@things-factory/integration-influxdb": "^7.0.1-beta.1",
109
+ "@things-factory/integration-msgraph": "^7.0.1-beta.1",
110
+ "@things-factory/integration-notification": "^7.0.1-beta.1",
111
+ "@things-factory/integration-openai": "^7.0.1-beta.1",
112
+ "@things-factory/integration-ui": "^7.0.1-beta.1",
113
+ "@things-factory/more-ui": "^7.0.1-beta.1",
114
+ "@things-factory/notification": "^7.0.1-beta.1",
115
+ "@things-factory/oauth2-client": "^7.0.1-beta.1",
116
+ "@things-factory/offline-ui": "^7.0.1-beta.1",
117
+ "@things-factory/pdf": "^7.0.1-beta.1",
118
+ "@things-factory/print-service": "^7.0.1-beta.1",
119
+ "@things-factory/print-ui": "^7.0.1-beta.1",
120
+ "@things-factory/resource-ui": "^7.0.1-beta.1",
121
+ "@things-factory/setting-ui": "^7.0.1-beta.1",
122
+ "@things-factory/shell": "^7.0.1-beta.1",
123
+ "@things-factory/system": "^7.0.1-beta.1"
124
124
  },
125
125
  "devDependencies": {
126
- "@things-factory/board-test": "^7.0.1-alpha.99",
127
- "@things-factory/builder": "^7.0.1-alpha.71"
126
+ "@things-factory/board-test": "^7.0.1-beta.1",
127
+ "@things-factory/builder": "^7.0.1-beta.1"
128
128
  },
129
129
  "resolutions": {
130
130
  "passport": "^0.7.0"
131
131
  },
132
- "gitHead": "78a7b8cb64a9c096f779ae19ebac00e2962c2f23"
132
+ "gitHead": "f117e0029bfbd061d3f76caa067ed81305f6c2b7"
133
133
  }
@@ -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
 
@@ -66,7 +66,8 @@
66
66
  line-height: 1.5;
67
67
  -webkit-font-smoothing: antialiased;
68
68
 
69
- accent-color: var(--primary-color);
69
+ accent-color: var(--md-sys-color-primary);
70
+ background-color: var(--md-sys-color-background);
70
71
  }
71
72
  </style>
72
73
 
@@ -1,217 +0,0 @@
1
- body {
2
- --grid-container-border-color: 1px solid rgba(0, 0, 0, 0.09);
3
- --grid-container-border-width: 1px 0;
4
-
5
- --grist-background-color: var(--main-section-background-color);
6
- --grist-padding: var(--padding-wide);
7
- --grist-title-margin: 0 0 0 10px;
8
- --grist-title-border: none;
9
- --grist-title-font: bold 16px var(--theme-font);
10
- --grist-title-color: var(--secondary-color);
11
- --grist-title-font: bold 16px var(--theme-font);
12
- --grist-title-icon-color: var(--primary-color);
13
- --grist-title-icon-margin: 0 3px 2px 0;
14
- --grist-title-icon-size: var(--fontsize-default);
15
- --grist-title-with-grid-padding: 0;
16
-
17
- --grist-object-editor-font: normal 1em var(--theme-font);
18
- --grist-object-editor-color: var(--secondary-color);
19
-
20
- --grist-input-zoom: 1;
21
- --grist-input-progress-border: 1px solid rgba(255, 255, 255, 0.5);
22
- --grist-input-progress-background: rgba(121, 110, 110, 0.1);
23
- --grist-input-progress-bar-background: #4ac5fd;
24
- --grist-input-progress-bar-color: var(--theme-white-color);
25
-
26
- --grid-header-background-color: transparent;
27
- --grid-header-top-border: 2px solid rgba(var(--secondary-color-rgb), 0.7);
28
- --grid-header-bottom-border: var(--grid-container-border-color);
29
- --grid-header-border-color: rgba(var(--primary-color-rgb), 0.3);
30
- --grid-header-padding: var(--padding-default) 0 var(--padding-narrow) var(--padding-default);
31
- --grid-header-sorter-size: 18px;
32
- --grid-header-splitter-border: var(--grid-container-border-color);
33
- --grid-header-splitter-border-hover: 1px solid var(--primary-color);
34
- --grid-header-color: rgba(var(--secondary-color-rgb), 0.8);
35
- --grid-header-font: bold var(--fontsize-small) var(--theme-font);
36
-
37
- --grid-gutter-padding: var(--padding-default) 0;
38
-
39
- --grid-record-background-color: var(--theme-white-color);
40
- --grid-record-odd-background-color: #f9f7f5;
41
- --grid-record-padding: 0 5px 0 5px;
42
- --grid-record-color: var(--secondary-color);
43
- --grid-record-color-hover: var(--primary-color);
44
- --grid-record-wide-fontsize: var(--fontsize-small);
45
- --grid-record-selected-background-color: #f1f8e9;
46
- --grid-record-selected-color: var(--grid-record-color);
47
- --grid-record-focused-background-color: rgba(var(--primary-color-rgb), 0.2);
48
- --grid-record-focused-border: 1px solid var(--primary-color);
49
- --grid-record-focused-cell-background-color: rgba(var(--primary-color-rgb), 0.25);
50
- --grid-record-focused-cell-border: 1px dashed var(--primary-color);
51
- --grid-record-focused-color: var(--grid-record-color);
52
- --grid-record-focused-box-shadow: 0px 2px 0px 0px rgb(0 0 0 / 10%);
53
- --grid-record-emphasized-background-color: var(--primary-color);
54
- --grid-record-emphasized-color: var(--theme-white-color);
55
- --grid-record-editing-background-color: var(--theme-white-color);
56
- --grid-record-editing-border: 1px dashed rgba(var(--primary-color-rgb), 0.4);
57
- --grid-record-fontsize: var(--fontsize-large);
58
- --grid-record-border-bottom: var(--grid-container-border-color);
59
-
60
- --grid-record-dirty-border-top: 24px solid rgba(var(--primary-color-rgb), 0.6);
61
- --grid-record-dirty-border-left: 24px solid transparent;
62
- --grid-record-dirty-icon-font: bold 10px/12px var(--mdc-icon-font, 'Material Icons');
63
- --grid-record-dirty-icon-size: var(--fontsize-large);
64
- --grid-record-dirty-color: var(--theme-white-color);
65
-
66
- --grid-footer-background-color: transparent;
67
- --grid-footer-font-size: var(--fontsize-default);
68
- --grid-footer-color: var(--secondary-color);
69
- --grid-footer-limit-color: rgba(var(--secondary-color-rgb), 0.6);
70
- --grid-footer-inactive-color: var(--grid-footer-limit-color);
71
- --grid-footer-padding: var(--padding-default) var(--padding-narrow);
72
-
73
- --data-list-background-color: var(--main-section-background-color);
74
- --data-list-item-margin: var(--margin-default) 0 var(--margin-default) var(--margin-wide);
75
- --data-list-item-padding: var(--padding-default) var(--padding-wide);
76
- --data-list-item-border-bottom: var(--grid-container-border-color);
77
- --data-list-item-name-font: bold 1em/1em var(--theme-font);
78
- --data-list-item-name-color: var(--secondary-color);
79
- --data-list-item-disc-font: normal 0.9em/1em var(--theme-font);
80
- --data-list-item-disc-color: var(--secondary-text-color);
81
- --data-list-item-etc-label-font: bold 1em/1em var(--theme-font);
82
- --data-list-item-etc-font: normal 0.8em/1em var(--theme-font);
83
- --data-list-item-etc-color: #585858;
84
- --data-list-item-icon-font: normal 1em/1em;
85
- --data-list-item-icon-color: var(--secondary-text-color);
86
- --data-list-selected-background-color: var(--grid-record-selected-background-color);
87
- --data-list-fab-position-horizontal: 15px;
88
- --data-list-fab-position-vertical: 15px;
89
- --data-list-fab-color: var(--primary-color);
90
- --data-list-fab-shadow: var(--box-shadow);
91
-
92
- --data-card-background-color: var(--main-section-background-color);
93
- --data-card-record-card-background-color: var(--theme-white-color);
94
- --data-card-record-card-border: var(--border-dark-color);
95
- --data-card-record-card-border-hover: 1px solid var(--primary-color);
96
- --data-card-record-card-boxshadow-hover: 1px 1px 2px 1px rgba(0, 0, 0, 0.15);
97
- --data-card-record-card-selected-border: 1px solid var(--primary-color);
98
- --data-card-record-card-border-radius: var(--border-radius);
99
- --data-card-item-margin: var(--margin-default) 0 var(--margin-default) var(--margin-wide);
100
- --data-card-item-padding: var(--padding-default) var(--padding-wide);
101
- --data-card-item-border-bottom: var(--grid-container-border-color);
102
- --data-card-item-name-font: bold 1.2em/1em var(--theme-font);
103
- --data-card-item-name-color: var(--secondary-text-color);
104
- --data-card-item-name-label-font: normal 0.65em/0.8em var(--theme-font);
105
- --data-card-item-name-label-color: rgba(var(--secondary-color-rgb), 0.8);
106
- --data-card-item-disc-font: normal 0.9em/1em var(--theme-font);
107
- --data-card-item-disc-color: var(--primary-color);
108
- --data-card-item-etc-label-font: normal 1em/1em var(--theme-font);
109
- --data-card-item-etc-font: bold 0.8em/1em var(--theme-font);
110
- --data-card-item-etc-color: var(--secondary-color);
111
- --data-card-item-icon-font: normal 1em/1em;
112
- --data-card-item-icon-color: var(--secondary-text-color);
113
- --data-card-item-btn-border: var(--border-dark-color);
114
- --data-card-item-btn-border-radius: var(--border-radius);
115
- --data-card-item-btn-padding: var(--padding-narrow);
116
- --data-card-selected-background-color: var(--grid-record-selected-background-color);
117
- --data-card-fab-position-horizontal: 15px;
118
- --data-card-fab-position-vertical: 15px;
119
- --data-card-fab-color: var(--primary-color);
120
- --data-card-fab-shadow: var(--box-shadow);
121
- --data-card-template: repeat(auto-fit, minmax(32%, auto));
122
- --data-card-thumbnail-height: 140px;
123
- --data-card-thumbnail-border-bottom: var(--border-dark-color);
124
- --data-card-attachimg-height: 70px;
125
-
126
- --record-view-background-color: var(--main-section-background-color);
127
- --record-view-gap: var(--margin-narrow) 0;
128
- --record-view-padding: var(--padding-default);
129
- --record-view-label-font: bold 15px var(--theme-font);
130
- --record-view-label-color: var(--secondary-color);
131
- --record-view-label-icon-size: var(--fontsize-small);
132
- --record-view-font: normal 15px var(--theme-font);
133
- --record-view-color: var(--secondary-color);
134
- --record-view-focus-color: var(--primary-color);
135
- --record-view-border-bottom: 1px solid rgba(0, 0, 0, 0.1);
136
- --record-view-edit-border-bottom: 2px solid var(--primary-color);
137
- --record-view-item-padding: var(--padding-default);
138
-
139
- --record-view-footer-height: 36px;
140
- --record-view-footer-background: #586272;
141
- --record-view-footer-button-border: 1px solid rgba(0, 0, 0, 0.3);
142
- --record-view-footer-button-border-width: 0 0 0 1px;
143
- --record-view-footer-button-height: 36px;
144
- --record-view-footer-button-font: 17px;
145
- --record-view-footer-button-color: var(--theme-white-color);
146
- --record-view-footer-iconbutton-size: var(--fontsize-large);
147
- --record-view-footer-focus-background: var(--primary-color);
148
-
149
- --ox-grist-padding: var(--padding-default) var(--padding-default) 0 var(--padding-default);
150
- }
151
-
152
- @media only screen and (max-width: 460px) {
153
- body {
154
- --grist-padding: 0;
155
- --record-view-font: normal 15px/32px var(--theme-font);
156
- --record-view-footer-height: 50px;
157
- --record-view-footer-button-height: var(--record-view-footer-height);
158
- --record-view-footer-iconbutton-size: 28px;
159
- --record-view-footer-iconbutton-margin: -2px;
160
- --record-view-footer-iconbutton-display: block;
161
- --ox-grist-padding: 0;
162
- }
163
- }
164
-
165
- @media (min-width: 461px) and (max-width: 1024px) {
166
- body {
167
- --grist-padding: 0;
168
-
169
- --record-view-footer-height: 50px;
170
- --record-view-footer-button-height: var(--record-view-footer-height);
171
- --record-view-footer-iconbutton-size: 28px;
172
- --record-view-footer-iconbutton-margin: -2px;
173
- --record-view-footer-iconbutton-display: block;
174
- }
175
- }
176
-
177
- @media print {
178
- body {
179
- --grist-input-zoom: 0.7;
180
- }
181
- }
182
-
183
- @media only screen and (max-width: 460px) {
184
- body {
185
- --data-card-template: repeat(auto-fit, minmax(90%, auto));
186
- }
187
- }
188
- @media (min-width: 461px) and (max-width: 700px) {
189
- body {
190
- --data-card-template: repeat(auto-fit, minmax(45%, auto));
191
- }
192
- }
193
- @media (min-width: 461px) and (max-width: 1024px) {
194
- body {
195
- --data-card-create-form-padding: 7px;
196
- }
197
- }
198
- @media (min-width: 1025px) and (max-width: 1400px) {
199
- body {
200
- --data-card-template: repeat(auto-fit, minmax(23%, auto));
201
- }
202
- }
203
- @media (min-width: 1401px) and (max-width: 1800px) {
204
- body {
205
- --data-card-template: repeat(auto-fit, minmax(18%, auto));
206
- }
207
- }
208
- @media (min-width: 1801px) and (max-width: 2200px) {
209
- body {
210
- --data-card-template: repeat(auto-fit, minmax(15%, auto));
211
- }
212
- }
213
- @media only screen and (min-width: 2201px) {
214
- body {
215
- --data-card-template: repeat(auto-fit, minmax(13%, auto));
216
- }
217
- }
@@ -1,92 +0,0 @@
1
- body {
2
- --header-bar-background-color: var(--secondary-color);
3
- --header-bar-icon-size: var(--icon-default-size);
4
- --header-bar-title: bold 17.5px var(--theme-font);
5
- --header-bar-color: #fff;
6
- --header-bar-height: 45px;
7
- --header-bar-item-padding: 0px 5px 0 0;
8
-
9
- --nav-bar-background-color: var(--primary-color);
10
-
11
- --group-bar-background-color: var(--primary-color);
12
- --group-bar-textbutton: 16px/32px var(--theme-font);
13
- --group-bar-textbutton-active: bold var(--group-bar-textbutton);
14
- --group-bar-active-line-color: var(--focus-color);
15
- --group-bar-line: solid 3px rgba(0, 0, 0, 0.2);
16
-
17
- --aside-background-color: var(--secondary-background-color);
18
- --aside-list-textbtton: 18px var(--theme-font);
19
- --aside-list-icon: var(--icon-default-size);
20
- --aside-list-bottom-line: var(--border-dark-color);
21
- --aside-list-detail-background-color: #fff;
22
- --aside-list-detail-text: 14px var(--primary-background-color);
23
-
24
- --footer-bar-border-top: 1px solid rgba(0, 0, 0, 0.2);
25
-
26
- --button-container-margin: inintial;
27
- --button-container-padding: 0 var(--padding-default) var(--padding-wide) var(--padding-default);
28
- --button-container-background: transparent;
29
- --button-container-height: initial;
30
- --button-container-align: right;
31
- --button-container-button-background-color: var(--secondary-color);
32
- --button-container-button-border-radius: var(--button-border-radius);
33
- --button-container-button-margin: var(--button-margin);
34
- --button-container-button-font: bold var(--fontsize-large) var(--theme-font);
35
- --button-container-button-color: var(--theme-white-color);
36
- --button-container-button-height: initial;
37
- --button-container-button-border: var(--button-border);
38
-
39
- --popup-content-background-color: var(--main-section-background-color);
40
- --popup-content-padding: 10px 20px;
41
-
42
- /* components - floating overlay style */
43
- --overlay-center-small-width: 30%;
44
- --overlay-center-small-height: 30%;
45
- --overlay-center-normal-width: 50%;
46
- --overlay-center-normal-height: 50%;
47
- --overlay-center-large-width: 75%;
48
- --overlay-center-large-height: 75%;
49
- --overlay-header-height: var(--header-bar-height);
50
- --overlay-header-background-color: var(--header-bar-background-color);
51
- --overlay-header-color: #fff;
52
- --overlay-header-font: var(--header-bar-title);
53
- --overlay-background-color: rgba(0, 0, 0, 0.5);
54
- --overlay-margin-bottom: 0px;
55
-
56
- /* components - resize splitter style */
57
- --splitter-background-color: rgba(0, 0, 0, 0.1);
58
- --splitter-hover-background-color: rgba(0, 0, 0, 0.1);
59
- }
60
-
61
- @media only screen and (max-width: 460px) {
62
- body {
63
- --button-container-margin: 0 -15px;
64
- --button-container-padding: 0 0 0 0;
65
- --button-container-background: #586272;
66
- --button-container-height: 50px;
67
- --button-container-align: right;
68
- --button-container-button-background-color: transparent;
69
- --button-container-button-border-radius: 0;
70
- --button-container-button-margin: 0;
71
- --button-container-button-height: 50px;
72
- --button-container-button-border: 1px solid rgba(0, 0, 0, 0.1);
73
-
74
- --overlay-center-small-width: 100%;
75
- --overlay-center-small-height: 100%;
76
- --overlay-center-normal-width: 100%;
77
- --overlay-center-normal-height: 100%;
78
- --overlay-center-large-width: 100%;
79
- --overlay-center-large-height: 100%;
80
- }
81
- }
82
-
83
- @media (min-width: 461px) and (max-width: 1024px) {
84
- body {
85
- --overlay-center-small-width: 40%;
86
- --overlay-center-small-height: 40%;
87
- --overlay-center-normal-width: 60%;
88
- --overlay-center-normal-height: 60%;
89
- --overlay-center-large-width: 80%;
90
- --overlay-center-large-height: 80%;
91
- }
92
- }
@@ -1,18 +0,0 @@
1
- body {
2
- font-variation-settings: 'FILL' 1;
3
-
4
- /* meterial theme color */
5
- --md-sys-color-primary: var(--primary-color);
6
- --md-sys-color-secondary: var(--secondary-color);
7
-
8
- --md-sys-shape-corner-small: 4px;
9
- --md-sys-shape-corner-medium: 6px;
10
- --md-sys-shape-corner-large: 8px;
11
-
12
- --md-assist-chip-container-shape: 4px;
13
- --md-filter-chip-container-shape: 9999px;
14
-
15
- --md-outlined-button-container-shape: var(--md-sys-shape-corner-small);
16
- --md-elevated-button-container-shape: var(--md-sys-shape-corner-small);
17
- --md-filled-button-container-shape: var(--md-sys-shape-corner-small);
18
- }