variables.scss 14.5 KB
Newer Older
Dmytro Zaporozhets's avatar
Dmytro Zaporozhets committed
1 2 3
/*
 * Layout
 */
4
$grid-size: 8px;
5 6 7
$gutter-collapsed-width: 62px;
$gutter-width: 290px;
$gutter-inner-width: 250px;
8
$sidebar-transition-duration: 0.3s;
9
$sidebar-breakpoint: 1024px;
10
$default-transition-duration: 0.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
$theme-gray-50: #fafafa;
$theme-gray-100: #f2f2f2;
$theme-gray-200: #dfdfdf;
$theme-gray-300: #cccccc;
$theme-gray-400: #bababa;
$theme-gray-500: #a7a7a7;
102
$theme-gray-600: #919191;
103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119
$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;

120 121 122 123 124 125 126 127 128
$theme-light-blue-50: #f2f7fc;
$theme-light-blue-100: #ebf1f7;
$theme-light-blue-200: #c9dcf2;
$theme-light-blue-300: #83abd4;
$theme-light-blue-400: #4d86bf;
$theme-light-blue-500: #367cc2;
$theme-light-blue-600: #3771ab;
$theme-light-blue-700: #2261a1;

129 130 131 132 133 134 135 136 137 138 139 140
$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;

141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163
$theme-light-green-700: #156b39;

$theme-red-50: #fcf4f2;
$theme-red-100: #fae9e6;
$theme-red-200: #ebcac5;
$theme-red-300: #d99b91;
$theme-red-400: #b0655a;
$theme-red-500: #ad4a3b;
$theme-red-600: #9e4133;
$theme-red-700: #912f20;
$theme-red-800: #78291d;
$theme-red-900: #691a16;
$theme-red-950: #36140f;

$theme-light-red-50: #fff6f5;
$theme-light-red-100: #fae2de;
$theme-light-red-200: #f7d5d0;
$theme-light-red-300: #d9796a;
$theme-light-red-400: #cf604e;
$theme-light-red-500: #c24b38;
$theme-light-red-600: #b03927;
$theme-light-red-700: #a62e21;

164 165
$black: #000;
$black-transparent: rgba(0, 0, 0, 0.3);
Jacob Schatz's avatar
Jacob Schatz committed
166
$almost-black: #242424;
167

168 169
$border-white-light: darken($white-light, $darken-border-factor);
$border-white-normal: darken($white-normal, $darken-border-factor);
170

171
$border-gray-light: darken($gray-light, $darken-border-factor);
172
$border-gray-normal: darken($gray-normal, $darken-border-factor);
173
$border-gray-normal-dashed: darken($gray-normal, $darken-border-dashed-factor);
174
$border-gray-dark: darken($white-normal, $darken-border-factor);
175

Dmytro Zaporozhets's avatar
Dmytro Zaporozhets committed
176 177 178
/*
 * UI elements
 */
179
$border-color: #e5e5e5;
180 181
$well-expand-item: #e8f2f7;
$well-inner-border: #eef0f2;
Sam Rose's avatar
Sam Rose committed
182 183
$well-light-border: #f1f1f1;
$well-light-text-color: #5b6169;
Dmytro Zaporozhets's avatar
Dmytro Zaporozhets committed
184 185 186 187

/*
 * Text
 */
188
$gl-font-size: 14px;
189 190
$gl-font-weight-normal: 400;
$gl-font-weight-bold: 600;
191 192
$gl-text-color: #2e2e2e;
$gl-text-color-secondary: #707070;
193
$gl-text-color-tertiary: #919191;
194
$gl-text-color-quaternary: #d6d6d6;
195
$gl-text-color-inverted: rgba(255, 255, 255, 1);
196
$gl-text-color-secondary-inverted: rgba(255, 255, 255, 0.85);
197
$gl-text-color-disabled: #919191;
198 199
$gl-grayish-blue: #7f8fa4;
$gl-gray-dark: #313236;
Fatih Acet's avatar
Fatih Acet committed
200
$gl-gray-light: #5c5c5c;
201
$gl-header-color: #4c4e54;
Dmytro Zaporozhets's avatar
Dmytro Zaporozhets committed
202 203 204 205

/*
 * Lists
 */
Sam Rose's avatar
Sam Rose committed
206
$list-border: rgba(0, 0, 0, 0.05);
207 208
$list-text-height: 42px;

209 210 211
/*
 * Markdown
 */
Sam Rose's avatar
Sam Rose committed
212
$md-area-border: #ddd;
Dmytro Zaporozhets's avatar
Dmytro Zaporozhets committed
213 214 215 216

/*
 * Code
 */
217 218
$code-font-size: 90%;
$code-line-height: 1.6;
Dmytro Zaporozhets's avatar
Dmytro Zaporozhets committed
219

220 221 222 223 224
/*
 * Tooltips
 */
$tooltip-font-size: 12px;

Dmytro Zaporozhets's avatar
Dmytro Zaporozhets committed
225 226 227
/*
 * Padding
 */
228
$gl-padding-4: 4px;
229 230 231 232
$gl-padding-8: 8px;
$gl-padding: 16px;
$gl-padding-24: 24px;
$gl-padding-32: 32px;
233
$gl-col-padding: 15px;
234
$gl-input-padding: 10px;
235
$gl-vert-padding: 6px;
236
$gl-padding-top: 10px;
237
$gl-sidebar-padding: 22px;
238
$gl-bar-padding: 3px;
Dmytro Zaporozhets's avatar
Dmytro Zaporozhets committed
239 240 241 242 243

/*
 * Misc
 */
$progress-color: #c0392b;
244
$header-height: 40px;
245
$ide-statusbar-height: 25px;
Dmytro Zaporozhets's avatar
Dmytro Zaporozhets committed
246
$fixed-layout-width: 1280px;
247
$limited-layout-width: 990px;
248
$container-text-max-width: 540px;
249
$gl-avatar-size: 40px;
250
$border-radius-default: 4px;
251
$border-radius-small: 2px;
252
$settings-icon-size: 18px;
253
$layout-link-gray: #7e7c7c;
254 255
$btn-side-margin: 10px;
$btn-sm-side-margin: 7px;
256
$btn-margin-5: 5px;
257
$sidebar-block-hover-color: #ebebeb;
Sam Rose's avatar
Sam Rose committed
258 259 260 261 262 263 264 265
$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;
266
$general-hover-transition-duration: 100ms;
267
$general-hover-transition-curve: linear;
268
$highlight-changes-color: rgb(235, 255, 232);
269
$performance-bar-height: 35px;
Tim Zallmann's avatar
Tim Zallmann committed
270 271
$flash-height: 52px;
$context-header-height: 60px;
272
$breadcrumb-min-height: 48px;
273

Sam Rose's avatar
Sam Rose committed
274 275 276 277 278 279 280
/*
* Common component specific colors
*/
$hint-color: #999;
$well-pre-color: #555;
$loading-color: #555;
$update-author-color: #999;
281 282
$user-mention-bg: rgba($blue-500, 0.044);
$user-mention-bg-hover: rgba($blue-500, 0.15);
Sam Rose's avatar
Sam Rose committed
283 284 285 286 287 288 289 290
$time-color: #999;
$project-member-show-color: #aaa;
$gl-promo-color: #aaa;
$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
291

292 293 294 295 296
/* tanuki logo colors */
$tanuki-red: #e24329;
$tanuki-orange: #fc6d26;
$tanuki-yellow: #fca326;

297
/*
298
 * State colors:
299
 */
300
$green-500-focus: rgba($green-500, 0.4);
Annabel Dunstone Gray's avatar
Annabel Dunstone Gray committed
301 302
$gl-btn-active-background: rgba(0, 0, 0, 0.16);
$gl-btn-active-gradient: inset 0 2px 3px $gl-btn-active-background;
303

304
/*
305 306
 * Commit Diff Colors
 */
307 308 309 310 311 312 313 314 315 316 317 318
$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
319 320 321
$dark-diff-match-bg: rgba(255, 255, 255, 0.3);
$dark-diff-match-color: rgba(255, 255, 255, 0.1);
$file-mode-changed: #777;
322
$diff-image-info-color: gray;
Sam Rose's avatar
Sam Rose committed
323
$diff-swipe-border: #999;
324
$diff-view-modes-color: gray;
Sam Rose's avatar
Sam Rose committed
325
$diff-view-modes-border: #c1c1c1;
Felipe Artur's avatar
Felipe Artur committed
326
$diff-jagged-border-gradient-color: darken($white-normal, 8%);
327

328 329 330
/*
 * Fonts
 */
331
$monospace-font: 'Menlo', 'DejaVu Sans Mono', 'Liberation Mono', 'Consolas', 'Ubuntu Mono',
332
  'Courier New', 'andale mono', 'lucida console', monospace;
333
$regular-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell,
334
  'Helvetica Neue', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
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 345 346
$dropdown-empty-row-bg: rgba(#000, 0.04);
$dropdown-shadow-color: rgba(#000, 0.1);
$dropdown-divider-color: rgba(#000, 0.1);
347
$dropdown-title-btn-color: #bfbfbf;
348
$dropdown-input-color: #555;
Sam Rose's avatar
Sam Rose committed
349
$dropdown-input-fa-color: #c7c7c7;
350
$dropdown-input-focus-shadow: rgba($blue-300, 0.4);
351
$dropdown-loading-bg: rgba(#fff, 0.6);
352
$dropdown-chevron-size: 10px;
353
$dropdown-toggle-active-border-color: darken($border-color, 14%);
354
$dropdown-fade-mask-height: 32px;
355
$dropdown-member-form-control-width: 163px;
356

Clement Ho's avatar
Clement Ho committed
357 358 359
/*
* Filtered Search
*/
360
$filtered-search-term-shadow-color: rgba(0, 0, 0, 0.09);
Clement Ho's avatar
Clement Ho committed
361

362 363 364
/*
* Contextual Sidebar
*/
365 366 367
$link-active-background: rgba(0, 0, 0, 0.04);
$link-hover-background: rgba(0, 0, 0, 0.06);
$inactive-badge-background: rgba(0, 0, 0, 0.08);
368 369
$sidebar-toggle-height: 60px;
$sidebar-milestone-toggle-bottom-margin: 10px;
370

Annabel Dunstone Gray's avatar
Annabel Dunstone Gray committed
371 372 373
/*
* Buttons
*/
Annabel Dunstone Gray's avatar
Annabel Dunstone Gray committed
374
$btn-active-gray: #ececec;
375
$btn-active-gray-light: #e4e7ed;
376
$btn-white-active: #848484;
377 378 379 380
$gl-btn-padding: 10px;
$gl-btn-line-height: 16px;
$gl-btn-vert-padding: 8px;
$gl-btn-horz-padding: 12px;
Annabel Dunstone Gray's avatar
Annabel Dunstone Gray committed
381

382 383 384
/*
* Badges
*/
385
$badge-bg: rgba(0, 0, 0, 0.07);
386

387 388 389 390 391 392 393 394
/*
* Pagination
*/
$pagination-padding-y: 6px;
$pagination-padding-x: 16px;
$pagination-line-height: 20px;
$pagination-disabled-color: #cdcdcd;

395 396 397 398 399
/*
 *  Status icons
 */
$status-icon-size: 22px;

400 401 402
/*
 *  Award emoji
 */
403
$award-emoji-menu-shadow: rgba(0, 0, 0, 0.175);
404 405
$award-emoji-positive-add-bg: #fed159;
$award-emoji-positive-add-lines: #bb9c13;
Alfredo Sumaran's avatar
Alfredo Sumaran committed
406 407 408 409

/*
 * Search Box
 */
410
$search-input-border-color: rgba($blue-400, 0.8);
411 412
$search-input-width: 240px;
$search-input-active-width: 320px;
Alfredo Sumaran's avatar
Alfredo Sumaran committed
413
$location-icon-color: #e7e9ed;
Phil Hughes's avatar
Phil Hughes committed
414 415 416 417

/*
 *  Notes
 */
Phil Hughes's avatar
Phil Hughes committed
418
$note-disabled-comment-color: #b2b2b2;
Sam Rose's avatar
Sam Rose committed
419 420 421
$note-targe3-outside: #fffff0;
$note-targe3-inside: #ffffd3;
$note-line2-border: #ddd;
422
$note-icon-gutter-width: 55px;
Sam Rose's avatar
Sam Rose committed
423 424 425 426 427

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

429 430 431 432 433 434 435 436 437 438 439
/*
* Identicon
*/
$identicon-red: #ffebee;
$identicon-purple: #f3e5f5;
$identicon-indigo: #e8eaf6;
$identicon-blue: #e3f2fd;
$identicon-teal: #e0f2f1;
$identicon-orange: #fbe9e7;
$identicon-fg-color: #555555;

Sam Rose's avatar
Sam Rose committed
440 441 442
/*
* Calendar
*/
Phil Hughes's avatar
Phil Hughes committed
443
$calendar-hover-bg: #ecf3fe;
444
$calendar-border-color: rgba(#000, 0.1);
Sam Rose's avatar
Sam Rose committed
445
$calendar-user-contrib-text: #959494;
Phil Hughes's avatar
Phil Hughes committed
446

447 448 449 450 451
/*
 *  Cycle Analytics
 */
$cycle-analytics-box-padding: 30px;
$cycle-analytics-box-text-color: #8c8c8c;
452 453
$cycle-analytics-big-font: 19px;
$cycle-analytics-light-gray: #bfbfbf;
Sam Rose's avatar
Sam Rose committed
454
$cycle-analytics-dismiss-icon-color: #b2b2b2;
455

Sam Rose's avatar
Sam Rose committed
456 457 458 459
/*
* CI
*/
$ci-skipped-color: #888;
Phil Hughes's avatar
Phil Hughes committed
460

Sam Rose's avatar
Sam Rose committed
461 462 463
/*
* Boards
*/
464
$issue-boards-font-size: 14px;
Sam Rose's avatar
Sam Rose committed
465
$issue-boards-card-shadow: rgba(186, 186, 186, 0.5);
466 467 468 469 470 471
/*
 The following heights are used in boards.scss and are used for calculation of the board height.
 They probably should be derived in a smarter way.
*/
$issue-boards-filter-height: 68px;
$issue-boards-breadcrumbs-height-xs: 63px;
472
$issue-board-list-difference-xs: $header-height + $issue-boards-breadcrumbs-height-xs;
473
$issue-board-list-difference-sm: $header-height + $breadcrumb-min-height;
474
$issue-board-list-difference-md: $issue-board-list-difference-sm + $issue-boards-filter-height;
Sam Rose's avatar
Sam Rose committed
475 476 477 478

/*
* Avatar
*/
479
$avatar-radius: 50%;
Sam Rose's avatar
Sam Rose committed
480 481
$gl-avatar-size: 40px;

Jeff Stubler's avatar
Jeff Stubler committed
482 483 484 485 486 487 488
/*
* Blame
*/
$blame-gray: #ededed;
$blame-cyan: #acd5f2;
$blame-blue: #254e77;

Sam Rose's avatar
Sam Rose committed
489 490 491 492 493 494 495 496
/*
* Builds
*/
$builds-trace-bg: #111;

/*
* Commit Page
*/
497 498
$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
499 500 501 502 503 504 505 506 507 508 509 510 511 512 513 514 515 516 517 518 519 520 521 522

/*
* Common
*/
$common-gray-light: #bbb;
$common-gray-dark: #444;

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

/*
* Files
*/
$blame-line-numbers-border: #ddd;
$logs-li-color: #888;
$logs-p-color: #333;

/*
* Forms
*/
523
$input-height: 34px;
Sam Rose's avatar
Sam Rose committed
524 525 526
$input-danger-bg: #f2dede;
$input-group-addon-bg: #f7f8fa;
$gl-field-focus-shadow: rgba(0, 0, 0, 0.075);
527
$gl-field-focus-shadow-error: rgba($red-500, 0.6);
528 529
$input-short-width: 200px;
$input-short-md-width: 280px;
Sam Rose's avatar
Sam Rose committed
530 531 532 533 534 535 536 537 538 539 540 541 542 543

/*
* 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
544
$compare-display-color: #888;
Sam Rose's avatar
Sam Rose committed
545 546 547 548 549 550 551 552 553 554

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

/*
* Label
*/
555
$label-font-size: 12px;
556
$label-padding: 7px;
557
$label-padding-modal: 10px;
Sam Rose's avatar
Sam Rose committed
558 559
$label-gray-bg: #f8fafc;
$label-inverse-bg: #333;
560
$label-remove-border: rgba(0, 0, 0, 0.1);
561
$label-border-radius: 100px;
Sam Rose's avatar
Sam Rose committed
562

563 564 565 566
/*
* Animation
*/
$fade-in-duration: 200ms;
567
$fade-mask-transition-duration: 0.1s;
568
$fade-mask-transition-curve: ease-in-out;
569

Sam Rose's avatar
Sam Rose committed
570 571 572 573 574 575 576 577 578 579 580 581 582 583 584 585 586 587 588 589 590 591 592 593
/*
* Login
*/
$login-brand-holder-color: #888;

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

/*
* Notify
*/
$notify-details: #777;
$notify-footer: #777;

/*
* Projects
*/
$project-option-descr-color: #54565b;
$project-breadcrumb-color: #999;
$project-network-controls-color: #888;

594 595 596 597 598
$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
599 600 601 602 603 604 605 606 607 608 609 610 611 612 613 614 615 616 617 618 619 620 621 622 623 624 625 626
/*
Stat Graph
*/
$stat-graph-common-bg: #f3f3f3;
$stat-graph-axis-fill: #aaa;
$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
*/
$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;
627
$body-text-shadow: rgba(255, 255, 255, 0.01);
Sam Rose's avatar
Sam Rose committed
628 629 630 631 632 633

/*
* UI Dev Kit
*/
$ui-dev-kit-example-color: #bbb;
$ui-dev-kit-example-border: #ddd;
Filipa Lacerda's avatar
Filipa Lacerda committed
634 635 636 637

/*
Pipeline Graph
*/
638
$ci-action-icon-size: 22px;
639
$ci-action-icon-size-lg: 24px;
640 641
$pipeline-dropdown-line-height: 20px;
$pipeline-dropdown-status-icon-size: 18px;
642 643
$ci-action-dropdown-button-size: 24px;
$ci-action-dropdown-svg-size: 12px;
644

645
/*
646
CI variable lists
647
*/
648
$ci-variable-remove-button-width: calc(1em + #{2 * $gl-padding});
649

650 651 652 653 654 655 656 657
/*
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
658 659 660 661 662

/*
Animation Functions
*/
$dropdown-animation-timing: cubic-bezier(0.23, 1, 0.32, 1);
663

664 665 666 667 668 669 670 671 672
/*
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;
673 674
$perf-bar-bucket-box-shadow-from: rgba($white-light, 0.2);
$perf-bar-bucket-box-shadow-to: rgba($black, 0.25);
675

Luke Bennett's avatar
Luke Bennett committed
676 677 678 679
/*
Issuable warning
*/
$issuable-warning-size: 24px;
Luke Bennett's avatar
Luke Bennett committed
680
$issuable-warning-icon-margin: 4px;
Felipe Artur's avatar
Felipe Artur committed
681 682 683 684 685

/*
Image Commenting cursor
*/
$image-comment-cursor-left-offset: 12;
686
$image-comment-cursor-top-offset: 12;
Luke Bennett's avatar
Luke Bennett committed
687 688 689 690 691 692 693

/*
Popup
*/
$popup-triangle-size: 15px;
$popup-triangle-border-size: 1px;
$popup-box-shadow-color: rgba(90, 90, 90, 0.05);
694 695 696 697 698

/*
Multi file editor
*/
$border-color-settings: #e1e1e1;
699 700 701 702 703

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

Luke Bennett's avatar
Luke Bennett committed
705

Luke Bennett's avatar
Luke Bennett committed
706
$priority-label-empty-state-width: 114px;