netdisk-fast-download/web-front/src/styles/index.css

/* 全局样式 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: all 0.3s ease;
}

/* 亮色主题 */
body {
  background-color: #f5f7fa;
  color: #2c3e50;
}

/* 暗色主题 */
body.dark-theme {
  background-color: #1a1a1a;
  color: #ffffff;
}

/* Element Plus 暗色主题适配 */
.dark-theme .el-card {
  background-color: #2d2d2d !important;
  border-color: #404040 !important;
  color: #ffffff !important;
}

.dark-theme .el-input__inner {
  background-color: #404040 !important;
  border-color: #555555 !important;
  color: #ffffff !important;
}

.dark-theme .el-input__inner::placeholder {
  color: #bdc3c7 !important;
}

.dark-theme .el-button {
  background-color: #404040 !important;
  border-color: #555555 !important;
  color: #ffffff !important;
}

.dark-theme .el-button:hover {
  background-color: #555555 !important;
}

.dark-theme .el-button--primary {
  background-color: #409eff !important;
  border-color: #409eff !important;
}

.dark-theme .el-button--primary:hover {
  background-color: #66b1ff !important;
}

.dark-theme .el-button--success {
  background-color: #67c23a !important;
  border-color: #67c23a !important;
}

.dark-theme .el-button--success:hover {
  background-color: #85ce61 !important;
}

.dark-theme .el-switch__core {
  background-color: #555555 !important;
}

.dark-theme .el-descriptions {
  background-color: #2d2d2d !important;
  color: #ffffff !important;
}

.dark-theme .el-descriptions__label {
  color: #bdc3c7 !important;
}

.dark-theme .el-descriptions__content {
  color: #ffffff !important;
}

.dark-theme .el-dialog {
  background-color: #2d2d2d !important;
  color: #ffffff !important;
}

.dark-theme .el-dialog__title {
  color: #ffffff !important;
}

.dark-theme .el-dialog__body {
  color: #ffffff !important;
}

.dark-theme .el-message {
  background-color: #2d2d2d !important;
  color: #ffffff !important;
}

.dark-theme .el-message--success {
  background-color: #67c23a !important;
  color: #ffffff !important;
}

.dark-theme .el-message--error {
  background-color: #f56c6c !important;
  color: #ffffff !important;
}

.dark-theme .el-message--warning {
  background-color: #e6a23c !important;
  color: #ffffff !important;
}

.dark-theme .el-message--info {
  background-color: #909399 !important;
  color: #ffffff !important;
}

/* 链接颜色 */
.dark-theme a {
  color: #4a9eff !important;
}

.dark-theme a:hover {
  color: #66b1ff !important;
}

/* 滚动条样式 */
.dark-theme ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.dark-theme ::-webkit-scrollbar-track {
  background: #2d2d2d;
}

.dark-theme ::-webkit-scrollbar-thumb {
  background: #555555;
  border-radius: 4px;
}

.dark-theme ::-webkit-scrollbar-thumb:hover {
  background: #666666;
}

/* 选择文本样式 */
.dark-theme ::selection {
  background-color: #409eff;
  color: #ffffff;
}

.dark-theme ::-moz-selection {
  background-color: #409eff;
  color: #ffffff;
}