variables.scss 15.6 KB
Newer Older
Dmytro Zaporozhets's avatar
Dmytro Zaporozhets committed
1 2 3
/*
 * Layout
 */
4
$grid-size: 8px;
Dmytro Zaporozhets's avatar
Dmytro Zaporozhets committed
5 6
$gutter_collapsed_width: 62px;
$gutter_width: 290px;
7
$gutter_inner_width: 250px;
8
$sidebar-transition-duration: .3s;
9
$sidebar-breakpoint: 1024px;
Annabel Dunstone Gray's avatar
Annabel Dunstone Gray committed
10
$default-transition-duration: .15s;
11 12
$contextual-sidebar-width: 220px;
$contextual-sidebar-collapsed-width: 50px;
Dmytro Zaporozhets's avatar
Dmytro Zaporozhets committed
13

14 15 16
/*
 * Color schema
 */
17
$darken-normal-factor: 7%;
18 19
$darken-dark-factor: 10%;
$darken-border-factor: 5%;
20
$darken-border-dashed-factor: 25%;
21

22
$white-light: #fff;
23 24
$white-normal: #f0f0f0;
$white-dark: #eaeaea;
25

26
$gray-lightest: #fdfdfd;
27
$gray-light: #fafafa;
28
$gray-lighter: #f9f9f9;
29
$gray-normal: #f5f5f5;
30
$gray-dark: darken($gray-light, $darken-dark-factor);
31
$gray-darker: #eee;
Annabel Dunstone Gray's avatar
Annabel Dunstone Gray committed
32
$gray-darkest: #c4c4c4;
33

34 35 36 37 38
$green-50: #f1fdf6;
$green-100: #dcf5e7;
$green-200: #b3e6c8;
$green-300: #75d09b;
$green-400: #37b96d;
39 40 41 42 43
$green-500: #1aaa55;
$green-600: #168f48;
$green-700: #12753a;
$green-800: #0e5a2d;
$green-900: #0a4020;
44
$green-950: #072b15;
45

46 47 48 49 50
$blue-50: #f6fafe;
$blue-100: #e4f0fb;
$blue-200: #b8d6f4;
$blue-300: #73afea;
$blue-400: #2e87e0;
51 52 53 54 55
$blue-500: #1f78d1;
$blue-600: #1b69b6;
$blue-700: #17599c;
$blue-800: #134a81;
$blue-900: #0f3b66;
56
$blue-950: #0a2744;
57

58 59 60 61 62
$orange-50: #fffaf4;
$orange-100: #fff1de;
$orange-200: #fed69f;
$orange-300: #fdbc60;
$orange-400: #fca121;
63 64 65
$orange-500: #fc9403;
$orange-600: #de7e00;
$orange-700: #c26700;
66 67 68
$orange-800: #a35200;
$orange-900: #853c00;
$orange-950: #592800;
69

70 71 72
$red-50: #fef6f5;
$red-100: #fbe5e1;
$red-200: #f2b4a9;
73 74 75 76 77 78 79
$red-300: #e67664;
$red-400: #e05842;
$red-500: #db3b21;
$red-600: #c0341d;
$red-700: #a62d19;
$red-800: #8b2615;
$red-900: #711e11;
80
$red-950: #4b140b;
81

82 83
// GitLab themes

84 85 86 87 88 89 90 91 92 93 94
$indigo-50: #f7f7ff;
$indigo-100: #ebebfa;
$indigo-200: #d1d1f0;
$indigo-300: #a6a6de;
$indigo-400: #7c7ccc;
$indigo-500: #6666c4;
$indigo-600: #5b5bbd;
$indigo-700: #4b4ba3;
$indigo-800: #393982;
$indigo-900: #292961;
$indigo-950: #1a1a40;
Phil Hughes's avatar
Phil Hughes committed
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 121 122 123 124 125 126 127 128 129 130 131 132
$theme-gray-50: #fafafa;
$theme-gray-100: #f2f2f2;
$theme-gray-200: #dfdfdf;
$theme-gray-300: #cccccc;
$theme-gray-400: #bababa;
$theme-gray-500: #a7a7a7;
$theme-gray-600: #949494;
$theme-gray-700: #707070;
$theme-gray-800: #4f4f4f;
$theme-gray-900: #2e2e2e;
$theme-gray-950: #1f1f1f;

$theme-blue-50: #f4f8fc;
$theme-blue-100: #e6edf5;
$theme-blue-200: #c8d7e6;
$theme-blue-300: #97b3cf;
$theme-blue-400: #648cb4;
$theme-blue-500: #4a79a8;
$theme-blue-600: #3e6fa0;
$theme-blue-700: #305c88;
$theme-blue-800: #25496e;
$theme-blue-900: #1a3652;
$theme-blue-950: #0f2235;

$theme-green-50: #f2faf6;
$theme-green-100: #e4f3ea;
$theme-green-200: #c0dfcd;
$theme-green-300: #8ac2a1;
$theme-green-400: #52a274;
$theme-green-500: #35935c;
$theme-green-600: #288a50;
$theme-green-700: #1c7441;
$theme-green-800: #145d33;
$theme-green-900: #0d4524;
$theme-green-950: #072d16;


133 134
$black: #000;
$black-transparent: rgba(0, 0, 0, 0.3);
Jacob Schatz's avatar
Jacob Schatz committed
135
$almost-black: #242424;
136

137 138
$border-white-light: darken($white-light, $darken-border-factor);
$border-white-normal: darken($white-normal, $darken-border-factor);
139

140
$border-gray-light: darken($gray-light, $darken-border-factor);
141
$border-gray-normal: darken($gray-normal, $darken-border-factor);
142
$border-gray-normal-dashed: darken($gray-normal, $darken-border-dashed-factor);
143
$border-gray-dark: darken($white-normal, $darken-border-factor);
144

Dmytro Zaporozhets's avatar
Dmytro Zaporozhets committed
145 146 147
/*
 * UI elements
 */
148
$border-color: #e5e5e5;
149
$focus-border-color: $blue-300;
150 151
$well-expand-item: #e8f2f7;
$well-inner-border: #eef0f2;
Sam Rose's avatar
Sam Rose committed
152 153
$well-light-border: #f1f1f1;
$well-light-text-color: #5b6169;
Dmytro Zaporozhets's avatar
Dmytro Zaporozhets committed
154 155 156 157

/*
 * Text
 */
158
$gl-font-size: 14px;
159 160
$gl-font-weight-normal: 400;
$gl-font-weight-bold: 600;
161 162 163 164
$gl-text-color: #2e2e2e;
$gl-text-color-secondary: #707070;
$gl-text-color-tertiary: #949494;
$gl-text-color-quaternary: #d6d6d6;
165
$gl-text-color-inverted: rgba(255, 255, 255, 1);
166
$gl-text-color-secondary-inverted: rgba(255, 255, 255, .85);
167
$gl-text-color-disabled: #919191;
168
$gl-text-green: $green-600;
169
$gl-text-green-hover: $green-700;
170 171 172 173
$gl-text-red: $red-500;
$gl-text-orange: $orange-600;
$gl-link-color: $blue-600;
$gl-link-hover-color: $blue-800;
174 175 176
$gl-grayish-blue: #7f8fa4;
$gl-gray: $gl-text-color;
$gl-gray-dark: #313236;
Fatih Acet's avatar
Fatih Acet committed
177
$gl-gray-light: #5c5c5c;
178
$gl-header-color: #4c4e54;
179
$gl-header-nav-hover-color: #434343;
180
$placeholder-text-color: $gl-text-color-tertiary;
Dmytro Zaporozhets's avatar
Dmytro Zaporozhets committed
181 182 183 184

/*
 * Lists
 */
185
$list-font-size: $gl-font-size;
Taurie Davis's avatar
Taurie Davis committed
186
$list-title-color: $gl-text-color;
187
$list-text-color: $gl-text-color;
188
$list-text-disabled-color: $gl-text-color-tertiary;
Sam Rose's avatar
Sam Rose committed
189 190
$list-border-light: #eee;
$list-border: rgba(0, 0, 0, 0.05);
191
$list-text-height: 42px;
192 193
$list-warning-row-bg: $orange-100;
$list-warning-row-border: $orange-200;
194
$list-warning-row-color: $orange-700;
195

196 197 198
/*
 * Markdown
 */
199
$md-link-color: $gl-link-color;
Sam Rose's avatar
Sam Rose committed
200
$md-area-border: #ddd;
Dmytro Zaporozhets's avatar
Dmytro Zaporozhets committed
201 202 203 204

/*
 * Code
 */
Luke Bennett's avatar
Luke Bennett committed
205
$code_font_size: 12px;
206
$code_line_height: 1.6;
Dmytro Zaporozhets's avatar
Dmytro Zaporozhets committed
207

208 209 210 211 212
/*
 * Tooltips
 */
$tooltip-font-size: 12px;

Dmytro Zaporozhets's avatar
Dmytro Zaporozhets committed
213 214 215
/*
 * Padding
 */
Dmytro Zaporozhets's avatar
Dmytro Zaporozhets committed
216
$gl-padding: 16px;
217
$gl-col-padding: 15px;
218
$gl-btn-padding: 10px;
219
$gl-input-padding: 10px;
220
$gl-vert-padding: 6px;
221
$gl-padding-top: 10px;
222
$gl-sidebar-padding: 22px;
223
$gl-bar-padding: 3px;
Dmytro Zaporozhets's avatar
Dmytro Zaporozhets committed
224 225 226 227

/*
 * Misc
 */
228 229
$row-hover: $blue-50;
$row-hover-border: $blue-200;
Dmytro Zaporozhets's avatar
Dmytro Zaporozhets committed
230
$progress-color: #c0392b;
231
$header-height: 40px;
Dmytro Zaporozhets's avatar
Dmytro Zaporozhets committed
232
$fixed-layout-width: 1280px;
233
$limited-layout-width: 990px;
234
$limited-layout-width-sm: 790px;
235
$container-text-max-width: 540px;
236
$gl-avatar-size: 40px;
237
$error-exclamation-point: $red-500;
238
$border-radius-default: 4px;
239
$border-radius-small: 2px;
240
$settings-icon-size: 18px;
241 242 243
$provider-btn-not-active-color: $blue-500;
$link-underline-blue: $blue-500;
$active-item-blue: $blue-500;
244
$layout-link-gray: #7e7c7c;
245 246
$btn-side-margin: 10px;
$btn-sm-side-margin: 7px;
247
$btn-xs-side-margin: 5px;
248
$issue-status-expired: $orange-500;
Taurie Davis's avatar
Taurie Davis committed
249
$issuable-sidebar-color: $gl-text-color-secondary;
Sam Rose's avatar
Sam Rose committed
250 251 252 253 254 255 256 257
$group-path-color: #999;
$namespace-kind-color: #aaa;
$panel-heading-link-color: #777;
$graph-author-email-color: #777;
$count-arrow-border: #dce0e5;
$save-project-loader-color: #555;
$divergence-graph-bar-bg: #ccc;
$divergence-graph-separator-bg: #ccc;
258
$general-hover-transition-duration: 100ms;
259
$general-hover-transition-curve: linear;
260
$highlight-changes-color: rgb(235, 255, 232);
261
$performance-bar-height: 35px;
Tim Zallmann's avatar
Tim Zallmann committed
262 263
$flash-height: 52px;
$context-header-height: 60px;
264

Sam Rose's avatar
Sam Rose committed
265 266 267 268 269 270 271 272
/*
* Common component specific colors
*/
$hint-color: #999;
$well-pre-bg: #eee;
$well-pre-color: #555;
$loading-color: #555;
$update-author-color: #999;
273 274
$user-mention-bg: rgba($blue-500, 0.044);
$user-mention-bg-hover: rgba($blue-500, 0.15);
Sam Rose's avatar
Sam Rose committed
275 276 277
$time-color: #999;
$project-member-show-color: #aaa;
$gl-promo-color: #aaa;
278
$error-bg: $red-400;
279 280
$warning-message-bg: $orange-100;
$warning-message-border: $orange-200;
281
$warning-message-color: $orange-700;
Sam Rose's avatar
Sam Rose committed
282 283 284 285 286
$control-group-descr-color: #666;
$table-permission-x-bg: #d9edf7;
$username-color: #666;
$description-color: #666;
$profiler-border: #eee;
Phil Hughes's avatar
Phil Hughes committed
287

288 289 290 291 292
/* tanuki logo colors */
$tanuki-red: #e24329;
$tanuki-orange: #fc6d26;
$tanuki-yellow: #fca326;

293
/*
294
 * State colors:
295
 */
296 297
$gl-primary: $blue-500;
$gl-success: $green-500;
Phil Hughes's avatar
Phil Hughes committed
298
$gl-success-focus: rgba($gl-success, .4);
299 300 301
$gl-info: $blue-500;
$gl-warning: $orange-500;
$gl-danger: $red-500;
Annabel Dunstone Gray's avatar
Annabel Dunstone Gray committed
302 303
$gl-btn-active-background: rgba(0, 0, 0, 0.16);
$gl-btn-active-gradient: inset 0 2px 3px $gl-btn-active-background;
304

305
/*
306 307
 * Commit Diff Colors
 */
308 309 310 311 312 313 314 315 316 317 318 319
$added: #63c363;
$deleted: #f77;
$line-added: #ecfdf0;
$line-added-dark: #c7f0d2;
$line-removed: #fbe9eb;
$line-removed-dark: #fac5cd;
$line-number-old: #f9d7dc;
$line-number-new: #ddfbe6;
$line-number-select: #fbf2da;
$line-target-blue: #f6faff;
$line-select-yellow: #fcf8e7;
$line-select-yellow-dark: #f0e2bd;
Sam Rose's avatar
Sam Rose committed
320 321 322 323 324 325 326 327
$dark-diff-match-bg: rgba(255, 255, 255, 0.3);
$dark-diff-match-color: rgba(255, 255, 255, 0.1);
$file-mode-changed: #777;
$file-mode-changed: #777;
$diff-image-info-color: grey;
$diff-swipe-border: #999;
$diff-view-modes-color: grey;
$diff-view-modes-border: #c1c1c1;
Felipe Artur's avatar
Felipe Artur committed
328
$diff-jagged-border-gradient-color: darken($white-normal, 8%);
329

330 331 332
/*
 * Fonts
 */
333
$monospace_font: 'Menlo', 'DejaVu Sans Mono', 'Liberation Mono', 'Consolas', 'Ubuntu Mono', 'Courier New', 'andale mono', 'lucida console', monospace;
Eric Eastwood's avatar
Eric Eastwood committed
334
$regular_font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
Phil Hughes's avatar
Phil Hughes committed
335 336 337 338

/*
* Dropdowns
*/
339
$dropdown-width: 300px;
340 341
$dropdown-min-height: 40px;
$dropdown-max-height: 312px;
342
$dropdown-vertical-offset: 4px;
Phil Hughes's avatar
Phil Hughes committed
343
$dropdown-link-color: #555;
344
$dropdown-link-hover-bg: $row-hover;
345
$dropdown-empty-row-bg: rgba(#000, .04);
346
$dropdown-border-color: $border-color;
Phil Hughes's avatar
Phil Hughes committed
347 348
$dropdown-shadow-color: rgba(#000, .1);
$dropdown-divider-color: rgba(#000, .1);
349
$dropdown-title-btn-color: #bfbfbf;
350
$dropdown-input-color: #555;
Sam Rose's avatar
Sam Rose committed
351
$dropdown-input-fa-color: #c7c7c7;
352
$dropdown-input-focus-border: $focus-border-color;
353
$dropdown-input-focus-shadow: rgba($dropdown-input-focus-border, .4);
Phil Hughes's avatar
Phil Hughes committed
354
$dropdown-loading-bg: rgba(#fff, .6);
355
$dropdown-chevron-size: 10px;
356
$dropdown-toggle-active-border-color: darken($border-color, 14%);
357
$dropdown-item-hover-bg: $gray-darker;
358
$dropdown-fade-mask-height: 32px;
359

Clement Ho's avatar
Clement Ho committed
360 361 362
/*
* Filtered Search
*/
363
$filtered-search-term-shadow-color: rgba(0, 0, 0, 0.09);
364
$dropdown-hover-color: $blue-400;
Clement Ho's avatar
Clement Ho committed
365

366 367 368 369 370 371 372
/*
* Contextual Sidebar
*/
$link-active-background: rgba(0, 0, 0, .04);
$link-hover-background: rgba(0, 0, 0, .06);
$inactive-badge-background: rgba(0, 0, 0, .08);

Annabel Dunstone Gray's avatar
Annabel Dunstone Gray committed
373 374 375
/*
* Buttons
*/
Annabel Dunstone Gray's avatar
Annabel Dunstone Gray committed
376
$btn-active-gray: #ececec;
Sam Rose's avatar
Sam Rose committed
377
$btn-active-gray-light: e4e7ed;
378
$btn-white-active: #848484;
Annabel Dunstone Gray's avatar
Annabel Dunstone Gray committed
379

380 381 382
/*
* Badges
*/
383
$badge-bg: rgba(0, 0, 0, 0.07);
Taurie Davis's avatar
Taurie Davis committed
384
$badge-color: $gl-text-color-secondary;
385

386 387 388 389 390 391
/*
 *  Status icons
 */
$status-icon-size: 22px;
$status-icon-margin: $gl-btn-padding;

392 393 394
/*
 *  Award emoji
 */
395
$award-emoji-menu-shadow: rgba(0, 0, 0, .175);
396 397
$award-emoji-positive-add-bg: #fed159;
$award-emoji-positive-add-lines: #bb9c13;
Alfredo Sumaran's avatar
Alfredo Sumaran committed
398 399 400 401

/*
 * Search Box
 */
402
$search-input-border-color: rgba($blue-400, .8);
403
$search-input-focus-shadow-color: $dropdown-input-focus-shadow;
404
$search-input-width: 220px;
405
$location-badge-active-bg: $blue-500;
Alfredo Sumaran's avatar
Alfredo Sumaran committed
406
$location-icon-color: #e7e9ed;
Phil Hughes's avatar
Phil Hughes committed
407 408 409 410

/*
 *  Notes
 */
Taurie Davis's avatar
Taurie Davis committed
411
$notes-light-color: $gl-text-color-secondary;
Phil Hughes's avatar
Phil Hughes committed
412
$note-disabled-comment-color: #b2b2b2;
Sam Rose's avatar
Sam Rose committed
413 414 415
$note-targe3-outside: #fffff0;
$note-targe3-inside: #ffffd3;
$note-line2-border: #ddd;
416
$note-icon-gutter-width: 55px;
Sam Rose's avatar
Sam Rose committed
417 418 419 420 421

/*
* Zen
*/
$zen-control-color: #555;
Phil Hughes's avatar
Phil Hughes committed
422

Sam Rose's avatar
Sam Rose committed
423 424 425
/*
* Calendar
*/
Phil Hughes's avatar
Phil Hughes committed
426 427
$calendar-hover-bg: #ecf3fe;
$calendar-border-color: rgba(#000, .1);
Sam Rose's avatar
Sam Rose committed
428
$calendar-user-contrib-text: #959494;
Phil Hughes's avatar
Phil Hughes committed
429

430 431 432 433 434
/*
 *  Cycle Analytics
 */
$cycle-analytics-box-padding: 30px;
$cycle-analytics-box-text-color: #8c8c8c;
435
$cycle-analytics-big-font: 19px;
Taurie Davis's avatar
Taurie Davis committed
436
$cycle-analytics-dark-text: $gl-text-color;
437
$cycle-analytics-light-gray: #bfbfbf;
Sam Rose's avatar
Sam Rose committed
438
$cycle-analytics-dismiss-icon-color: #b2b2b2;
439

Sam Rose's avatar
Sam Rose committed
440 441 442 443
/*
* CI
*/
$ci-skipped-color: #888;
Phil Hughes's avatar
Phil Hughes committed
444

Sam Rose's avatar
Sam Rose committed
445 446 447
/*
* Boards
*/
448
$issue-boards-font-size: 14px;
Sam Rose's avatar
Sam Rose committed
449 450 451 452 453 454
$issue-boards-card-shadow: rgba(186, 186, 186, 0.5);

/*
* Avatar
*/
$avatar_radius: 50%;
455 456 457
$avatar-border: $gray-normal;
$avatar-border-hover: $gray-darker;
$avatar-background: $gray-lightest;
Sam Rose's avatar
Sam Rose committed
458 459
$gl-avatar-size: 40px;

Jeff Stubler's avatar
Jeff Stubler committed
460 461 462 463 464 465 466
/*
* Blame
*/
$blame-gray: #ededed;
$blame-cyan: #acd5f2;
$blame-blue: #254e77;

Sam Rose's avatar
Sam Rose committed
467 468 469 470 471 472 473 474
/*
* Builds
*/
$builds-trace-bg: #111;

/*
* Callout
*/
475 476
$callout-danger-bg: $red-100;
$callout-danger-border: $red-200;
477
$callout-danger-color: $red-700;
478 479
$callout-warning-bg: $orange-100;
$callout-warning-border: $orange-200;
480
$callout-warning-color: $orange-700;
481 482
$callout-info-bg: $blue-100;
$callout-info-border: $blue-200;
483
$callout-info-color: $blue-700;
484 485
$callout-success-bg: $green-100;
$callout-success-border: $green-200;
486
$callout-success-color: $green-700;
Sam Rose's avatar
Sam Rose committed
487 488 489 490

/*
* Commit Page
*/
491 492
$commit-max-width-marker-color: rgba(0, 0, 0, 0);
$commit-message-text-area-bg: rgba(0, 0, 0, 0);
Sam Rose's avatar
Sam Rose committed
493 494 495 496

/*
* Common
*/
Taurie Davis's avatar
Taurie Davis committed
497
$common-gray: $gl-text-color;
Sam Rose's avatar
Sam Rose committed
498 499 500 501 502 503 504 505
$common-gray-light: #bbb;
$common-gray-dark: #444;
$common-red: $gl-text-red;
$common-green: $gl-text-green;

/*
* Editor
*/
506
$editor-cancel-color: $red-600;
Sam Rose's avatar
Sam Rose committed
507 508 509 510 511 512 513 514 515 516 517 518 519 520 521 522 523 524 525 526 527 528

/*
* Events
*/
$events-pre-color: #777;
$events-note-icon-color: #777;
$events-body-border: #ddd;

/*
* Files
*/
$file-image-bg: #eee;
$blob-bg: #eee;
$blame-border: #eee;
$blame-line-numbers-border: #ddd;
$logs-bg: #eee;
$logs-li-color: #888;
$logs-p-color: #333;

/*
* Forms
*/
529
$input-height: 34px;
Sam Rose's avatar
Sam Rose committed
530
$input-danger-bg: #f2dede;
531
$input-danger-border: $red-400;
Sam Rose's avatar
Sam Rose committed
532 533
$input-group-addon-bg: #f7f8fa;
$gl-field-focus-shadow: rgba(0, 0, 0, 0.075);
534
$gl-field-focus-shadow-error: rgba($red-500, 0.6);
Sam Rose's avatar
Sam Rose committed
535 536 537 538 539 540 541 542 543 544 545 546 547 548

/*
* Help
*/
$document-index-color: #888;
$help-shortcut-color: #999;
$help-shortcut-mapping-color: #555;
$help-shortcut-header-color: #333;

/*
* Issues
*/
$issues-today-bg: #f3fff2;
$issues-today-border: #e1e8d5;
Bryce Johnson's avatar
Bryce Johnson committed
549
$compare-display-color: #888;
Sam Rose's avatar
Sam Rose committed
550 551 552 553 554 555 556 557 558 559

/*
* jQuery UI
*/
$jq-ui-border: #ddd;
$jq-ui-default-color: #777;

/*
* Label
*/
560
$label-padding: 7px;
561
$label-padding-modal: 10px;
Sam Rose's avatar
Sam Rose committed
562 563 564
$label-gray-bg: #f8fafc;
$label-inverse-bg: #333;
$label-remove-border: rgba(0, 0, 0, .1);
565
$label-border-radius: 100px;
Sam Rose's avatar
Sam Rose committed
566

567 568 569 570
/*
* Animation
*/
$fade-in-duration: 200ms;
571 572
$fade-mask-transition-duration: .1s;
$fade-mask-transition-curve: ease-in-out;
573

Sam Rose's avatar
Sam Rose committed
574 575 576
/*
* Lint
*/
577 578
$lint-incorrect-color: $red-500;
$lint-correct-color: $green-500;
Sam Rose's avatar
Sam Rose committed
579 580 581 582 583

/*
* Login
*/
$login-brand-holder-color: #888;
584
$login-devise-error-color: $red-700;
Sam Rose's avatar
Sam Rose committed
585 586 587 588 589 590 591 592 593 594 595 596 597

/*
* Nav
*/
$nav-link-gray: #959494;
$nav-badge-bg: #eee;
$nav-toggle-gray: #666;

/*
* Notify
*/
$notify-details: #777;
$notify-footer: #777;
598 599
$notify-new-file: $green-600;
$notify-deleted-file: $red-700;
Sam Rose's avatar
Sam Rose committed
600 601 602 603 604 605

/*
* Projects
*/
$project-option-descr-color: #54565b;
$project-breadcrumb-color: #999;
606
$project-private-forks-notice-odd: $green-600;
Sam Rose's avatar
Sam Rose committed
607 608
$project-network-controls-color: #888;

609 610 611 612 613
$feature-toggle-color: #fff;
$feature-toggle-text-color: #fff;
$feature-toggle-color-disabled: #999;
$feature-toggle-color-enabled: #4a8bee;

Sam Rose's avatar
Sam Rose committed
614 615 616
/*
* Runners
*/
617 618 619
$runner-state-shared-bg: $green-400;
$runner-state-specific-bg: $blue-400;
$runner-status-online-color: $green-600;
620
$runner-status-offline-color: $gray-darkest;
621
$runner-status-paused-color: $red-500;
Sam Rose's avatar
Sam Rose committed
622 623 624 625 626

/*
Stat Graph
*/
$stat-graph-common-bg: #f3f3f3;
627
$stat-graph-area-fill: $green-500;
Sam Rose's avatar
Sam Rose committed
628
$stat-graph-axis-fill: #aaa;
629
$stat-graph-orange-fill: $orange-500;
Sam Rose's avatar
Sam Rose committed
630 631 632 633 634 635 636 637 638 639 640 641 642
$stat-graph-selection-fill: #333;
$stat-graph-selection-stroke: #333;

/*
* Selects
*/
$select2-drop-shadow1: rgba(76, 86, 103, 0.247059);
$select2-drop-shadow2: rgba(31, 37, 50, 0.317647);


/*
* Todo
*/
643
$todo-alert-blue: $blue-500;
Sam Rose's avatar
Sam Rose committed
644 645 646 647 648 649 650 651 652 653 654
$todo-body-pre-color: #777;
$todo-body-border: #ddd;

/*
* Typography
*/
$kdb-bg: #fcfcfc;
$kdb-color: #555;
$kdb-border: #ccc;
$kdb-border-bottom: #bbb;
$kdb-shadow: #bbb;
655
$body-text-shadow: rgba(255, 255, 255, 0.01);
Sam Rose's avatar
Sam Rose committed
656 657 658 659 660 661

/*
* UI Dev Kit
*/
$ui-dev-kit-example-color: #bbb;
$ui-dev-kit-example-border: #ddd;
Filipa Lacerda's avatar
Filipa Lacerda committed
662 663 664 665

/*
Pipeline Graph
*/
666 667 668 669
$stage-hover-bg: $gray-darker;
$ci-action-icon-size: 22px;
$pipeline-dropdown-line-height: 20px;
$pipeline-dropdown-status-icon-size: 18px;
670

671
/*
672
CI variable lists
673
*/
674
$ci-variable-remove-button-width: calc(1em + #{2 * $gl-padding});
675 676


677 678 679 680 681 682 683 684
/*
Filtered Search
*/
$filter-name-resting-color: #f8f8f8;
$filter-name-text-color: rgba(0, 0, 0, 0.55);
$filter-value-text-color: rgba(0, 0, 0, 0.85);
$filter-name-selected-color: #ebebeb;
$filter-value-selected-color: #d7d7d7;
Nur Rony's avatar
Nur Rony committed
685 686 687 688 689

/*
Animation Functions
*/
$dropdown-animation-timing: cubic-bezier(0.23, 1, 0.32, 1);
690 691 692 693 694 695 696

/*
Convdev Index
*/
$color-high-score: $green-400;
$color-average-score: $orange-400;
$color-low-score: $red-400;
697 698 699 700 701 702 703

/*
Repo editor
*/
$repo-editor-grey: #f6f7f9;
$repo-editor-grey-darker: #e9ebee;
$repo-editor-linear-gradient: linear-gradient(to right, $repo-editor-grey 0%, $repo-editor-grey-darker, 20%, $repo-editor-grey 40%, $repo-editor-grey 100%);
704

705 706 707 708 709 710 711 712 713 714 715
/*
Performance Bar
*/
$perf-bar-text: #999;
$perf-bar-production: #222;
$perf-bar-staging: #291430;
$perf-bar-development: #4c1210;
$perf-bar-bucket-bg: #111;
$perf-bar-bucket-color: #ccc;
$perf-bar-bucket-box-shadow-from: rgba($white-light, .2);
$perf-bar-bucket-box-shadow-to: rgba($black, .25);
716

Luke Bennett's avatar
Luke Bennett committed
717 718 719 720
/*
Issuable warning
*/
$issuable-warning-size: 24px;
Luke Bennett's avatar
Luke Bennett committed
721
$issuable-warning-icon-margin: 4px;
Felipe Artur's avatar
Felipe Artur committed
722 723 724 725 726

/*
Image Commenting cursor
*/
$image-comment-cursor-left-offset: 12;
727
$image-comment-cursor-top-offset: 12;
Luke Bennett's avatar
Luke Bennett committed
728 729 730 731 732 733 734

/*
Popup
*/
$popup-triangle-size: 15px;
$popup-triangle-border-size: 1px;
$popup-box-shadow-color: rgba(90, 90, 90, 0.05);
735 736 737 738 739

/*
Multi file editor
*/
$border-color-settings: #e1e1e1;
740 741 742 743 744

/*
Modals
*/
$modal-body-height: 134px;