:root:has(body.darkmode),
html:has(body.darkmode),
body.darkmode {
    background-color: var(--color-dark-blue);
    color: var(--color-white);
}

body.darkmode .section .container {
  background-color: var(--color-section-bg);
  border: 2px solid var(--color-dark-yellow);
}

body.darkmode .formItem.formItemHeader,
body.darkmode .buttonHolder {
  border-top: 1px solid var(--color-gray-light);
}

body.darkmode .edlUploadWrapper {
  border-bottom: 1px solid var(--color-gray-light);
}

body.darkmode .heading,
body.darkmode .box,
body.darkmode .subtitle,
body.darkmode input[type='text'],
body.darkmode input[type='date'],
body.darkmode .input,
body.darkmode .select select,
body.darkmode .textarea,
body.darkmode .btn,
body.darkmode .btn:hover,
body.darkmode .dropdown-menu,
body.darkmode .table-segments,
body.darkmode .bulk-update-header
body.darkmode .input::placeholder,
body.darkmode .is-compact .job-card:nth-child(even) {
    /* background-color: transparent;
    border:1px solid var(--color-white);
    color:var(--color-white) */
  }
  body.darkmode .input {
    border-bottom: 1px solid var(--color-gray-light);
    color: var(--color-gray-light);
  }
  /* body.darkmode .formItem select,
  body.darkmode .formItem input {
    border: 1px solid var(--color-white);
    color: var(--color-white);
    background-color:var(--color-section-bg);
  } */

  body.darkmode .formItem input[type="file"] {
    border:none;
  }

  body.darkmode #rendererList .rendererItem,
  body.darkmode .extension-checkbox,
  body.darkmode .recordingItem,
  body.darkmode .recordingSummary {
    border-top: 1px solid var(--color-dark-yellow);
  }
  body.darkmode .nav-tabs {
    border-bottom: 1px solid var(--color-yellow);
  }

  body.darkmode .spinner {
    border-right: 2px solid var(--color-white);
  }

  body.darkmode .iconButton:hover,
  body.darkmode .iconButton:hover a {
    color: var(--color-white);
  }