一套简约的qt 蓝色qss方案

一套简约的qt 蓝色qss方案

直接使用qss代码

QMenu
{background: qlineargradient(x1:0, y1:0, x2:0, y2:1,stop:0 rgba(255, 255, 255, 240),stop:0.2 rgba(255, 255, 255, 200),stop:0.6 rgba(255, 255, 255, 160),stop:1 rgba(255, 255, 255, 120));qproperty-effect: blur(30px);border-radius: 10px;padding:4px 2px;margin:4px 2px;
}
QMenu::item
{background-color: transparent;padding:2px 15px;margin:2px 2px;height: 30px; /* 设置item的高度 */border-radius: 4px;
}
QMenu::item:selected
{background-color: rgb(55,144,250);
}/* 普通状态 */
QPushButton {background-color: rgb(220,220,220);/* 设置背景颜色 */border: 1px solid rgb(200,200,200); /* 设置边框 */border-radius: 10px;min-height: 25px;color: #000000; /* 设置文字颜色 */padding:4px 20px;margin:4px 4px;
}/* 鼠标悬停状态 */
QPushButton:hover {background-color: rgb(55,144,250); /* 设置悬停时的背景颜色 */color: #ffffff; /* 设置悬停时的文字颜色 */
}/* 按下状态 */
QPushButton:pressed {background-color: rgb(44,133,240); /* 设置按下时的背景颜色 */color: #ffffff; /* 设置按下时的文字颜色 */
}/* 复选框选中状态 */
QPushButton:checked {background-color: rgb(55,144,250);  /* 设置选中时的背景颜色 */color: #ffffff; /* 设置选中时的文字颜色 */
}/* 按钮被选中状态 */
QPushButton:pressed:checked {background-color: rgb(44,133,240); /* 设置按钮被选中时的背景颜色 */color: #ffffff; /* 设置按钮被选中时的文字颜色 */
}QSlider::groove:horizontal {border: 1px solid #bbb; /* 设置滑块轨道的边框 */background: white; /* 设置滑块轨道的背景颜色 */height: 8px; /* 设置滑块轨道的高度 */margin: 2px 0; /* 设置滑块轨道与滑块的间距 */border-radius: 4px; /* 设置滑块轨道的圆角 */
}QSlider::handle:horizontal {background: qlineargradient(x1:0, y1:0, x2:1, y2:1, stop:0 #eee, stop:1 #ccc); /* 设置滑块的背景渐变色 */border: 1px solid #777; /* 设置滑块的边框 */width: 14px; /* 设置滑块的宽度 */margin: -2px 0; /* 设置滑块的边距 */border-radius: 7px; /* 设置滑块的圆角 */
}QSlider::handle:horizontal:hover {background: qlineargradient(x1:0, y1:0, x2:1, y2:1, stop:0 #fff, stop:1 #ddd); /* 设置鼠标悬停时滑块的背景渐变色 */border: 1px solid #888; /* 设置鼠标悬停时滑块的边框 */
}QSlider::sub-page:horizontal {background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #b9d6ff, stop:1 #add6ff); /* 设置已选择的部分的背景渐变色 */border: 1px solid #999; /* 设置已选择的部分的边框 */height: 8px; /* 设置已选择的部分的高度 */border-radius: 4px; /* 设置已选择的部分的圆角 */
}QSlider::add-page:horizontal {background: #f0f0f0; /* 设置未选择的部分的背景颜色 */border: 1px solid #999; /* 设置未选择的部分的边框 */height: 8px; /* 设置未选择的部分的高度 */border-radius: 4px; /* 设置未选择的部分的圆角 */
}QComboBox {border-radius: 5px; /* 设置圆角 */border: 1px solid #c0c0c0; /* 设置边框 */padding: 5px; /* 设置内边距 */background-color: #f0f0f0; /* 设置背景颜色 */
}QComboBox::drop-down {border-top-right-radius: 5px; /* 设置下拉箭头右上角的圆角 */border-bottom-right-radius: 5px; /* 设置下拉箭头右下角的圆角 */border-left: 1px solid #c0c0c0; /* 设置下拉箭头左边的边框 */background-color: #f0f0f0; /* 设置下拉箭头背景色 */
}QComboBox::down-arrow:on {top: 1px; /* 设置下拉箭头悬停时的位置 */left: 1px; /* 设置下拉箭头悬停时的位置 */
}QComboBox::down-arrow:on {top: 1px;left: 1px;
}QComboBox::item:selected {background-color: rgb(55,144,250); /* 设置选中项的背景色为蓝色 */color: white; /* 设置选中项的文本颜色为白色 */padding-left:0px; /* 设置选项的左边距 */text-align: center; /* 将选项居中显示 */border-radius: 5px; /* 设置圆角 */
}
QComboBox QAbstractItemView {border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;
}QLineEdit {border: 1px solid #c0c0c0; /* 设置边框 */border-radius: 5px; /* 设置边框的圆角半径 */padding: 3px; /* 设置内边距 */background-color: #f0f0f0; /* 设置背景颜色 */selection-color: white; /* 设置选中文本的颜色 */selection-background-color: blue; /* 设置选中文本的背景色 */
}QLineEdit:focus {border: 2px solid #0078d7; /* 设置获取焦点时的边框颜色 */
}QCheckBox::indicator {width: 15px; /* 设置复选框的宽度 */height: 15px; /* 设置复选框的高度 */
}QCheckBox {spacing: 5px; /* 设置复选框和文本之间的间距 */
}QCheckBox::indicator::unchecked {border: 2px solid #c0c0c0; /* 设置未选中时的边框样式 */border-radius: 5px; /* 设置未选中时的边框圆角 */
}QCheckBox::indicator::checked {border: 2px solid #0078d7; /* 设置选中时的边框样式 */background-color: #0078d7; /* 设置选中时的背景颜色 */border-radius: 5px; /* 设置未选中时的边框圆角 */
}