-
Notifications
You must be signed in to change notification settings - Fork 2
Expand file tree
/
Copy pathwebdatarocks.less
More file actions
120 lines (104 loc) · 4.41 KB
/
webdatarocks.less
File metadata and controls
120 lines (104 loc) · 4.41 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
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
@import "node_modules\@webdatarocks\webdatarocks\theme\webdatarocks-base.less";
@font-family: Arial, sans-serif;
@font-size: 12px;
@font-size-mobile: 14px;
/* ===== theme colors ===== */
/* ===== not used in webdatarocks-base.less directly; used in this file to define bg, border and other colors ===== */
@theme-color: #C1F49C;
@theme-color-dark: #69b01e;
@theme-color-superdark: #59a10e;
@theme-color-midlight: #b9d998;
@theme-color-light: #ebfada;
@theme-color-superlight: #ebfada;
@theme-color-supersuperlight: #FFFFFF;
@theme-color-danger: #F44336;
/* ===== basic grey colors, common for all themes ===== */
@theme-base-color: #999;
@theme-base-color-dark: #555;
@theme-base-color-superdark: #3c3c3c;
@theme-base-color-midlight: #d5d5d5;
@theme-base-color-light: #92c306;
@theme-base-color-superlight: #f7f7f7;
@theme-base-color-supersuperlight: #fbfbfb;
/* ===== text colors ===== */
@theme-text-color: #111;
@theme-text-color-inverted: #fff;
@theme-text-color-midlight: #888;
@theme-text-color-light: @theme-text-color;
@theme-text-color-superlight: #cecece;
@toolbar-text-color: #888;
/* ===== background colors ===== */
@background-base-color: #fff;
@background-ui-element-base-color: #fff;
@ui-background-dark: @theme-color-dark;
@ui-background: @theme-color-dark;
@ui-background-light: @theme-color-superlight;
@ui-background-superlight: @theme-color-supersuperlight;
/* ===== border colors ===== */
@ui-border-color-dark: @theme-color-dark;
@ui-border-color: @theme-color;
@ui-border-color-light: @theme-color-midlight;
@ui-border-color-superlight: @theme-color-superlight;
@ui-border-dark: 1px solid @ui-border-color-dark;
@ui-border: 1px solid @ui-border-color;
@ui-border-light: 1px solid @ui-border-color-light;
@ui-border-superlight: 1px solid @ui-border-color-superlight;
/* ===== grid ===== */
@grid-sheet-header-text-color: @theme-text-color-inverted;
@grid-sheet-header-color: @theme-color-dark;
@grid-sheet-header-border-color: @theme-color-midlight;
@grid-sheet-header-border: 1px solid @grid-sheet-header-border-color;
@grid-icon-color: @theme-color-dark;
@grid-table-header-text-color: @theme-text-color;
@grid-table-header-color: @theme-color;
@grid-table-header-border-color: @ui-border-color-superlight;
@grid-table-header-border: 1px solid @grid-table-header-border-color;
@grid-filter-color: @theme-color-dark;
@grid-filter-color-hover: @theme-color-superdark;
@grid-filter-text-color: #fff;
@grid-filter-subtext-color: @grid-filter-text-color;
@grid-filter-icon-color: @grid-filter-text-color;
@grid-cell-color: @background-base-color;
@grid-cell-text-color: @theme-text-color;
@grid-cell-border-color: #f0f0f0;
@grid-cell-border: 1px solid @grid-cell-border-color;
@grid-drilldown-link-text-color: @theme-color-dark;
@grid-selection-canvas-color: rgba(222,252,4,.2);
@grid-selection-canvas-border: 2px solid @theme-base-color-light;
@grid-auto-calculation-bar: @theme-base-color-light;
@grid-accent-color: darken(@theme-color-superdark, 5%);
/* ===== ui ===== */
@ui-component-border: @ui-border-light;
@ui-pop-up-border: @ui-border-light;
@ui-element-border-color: @ui-border-color-light;
@ui-element-border: @ui-border-light;
@ui-element-inner-border: @ui-border-light;
@ui-element-text-color: @theme-text-color;
@ui-element-font-size: 14px;
@ui-btn-color: @ui-background-light;
@ui-btn-color-hover: lighten(@ui-btn-color, 3%);
@ui-btn-color-light-hover: @ui-background-superlight;
@ui-btn-color-dark-color-hover: @theme-color-superdark;
@ui-btn-font-size: 14px;
@ui-btn-text-color: @theme-color-dark;
@ui-btn-dark-text-color: @theme-text-color-inverted;
@ui-btn-light-text-color: @theme-text-color-light;
@ui-btn-toggle-text-color: @theme-text-color-light;
@ui-btn-toggle-selected-text-color: @ui-element-text-color;
@ui-btn-toggle-dark-text-color: @ui-element-text-color;
@ui-btn-toggle-dark-selected-text-color: @theme-text-color-inverted;
@ui-btn-calc-text-color: @theme-text-color-inverted;
@ui-icon-color: @theme-color-dark;
@ui-icon-color-dark: @theme-color-superdark;
@ui-label-color-dark: @theme-color-dark;
@ui-label-color: @theme-text-color;
@ui-label-color-light: @theme-text-color-light;
@ui-label-font-size: 14px;
@ui-text-area-color: @ui-element-text-color;
@ui-title-color: @theme-text-color;
@ui-title-font-size: 24px;
@ui-title-font-size-smaller: 18px;
@ui-subtitle-color: @ui-label-color-light;
@ui-subtitle-font-size: @ui-label-font-size;
@ui-prompt-color: @theme-text-color-superlight;
@ui-prompt-icon-color: @ui-border-color-superlight;