Files
nl-utils/v1/styles/styles.py
2025-06-08 23:55:24 +08:00

321 lines
6.1 KiB
Python

# 优化的暗色主题样式表
STYLES_TXT = """
/* ===== 全局样式 ===== */
QWidget {
font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;
font-size: 14px;
color: #e2e8f0;
border: none;
}
/* 最小化、最大化按钮悬停状态 */
QPushButton#minimizeBtn:hover,
QPushButton#maximizeBtn:hover {
background-color: rgba(255, 255, 255, 0.1);
}
/* 关闭按钮悬停状态 */
QPushButton#closeBtn:hover {
background-color: #E85050;
color: white; /* 使图标变为白色 */
}
/* 输入框 */
QLineEdit {
background-color: #2d3748;
border: 1px solid #4a5568;
border-radius: 6px;
padding: 10px;
color: #e2e8f0;
min-height: 40px;
}
QLineEdit:focus {
border-color: #818cf8;
outline: none;
}
/* ===== 按钮全局样式 ===== */
QPushButton {
background-color: #4f46e5;
color: white;
border-radius: 8px; /* 增加圆角程度 */
padding: 10px 16px;
min-height: 40px; /* 增加高度 */
font-weight: 500;
transition: all 0.2s ease;
border: none;
outline: none; /* 防止点击时出现虚线边框 */
}
QPushButton:hover {
background-color: #4338ca;
transform: translateY(-2px);
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
QPushButton:pressed {
background-color: #3730a3;
transform: translateY(0);
box-shadow: none;
}
QPushButton:disabled {
background-color: #4a5568;
color: #a0aec0;
}
/* 特殊按钮样式 */
QPushButton#navBtn {
text-align: left;
padding: 12px 25px;
color: #a0aec0;
border-radius: 8px;
margin: 5px 15px;
font-size: 14px;
background-color: transparent;
border: none;
min-height: auto; /* 覆盖全局最小高度 */
}
QPushButton#navBtn:hover {
background-color: rgba(79, 70, 229, 0.1);
color: #cbd5e0;
}
QPushButton#navBtn.active {
background-color: rgba(79, 70, 229, 0.15);
color: #818cf8;
font-weight: 500;
}
QPushButton#logoutBtn {
text-align: left;
padding: 12px 25px;
border-radius: 8px;
margin: 5px 15px;
font-size: 14px;
color: #feb2b2;
background-color: transparent;
border: none;
min-height: auto; /* 覆盖全局最小高度 */
}
QPushButton#logoutBtn:hover {
color: #f56565;
}
/* 操作按钮样式 */
QPushButton#actionBtn {
background-color: rgba(129, 140, 248, 0.1);
color: #818cf8;
border: 1px solid rgba(129, 140, 248, 0.2);
min-height: auto; /* 覆盖全局最小高度 */
}
QPushButton#actionBtn:hover {
background-color: rgba(129, 140, 248, 0.2);
}
QPushButton#retryBtn {
background-color: rgba(251, 113, 133, 0.1);
color: #fb7185;
border: 1px solid rgba(251, 113, 133, 0.2);
min-height: auto; /* 覆盖全局最小高度 */
}
QPushButton#retryBtn:hover {
background-color: rgba(251, 113, 133, 0.2);
}
QPushButton#deleteBtn {
background-color: rgba(120, 113, 108, 0.1);
color: #a8a29e;
border: 1px solid rgba(120, 113, 108, 0.2);
min-height: auto; /* 覆盖全局最小高度 */
}
QPushButton#deleteBtn:hover {
background-color: rgba(120, 113, 108, 0.2);
}
/* 卡片按钮样式 */
QPushButton#appCardBtn {
min-height: auto; /* 覆盖全局最小高度 */
min-width: 120px;
}
/* 登录页面按钮 */
QPushButton#loginBtn {
min-height: auto; /* 覆盖全局最小高度 */
min-width: 240px;
padding: 14px 30px;
font-size: 16px;
}
/* 列表控件 */
QListWidget {
background-color: #2d3748;
border: 1px solid #4a5568;
border-radius: 8px;
padding: 4px;
color: #e2e8f0;
outline: none;
}
QListWidget::item {
padding: 8px 12px;
border-bottom: 1px solid #4a5568;
}
QListWidget::item:selected {
background-color: rgba(129, 140, 248, 0.15);
color: #e2e8f0;
border-radius: 4px;
}
/* 滚动条 */
QScrollBar:vertical {
background: #2d3748;
width: 10px;
border: none;
}
QScrollBar::handle:vertical {
background: #4a5568;
min-height: 20px;
border-radius: 4px;
}
QScrollBar::handle:vertical:hover {
background: #718096;
}
QScrollBar::add-line:vertical,
QScrollBar::sub-line:vertical {
height: 0;
}
QScrollBar::add-page:vertical,
QScrollBar::sub-page:vertical {
background: none;
}
/* 标签 */
QLabel {
color: #e2e8f0;
background-color: transparent;
}
/* 菜单栏 */
/* 导航栏 */
#navBar {
background-color: #1a202c;
border-right: 1px solid #2d3748;
}
/* 用户卡片 */
#userCard {
background-color: #2d3748;
border-radius: 8px;
margin: 15px;
padding: 15px;
}
/* 导航按钮 */
#navBtn {
text-align: left;
padding: 12px 25px;
color: #a0aec0;
border-radius: 8px;
margin: 5px 15px;
font-size: 14px;
background-color: transparent;
border: none;
}
#navBtn:hover {
background-color: rgba(79, 70, 229, 0.1);
color: #cbd5e0;
}
#navBtn.active {
background-color: rgba(79, 70, 229, 0.15);
color: #818cf8;
font-weight: 500;
}
/* 退出按钮 */
#logoutBtn {
text-align: left;
padding: 12px 25px;
border-radius: 8px;
margin: 5px 15px;
font-size: 14px;
color: #feb2b2;
background-color: transparent;
border: none;
}
#logoutBtn:hover {
color: #f56565;
}
/* 分割线 */
QFrame[frameShape="4"] { /* HLine */
background-color: #2d3748;
margin: 10px 15px;
max-height: 1px;
}
/* 进度条 */
QProgressBar {
border-radius: 4px;
height: 8px;
background-color: #2d3748;
border: 1px solid #4a5568;
text-align: center;
}
QProgressBar::chunk {
background-color: #4f46e5;
border-radius: 4px;
}
/* 复选框 */
QCheckBox {
color: #e2e8f0;
spacing: 8px;
}
QCheckBox::indicator {
width: 16px;
height: 16px;
border: 1px solid #4a5568;
border-radius: 3px;
background-color: #2d3748;
}
QCheckBox::indicator:checked {
background-color: #4f46e5;
border: 1px solid #4f46e5;
}
/* 分组框 */
QGroupBox {
font-weight: bold;
background-color: #2d3748;
border: 1px solid #4a5568;
border-radius: 8px;
margin-top: 1.5ex;
padding-top: 10px;
}
QGroupBox::title {
subcontrol-origin: margin;
subcontrol-position: top left;
background-color: transparent;
padding: 0 3px;
left: 9px;
}
"""