:root {
  --dark-main-bg-color: #000;
  --dark-main-bg-gradient: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
  --dark-secondary-bg-color: #111;
  --dark-main-headers-color: #549dbf;
  --dark-main-text-color: #999;
  --dark-input-bg-color: #333;
  --dark-input-text-color: #999;
}

.light-dark-theme .details {
  background: var(--dark-main-bg-color);
}
.light-dark-theme #tip-header {
  color: var(--dark-main-headers-color);
}
.light-dark-theme #tip-message {
  color: var(--dark-main-text-color);
}
.light-dark-theme .ui-hunter-room-details h1 {
  color: var(--dark-main-headers-color);
}
.light-dark-theme .details section.actions a,
.light-dark-theme .details section.actions li a:hover {
  color: var(--dark-main-text-color);
  background: var(--dark-main-bg-color);
}
.light-dark-theme section.call-form {
  background: var(--dark-secondary-bg-color);
}
.light-dark-theme section.call-form legend {
  color: var(--dark-main-headers-color);
}
.light-dark-theme section.call-form fieldset li.checkbox,
.light-dark-theme section.call-form fieldset li.roomlink {
  color: var(--dark-main-text-color);
}
.light-dark-theme #main-panel .room > section.access-code-form {
  background: var(--dark-secondary-bg-color);
  color: var(--dark-main-text-color);
}
.light-dark-theme #main-panel .room > section.access-code-form legend {
  color: var(--dark-main-headers-color);
}
.light-dark-theme #main-panel .room > section.access-code-form fieldset li.checkbox {
  color: var(--dark-main-text-color);
}
.light-dark-theme #main-panel .room > section.access-code-form input[name="text"] {
  background: var(--dark-input-bg-color);
  color: var(--dark-input-text-color);
}
.light-dark-theme #main-panel #in-call-access-code .guest-bottom-text,
.light-dark-theme #main-panel #in-call-access-code .guest-bottom-text:hover {
  color: var(--dark-main-text-color);
  background: var(--dark-secondary-bg-color);
}
.light-dark-theme .ui-meeting-details {
  background: var(--dark-main-bg-color);
}
.light-dark-theme .ui-meeting-details h1 {
  color: var(--dark-main-headers-color);
}
.light-dark-theme .ui-meeting-details::after {
  background: var(--dark-main-bg-gradient);
}
.light-dark-theme .meeting-details-time,
.light-dark-theme .meeting-details-body #room-link,
.light-dark-theme .meeting-details-organizer-name,
.light-dark-theme .meeting-details-organizer-email,
.light-dark-theme .attendee-details {
  color: var(--dark-main-text-color);
}
.light-dark-theme .meeting-details-attendees {
  background: var(--dark-main-bg-color);
  border-image: none;
  border-color: var(--dark-secondary-bg-color);
}
.light-dark-theme .meeting-details-attendees-title {
  color: var(--dark-main-headers-color);
}
.light-dark-theme .meeting-details-description {
  color: var(--dark-main-text-color);
  font-weight: normal;
}
.light-dark-theme .meeting-details-description a {
  color: var(--dark-main-headers-color);
}
.light-dark-theme .ui-contact-details .contact-info .name {
  color: var(--dark-main-headers-color);
}
.light-dark-theme .ui-contact-details .contact-info .title,
.light-dark-theme .ui-contact-details .contact-info .department,
.light-dark-theme .ui-contact-details .contact-info .status {
  color: var(--dark-main-text-color);
}
.light-dark-theme div.info {
  background: var(--dark-secondary-bg-color);
}
.light-dark-theme .info a:link,
.light-dark-theme .info a:link:hover {
  color: var(--dark-main-text-color);
  background: var(--dark-secondary-bg-color);
}