/**
 * VS Code Monokai Theme
 * 经典的Monokai配色 - Sublime Text的标志性主题
 * 深灰黑背景 + 鲜艳的霓虹色调
 */

:root.theme-monokai,
body.theme-monokai {
    /* 基础背景色 - Monokai特征深灰 */
    --vscode-bg-editor: #272822;
    --vscode-bg-sidebar: #1e1f1c;
    --vscode-bg-panel: #1e1f1c;
    --vscode-bg-hover: #3e3d32;
    
    /* 文字颜色 - 柔和的白色和灰色 */
    --vscode-fg-default: #f8f8f2;
    --vscode-fg-secondary: #cfcfc2;
    --vscode-fg-comment: #75715e;
    --vscode-fg-bright: #ffffff;
    --vscode-fg-brightest: #ffffff;
    
    /* 边框颜色 */
    --vscode-border: #3e3d32;
    
    /* Monokai 经典配色 */
    --vscode-yellow: #e6db74;
    --vscode-orange: #fd971f;
    --vscode-red: #f92672;
    --vscode-magenta: #f92672;
    --vscode-violet: #ae81ff;
    --vscode-blue: #66d9ef;
    --vscode-cyan: #66d9ef;
    --vscode-green: #a6e22e;
    
    /* 增强颜色 */
    --color-enhanced-yellow: #ffed4e;
    --color-enhanced-orange: #ff9d00;
    --color-enhanced-red: #ff2d75;
    --color-enhanced-magenta: #ff2d75;
    --color-enhanced-violet: #c792ff;
    --color-enhanced-blue: #7ee2ff;
    --color-enhanced-cyan: #7ee2ff;
    --color-enhanced-green: #b8f22f;
    
    /* 状态颜色 */
    --color-success-bg: rgba(166, 226, 46, 0.15);
    --color-info-bg: rgba(102, 217, 239, 0.15);
    --color-warning-bg: rgba(230, 219, 116, 0.15);
    --color-danger-bg: rgba(249, 38, 114, 0.15);
}

/* ==========================================
   全局背景和文字
   ========================================== */

body.theme-monokai {
    background-color: var(--vscode-bg-editor) !important;
    color: var(--vscode-fg-default) !important;
}

body.theme-monokai .content-wrapper {
    background-color: var(--vscode-bg-editor) !important;
}

body.theme-monokai .main-sidebar {
    background-color: var(--vscode-bg-sidebar) !important;
}

body.theme-monokai .main-header {
    background-color: var(--vscode-bg-panel) !important;
    border-bottom: 1px solid var(--vscode-border) !important;
}

/* ==========================================
   卡片和面板
   ========================================== */

body.theme-monokai .card,
body.theme-monokai .box {
    background-color: var(--vscode-bg-panel) !important;
    border-color: var(--vscode-border) !important;
}

body.theme-monokai .card-header,
body.theme-monokai .box-header {
    background-color: var(--vscode-bg-sidebar) !important;
    color: var(--vscode-fg-bright) !important;
    border-bottom: 1px solid var(--vscode-border) !important;
}

/* ==========================================
   表格样式
   ========================================== */

body.theme-monokai table {
    background-color: var(--vscode-bg-panel) !important;
    color: var(--vscode-fg-default) !important;
}

body.theme-monokai thead th {
    background-color: var(--vscode-bg-sidebar) !important;
    color: var(--vscode-green) !important;
    border-color: var(--vscode-border) !important;
}

body.theme-monokai tbody tr:hover {
    background-color: var(--vscode-bg-hover) !important;
}

body.theme-monokai td,
body.theme-monokai th {
    border-color: var(--vscode-border) !important;
}

/* ==========================================
   链接和按钮
   ========================================== */

body.theme-monokai a {
    color: var(--vscode-blue) !important;
}

body.theme-monokai a:hover {
    color: var(--vscode-cyan) !important;
}

body.theme-monokai .btn-primary {
    background-color: var(--vscode-violet) !important;
    border-color: var(--vscode-violet) !important;
}

body.theme-monokai .btn-success {
    background-color: var(--vscode-green) !important;
    border-color: var(--vscode-green) !important;
    color: var(--vscode-bg-editor) !important;
}

body.theme-monokai .btn-warning {
    background-color: var(--vscode-yellow) !important;
    border-color: var(--vscode-yellow) !important;
    color: var(--vscode-bg-editor) !important;
}

body.theme-monokai .btn-danger {
    background-color: var(--vscode-red) !important;
    border-color: var(--vscode-red) !important;
}

/* ==========================================
   表单元素
   ========================================== */

body.theme-monokai input[type="text"],
body.theme-monokai input[type="password"],
body.theme-monokai input[type="email"],
body.theme-monokai input[type="number"],
body.theme-monokai textarea,
body.theme-monokai select {
    background-color: var(--vscode-bg-editor) !important;
    color: var(--vscode-fg-default) !important;
    border-color: var(--vscode-border) !important;
}

body.theme-monokai input:focus,
body.theme-monokai textarea:focus,
body.theme-monokai select:focus {
    border-color: var(--vscode-violet) !important;
    box-shadow: 0 0 0 0.2rem rgba(174, 129, 255, 0.25) !important;
}

/* ==========================================
   侧边栏菜单
   ========================================== */

body.theme-monokai .nav-sidebar .nav-link {
    color: var(--vscode-fg-secondary) !important;
}

body.theme-monokai .nav-sidebar .nav-link:hover {
    background-color: var(--vscode-bg-hover) !important;
    color: var(--vscode-green) !important;
}

body.theme-monokai .nav-sidebar .nav-link.active {
    background-color: var(--vscode-bg-hover) !important;
    color: var(--vscode-green) !important;
    border-left: 3px solid var(--vscode-green) !important;
}

/* ==========================================
   代码和预格式化文本
   ========================================== */

body.theme-monokai code,
body.theme-monokai pre {
    background-color: var(--vscode-bg-editor) !important;
    color: var(--vscode-green) !important;
    border: 1px solid var(--vscode-border) !important;
}

/* ==========================================
   特殊标记
   ========================================== */

body.theme-monokai .badge-primary {
    background-color: var(--vscode-violet) !important;
}

body.theme-monokai .badge-success {
    background-color: var(--vscode-green) !important;
    color: var(--vscode-bg-editor) !important;
}

body.theme-monokai .badge-warning {
    background-color: var(--vscode-yellow) !important;
    color: var(--vscode-bg-editor) !important;
}

body.theme-monokai .badge-danger {
    background-color: var(--vscode-red) !important;
}

/* ==========================================
   页脚
   ========================================== */

body.theme-monokai .main-footer {
    background-color: var(--vscode-bg-panel) !important;
    border-top: 1px solid var(--vscode-border) !important;
    color: var(--vscode-fg-comment) !important;
}

/* ==========================================
   UI Builder 侧边栏
   ========================================== */

body.theme-monokai .control-sidebar,
body.theme-monokai .control-sidebar-dark {
    background-color: var(--vscode-bg-sidebar) !important;
    color: var(--vscode-fg-default) !important;
}

body.theme-monokai .control-sidebar h5,
body.theme-monokai .control-sidebar label {
    color: var(--vscode-fg-bright) !important;
}

body.theme-monokai .control-sidebar select,
body.theme-monokai .control-sidebar input[type="checkbox"] {
    background-color: var(--vscode-bg-panel) !important;
    color: var(--vscode-fg-default) !important;
    border-color: var(--vscode-border) !important;
}

body.theme-monokai .control-sidebar hr {
    border-color: var(--vscode-border) !important;
}