|
1 |
|
2 /* |
|
3 * Colors variations |
|
4 */ |
|
5 |
|
6 @textColor: #333; |
|
7 |
|
8 @magenta: #6e3671; |
|
9 @teal: #568a89; |
|
10 @pink: #ac5287; |
|
11 @pinkDark: #a8829f; |
|
12 @yellow: #d4c737; |
|
13 @yellowLight: #fff03d; |
|
14 @orange: #c79121; |
|
15 @orangeLight: #ee9000; |
|
16 @orangeDark: #a57225; |
|
17 @purple: #65596B; |
|
18 @teal: #568a89; |
|
19 @blueDark: #4c4f53; |
|
20 @blue: #60747c; |
|
21 @blueLight: #ccdadf; |
|
22 @red: #931313; |
|
23 @redLight: #a65858; |
|
24 @greenDark: #496949; |
|
25 @green: #356e35; |
|
26 @greenLight: #71843f; |
|
27 |
|
28 @white: #ffffff; |
|
29 @black: #000000; |
|
30 @darken: #404040; |
|
31 @lighten: #d5e7ec; |
|
32 @grayDark: #525252; |
|
33 @silver: #b4b4b4; |
|
34 @silverLight: #d0d0d0; |
|
35 |
|
36 @activeTabBorder: #3276b1; |
|
37 @activeTabBg: #cedbf7; |
|
38 |
|
39 |
|
40 .txt-color-blue { |
|
41 color: @blue !important; |
|
42 } |
|
43 .txt-color-blueLight { |
|
44 color: @blueLight !important; |
|
45 } |
|
46 .txt-color-blueDark { |
|
47 color: @blueDark !important; |
|
48 } |
|
49 .txt-color-green { |
|
50 color: @green !important; |
|
51 } |
|
52 .txt-color-greenLight { |
|
53 color: @greenLight !important; |
|
54 } |
|
55 .txt-color-greenDark { |
|
56 color: @greenDark !important; |
|
57 } |
|
58 .txt-color-red { |
|
59 color: @red !important; |
|
60 } |
|
61 .txt-color-yellow { |
|
62 color: @yellow !important; |
|
63 } |
|
64 .txt-color-yellowLight { |
|
65 color: @yellowLight !important; |
|
66 } |
|
67 .txt-color-orange { |
|
68 color: @orange !important; |
|
69 } |
|
70 .txt-color-orangeLight { |
|
71 color: @orangeLight !important; |
|
72 } |
|
73 .txt-color-orangeDark { |
|
74 color: @orangeDark !important; |
|
75 } |
|
76 .txt-color-pink { |
|
77 color: @pink !important; |
|
78 } |
|
79 .txt-color-pinkDark { |
|
80 color: @pinkDark !important; |
|
81 } |
|
82 .txt-color-purple { |
|
83 color: @purple !important; |
|
84 } |
|
85 .txt-color-darken { |
|
86 color: @darken !important; |
|
87 } |
|
88 .txt-color-silver { |
|
89 color: @silver !important; |
|
90 } |
|
91 .txt-color-lighten { |
|
92 color: @lighten !important; |
|
93 } |
|
94 .txt-color-white { |
|
95 color: @white !important; |
|
96 } |
|
97 .txt-color-grayDark { |
|
98 color: @grayDark !important; |
|
99 } |
|
100 .txt-color-magenta { |
|
101 color: @magenta !important; |
|
102 } |
|
103 .txt-color-teal { |
|
104 color: @teal !important; |
|
105 } |
|
106 .txt-color-redLight { |
|
107 color: @redLight !important; |
|
108 } |
|
109 .bg-color-blue { |
|
110 background-color: @blue !important; |
|
111 } |
|
112 .bg-color-blueLight { |
|
113 background-color: @blueLight !important; |
|
114 } |
|
115 .bg-color-blueDark { |
|
116 background-color: @blueDark !important; |
|
117 } |
|
118 .bg-color-green { |
|
119 background-color: @green !important; |
|
120 } |
|
121 .bg-color-greenLight { |
|
122 background-color: @greenLight !important; |
|
123 } |
|
124 .bg-color-greenDark { |
|
125 background-color: @greenDark !important; |
|
126 } |
|
127 .bg-color-red { |
|
128 background-color: @red !important; |
|
129 } |
|
130 .bg-color-yellow { |
|
131 background-color: @yellow !important; |
|
132 } |
|
133 .bg-color-yellowLight { |
|
134 background-color: @yellowLight !important; |
|
135 } |
|
136 .bg-color-orange { |
|
137 background-color: @orange !important; |
|
138 } |
|
139 .bg-color-orangeLight { |
|
140 background-color: @orangeLight !important; |
|
141 } |
|
142 .bg-color-orangeDark { |
|
143 background-color: @orangeDark !important; |
|
144 } |
|
145 .bg-color-pink { |
|
146 background-color: @pink !important; |
|
147 } |
|
148 .bg-color-pinkDark { |
|
149 background-color: @pinkDark !important; |
|
150 } |
|
151 .bg-color-purple { |
|
152 background-color: @purple !important; |
|
153 } |
|
154 .bg-color-darken { |
|
155 background-color: @darken !important; |
|
156 } |
|
157 .bg-color-silver { |
|
158 background-color: @silver !important; |
|
159 } |
|
160 .bg-color-lighten { |
|
161 background-color: @lighten !important; |
|
162 } |
|
163 .bg-color-white { |
|
164 background-color: @white !important; |
|
165 } |
|
166 .bg-color-grayDark { |
|
167 background-color: @grayDark !important; |
|
168 } |
|
169 .bg-color-magenta { |
|
170 background-color: @magenta !important; |
|
171 } |
|
172 .bg-color-teal { |
|
173 background-color: @teal !important; |
|
174 } |
|
175 .bg-color-redLight { |
|
176 background-color: @redLight !important; |
|
177 } |