realchart 0.9.12 → 0.9.14

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.
@@ -23,8 +23,8 @@
23
23
 
24
24
  /** palette */
25
25
  .rct-root {
26
- --color-1: #0097e2;
27
- --color-2: #5eb3e4;
26
+ --color-1: #0098ff;
27
+ --color-2: #66d0ff;
28
28
  --color-3: #ff5c35;
29
29
  --color-4: #ff9f00;
30
30
  --color-5: #ffd938;
@@ -93,12 +93,44 @@
93
93
  --color-12: #422c1e;
94
94
  }
95
95
 
96
+ .rct-root[data-palette='vintage'] {
97
+ --color-1: #2a9d8f;
98
+ --color-2: #ff9a00;
99
+ --color-3: #e76f51;
100
+ --color-4: #ffd68d;
101
+ --color-5: #69b85f;
102
+ --color-6: #6397c1;
103
+ --color-7: #c068a8;
104
+ --color-8: #8dd8a3;
105
+ --color-9: #f0d9be;
106
+ --color-10: #c2b1e3;
107
+ --color-11: #fc9390;
108
+ --color-12: #f4d470;
109
+ }
110
+ .rct-root[data-palette='unicorn'] {
111
+ --color-1: #00d6a3;
112
+ --color-2: #2196f3;
113
+ --color-3: #fe3ea5;
114
+ --color-4: #ffd938;
115
+ --color-5: #45dcff;
116
+ --color-6: #ff773b;
117
+ --color-7: #80f9c5;
118
+ --color-8: #f21170;
119
+ --color-9: #c355f5;
120
+ --color-10: #b2fcff;
121
+ --color-11: #fffde1;
122
+ --color-12: #98a8f8;
123
+ }
124
+
96
125
  /** theme */
97
126
  .rct-control {
98
127
  --rct-background: none;
99
128
  }
100
129
  .rct-control[data-theme="dark"] {
101
- --rct-background: black;
130
+ --rct-background: #262626;
131
+ }
132
+ .rct-control[data-theme='real'] {
133
+ --rct-background: #264653;
102
134
  }
103
135
 
104
136
  .rct-root {
@@ -126,6 +158,8 @@
126
158
  --rct-axis-scrollbar-thumb-fill: lightgray;
127
159
  --rct-axis-scrollbar-rx: 4px;
128
160
 
161
+ --rct-legend-background: none;
162
+ --rct-legend-background-stroke: none;
129
163
  --rct-legend-background-stroke: none;
130
164
  --rct-legend-item-fill: #333;
131
165
  --rct-legend-item-disabled: #aaa;
@@ -139,10 +173,18 @@
139
173
 
140
174
  --rct-credits-fill: #777;
141
175
 
176
+ /* polar */
177
+ --rct-polar-xaxis-grid-line-stroke: #ccc;
178
+ --rct-polar-yaxis-grid-line-stroke: #555;
179
+ --rct-polar-axis-label-fill: #555;
180
+
142
181
  /* circle gauge */
143
- --rct-circle-gauge-back-fill: #e4e4e4;
182
+ --rct-circle-gauge-back-fill: #ededed;
144
183
  --rct-circle-gauge-inner-fill: none;
145
- --rct-circle-gauge-label-fill: #333;
184
+ --rct-circle-gauge-label-fill: #000;
185
+ --rct-gauge-scale-line: #555;
186
+ --rct-gauge-scale-tick: #555;
187
+ --rct-gauge-scale-tick-labels: #333;
146
188
  /* clock gauge */
147
189
  --rct-clock-gauge-face-fill: white;
148
190
  --rct-clock-gauge-rim-fill: #eee;
@@ -167,27 +209,78 @@
167
209
  --rct-body-background-stroke: none;
168
210
 
169
211
  --rct-axis-title-fill: #fff;
170
- --rct-axis-line-stroke: #1e1e1e;
212
+ --rct-axis-line-stroke: #fff;
171
213
  --rct-axis-tick-stroke: #fff;
172
214
  --rct-axis-label-fill: #fff;
173
- --rct-axis-grid-line-stroke: #ddd;
215
+ --rct-axis-grid-line-stroke: #fff;
174
216
 
217
+ --rct-legend-background: none;
218
+ --rct-legend-background-stroke: none;
175
219
  --rct-legend-item-fill: #fff;
176
- --rct-legend-item-disabled: #aaa;
220
+ --rct-legend-item-disabled: #707070;
221
+ --rct-legend-item-disabled-decoration: line-through;
222
+
223
+ --rct-point-label-fill: #ddd;
224
+
225
+ --rct-credits-fill: #999;
226
+
227
+ /* polar */
228
+ --rct-polar-xaxis-grid-line-stroke: #ccc;
229
+ --rct-polar-yaxis-grid-line-stroke: #fff;
230
+ --rct-polar-axis-label-fill: #fff;
231
+
232
+ /* circle gauge */
233
+ --rct-circle-gauge-back-fill: #515151;
234
+ --rct-circle-gauge-label-fill: #fff;
235
+ --rct-gauge-scale-line: #fff;
236
+ --rct-gauge-scale-tick: #fff;
237
+ --rct-gauge-scale-tick-labels: #fff;
238
+
239
+ /** zoom tracker */
240
+ --rct-zoom-tracker-fill: #efefef40;
241
+ }
242
+ .rct-root[data-theme='real'] {
243
+ --rct-focus-border: yellow;
244
+ --rct-text-fill: #f0d9be;
245
+
246
+ --rct-title-fill: #f0d9be;
247
+ --rct-subtitle-fill: #f0d9be;
248
+
249
+ --rct-body-background-stroke: none;
250
+
251
+ --rct-axis-title-fill: #f0d9be;
252
+ --rct-axis-line-stroke: #f0d9be;
253
+ --rct-axis-tick-stroke: #f0d9be;
254
+ --rct-axis-label-fill: #f0d9be;
255
+ --rct-axis-grid-line-stroke: #f0d9be;
256
+
257
+ --rct-legend-background: none;
258
+ --rct-legend-background-stroke: none;
259
+ --rct-legend-item-fill: #f0d9be;
260
+ --rct-legend-item-disabled: #4e7b82;
177
261
  --rct-legend-item-disabled-decoration: line-through;
178
262
 
179
263
  --rct-point-label-fill: #ddd;
180
264
 
181
265
  --rct-credits-fill: #999;
182
266
 
267
+ /* polar */
268
+ --rct-polar-xaxis-grid-line-stroke: #ccc;
269
+ --rct-polar-yaxis-grid-line-stroke: #f0d9be;
270
+ --rct-polar-axis-label-fill: #f0d9be;
271
+
183
272
  /* circle gauge */
184
- --rct-circle-gauge-back-fill: #333;
185
- --rct-circle-gauge-label-fill: #eee;
273
+ --rct-circle-gauge-back-fill: #515151;
274
+ --rct-circle-gauge-label-fill: #fff;
275
+ --rct-gauge-scale-line: #fff;
276
+ --rct-gauge-scale-tick: #fff;
277
+ --rct-gauge-scale-tick-labels: #fff;
186
278
 
187
279
  /** zoom tracker */
188
280
  --rct-zoom-tracker-fill: #efefef40;
189
281
  }
190
282
 
283
+
191
284
  /** control */
192
285
  .rct-control {
193
286
  background-color: var(--rct-background);
@@ -270,7 +363,7 @@
270
363
  padding: 3px 6px;
271
364
  }
272
365
  .rct-legend-background {
273
- fill: #c4c4c430;
366
+ fill: var(--rct-legend-background);
274
367
  rx: 7px;
275
368
  stroke: var(--rct-legend-background-stroke);
276
369
  }
@@ -357,13 +450,16 @@
357
450
  stroke: #333;
358
451
  }
359
452
  .rct-polar-xaxis-grid-line {
360
- stroke: #ccc;
453
+ stroke: var(--rct-polar-xaxis-grid-line-stroke)
361
454
  }
362
455
  .rct-polar-yaxis-line {
363
456
  stroke: #afafaf;
364
457
  }
365
458
  .rct-polar-yaxis-grid-line {
366
- stroke: #0000ff20;
459
+ stroke: var(--rct-polar-yaxis-grid-line-stroke)
460
+ }
461
+ .rct-polar-axis-label {
462
+ fill: var(--rct-polar-axis-label-fill)
367
463
  }
368
464
 
369
465
  /** series */
@@ -745,7 +841,7 @@
745
841
  fill: var(--rct-circle-gauge-inner-fill);
746
842
  }
747
843
  .rct-circle-gauge-value {
748
- fill: #008844;
844
+ fill: #0098ff;
749
845
  }
750
846
  .rct-circle-gauge-value[data-stroked] {
751
847
  fill: none;
@@ -810,15 +906,16 @@
810
906
 
811
907
  /** gauge scale */
812
908
  .rct-gauge-scale-line {
813
- stroke: #555;
909
+ stroke: var(--rct-gauge-scale-line);
814
910
  fill: none;
815
911
  }
816
912
  .rct-gauge-scale-ticks {
817
913
  stroke: #555;
914
+ stroke: var(--rct-gauge-scale-tick);
818
915
  }
819
916
  .rct-gauge-scale-tick-labels {
820
917
  font-size: 0.85em;
821
- fill: #333;
918
+ fill: var(--rct-gauge-scale-tick-labels);
822
919
  }
823
920
 
824
921
  /** linear gauge */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "realchart",
3
- "version": "0.9.12",
3
+ "version": "0.9.14",
4
4
  "description": "Wooritech charting library",
5
5
  "main": "./dist/index",
6
6
  "author": {