/**
 * 暗色主题 - 已迁移到 variables.scss
 * 此文件保留 JSON 编辑器的特殊样式覆盖
 * 其他样式已通过 CSS 变量在 variables.scss 中统一管理
 */

/* JSON 编辑器暗色适配（仅在暗色主题下生效） */
[data-theme='dark'] {
  .json-editor-wrapper {
    /* 整个编辑框 */
    div.jsoneditor {
      background-color: var(--bg-highlight);
      border: none;
    }

    /* 头部菜单栏 */
    div.jsoneditor-menu {
      background-color: var(--bg-highlight);
      border-color: var(--bg-highlight);
    }

    /* 内容区域左边：行号 */
    .ace_gutter {
      background-color: #444;

      .ace_gutter-cell {
        color: #aaa;
      }
    }

    /* 内容区域右边：JSON内容 */
    .ace_scroller {
      background-color: #555;
    }

    /* key的颜色 */
    .ace_variable,
    .ace_text-layer {
      color: #eee;
    }

    /* 字符串值的颜色 */
    .ace_string,
    .ace_cjk {
      color: #a6eaa6;
    }

    /* 数字的颜色 */
    .ace_constant.ace_numeric {
      color: #ec9999;
    }

    /* 布尔值的颜色 */
    .ace_constant.ace_language {
      color: #f4c995;
    }

    /* 当前行高亮样式 */
    .ace_gutter-active-line,
    .ace_marker-layer .ace_active-line {
      background-color: #838774;
    }

    /* 选中行高亮样式 */
    .ace-jsoneditor {
      .ace_marker-layer .ace_selection {
        background-color: #8b2929;
      }

      /* 光标颜色 */
      .ace_cursor {
        border-left-color: #ddd;
      }
    }

    /* 搜索结果 */
    .ace-jsoneditor .ace_marker-layer .ace_selected-word {
      border-color: #8b2929;
    }

    /* 搜索框按钮 */
    .ace_button,
    button,
    .ace_search_field {
      color: #000;
    }
  }

  /* 搜索框 */
  .search-bar {
    div,
    span {
      color: var(--text-primary);
    }
  }
}
