/**
 * VS Code Dracula Theme
 * 流行的深紫色主题 - 优雅的吸血鬼风格
 */

:root.theme-dracula,
body.theme-dracula {
    --vscode-bg-editor: #282a36;
    --vscode-bg-sidebar: #21222c;
    --vscode-bg-panel: #21222c;
    --vscode-bg-hover: #44475a;
    --vscode-fg-default: #f8f8f2;
    --vscode-fg-secondary: #e0e0e0;
    --vscode-fg-comment: #6272a4;
    --vscode-fg-bright: #ffffff;
    --vscode-fg-brightest: #ffffff;
    --vscode-border: #44475a;
    --vscode-yellow: #f1fa8c;
    --vscode-orange: #ffb86c;
    --vscode-red: #ff5555;
    --vscode-magenta: #ff79c6;
    --vscode-violet: #bd93f9;
    --vscode-blue: #8be9fd;
    --vscode-cyan: #8be9fd;
    --vscode-green: #50fa7b;
}

body.theme-dracula {
    background-color: var(--vscode-bg-editor) !important;
    color: var(--vscode-fg-default) !important;
}
body.theme-dracula .content-wrapper { background-color: var(--vscode-bg-editor) !important; }
body.theme-dracula .main-sidebar { background-color: var(--vscode-bg-sidebar) !important; }
body.theme-dracula .main-header { background-color: var(--vscode-bg-panel) !important; border-bottom: 1px solid var(--vscode-border) !important; }
body.theme-dracula .card, body.theme-dracula .box { background-color: var(--vscode-bg-panel) !important; border-color: var(--vscode-border) !important; }
body.theme-dracula .card-header, body.theme-dracula .box-header { background-color: var(--vscode-bg-sidebar) !important; color: var(--vscode-fg-bright) !important; }
body.theme-dracula table { background-color: var(--vscode-bg-panel) !important; color: var(--vscode-fg-default) !important; }
body.theme-dracula thead th { background-color: var(--vscode-bg-sidebar) !important; color: var(--vscode-violet) !important; border-color: var(--vscode-border) !important; }
body.theme-dracula tbody tr:hover { background-color: var(--vscode-bg-hover) !important; }
body.theme-dracula td, body.theme-dracula th { border-color: var(--vscode-border) !important; }
body.theme-dracula a { color: var(--vscode-violet) !important; }
body.theme-dracula a:hover { color: var(--vscode-magenta) !important; }
body.theme-dracula .btn-primary { background-color: var(--vscode-violet) !important; border-color: var(--vscode-violet) !important; }
body.theme-dracula .btn-success { background-color: var(--vscode-green) !important; border-color: var(--vscode-green) !important; color: #000 !important; }
body.theme-dracula .btn-warning { background-color: var(--vscode-yellow) !important; border-color: var(--vscode-yellow) !important; color: #000 !important; }
body.theme-dracula .btn-danger { background-color: var(--vscode-red) !important; border-color: var(--vscode-red) !important; }
body.theme-dracula input, body.theme-dracula textarea, body.theme-dracula select { background-color: var(--vscode-bg-editor) !important; color: var(--vscode-fg-default) !important; border-color: var(--vscode-border) !important; }
body.theme-dracula input:focus, body.theme-dracula textarea:focus, body.theme-dracula select:focus { border-color: var(--vscode-violet) !important; box-shadow: 0 0 0 0.2rem rgba(189, 147, 249, 0.25) !important; }
body.theme-dracula .nav-sidebar .nav-link { color: var(--vscode-fg-secondary) !important; }
body.theme-dracula .nav-sidebar .nav-link:hover { background-color: var(--vscode-bg-hover) !important; color: var(--vscode-magenta) !important; }
body.theme-dracula .nav-sidebar .nav-link.active { background-color: var(--vscode-bg-hover) !important; color: var(--vscode-violet) !important; }
body.theme-dracula .control-sidebar, body.theme-dracula .control-sidebar-dark { background-color: var(--vscode-bg-sidebar) !important; color: var(--vscode-fg-default) !important; }
body.theme-dracula .control-sidebar h5, body.theme-dracula .control-sidebar label { color: var(--vscode-fg-bright) !important; }
body.theme-dracula .control-sidebar select, body.theme-dracula .control-sidebar input { background-color: var(--vscode-bg-panel) !important; color: var(--vscode-fg-default) !important; border-color: var(--vscode-border) !important; }
