:global(.theme-dark) {
  --swh-primary-color: #2a6cb1;
  --swh-border-color-0: #464b52;
  --swh-border-color-1: #585858;
  --swh-input-bg: #dad8de;
  --swh-font-color: #aaa;
  --swh-font-color-weak: #666;
  --swh-font-color-reverse: #a7a7a7;
  --swh-border-radius: 4px;
  --swh-highlight-bg: #993;

  //  top bar
  --swh-top-bar-height: 40px;
  --swh-top-tool-bar-height: 28px;
  --swh-top-bar-bg: #272b34;
  --swh-top-bar-read-only-bg: #3c434e;

  // left
  --swh-left-panel-bg: #1f242a;
  //--swh-left-panel-status-bar-bg: #f6f6f6;
  --swh-tree-row-height: 2em;
  --swh-tree-node-drag-bg: #475566;
  --swh-tree-selected-bg: #475566;
  --swh-tree-hover-bg: #323c48;

  // main
  --swh-main-bg: #262b33;

  // status bar
  --swh-status-bar-height: 22px;
  --swh-status-bar-bg: #272b34;
  --swh-status-bar-font-color: var(--swh-font-color-weak);
  --swh-status-bar-font-size: 10px;

  // right bar
  --swh-right-bar-width: 48px;
  --swh-right-bar-bg: #f6f6f6;

  // switch button
  --swh-switch-button-main-color-off: #bfbfbf;
  --swh-switch-button-bg-color-off: #656565;
  --swh-switch-button-main-color-on: #1bab00;
  --swh-switch-button-bg-color-on: #656565;

  // editor & viewer
  --swh-editor-text-color: #aaa;
  --swh-editor-comment-color: #090;
  --swh-editor-ip-color: #009;
  --swh-editor-error-color: #900;
  --swh-editor-line-number-color: #999;
  --swh-editor-line-number-bg: #fff;
  --swh-editor-read-only-bg: #262b33;
  --swh-editor-font-size: 1em;
  --swh-editor-line-height: 1.8em;

  --swh-editor-bg-color: #272c35;
  --swh-editor-ip: #3787de;
  --swh-editor-keyword: #06427d;
  --swh-editor-error: #ff5990;
  --swh-editor-comment: #91af91;
  --swh-editor-hl-bg: #ff0;
  --swh-editor-gutter-bg: #282c34;

  // tray
  --swh-tray-header-bg: #272b34;
  --swh-tray-font-color: #fff;

  // scroll bar
  --swh-scrollbar-track: rgba(204, 204, 204, 0.25);
  --swh-scrollbar-corner: #fff;
  --swh-scrollbar-thumb: #ccc;
  --swh-scrollbar-filler: #2b2b2b;

  // other componets
  --tree-drag-select-bg-color: var(--swh-tree-selected-bg);
  --tree-drag-indicator-color: var(--swh-primary-color);

  //color-scheme
  --swh-color-scheme: dark;
}
