|
1 |
|
2 /* |
|
3 * Colors variations |
|
4 */ |
|
5 |
|
6 @textColor: #333; |
|
7 @bodyColor: #e7e7ef; |
|
8 |
|
9 @dangerTextColor: #a94442; |
|
10 @warningTextColor: #6b6d31; |
|
11 @infoTextColor: #346597; |
|
12 @successTextColor: #296829; |
|
13 @successBgColor: #5cb85c; |
|
14 |
|
15 @magenta: #6e3671; |
|
16 @teal: #568a89; |
|
17 @pink: #ac5287; |
|
18 @pinkDark: #a8829f; |
|
19 @yellow: #d4c737; |
|
20 @yellowLight: #fff03d; |
|
21 @orange: #c79121; |
|
22 @orangeLight: #ee9000; |
|
23 @orangeDark: #a57225; |
|
24 @purple: #65596B; |
|
25 @teal: #568a89; |
|
26 @blueDark: #4c4f53; |
|
27 @blue: #60747c; |
|
28 @blueLight: #ccdadf; |
|
29 @red: #931313; |
|
30 @redLight: #a65858; |
|
31 @greenDark: #496949; |
|
32 @green: #356e35; |
|
33 @greenLight: #71843f; |
|
34 |
|
35 @white: #dedede; |
|
36 @black: #000000; |
|
37 @darken: #404040; |
|
38 @lighten: #d5e7ec; |
|
39 @grayDark: #525252; |
|
40 @silver: #b4b4b4; |
|
41 @silverLight: #d0d0d0; |
|
42 |
|
43 @activeTabBorder: #3276b1; |
|
44 @activeTabBg: #cedbf7; |
|
45 |
|
46 @headerBgColor: #f8f8f8; |
|
47 @headerMobileBgColor: #fff; |
|
48 |
|
49 @asideBgColor: #92a395; |
|
50 |
|
51 @ribbonBgColor: #3886c9; |
|
52 @ribbonMobileBorderBottomColor: #cfcfcf; |
|
53 @ribbonMobileBorderTopColor: #e6e6e6; |
|
54 @ribbonMobileBgColor: #f5f5f5; |
|
55 @ribbonLinkColor: #efefef; |
|
56 @ribbonLinkStrongColor: #fff; |
|
57 @ribbonActiveLinkColor: #fff; |
|
58 @ribbonMobileActiveLinkColor: #333; |
|
59 @ribbonMobileLinkColor: #6d6c6c; |
|
60 @ribbonMobileLinkStrongColor: #333; |
|
61 |
|
62 @navBgColor: #58635b; |
|
63 @navHeaderBgColor: #e75a2c; |
|
64 @navDividerBgColor: rgba(122, 122, 122, .8); |
|
65 @navLinkColor: #f9fdf2; |
|
66 @navLinkActiveColor: #606b62; |
|
67 @navLinkFocusColor: #c9c9c9; |
|
68 @navLinkHoverColor: #fff; |
|
69 @navLinkPipeColor: #e5e2cf; |
|
70 @navActiveMenuLinkColor: #fefefe; |
|
71 @navSubMenuBgColor: #4a534d; |
|
72 @navSubMenuActiveLinkBgColor: #337ab7; |
|
73 @navSubMenuLinkHoverBgColor: #39423c; |
|
74 @navSubMenuLinkHoverBorderColor: rgba(122, 122, 122, .4); |
|
75 @navSubMenuLinkHoverBoldColor: #d5d9e2; |
|
76 @navSubSubMenuLinkColor: #bfbfbf; |
|
77 @navSubSubMenuLinkPipeColor: rgba(122, 122, 122, .1); |
|
78 @navSubSubMenuLinkHoverBgColor: #39423c; |
|
79 @navSubSubMenuLinkEmBgColor: #ed1c24; |
|
80 @navSubSubMenuLinkEmBorderColor: rgba(255, 255, 255, .1); |
|
81 @navSubSubMenuBoldColor: #b3b3b3; |
|
82 |
|
83 @messageBgColor: rgba(0, 0, 0, .7); |
|
84 |
|
85 @tableBorderColor: #ddd; |
|
86 @tableCurrentColor: #ccc; |
|
87 @tableHoverColor: #eee; |
|
88 @tableSortColor: #b4cbb9; |
|
89 |
|
90 .txt-color-danger { |
|
91 color: @dangerTextColor !important; |
|
92 } |
|
93 .txt-color-warning { |
|
94 color: @warningTextColor !important; |
|
95 } |
|
96 .txt-color-info { |
|
97 color: @infoTextColor !important; |
|
98 } |
|
99 .txt-color-success { |
|
100 color: @successTextColor !important; |
|
101 } |
|
102 |
|
103 .bg-color-danger { |
|
104 background-color: @dangerTextColor !important; |
|
105 } |
|
106 .bg-color-warning { |
|
107 background-color: @warningTextColor !important; |
|
108 } |
|
109 .bg-color-info { |
|
110 background-color: @infoTextColor !important; |
|
111 } |
|
112 .bg-color-success { |
|
113 background-color: @successBgColor !important; |
|
114 } |
|
115 |
|
116 |
|
117 .txt-color-text { |
|
118 color: @textColor !important; |
|
119 } |
|
120 .txt-color-blue { |
|
121 color: @blue !important; |
|
122 } |
|
123 .txt-color-blueLight { |
|
124 color: @blueLight !important; |
|
125 } |
|
126 .txt-color-blueDark { |
|
127 color: @blueDark !important; |
|
128 } |
|
129 .txt-color-green { |
|
130 color: @green !important; |
|
131 } |
|
132 .txt-color-greenLight { |
|
133 color: @greenLight !important; |
|
134 } |
|
135 .txt-color-greenDark { |
|
136 color: @greenDark !important; |
|
137 } |
|
138 .txt-color-red { |
|
139 color: @red !important; |
|
140 } |
|
141 .txt-color-yellow { |
|
142 color: @yellow !important; |
|
143 } |
|
144 .txt-color-yellowLight { |
|
145 color: @yellowLight !important; |
|
146 } |
|
147 .txt-color-orange { |
|
148 color: @orange !important; |
|
149 } |
|
150 .txt-color-orangeLight { |
|
151 color: @orangeLight !important; |
|
152 } |
|
153 .txt-color-orangeDark { |
|
154 color: @orangeDark !important; |
|
155 } |
|
156 .txt-color-pink { |
|
157 color: @pink !important; |
|
158 } |
|
159 .txt-color-pinkDark { |
|
160 color: @pinkDark !important; |
|
161 } |
|
162 .txt-color-purple { |
|
163 color: @purple !important; |
|
164 } |
|
165 .txt-color-darken { |
|
166 color: @darken !important; |
|
167 } |
|
168 .txt-color-silver { |
|
169 color: @silver !important; |
|
170 } |
|
171 .txt-color-silverLight { |
|
172 color: @silverLight !important; |
|
173 } |
|
174 .txt-color-lighten { |
|
175 color: @lighten !important; |
|
176 } |
|
177 .txt-color-white { |
|
178 color: @white !important; |
|
179 } |
|
180 .txt-color-grayDark { |
|
181 color: @grayDark !important; |
|
182 } |
|
183 .txt-color-magenta { |
|
184 color: @magenta !important; |
|
185 } |
|
186 .txt-color-teal { |
|
187 color: @teal !important; |
|
188 } |
|
189 .txt-color-redLight { |
|
190 color: @redLight !important; |
|
191 } |
|
192 .txt-color-active { |
|
193 color: @activeTabBorder !important; |
|
194 } |
|
195 .txt-color-activeBg { |
|
196 color: @activeTabBg !important; |
|
197 } |
|
198 |
|
199 .bg-color-blue { |
|
200 background-color: @blue !important; |
|
201 } |
|
202 .bg-color-blueLight { |
|
203 background-color: @blueLight !important; |
|
204 } |
|
205 .bg-color-blueDark { |
|
206 background-color: @blueDark !important; |
|
207 } |
|
208 .bg-color-green { |
|
209 background-color: @green !important; |
|
210 } |
|
211 .bg-color-greenLight { |
|
212 background-color: @greenLight !important; |
|
213 } |
|
214 .bg-color-greenDark { |
|
215 background-color: @greenDark !important; |
|
216 } |
|
217 .bg-color-red { |
|
218 background-color: @red !important; |
|
219 } |
|
220 .bg-color-yellow { |
|
221 background-color: @yellow !important; |
|
222 } |
|
223 .bg-color-yellowLight { |
|
224 background-color: @yellowLight !important; |
|
225 } |
|
226 .bg-color-orange { |
|
227 background-color: @orange !important; |
|
228 } |
|
229 .bg-color-orangeLight { |
|
230 background-color: @orangeLight !important; |
|
231 } |
|
232 .bg-color-orangeDark { |
|
233 background-color: @orangeDark !important; |
|
234 } |
|
235 .bg-color-pink { |
|
236 background-color: @pink !important; |
|
237 } |
|
238 .bg-color-pinkDark { |
|
239 background-color: @pinkDark !important; |
|
240 } |
|
241 .bg-color-purple { |
|
242 background-color: @purple !important; |
|
243 } |
|
244 .bg-color-darken { |
|
245 background-color: @darken !important; |
|
246 } |
|
247 .bg-color-silver { |
|
248 background-color: @silver !important; |
|
249 } |
|
250 .bg-color-silverLight { |
|
251 background-color: @silverLight !important; |
|
252 } |
|
253 .bg-color-lighten { |
|
254 background-color: @lighten !important; |
|
255 } |
|
256 .bg-color-white { |
|
257 background-color: @white !important; |
|
258 } |
|
259 .bg-color-grayDark { |
|
260 background-color: @grayDark !important; |
|
261 } |
|
262 .bg-color-magenta { |
|
263 background-color: @magenta !important; |
|
264 } |
|
265 .bg-color-teal { |
|
266 background-color: @teal !important; |
|
267 } |
|
268 .bg-color-redLight { |
|
269 background-color: @redLight !important; |
|
270 } |
|
271 .bg-color-active { |
|
272 background-color: @activeTabBorder !important; |
|
273 } |
|
274 .bg-color-activeBg { |
|
275 background-color: @activeTabBg !important; |
|
276 } |