static/css/themes.css

/* 主题模式样式

 * 定义暗色模式和其他可能的主题变化

 */

/* 暗色模式调整 */
@media (prefers-color-scheme: dark) {
    /* 背景色调整 */
    .dark\:bg-gray-800 {
        background-color: #1f2937;
    }
    
    /* 文本颜色调整 */
    .dark\:text-white {
        color: #ffffff;
    }
    
    /* 边框颜色调整 */
    .dark\:border-gray-700 {
        border-color: #374151;
    }
    
    /* 半透明背景 */
    .dark\:bg-gray-700\/30 {
        background-color: rgba(55, 65, 81, 0.3);
    }
    
    /* 卡片悬停效果增强 */
    .input-card:hover {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }
    
    /* 可以在这里添加更多暗色模式特定样式 */
}