:root {
  --background-black: #111;
  --background-dark: #222;
  --background-medium: #2d2b2b;
  --background-333: #333;
  --background: var(--background-dark);
  --very-light-grey: var(--background-dark);

  /* Text */
  --text-color: #c0c0c0;
  --text-color-call-to-action: var(--background-medium);

  /* Buttons */
  --btn-secondary-bg: var(--background-dark);
  --btn-secondary-color: var(--btn-primary-color);

  /* Help area */
  --help-area-bg-color: var(--background-333);
  --configure-job-help-area-bg-color: var(--background-dark);

  /* Header */
  --logo-bg: var(--background-dark);
  --brand-link-color: var(--primary);
  --header-bg-v2: var(--background-medium);
  --header-link-color: var(--primary);
  --header-link-color-active: var(--primary-active);
  --search-bg: #4d545d;
  --search-input-color: var(--text-color);

  /* Breadcrumbs */
  --breadcrumbs-bg: var(--background-black);
  --breadcrumbs-bg-color--hover: var(--background-dark);
  --breadcrumbs-text-color: var(--text-color);
  --breadcrumbs-item-bg-color--hover: var(--background-dark);
  --breadcrumbs-border: var(--background-333);

  /* Links */
  --link-color: var(--primary);
  --link-visited-color: var(--primary);
  --link-dark-color: var(--primary);

  /* Table */
  --bigtable-header-color: var(--background-black);
  --even-row-color: #020202;
  --project-status-border-bottom-color: var(--background-333);
  --table-parameters-bg-color--hover: var(--background-333);
  --table-stripped-bg-color--hover: var(--background-333);

  /* Pane widget */
  --pane-border-color: var(--background-333);
  --pane-header-border-color: var(--background-333);
  --pane-header-color: var(--background-black);
  --pane-text-color: var(--primary);
  --pane-link-color: var(--primary);
  --pane-link-color--visited: var(--primary);

  /* Tab bar widget */
  --tab-bar-border-color: var(--background-333);
  --tab-bar-text-color: #999;
  --tab-bar-bg--checked: var(--background-black);
  --tab-bar-border-color--checked: var(--background-333);
  --tab-bar-text-color--checked: var(--primary);
  --tab-bar-bg-color--hover: var(--background-333);
  --tab-bar-add-bg-color--hover: var(--background-333);
  --tab-bar-add-text-color: var(--primary);
  --tab-bar-add-border-color: var(--background-333);

  /* Side panel */
  --panel-border-color: var(--background-333);
  --panel-border-color--hover: var(--background-black);
  --task-link-bg-color--hover: var(--background-black);

  /* Form */
  --input-color: #3a3a3a;
  --input-border: var(--background-dark);
  --header-search-border: var(--background-333);
  --input-hidden-password-bg-color: var(--input-color);

  /* Pop out menus */
  --menu-bg-color: var(--background-333);
  --menu-text-color: var(--primary);
  --menu-selected-color: var(--background-dark);
  --menu-box-shadow: none;

  /* Manage component */
  --manage-option-bg-color--hover: var(--background-333);

  /* Add form widget */
  --light-bg-color: var(--background-medium);
  --light-bg-color--hover: var(--background-dark);
  --bright-bg-color: var(--background-333);
  --brightest-bg-color: var(--input-color);
  --add-item-btn-decorator-border-color: var(--background-333);
  --add-item-categories-bg-color--hover: var(--background-333);
  --add-item-btn-decorator-bg-color: var(--background-333);
  --configure-job-bottom-sticker-bg-color: var(--background-333);
  --configure-job-bottom-sticker-border-color: var(--background-333);

  /* Plugin manager */
  --plugin-manager-bg-color-already-upgraded: var(--background-medium);
  --plugin-manager-category-link-bg-color: #5d5b5b;
  --plugin-manager-category-link-bg-color--hover: var(--background-333);
  --plugin-manager-category-link-border-color--hover: var(--background-black);
  --plugin-manager-category-text-color: var(--background-black);
  --plugin-manager-category-link-color--hover: #a5a3a3;

  /* Auto complete */
  --auto-complete-bg-color--prehighlight: var(--primary);
}

/**
    Name: IntelliJ IDEA darcula theme
    From IntelliJ IDEA by JetBrains
    Source: https://github.com/codemirror/CodeMirror/blob/master/theme/darcula.css
 */

 #jenkins .cm-s-default  { font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif;}
 #jenkins .cm-s-default.CodeMirror { background: #2B2B2B; color: #A9B7C6; }
 
 #jenkins .cm-s-default span.cm-meta { color: #BBB529; }
 #jenkins .cm-s-default span.cm-number { color: #6897BB; }
 #jenkins .cm-s-default span.cm-keyword { color: #CC7832; line-height: 1em; font-weight: bold; }
 #jenkins .cm-s-default span.cm-def { color: #A9B7C6; font-style: italic; }
 #jenkins .cm-s-default span.cm-variable { color: #A9B7C6; }
 #jenkins .cm-s-default span.cm-variable-2 { color: #A9B7C6; }
 #jenkins .cm-s-default span.cm-variable-3 { color: #9876AA; }
 #jenkins .cm-s-default span.cm-type { color: #AABBCC; font-weight: bold; }
 #jenkins .cm-s-default span.cm-property { color: #FFC66D; }
 #jenkins .cm-s-default span.cm-operator { color: #A9B7C6; }
 #jenkins .cm-s-default span#jenkins .cm-string { color: #6A8759; }
 #jenkins .cm-s-default span#jenkins .cm-string-2 { color: #6A8759; }
 #jenkins .cm-s-default span.cm-comment { color: #61A151; font-style: italic; }
 #jenkins .cm-s-default span.cm-link { color: #CC7832; }
 #jenkins .cm-s-default span.cm-atom { color: #CC7832; }
 #jenkins .cm-s-default span.cm-error { color: #BC3F3C; }
 #jenkins .cm-s-default span.cm-tag { color: #629755; font-weight: bold; font-style: italic; text-decoration: underline; }
 #jenkins .cm-s-default span.cm-attribute { color: #6897bb; }
 #jenkins .cm-s-default span.cm-qualifier { color: #6A8759; }
 #jenkins .cm-s-default span.cm-bracket { color: #A9B7C6; }
 #jenkins .cm-s-default span.cm-builtin { color: #FF9E59; }
 #jenkins .cm-s-default span#jenkins .cm-special { color: #FF9E59; }
 #jenkins .cm-s-default span.cm-matchhighlight { color: #FFFFFF; background-color: rgba(50, 89, 48, .7); font-weight: normal;}
 #jenkins .cm-s-default span#jenkins .cm-searching { color: #FFFFFF; background-color: rgba(61, 115, 59, .7); font-weight: normal;}
 
 #jenkins .cm-s-default .CodeMirror-cursor { border-left: 1px solid #A9B7C6; }
 #jenkins .cm-s-default .CodeMirror-activeline-background { background: #323232; }
 #jenkins .cm-s-default .CodeMirror-gutter { background: #313335; border-right: 1px solid #313335; }
 #jenkins .cm-s-default .CodeMirror-guttermarker { color: #FFEE80; }
 #jenkins .cm-s-default .CodeMirror-guttermarker-subtle { color: #D0D0D0; }
 #jenkins .cm-s-default .CodeMirrir-linenumber { color: #606366; }
 #jenkins .cm-s-default .CodeMirror-matchingbracket { background-color: #3B514D; color: #FFEF28 !important; font-weight: bold; }
 
 #jenkins .cm-s-default div.CodeMirror-selected { background: #214283; }
 
 #jenkins .CodeMirror-hints.default {
   font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
   color: #9C9E9E;
   background-color: #3B3E3F !important;
 }
 
 #jenkins .CodeMirror-hints.default .CodeMirror-hint-active {
   background-color: #494D4E !important;
   color: #9C9E9E !important;
 }

 /* End CodeMirror Darcula theme */