variables.scss 14.6 KB
Newer Older
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
1 2 3 4 5
/*
 * Layout
 */
$gutter_collapsed_width: 62px;
$gutter_width: 290px;
6
$gutter_inner_width: 250px;
7
$sidebar-transition-duration: .15s;
8
$sidebar-breakpoint: 1024px;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
9

10 11 12
/*
 * Color schema
 */
13
$darken-normal-factor: 7%;
14 15
$darken-dark-factor: 10%;
$darken-border-factor: 5%;
16
$darken-border-dashed-factor: 25%;
17

18
$white-light: #fff;
19 20
$white-normal: #f0f0f0;
$white-dark: #eaeaea;
21

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

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

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

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

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

78 79
// GitLab themes

80 81 82 83 84 85 86 87 88 89 90
$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
91

92 93 94 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
$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;


129 130
$black: #000;
$black-transparent: rgba(0, 0, 0, 0.3);
Jacob Schatz's avatar
Jacob Schatz committed
131
$almost-black: #242424;
132

133 134
$border-white-light: darken($white-light, $darken-border-factor);
$border-white-normal: darken($white-normal, $darken-border-factor);
135

136
$border-gray-light: darken($gray-light, $darken-border-factor);
137
$border-gray-normal: darken($gray-normal, $darken-border-factor);
138
$border-gray-normal-dashed: darken($gray-normal, $darken-border-dashed-factor);
139
$border-gray-dark: darken($white-normal, $darken-border-factor);
140

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

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

/*
 * Lists
 */
180
$list-font-size: $gl-font-size;
tauriedavis's avatar
tauriedavis committed
181
$list-title-color: $gl-text-color;
182
$list-text-color: $gl-text-color;
183
$list-text-disabled-color: $gl-text-color-tertiary;
Sam Rose's avatar
Sam Rose committed
184 185
$list-border-light: #eee;
$list-border: rgba(0, 0, 0, 0.05);
186
$list-text-height: 42px;
187 188
$list-warning-row-bg: $orange-100;
$list-warning-row-border: $orange-200;
189
$list-warning-row-color: $orange-700;
190

Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
191 192 193
/*
 * Markdown
 */
194
$md-link-color: $gl-link-color;
Sam Rose's avatar
Sam Rose committed
195
$md-area-border: #ddd;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
196 197 198 199

/*
 * Code
 */
200
$code_font_size: 12px;
201
$code_line_height: 1.6;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
202 203 204 205

/*
 * Padding
 */
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
206
$gl-padding: 16px;
207
$gl-col-padding: 15px;
208
$gl-btn-padding: 10px;
209
$gl-input-padding: 10px;
210
$gl-vert-padding: 6px;
211
$gl-padding-top: 10px;
212
$gl-sidebar-padding: 22px;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
213 214 215 216

/*
 * Misc
 */
217 218
$row-hover: $blue-50;
$row-hover-border: $blue-200;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
219
$progress-color: #c0392b;
220
$header-height: 50px;
Annabel Dunstone Gray's avatar
Annabel Dunstone Gray committed
221
$new-navbar-height: 40px;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
222
$fixed-layout-width: 1280px;
223
$limited-layout-width: 990px;
224
$limited-layout-width-sm: 790px;
225
$container-text-max-width: 540px;
226
$gl-avatar-size: 40px;
227
$error-exclamation-point: $red-500;
Annabel Dunstone Gray's avatar
Annabel Dunstone Gray committed
228
$border-radius-default: 4px;
Phil Hughes's avatar
Phil Hughes committed
229
$settings-icon-size: 18px;
230 231 232
$provider-btn-not-active-color: $blue-500;
$link-underline-blue: $blue-500;
$active-item-blue: $blue-500;
233
$layout-link-gray: #7e7c7c;
234 235
$btn-side-margin: 10px;
$btn-sm-side-margin: 7px;
236
$btn-xs-side-margin: 5px;
237
$issue-status-expired: $orange-500;
tauriedavis's avatar
tauriedavis committed
238
$issuable-sidebar-color: $gl-text-color-secondary;
Sam Rose's avatar
Sam Rose committed
239 240 241 242 243 244 245 246 247 248 249
$show-aside-bg: #eee;
$show-aside-color: #777;
$show-aside-shadow: #ddd;
$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;
250
$general-hover-transition-duration: 100ms;
251
$general-hover-transition-curve: linear;
252
$highlight-changes-color: rgb(235, 255, 232);
253
$performance-bar-height: 35px;
254

Sam Rose's avatar
Sam Rose committed
255 256 257 258 259 260 261 262 263 264 265 266
/*
* Common component specific colors
*/
$hint-color: #999;
$well-pre-bg: #eee;
$well-pre-color: #555;
$loading-color: #555;
$update-author-color: #999;
$user-mention-color: #2fa0bb;
$time-color: #999;
$project-member-show-color: #aaa;
$gl-promo-color: #aaa;
267
$error-bg: $red-400;
268 269
$warning-message-bg: $orange-100;
$warning-message-border: $orange-200;
270
$warning-message-color: $orange-700;
Sam Rose's avatar
Sam Rose committed
271 272 273 274 275
$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
276

277 278 279 280 281
/* tanuki logo colors */
$tanuki-red: #e24329;
$tanuki-orange: #fc6d26;
$tanuki-yellow: #fca326;

282
/*
283
 * State colors:
284
 */
285 286
$gl-primary: $blue-500;
$gl-success: $green-500;
Phil Hughes's avatar
Phil Hughes committed
287
$gl-success-focus: rgba($gl-success, .4);
288 289 290
$gl-info: $blue-500;
$gl-warning: $orange-500;
$gl-danger: $red-500;
Annabel Dunstone's avatar
Annabel Dunstone committed
291 292
$gl-btn-active-background: rgba(0, 0, 0, 0.16);
$gl-btn-active-gradient: inset 0 2px 3px $gl-btn-active-background;
293

294
/*
295 296
 * Commit Diff Colors
 */
297 298 299 300 301 302 303 304 305 306 307 308
$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
309 310 311 312 313 314 315 316
$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;
317

318 319 320
/*
 * Fonts
 */
321
$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
322
$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
323 324 325 326

/*
* Dropdowns
*/
327
$dropdown-width: 300px;
Phil Hughes's avatar
Phil Hughes committed
328
$dropdown-link-color: #555;
329
$dropdown-link-hover-bg: $row-hover;
330
$dropdown-empty-row-bg: rgba(#000, .04);
331
$dropdown-border-color: $border-color;
Phil Hughes's avatar
Phil Hughes committed
332 333
$dropdown-shadow-color: rgba(#000, .1);
$dropdown-divider-color: rgba(#000, .1);
334
$dropdown-title-btn-color: #bfbfbf;
335
$dropdown-input-color: #555;
Sam Rose's avatar
Sam Rose committed
336
$dropdown-input-fa-color: #c7c7c7;
337
$dropdown-input-focus-border: $focus-border-color;
338
$dropdown-input-focus-shadow: rgba($dropdown-input-focus-border, .4);
Phil Hughes's avatar
Phil Hughes committed
339
$dropdown-loading-bg: rgba(#fff, .6);
340
$dropdown-chevron-size: 10px;
341
$dropdown-toggle-active-border-color: darken($border-color, 14%);
342
$dropdown-item-hover-bg: $gray-darker;
Phil Hughes's avatar
Phil Hughes committed
343

Clement Ho's avatar
Clement Ho committed
344 345 346
/*
* Filtered Search
*/
347
$filtered-search-term-shadow-color: rgba(0, 0, 0, 0.09);
348
$dropdown-hover-color: $blue-400;
Clement Ho's avatar
Clement Ho committed
349

Annabel Dunstone's avatar
Annabel Dunstone committed
350 351 352
/*
* Buttons
*/
Annabel Dunstone's avatar
Annabel Dunstone committed
353
$btn-active-gray: #ececec;
Sam Rose's avatar
Sam Rose committed
354
$btn-active-gray-light: e4e7ed;
355
$btn-white-active: #848484;
Annabel Dunstone's avatar
Annabel Dunstone committed
356

357 358 359
/*
* Badges
*/
360
$badge-bg: rgba(0, 0, 0, 0.07);
tauriedavis's avatar
tauriedavis committed
361
$badge-color: $gl-text-color-secondary;
362

Simon Knox's avatar
Simon Knox committed
363 364 365 366 367 368
/*
 *  Status icons
 */
$status-icon-size: 22px;
$status-icon-margin: $gl-btn-padding;

Phil Hughes's avatar
Phil Hughes committed
369 370 371
/*
 *  Award emoji
 */
372
$award-emoji-menu-shadow: rgba(0, 0, 0, .175);
373 374
$award-emoji-positive-add-bg: #fed159;
$award-emoji-positive-add-lines: #bb9c13;
Alfredo Sumaran's avatar
Alfredo Sumaran committed
375 376 377 378

/*
 * Search Box
 */
379
$search-input-border-color: rgba($blue-400, .8);
380
$search-input-focus-shadow-color: $dropdown-input-focus-shadow;
381
$search-input-width: 220px;
382
$location-badge-active-bg: $blue-500;
Alfredo Sumaran's avatar
Alfredo Sumaran committed
383
$location-icon-color: #e7e9ed;
Phil Hughes's avatar
Phil Hughes committed
384 385 386 387

/*
 *  Notes
 */
tauriedavis's avatar
tauriedavis committed
388 389
$notes-light-color: $gl-text-color-secondary;
$notes-role-color: $gl-text-color-secondary;
Phil Hughes's avatar
Phil Hughes committed
390
$note-disabled-comment-color: #b2b2b2;
Sam Rose's avatar
Sam Rose committed
391 392 393
$note-targe3-outside: #fffff0;
$note-targe3-inside: #ffffd3;
$note-line2-border: #ddd;
394
$note-icon-gutter-width: 55px;
Sam Rose's avatar
Sam Rose committed
395

Phil Hughes's avatar
Phil Hughes committed
396

Sam Rose's avatar
Sam Rose committed
397 398 399 400
/*
* Zen
*/
$zen-control-color: #555;
Phil Hughes's avatar
Phil Hughes committed
401

Sam Rose's avatar
Sam Rose committed
402 403 404
/*
* Calendar
*/
Phil Hughes's avatar
Phil Hughes committed
405 406
$calendar-hover-bg: #ecf3fe;
$calendar-border-color: rgba(#000, .1);
Sam Rose's avatar
Sam Rose committed
407
$calendar-user-contrib-text: #959494;
Phil Hughes's avatar
Phil Hughes committed
408

409 410 411 412 413
/*
 *  Cycle Analytics
 */
$cycle-analytics-box-padding: 30px;
$cycle-analytics-box-text-color: #8c8c8c;
414
$cycle-analytics-big-font: 19px;
tauriedavis's avatar
tauriedavis committed
415
$cycle-analytics-dark-text: $gl-text-color;
416
$cycle-analytics-light-gray: #bfbfbf;
Sam Rose's avatar
Sam Rose committed
417
$cycle-analytics-dismiss-icon-color: #b2b2b2;
418

Sam Rose's avatar
Sam Rose committed
419 420 421 422
/*
* CI
*/
$ci-skipped-color: #888;
Phil Hughes's avatar
Phil Hughes committed
423

Sam Rose's avatar
Sam Rose committed
424 425 426
/*
* Boards
*/
427
$issue-boards-font-size: 14px;
Sam Rose's avatar
Sam Rose committed
428 429 430 431 432 433
$issue-boards-card-shadow: rgba(186, 186, 186, 0.5);

/*
* Avatar
*/
$avatar_radius: 50%;
434 435 436
$avatar-border: $gray-normal;
$avatar-border-hover: $gray-darker;
$avatar-background: $gray-lightest;
Sam Rose's avatar
Sam Rose committed
437 438
$gl-avatar-size: 40px;

Jeff Stubler's avatar
Jeff Stubler committed
439 440 441 442 443 444 445
/*
* Blame
*/
$blame-gray: #ededed;
$blame-cyan: #acd5f2;
$blame-blue: #254e77;

Sam Rose's avatar
Sam Rose committed
446 447 448 449 450 451 452 453
/*
* Builds
*/
$builds-trace-bg: #111;

/*
* Callout
*/
454 455
$callout-danger-bg: $red-100;
$callout-danger-border: $red-200;
456
$callout-danger-color: $red-700;
457 458
$callout-warning-bg: $orange-100;
$callout-warning-border: $orange-200;
459
$callout-warning-color: $orange-700;
460 461
$callout-info-bg: $blue-100;
$callout-info-border: $blue-200;
462
$callout-info-color: $blue-700;
463 464
$callout-success-bg: $green-100;
$callout-success-border: $green-200;
465
$callout-success-color: $green-700;
Sam Rose's avatar
Sam Rose committed
466 467 468 469 470 471 472 473 474 475

/*
* Commit Page
*/
$commit-max-width-marker-color: rgba(0, 0, 0, 0.0);
$commit-message-text-area-bg: rgba(0, 0, 0, 0.0);

/*
* Common
*/
tauriedavis's avatar
tauriedavis committed
476
$common-gray: $gl-text-color;
Sam Rose's avatar
Sam Rose committed
477 478 479 480 481 482 483 484
$common-gray-light: #bbb;
$common-gray-dark: #444;
$common-red: $gl-text-red;
$common-green: $gl-text-green;

/*
* Editor
*/
485
$editor-cancel-color: $red-600;
Sam Rose's avatar
Sam Rose committed
486 487 488 489 490 491 492 493 494 495 496 497 498 499 500 501 502 503 504 505 506 507

/*
* 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
*/
508
$input-height: 34px;
Sam Rose's avatar
Sam Rose committed
509
$input-danger-bg: #f2dede;
510
$input-danger-border: $red-400;
Sam Rose's avatar
Sam Rose committed
511 512
$input-group-addon-bg: #f7f8fa;
$gl-field-focus-shadow: rgba(0, 0, 0, 0.075);
513
$gl-field-focus-shadow-error: rgba($red-500, 0.6);
Sam Rose's avatar
Sam Rose committed
514 515 516 517 518 519 520 521 522 523 524 525 526 527

/*
* 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
528
$compare-display-color: #888;
Sam Rose's avatar
Sam Rose committed
529 530 531 532 533 534 535 536 537 538 539 540 541

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

/*
* Label
*/
$label-gray-bg: #f8fafc;
$label-inverse-bg: #333;
$label-remove-border: rgba(0, 0, 0, .1);
542
$label-border-radius: 100px;
Sam Rose's avatar
Sam Rose committed
543

544 545 546 547 548
/*
* Animation
*/
$fade-in-duration: 200ms;

Sam Rose's avatar
Sam Rose committed
549 550 551
/*
* Lint
*/
552 553
$lint-incorrect-color: $red-500;
$lint-correct-color: $green-500;
Sam Rose's avatar
Sam Rose committed
554 555 556 557 558

/*
* Login
*/
$login-brand-holder-color: #888;
559
$login-devise-error-color: $red-700;
Sam Rose's avatar
Sam Rose committed
560 561 562 563 564 565 566 567 568 569 570 571 572

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

/*
* Notify
*/
$notify-details: #777;
$notify-footer: #777;
573 574
$notify-new-file: $green-600;
$notify-deleted-file: $red-700;
Sam Rose's avatar
Sam Rose committed
575 576 577 578 579 580

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

584 585 586 587 588
$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
589 590 591
/*
* Runners
*/
592 593 594
$runner-state-shared-bg: $green-400;
$runner-state-specific-bg: $blue-400;
$runner-status-online-color: $green-600;
595
$runner-status-offline-color: $gray-darkest;
596
$runner-status-paused-color: $red-500;
Sam Rose's avatar
Sam Rose committed
597 598 599 600 601

/*
Stat Graph
*/
$stat-graph-common-bg: #f3f3f3;
602
$stat-graph-area-fill: $green-500;
Sam Rose's avatar
Sam Rose committed
603
$stat-graph-axis-fill: #aaa;
604
$stat-graph-orange-fill: $orange-500;
Sam Rose's avatar
Sam Rose committed
605 606 607 608 609 610 611 612 613 614 615 616 617
$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
*/
618
$todo-alert-blue: $blue-500;
Sam Rose's avatar
Sam Rose committed
619 620 621 622 623 624 625 626 627 628 629
$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;
630
$body-text-shadow: rgba(255, 255, 255, 0.01);
Sam Rose's avatar
Sam Rose committed
631 632 633 634 635 636

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

/*
Pipeline Graph
*/
winh's avatar
winh committed
641 642 643 644
$stage-hover-bg: $gray-darker;
$ci-action-icon-size: 22px;
$pipeline-dropdown-line-height: 20px;
$pipeline-dropdown-status-icon-size: 18px;
Clement Ho's avatar
Clement Ho committed
645

646 647 648 649 650 651
/*
Pipeline Schedules
*/
$pipeline-variable-remove-button-width: calc(1em + #{2 * $gl-padding});


Clement Ho's avatar
Clement Ho committed
652 653 654 655 656 657 658 659
/*
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
660 661 662 663 664

/*
Animation Functions
*/
$dropdown-animation-timing: cubic-bezier(0.23, 1, 0.32, 1);
665 666 667 668 669 670 671

/*
Convdev Index
*/
$color-high-score: $green-400;
$color-average-score: $orange-400;
$color-low-score: $red-400;
672 673 674 675 676 677 678

/*
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%);
679

680 681 682 683 684 685 686 687 688 689 690
/*
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);
691 692 693 694 695 696 697 698


/*
Project Templates Icons
*/
$rails: #c00;
$node: #353535;
$java: #70ad51;