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
|
// Gray shapes
// Variable pattern: @color-<color>-<modifier>
@color-black: #000;
@color-gray: #ccc;
@color-gray-light: #f0f0f0;
@color-white: #fff;
@color-silver: #999;
@color-silver-l14: lighten(@color-black, 14%);
@color-silver-l20: lighten(@color-black, 20%);
@color-silver-l30: lighten(@color-black, 30%);
@color-silver-l40: lighten(@color-black, 40%);
@color-silver-l50: lighten(@color-black, 50%);
@color-silver-l60: lighten(@color-black, 60%);
@color-silver-l70: lighten(@color-black, 70%);
@color-silver-l80: lighten(@color-black, 80%);
@color-silver-l85: lighten(@color-black, 85%);
@color-silver-l90: lighten(@color-black, 90%);
@color-silver-l95: lighten(@color-black, 95%);
@color-silver-l98: lighten(@color-black, 98%);
@color-silver-dark: #333;
// Brand colors
// Variable pattern: @color-<color>-<modifier>
@color-black-piwik: #0d0d0d;
@color-blue-piwik: #4183C4;
@color-red-piwik: #d4291f;
@color-green-piwik: #43a047;
@color-green-brandSocial: #009874;
@color-blue-brandSocial: #3b5998;
@color-blue-brandSocialLight: #1c87bd;
@color-blue-brandSocialVeryLight: #00aced;
@color-orange-brand: #ff9600;
// see https://material.io/design/color/#tools-for-picking-colors for source for colors
@graph-colors-data-series0: #0277BD; // light blue 50 series (800)
@graph-series0-shade1-color: #40C4FF; // (A200)
@graph-series0-shade2-color: #00B0FF; // (A400)
@graph-series0-shade3-color: #0091EA; // (A700)
@graph-colors-data-series1: #FF8F00; // amber 50 series (800)
@graph-series1-shade1-color: #FFD740; // (A200)
@graph-series1-shade2-color: #FFC400; // (A400)
@graph-series1-shade3-color: #FFAB00; // (A700)
@graph-colors-data-series2: #AD1457; // pink 50 series (800)
@graph-series2-shade1-color: #FF4081; // (A200)
@graph-series2-shade2-color: #F50057; // (A400)
@graph-series2-shade3-color: #C51162; // (A700)
@graph-colors-data-series3: #6A1B9A; // purple 50 series (800)
@graph-series3-shade1-color: #E040FB; // (A200)
@graph-series3-shade2-color: #D500F9; // (A400)
@graph-series3-shade3-color: #AA00FF; // (A700)
@graph-colors-data-series4: #558B2F; // light green 50 series (800)
@graph-series4-shade1-color: #B2FF59; // (A200)
@graph-series4-shade2-color: #76FF03; // (A400)
@graph-series4-shade3-color: #64DD17; // (A700)
@graph-colors-data-series5: #00838F; // cyan 50 series (800)
@graph-series5-shade1-color: #18FFFF; // (A200)
@graph-series5-shade2-color: #00E5FF; // (A400)
@graph-series5-shade3-color: #00B8D4; // (A700)
@graph-colors-data-series6: #283593; // indigo 50 series (800)
@graph-series6-shade1-color: #536DFE; // (A200)
@graph-series6-shade2-color: #3D5AFE; // (A400)
@graph-series6-shade3-color: #304FFE; // (A700)
@graph-colors-data-series7: #D84315; // deep orange 50 series (800)
@graph-series7-shade1-color: #FF6E40; // (A200)
@graph-series7-shade2-color: #FF3D00; // (A400)
@graph-series7-shade3-color: #DD2C00; // (A700)
@default-box-shade: 0 2px 3px 0 rgba(0,0,0,0.16), 0 0px 3px 0 rgba(0,0,0,0.12);
/*
Qualitative data color series inspired from colorbrewer2.org/
next ones could be: #cab2d6 #ffff99 # #b2df8a
*/
|
