[3763] | 1 | // ========================================================================== // |
---|
| 2 | // =Couleurs |
---|
| 3 | // ========================================================================== // |
---|
| 4 | |
---|
| 5 | // Palette de base |
---|
| 6 | |
---|
| 7 | $blue: #137bbb; |
---|
| 8 | $green: #9ac123; |
---|
| 9 | $red: #c44d58; |
---|
| 10 | $light-blue: #a2cbe9; |
---|
| 11 | $orange: #d33800; |
---|
| 12 | |
---|
| 13 | $gray: #b2b2b2; |
---|
| 14 | $gray-dark: #676e78; |
---|
| 15 | |
---|
| 16 | $gray-very-dark: shade($gray, 72%); // #323232 (near to #333 used before) |
---|
| 17 | $gray-semi-dark: shade($gray, 25%); // #868686 (near to #999 used before) |
---|
| 18 | $gray-light: tint($gray, 30%); // #c9c9c9 (near to #ccc used before) |
---|
| 19 | $gray-lighter: tint($gray, 75%); // #ececec (near to #eee used before) |
---|
| 20 | $gray-very-light: tint($gray, 85%); // #f3f3f3 (near to #f7f7f7 used before) |
---|
| 21 | |
---|
| 22 | $white: #fff; |
---|
| 23 | $black: #000; |
---|
| 24 | |
---|
| 25 | // Palette secondaire |
---|
| 26 | |
---|
| 27 | $warning: #fefacd; |
---|
| 28 | $warning-alt: #ffd478; |
---|
| 29 | |
---|
| 30 | $info: #d9edf7; |
---|
| 31 | $info-alt: #bce8f1; |
---|
| 32 | |
---|
| 33 | $error: #ffbaba; |
---|
| 34 | $error-alt: #ae323b; |
---|
| 35 | |
---|
| 36 | $success: #bee74b; |
---|
| 37 | $success-alt: #9bca1c; |
---|
| 38 | |
---|
| 39 | $link: #2373a8; |
---|
| 40 | $link-outline: #bee74b; |
---|
| 41 | |
---|
| 42 | $current-page: #d30e60; |
---|
| 43 | |
---|
| 44 | $legacy: #eef1ec; |
---|
| 45 | $code: #fefacd; |
---|
| 46 | $tooltip: #910ed3; |
---|
| 47 | |
---|
| 48 | $pw-very-weak: #c44d58; |
---|
| 49 | $pw-weak: #e1732c; |
---|
| 50 | $pw-mediocre: #ff9900; |
---|
| 51 | $pw-strong: #cdad12; |
---|
| 52 | $pw-very-strong: #9ac123; |
---|
| 53 | |
---|
| 54 | $submit: #25a6e1; |
---|
| 55 | $submit-alt: #188bc0; |
---|
| 56 | |
---|
| 57 | $reset: #eaeaea; |
---|
| 58 | $reset-alt: #f9f9f9; |
---|
| 59 | $reset-ter: #dadada; |
---|
| 60 | |
---|
| 61 | $delete: #ae323b; |
---|
| 62 | $delete-alt: #b33630; |
---|
| 63 | $delete-ter: #dc5f59; |
---|
| 64 | |
---|
| 65 | $add: #bee74b; |
---|
| 66 | $add-alt: #9bca1c; |
---|
| 67 | |
---|
| 68 | // Common |
---|
| 69 | |
---|
| 70 | $body-color: $gray-very-dark; // #323232 |
---|
| 71 | $body-background: $white; // #ffffff |
---|
| 72 | |
---|
| 73 | $title-color: $gray-dark; // #676e78 : h2, h4, h5, h6 |
---|
| 74 | $title-alt-color: $orange; // #d33800 : h3 |
---|
| 75 | |
---|
| 76 | // Layout |
---|
| 77 | |
---|
| 78 | $header-color: $white; // #ffffff |
---|
| 79 | $header-background: $gray-dark; // #676e78 |
---|
| 80 | $header-background-alt: $gray-very-dark; // #323232 |
---|
| 81 | $header-border: $light-blue; // #a2cbe9 |
---|
| 82 | $header-border-alt: $gray-very-dark; // #323232 |
---|
| 83 | $header-link-border: $gray-semi-dark; // #868686 |
---|
| 84 | $header-active-color: $orange; // #d33800 |
---|
| 85 | $header-active-background: $gray-very-light; // #f3f3f3 |
---|
| 86 | $header-active-color-alt: $white; // #ffffff |
---|
| 87 | $header-active-background-alt: $gray-semi-dark; // #868686 |
---|
| 88 | |
---|
[3764] | 89 | $wrapper-background: $white; // #ffffff |
---|
[3763] | 90 | |
---|
| 91 | $content-background: $white; // #ffffff |
---|
| 92 | |
---|
| 93 | $tabs-color: $gray-very-dark; // #323232 |
---|
| 94 | $tabs-border: $gray-light; // #c9c9c9 |
---|
| 95 | $tabs-background: $gray-very-light; // #f3f3f3 |
---|
| 96 | $tabs-active-color: $orange; // #d33800 |
---|
| 97 | $tabs-active-background: $white; // #ffffff |
---|
| 98 | |
---|
| 99 | $main-menu-background: $gray-very-light; // #f3f3f3 |
---|
| 100 | $main-menu-title-color: $gray-dark; // #676e78 |
---|
| 101 | $main-menu-item-color: $gray-very-dark; // #323232 |
---|
| 102 | $main-menu-item-border: tint($gray-dark, 66%); // #c5c5c5 |
---|
| 103 | $main-menu-active-color: $current-page; // #d30e60 |
---|
| 104 | $main-menu-active-background: $white; // #ffffff |
---|
| 105 | $main-menu-border: $light-blue; // #a2cbe9 |
---|
| 106 | |
---|
| 107 | $search-color: $gray-very-dark; // #323232 |
---|
| 108 | $search-border: $gray-semi-dark; // #868686 |
---|
| 109 | $search-background: $gray-light; // #c9c9c9 |
---|
| 110 | $search-submit-color: $white; // #ffffff |
---|
| 111 | $search-submit-background: $gray-semi-dark; // #868686 |
---|
| 112 | $search-outline: $link-outline; // #bee74b |
---|
| 113 | |
---|
| 114 | $footer-background: $white; // #ffffff |
---|
| 115 | $footer-border: tint($gray-dark, 66%); // #c5c5c5 |
---|
| 116 | |
---|
| 117 | $collapser-focus: $light-blue; // #a2cbe9 |
---|
| 118 | $collapser-background: $gray-light; // #c9c9c9 |
---|
| 119 | |
---|
| 120 | $popup-title-color: $white; // #ffffff |
---|
| 121 | $popup-title-background: $gray-dark; // #676e78 |
---|
| 122 | |
---|
| 123 | // Markup |
---|
| 124 | |
---|
| 125 | $breadcrumb-background: $white; // #ffffff |
---|
[3764] | 126 | $breadcrumb-border: $gray-semi-dark; // #868686 |
---|
[3763] | 127 | $breadcrumb-current: $current-page; // #d30e60 |
---|
| 128 | |
---|
| 129 | $fieldset-pretty-title-color: $orange; // #d33800 |
---|
| 130 | $fieldset-smart-title-color: $gray-very-dark; // #323232 |
---|
| 131 | $entry-sidebar-title-color: $gray-very-dark; // #323232 |
---|
| 132 | $title-label-color: $gray-very-dark; // #323232 |
---|
| 133 | |
---|
| 134 | $table-caption-color: $gray-very-dark; // #323232 |
---|
| 135 | $head-border: shade($gray-very-light, 10%); // #dbdbdb |
---|
| 136 | $head-background: $gray-very-light; // #f3f3f3 |
---|
| 137 | $line-input-background: $white; // #ffffff |
---|
| 138 | $line-background-over: $gray-very-light; // #f3f3f3 tr:hover |
---|
| 139 | $line-focus-background: shade($white, 7%); // #ededed |
---|
| 140 | $cell-border: $gray-lighter; // #ececec |
---|
| 141 | $cell-noborder-color: shade($gray-very-light, 10%); // #dbdbdb td/th .noborder |
---|
| 142 | |
---|
| 143 | $hr-color: shade($gray-very-light, 10%); // #dbdbdb |
---|
| 144 | |
---|
[3767] | 145 | $code-color: $body-color; |
---|
[3763] | 146 | $code-background: $code; // #fefacd |
---|
| 147 | |
---|
| 148 | $link-color: $link; // #2373a8 |
---|
| 149 | $link-border: $gray-semi-dark; // #868686 |
---|
| 150 | $discrete-link-color: $gray-very-dark; // #323232 |
---|
| 151 | |
---|
| 152 | // Forms |
---|
| 153 | |
---|
| 154 | $fieldset-border: tint($gray-dark, 66%); // #c5c5c5 |
---|
| 155 | $fieldset-background: $white; // #ffffff |
---|
| 156 | $fieldset-focus-background: shade($white, 7%); // #ededed |
---|
| 157 | |
---|
| 158 | $legend-border: $gray-dark; // #676e78 |
---|
| 159 | $legend-background: $white; // #ffffff |
---|
| 160 | |
---|
[3767] | 161 | $invalid-input-color: $black; // #000000 |
---|
[3763] | 162 | $invalid-input-border: $error-alt; // #ae323b |
---|
| 163 | $invalid-input-background: $error; // #ffbaba |
---|
| 164 | $invalid-input-shadow: rgba($error-alt, 0.3); |
---|
| 165 | |
---|
| 166 | $input-color: $black; // #000000 |
---|
| 167 | $input-background: tint($gray-very-light, 50%); // #f9f9f9 |
---|
| 168 | $input-border: shade($gray-very-light, 10%); // #dbdbdb |
---|
| 169 | $input-shadow: $gray-very-light; // #f3f3f3 |
---|
| 170 | $input-focus: $link-outline; // #bee74b |
---|
| 171 | |
---|
| 172 | $form-note-color: $gray-dark; // #676e78 |
---|
| 173 | |
---|
| 174 | $error-background: $error; // #ffbaba |
---|
| 175 | |
---|
| 176 | // Buttons |
---|
| 177 | |
---|
| 178 | $button-color: $black; // #000000 |
---|
| 179 | $button-border: tint($gray-dark, 66%); // #c5c5c5 |
---|
| 180 | $button-shadow: rgba($black, 0.05); |
---|
| 181 | |
---|
| 182 | $submit-color: $white; // #ffffff |
---|
| 183 | $submit-background: $submit; // #25a6e1 |
---|
| 184 | $submit-background-alt: $submit-alt; // #188bc0 |
---|
| 185 | $submit-border: tint($gray-dark, 66%); // #c5c5c5 |
---|
| 186 | |
---|
| 187 | $reset-color: $black; // #000000 |
---|
| 188 | $reset-background: $reset; // #eaeaea |
---|
| 189 | $reset-background-alt: $reset-alt; // #f9f9f9 |
---|
| 190 | $reset-background-ter: $reset-ter; // #dadada |
---|
| 191 | $reset-border: tint($gray-dark, 66%); // #c5c5c5 |
---|
| 192 | |
---|
| 193 | $delete-color: $delete; // #ae323b |
---|
| 194 | $delete-hover-color: $white; // #ffffff |
---|
| 195 | $delete-hover-background: $delete-alt; // #b33630 |
---|
| 196 | $delete-hover-background-alt: $delete-ter; // #dc5f59 |
---|
| 197 | $delete-hover-border: $delete-ter; // #dc5f59 |
---|
| 198 | |
---|
| 199 | $add-color: $black; // #000000 |
---|
| 200 | $add-background: $add; // #bee74b |
---|
| 201 | $add-background-alt: $add-alt; // #9bca1c |
---|
| 202 | $add-border: $add; // #bee74b |
---|
| 203 | $add-border-alt: $add-alt; // #9bca1c |
---|
| 204 | |
---|
| 205 | $button-disabled-color: $gray-dark; // #676e78 |
---|
| 206 | $button-disabled-background: $gray-very-light; // #f3f3f3 |
---|
| 207 | $button-disabled-background-alt: $gray-lighter; // #ececec |
---|
| 208 | $button-disabled-border: tint($gray-dark, 66%); // #c5c5c5 |
---|
| 209 | |
---|
| 210 | $ajax-color: $gray-very-dark; // #323232 |
---|
| 211 | $ajax-background: $white; // #ffffff |
---|
| 212 | $ajax-background-alt: $light-blue; // #a2cbe9 |
---|
| 213 | $ajax-border: $gray-dark; // #676e78 |
---|
| 214 | |
---|
| 215 | $gotop-color: $gray-very-dark; // #323232 |
---|
| 216 | $gotop-background: transparent; |
---|
| 217 | $gotop-border: none; |
---|
| 218 | |
---|
[3768] | 219 | $addmeta-color: $black; // #000000 |
---|
| 220 | $addmeta-background: transparent; |
---|
| 221 | $addmeta-focus-color: $black; // #000000 |
---|
| 222 | $addmeta-focus-background: tint($light-blue, 10%); // #abd0eb |
---|
[3763] | 223 | |
---|
| 224 | // Messages |
---|
| 225 | |
---|
| 226 | $msg-color: $white; // #ffffff |
---|
| 227 | $msg-background: $gray-dark; // #676e78 |
---|
| 228 | $msg-background-alt: tint($gray-dark, 66%); // #c5c5c5 |
---|
| 229 | $msg-shadow: rgba($gray-very-dark, 0.1); |
---|
| 230 | |
---|
| 231 | $msg-info-color: $gray-very-dark; // #323232 |
---|
| 232 | $msg-info-background: $info; // #d9edf7 |
---|
| 233 | $msg-info-border: $info-alt; // #bce8f1 |
---|
| 234 | |
---|
| 235 | $msg-warn-color: $gray-very-dark; // #323232 |
---|
| 236 | $msg-warn-background: $warning; // #fefacd |
---|
| 237 | $msg-warn-background-alt: $warning-alt; // #ffd478 |
---|
| 238 | $msg-warn-border: $warning-alt; // #ffd478 |
---|
| 239 | |
---|
| 240 | $msg-error-color: $black; // #000000 |
---|
| 241 | $msg-error-background: $error; // #ffbaba |
---|
| 242 | $msg-error-background-alt: $warning; // #fefacd |
---|
| 243 | |
---|
| 244 | $msg-success-color: $black; // #000000 |
---|
| 245 | $msg-success-background: $success; // #bee74b |
---|
| 246 | $msg-success-background-alt: $success-alt; // #9bca1c |
---|
| 247 | |
---|
| 248 | $dc-update-color: $black; // #000000 |
---|
| 249 | $dc-update-background: $light-blue; // #a2cbe9 |
---|
| 250 | |
---|
| 251 | $ajax-loader: shade($light-blue, 10%); // #92b7d2 |
---|
| 252 | |
---|
| 253 | // Filters |
---|
| 254 | |
---|
| 255 | $form-control-color: $black; // #000000 |
---|
| 256 | |
---|
| 257 | $filter-border: $light-blue; // #a2cbe9 |
---|
| 258 | $filter-options-border: $gray-light; // #c9c9c9 |
---|
| 259 | $filter-focus-background: shade($white, 7%); // #ededed |
---|
| 260 | |
---|
| 261 | // Prelude |
---|
| 262 | |
---|
| 263 | $prelude-color: $gray-very-dark; // #323232 |
---|
| 264 | $prelude-background: $light-blue; // #a2cbe9 |
---|
| 265 | $prelude-background-alt: $white; // #ffffff |
---|
| 266 | |
---|
| 267 | // Help |
---|
| 268 | |
---|
| 269 | $help-background: $gray-very-light; // #f3f3f3 |
---|
| 270 | $help-border: $warning-alt; // #ffd478 |
---|
| 271 | $help-button-border: $gray-light; // #c9c9c9 |
---|
| 272 | $help-button-background: $gray-very-light; // #f3f3f3 |
---|
| 273 | $help-title-color: $gray-dark; // #676e78 |
---|
| 274 | |
---|
| 275 | // Tooltip (in footer) |
---|
| 276 | |
---|
| 277 | $tooltip-color: $tooltip; // #910ed3 |
---|
| 278 | $tooltip-background: rgba($white, 0.9); |
---|
| 279 | |
---|
| 280 | // Application pages: |
---|
| 281 | // - Auth |
---|
| 282 | |
---|
| 283 | $login-fieldset-background: $white; // #ffffff |
---|
| 284 | $login-fieldset-border: $success-alt; // #9bca1c |
---|
| 285 | |
---|
| 286 | // - Index |
---|
| 287 | |
---|
| 288 | $index-link-color: $gray-very-dark; // #323232 |
---|
| 289 | $index-link-border: $gray-semi-dark; // #868686 |
---|
| 290 | $index-icon-background: tint($gray-very-light, 50%); // #f9f9f9 |
---|
| 291 | $index-icon-border: shade($gray-very-light, 10%); // #dbdbdb |
---|
| 292 | $index-icon-outline: $link-outline; // #bee74b |
---|
| 293 | |
---|
| 294 | $quick-background: $gray-very-light; // #f3f3f3 |
---|
| 295 | $quick-border: shade($gray-very-light, 10%); // #dbdbdb |
---|
| 296 | $quick-info-background: $info; // #d9edf7 |
---|
| 297 | $quick-info-border: $info-alt; // #bce8f1 |
---|
| 298 | $quick-info-color: $gray-very-dark; // #323232 |
---|
| 299 | |
---|
| 300 | $index-box-border: tint($gray-dark, 66%); // #c5c5c5 |
---|
| 301 | |
---|
| 302 | // - Blog params |
---|
| 303 | |
---|
| 304 | $blog-user-border: tint($gray-dark, 66%); // #c5c5c5 |
---|
| 305 | $blog-super-background: rgba($info, 0.5); // #d9edf7 - 50% |
---|
| 306 | $blog-super-border: $link-outline; // #bee74b |
---|
| 307 | |
---|
| 308 | // - Blog theme |
---|
| 309 | |
---|
| 310 | $theme-box-border: shade($gray-very-light, 10%); // #dbdbdb |
---|
| 311 | $theme-box-over: $gray-very-light; // #f3f3f3 |
---|
| 312 | |
---|
| 313 | $theme-name-color: $gray-dark; // #676e78 |
---|
| 314 | |
---|
| 315 | $theme-img-background: $gray-very-light; // #f3f3f3 |
---|
| 316 | $theme-img-border: $white; // #ffffff |
---|
| 317 | $theme-img-shadow: rgba($gray-very-dark, 0.1); |
---|
| 318 | |
---|
| 319 | $theme-action-background: $gray-very-light; // #f3f3f3 |
---|
| 320 | $theme-action-border: $gray-lighter; // #ececec |
---|
| 321 | |
---|
[3764] | 322 | $theme-current-background: $gray-very-light; // #f3f3f3 |
---|
[3763] | 323 | $theme-current-border: $gray-lighter; // #ececec |
---|
| 324 | $theme-current-shadow: rgba($gray-very-dark, 0.1); |
---|
| 325 | |
---|
| 326 | $theme-current-img-border: $white; // #ffffff |
---|
| 327 | $theme-current-name-color: $orange; // #d33800 |
---|
| 328 | |
---|
| 329 | // - Categories |
---|
| 330 | |
---|
| 331 | $cat-placeholder-outline: $link; // #2373a8 |
---|
| 332 | |
---|
| 333 | $cat-line-border: tint($gray-dark, 66%); // #c5c5c5 |
---|
| 334 | $subcat-line-border: shade($gray-very-light, 10%); // #dbdbdb |
---|
| 335 | |
---|
| 336 | $cat-post-counter: $gray-very-dark; // #323232 |
---|
| 337 | |
---|
| 338 | // - Media |
---|
| 339 | |
---|
| 340 | $media-folder-background: transparent; |
---|
| 341 | $media-folder-border: $gray-lighter; // #ececec |
---|
| 342 | $media-folderup-border: transparent; |
---|
| 343 | $media-folder-link: $gray-dark; // #676e78 |
---|
| 344 | $media-item-border: shade($gray-very-light, 10%); // #dbdbdb |
---|
| 345 | $media-files-border: shade($gray-very-light, 10%); // #dbdbdb |
---|
| 346 | |
---|
| 347 | $upload-color: shade($success-alt, 45%); // #556f0f |
---|
| 348 | $upload-filemsg-color: $white; // #ffffff |
---|
| 349 | $upload-progress-color: $white; // #ffffff |
---|
| 350 | $upload-progress-background: shade($success-alt, 45%); // #556f0f |
---|
| 351 | $upload-file-border: shade($gray-very-light, 10%); // #dbdbdb |
---|
| 352 | $upload-error-color: $error-alt; // #ae323b |
---|
| 353 | |
---|
| 354 | // - Plugins |
---|
| 355 | |
---|
| 356 | $modules-background: $gray-very-light; // #f3f3f3 |
---|
| 357 | $modules-border: $light-blue; // #a2cbe9 |
---|
| 358 | |
---|
| 359 | // - Entry |
---|
| 360 | |
---|
| 361 | $entry-sb-title-border: $gray-dark; // #676e78 |
---|
| 362 | $entry-sb-background: $gray-very-light; // #f3f3f3 |
---|
| 363 | $entry-sb-focus-background: shade($white, 7%); // #ededed |
---|
| 364 | |
---|
| 365 | // - Preferences |
---|
| 366 | |
---|
| 367 | $fav-list-background: $gray-very-light; // #f3f3f3 |
---|
| 368 | $fav-list-background-over: $gray-very-light; // #f3f3f3 |
---|
| 369 | $fav-list-border: $gray-lighter; // #ececec |
---|
| 370 | $fav-list-border-alt: shade($gray-very-light, 10%); // #dbdbdb |
---|
| 371 | |
---|
| 372 | $my-favs-border: $green; // #9ac123 |
---|
| 373 | |
---|
| 374 | // - Charte |
---|
| 375 | |
---|
| 376 | $charte-title: $orange; // #d33800 |
---|
| 377 | $charte-one-box-border: shade($gray-very-light, 10%); // #dbdbdb |
---|
| 378 | |
---|
| 379 | // Classes |
---|
| 380 | |
---|
| 381 | $ac-results-background: $white; // #ffffff |
---|
| 382 | $ac-results-border: $warning-alt; // #ffd478 |
---|
| 383 | $ac-results-over: $white; // #ffffff |
---|
| 384 | $ac-results-over-background: $link; // #2373a8 |
---|
| 385 | |
---|
| 386 | $nav-background: $white; // #ffffff |
---|
| 387 | $nav-prevnext: $link; // #2373a8 |
---|
| 388 | $nav-prevnext-background: $gray-very-light; // #f3f3f3 |
---|
| 389 | $nav-prevnext-border: shade($gray-very-light, 10%); // #dbdbdb |
---|
| 390 | |
---|
| 391 | $onblog-link: $gray-very-dark; // #323232 |
---|
| 392 | $onblog-link-background: $gray-lighter; // #ececec |
---|
| 393 | $onblog-link-border: $gray-lighter; // #ececec |
---|
| 394 | $onblog-link-shadow: rgba($gray-very-dark, 0.3); // #323232 30% |
---|
| 395 | |
---|
| 396 | $pager-link: $link; // #2373a8 |
---|
| 397 | $pager-active: $gray-dark; // #676e78 |
---|
| 398 | $pager-background: $gray-very-light; // #f3f3f3 |
---|
| 399 | $pager-background-over: shade($gray-very-light, 10%); // #dbdbdb |
---|
| 400 | $pager-off-background: $white; // #ffffff |
---|
| 401 | $pager-input-background: $white; // #ffffff |
---|
| 402 | $pager-border: shade($gray-very-light, 10%); // #dbdbdb |
---|
| 403 | |
---|
| 404 | $index-no-link: $gray-light; // #c9c9c9 |
---|
| 405 | $index-active: $white; // #ffffff |
---|
| 406 | $index-active-background: $gray-dark; // #676e78 |
---|
| 407 | |
---|
| 408 | $step: $gray-dark; // #676e78 |
---|
| 409 | $step-background: $gray-very-light; // #f3f3f3 |
---|
| 410 | $step-border: tint($gray-dark, 66%); // #c5c5c5 |
---|
| 411 | |
---|
| 412 | $offline: $gray-dark; // #676e78 |
---|
| 413 | |
---|
| 414 | // Utils |
---|
| 415 | |
---|
| 416 | $color-picker-border: $black; // #000000 |
---|
| 417 | $color-picker-background: $white; // #ffffff |
---|
| 418 | |
---|
| 419 | $color-div-border: $gray-light; // #c9c9c9 |
---|
| 420 | |
---|
| 421 | // Debug |
---|
| 422 | |
---|
| 423 | $debug-color: $error-alt; // #ae323b |
---|
| 424 | $debug-background: $warning-alt; // #ffd478 |
---|
| 425 | $debug-border: $warning-alt; // #ffd478 |
---|