UNPKG

@eclipse-scout/chart

Version:

Eclipse Scout chart

eclipse.dev/scout/

eclipse-scout/scout.rt

105 lines (91 loc) • 5.07 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
/* * Copyright (c) 2010, 2025 BSI Business Systems Integration AG * * This program and the accompanying materials are made * available under the terms of the Eclipse Public License 2.0 * which is available at https://www.eclipse.org/legal/epl-2.0/ * * SPDX-License-Identifier: EPL-2.0 */ @chart-axis-line-color: @border-color; @chart-axis-line-color-inverted: fade(@chart-axis-line-color, 30%); @chart-axis-text-color: @tile-default-color; @chart-axis-label-color: @tile-default-color; @chart-axis-label-color-inverted: @palette-white; // Chart colors used for non chart.js charts (salesfunnel, fulfillment, venn) @chart-data-color: @chart-data-color-1; @chart-data-hover-color: darken(@chart-data-color, 7%); @chart-data-selected-color: darken(@chart-data-color, 12%); @chart-data-color-inverted: @chart-data-color-1-inverted; @chart-data-hover-color-inverted: darken(@chart-data-color-inverted, 7%); @chart-data-selected-color-inverted: darken(@chart-data-color-inverted, 12%); @chart-data-color-alternative: @chart-data-color-1-alternative; @chart-data-hover-color-alternative: darken(@chart-data-color-alternative, 7%); @chart-data-selected-color-alternative: darken(@chart-data-color-alternative, 12%); @chart-data-color-rainbow: @chart-data-color-1-rainbow; @chart-data-hover-color-rainbow: darken(@chart-data-color-rainbow, 7%); @chart-data-selected-color-rainbow: darken(@chart-data-color-rainbow, 12%); @chart-data-color-alternative-inverted: @chart-data-color-1-alternative-inverted; @chart-data-hover-color-alternative-inverted: darken(@chart-data-color-alternative-inverted, 7%); @chart-data-selected-color-alternative-inverted: darken(@chart-data-color-alternative-inverted, 12%); @chart-data-white-hover-color: @palette-gray-2; // For salesfunnel @chart-data-color-1: @palette-blue-3; @chart-data-color-2: lighten(@palette-blue-3, 5%); @chart-data-color-3: @palette-blue-2; @chart-data-color-4: @palette-blue-1; @chart-data-color-5: @palette-blue-4; @chart-data-color-6: @palette-blue-5; @chart-data-color-1-inverted: @palette-blue-1; @chart-data-color-2-inverted: darken(@palette-blue-1, 10%); @chart-data-color-3-inverted: @palette-blue-2; @chart-data-color-4-inverted: darken(@palette-blue-2, 10%); @chart-data-color-5-inverted: @palette-blue-4; @chart-data-color-6-inverted: @palette-blue-5; @chart-data-color-1-rainbow: @palette-blue-3; @chart-data-color-2-rainbow: @palette-orange-3; @chart-data-color-3-rainbow: @palette-green-3; @chart-data-color-4-rainbow: @palette-gray-7; @chart-data-color-5-rainbow: @palette-red-3; @chart-data-color-6-rainbow: @palette-green-5; @chart-data-color-1-alternative: @palette-green-4; @chart-data-color-2-alternative: lighten(@palette-green-4, 5%); @chart-data-color-3-alternative: @palette-green-3; @chart-data-color-4-alternative: @palette-green-2; @chart-data-color-5-alternative: @palette-green-1; @chart-data-color-6-alternative: @palette-green-5; @chart-data-color-1-alternative-inverted: @palette-green-1; @chart-data-color-2-alternative-inverted: @palette-green-2; @chart-data-color-3-alternative-inverted: @palette-green-3; @chart-data-color-4-alternative-inverted: @palette-green-4; @chart-data-color-5-alternative-inverted: @palette-green-5; @chart-data-color-6-alternative-inverted: darken(@palette-green-5, 10%); @chart-data-label-color: @text-inverted-color; @chart-legend-label-color: @chart-axis-label-color; @chart-legend-label-inverted-color: @chart-axis-label-color-inverted; @chart-line-label-color: @chart-axis-text-color; @chart-line-label-border-color: @chart-line-label-color; @chart-line-label-inverted-border-color: @chart-axis-label-color-inverted; @chart-line-label-background-color: @tile-default-background-color; @chart-alternative-line-label-background-color: @tile-alternative-background-color; @fulfillment-chart-inverted-label-color: @tile-default-inverted-color; @fufillment-chart-inner-circle-color: @palette-gray-3; @speedo-chart-dark-green: @palette-green-4; @speedo-chart-green: @palette-green-3; @speedo-chart-yellow: @palette-orange-3; @speedo-chart-red: @palette-red-3; @speedo-chart-dark-green-alternative: @speedo-chart-dark-green; @speedo-chart-green-alternative: @speedo-chart-green; @speedo-chart-yellow-alternative: @speedo-chart-yellow; @speedo-chart-red-alternative: @speedo-chart-red; @speedo-chart-dark-green-inverted: @speedo-chart-dark-green; @speedo-chart-green-inverted: @speedo-chart-green; @speedo-chart-yellow-inverted: @speedo-chart-yellow; @speedo-chart-red-inverted: @speedo-chart-red; @speedo-chart-dark-green-alternative-inverted: @speedo-chart-dark-green; @speedo-chart-green-alternative-inverted: @speedo-chart-green; @speedo-chart-yellow-alternative-inverted: @speedo-chart-yellow; @speedo-chart-red-alternative-inverted: @speedo-chart-red; @salesfunnel-bar-label-color: @palette-white; @salesfunnel-alternative-bar-label-color: @salesfunnel-bar-label-color; @salesfunnel-inverted-bar-label-color: @tile-default-inverted-background-color; @salesfunnel-alternative-inverted-bar-label-color: @salesfunnel-inverted-bar-label-color;