body {
    --color-bg-2: var(--code-layout-color-background);
    --color-fill-2: var(--code-layout-color-background-second);
    --color-text-1: var(--code-layout-color-text);
    --color-neutral-3: var(--code-layout-color-border);
    --color-text-2: var(--code-layout-color-text);
    --color-bg-popup: var(--code-layout-color-background-second);
    --color-bg-3: rgb(31, 41, 55);
    --color-secondary: var(--code-layout-color-text);
    --color-bg-popup: var(--code-layout-color-background);
}
.text-2xs {
    font-size: 11px;
}
.bg-vs {
    background-color: var(--code-layout-color-background);
    color: var(--color-text-1);
}
.code-layout-group>.content{
    height: 100%;
}
.code-layout-split-base.horizontal>.split-n-container>.code-layout-split-dragger.inner {
    z-index: 9;
    border-left: 1px solid rgb(0, 0, 0, 0.15);
}
.code-layout-activity-bar .item .badge {
    box-sizing: content-box;
}
/* 自定义滚动条样式 */
.custom-scrollbar::-webkit-scrollbar {
    width: 8px;
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: #1e1e1e;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: #424242;
    border-radius: 4px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: #4f4f4f;
}

/* 为Firefox添加滚动条样式 */
.custom-scrollbar {
    scrollbar-width: thin;
    scrollbar-color: #424242 #1e1e1e;
}
/* 弹窗 */
.arco-trigger-popup {
    background-color: white;
}
.arco-modal-container .arco-modal {
    color: white;
}
.arco-drawer-header .arco-drawer-title {
    color: white;
}
.arco-btn-primary {
    background-color: rgb(var(--arcoblue-6)) !important;
}
.arco-btn-secondary, .arco-btn-secondary[type=button], .arco-btn-secondary[type=submit],
.arco-btn-secondary:hover, .arco-btn-secondary[type=button]:hover, .arco-btn-secondary[type=submit]:hover {
    color: white;
    background-color: rgb(75, 85, 99);
}