/* ========== 画板页面深色模式样式 ========== */

/* 画板主容器背景深色 */
.theme .drawing-app {
    background: var(--bg-page);
    box-shadow: var(--shadow-modal);
}

/* 工具栏背景及边框 */
.theme .toolbar {
    background: var(--bg-elevated);
    border-bottom-color: var(--border-color);
}

/* 工具组的分割线 */
.theme .tool-group {
    border-right-color: var(--border-color);
}
.theme .tool-group-label {
    color: var(--text-primary);
}

/* 工具按钮 */
.theme .ui.icon.button {
    background: var(--bg-hover);
    color: var(--text-primary);
}
.theme .ui.icon.button:hover {
    background: var(--bg-active);
    color: var(--white-primary);
}
.theme .tool-button.active {
    background: var(--accent-blue) !important;
    color: white !important;
}

/* 滑块（画板专用） */
.theme .slider-label {
    color: var(--text-primary);
}
.theme #brush-size,
.theme #zoom-range {
    background: var(--bg-active);
}
.theme #brush-size::-webkit-slider-thumb,
.theme #zoom-range::-webkit-slider-thumb {
    background: var(--link-hover);
}
.theme .slider-value {
    color: var(--text-primary);
}


/* 画板容器背景 */
.theme .canvas-container {
    background: var(--bg-page);
}
/* 画布本身的背景（白色）在深色模式下应保持白色，因为绘画内容通常期望白色画纸 */
/* 如果需要深色画布，可取消注释，但会改变绘画感知，暂不改动 */

/* 状态栏背景及文字 */
.theme .status-bar {
    background: var(--bg-elevated);
    border-top-color: var(--border-color);
    color: var(--text-primary);
}
.theme .status-item {
    color: var(--text-primary);
}
.theme .color-indicator {
    border-color: var(--scrollbar-thumb);
}

/* 加载遮罩层 */
.theme .canvas-loading {
    background: var(--loading-overlay);
    color: var(--text-primary);
    backdrop-filter: blur(4px);
    box-shadow: var(--shadow-modal);
}
.theme .loading-spinner {
    border-color: var(--border-color);
    border-top-color: var(--link-hover);
}

/* 橡皮擦预览效果在深色背景下更明显，无需额外处理 */