.dark,
.dark[data-theme='custom'],
.dark[data-theme='default'] {
  // 滚动条右下角的三角形颜色
  ::-webkit-scrollbar-corner {
    background-color: #1c1e23 !important;
  }

  .jnpf-layout-content {
    background-color: #333 !important;
  }

  .bg-white {
    background-color: #151515 !important;
  }

  .ant-tabs.common-left-tabs > .ant-tabs-nav > .ant-tabs-nav-wrap > .ant-tabs-nav-list {
    & > .ant-tabs-tab.ant-tabs-tab-active {
      background: rgb(255 255 255 / 8%);
    }
  }

  .ant-modal.jnpf-full-modal {
    .ant-modal-header {
      .jnpf-full-modal-header {
        .header-steps.ant-steps {
          background: rgb(51 51 51 / 60%);
        }
      }
    }
  }

  .jnpf-device-switch {
    background-color: rgb(255 255 255 / 24%);
  }

  .hiprint-printPanel {
    .hiprint-printPaper {
      color: #333;
    }
  }

  .jnpf-basic-generator {
    .center-board-main .ipad .outerIpad {
      background: url('@/assets/images/iphoneBg-dark.png');
    }
  }

  .jnpf-basic-generator {
    .center-board-main {
      .drawing-board {
        .drawing-item {
          &:hover {
            .ant-form-item {
              background: rgb(255 255 255 / 8%) !important;
            }
          }
        }

        .active-from-item {
          .ant-form-item {
            background: rgb(255 255 255 / 8%) !important;
          }
        }
      }
    }
  }

  .ant-modal .ant-modal-close:hover {
    color: rgb(255 255 255 / 85%);
  }

  .jnpf-tenant-social-modal {
    .other-main {
      background: url('@/assets/images/other-login-bg-dark.png') no-repeat center;
      background-size: auto 100%;

      .other-body .other-login-card {
        background-color: #171b26;
      }
    }
  }

  .ant-modal.form-script-modal {
    .main-board-tips {
      background-color: #2e2e2e !important;

      p {
        color: #999 !important;
      }
    }
  }

  .ant-modal.jnpf-add-modal {
    .add-main {
      .add-item {
        background: rgb(0 0 0 / 90%) !important;

        .add-icon {
          color: #fff !important;
          background: #1f1f1f !important;
        }
      }
    }
  }

  .template-list {
    .template-item {
      color: #fff !important;
      background-color: rgb(255 255 255 / 8%) !important;
    }
  }

  .ant-modal.jnpf-import-modal {
    .import-main .upload {
      .up_left {
        background: #333;
      }
    }
  }

  .jnpf-chat-modal {
    .common-pane .chat-content .chat-content-main .writeBox .toolBox .toolBox-left .question-link {
      color: #ccc;
    }
  }

  .data-interface-popup {
    .jsTips {
      background-color: rgb(255 255 255 / 8%) !important;
    }
  }
}