initial fluent-widgets ui
This commit is contained in:
47
app/resource/qss/dark/gallery_interface.qss
Normal file
47
app/resource/qss/dark/gallery_interface.qss
Normal file
@ -0,0 +1,47 @@
|
||||
GalleryInterface,
|
||||
ToolBar,
|
||||
#view {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
QScrollArea {
|
||||
border: none;
|
||||
}
|
||||
|
||||
|
||||
ToolBar>CaptionLabel {
|
||||
color: white;
|
||||
}
|
||||
|
||||
ExampleCard {
|
||||
background-color: transparent;
|
||||
color: white;
|
||||
}
|
||||
|
||||
TitleLabel,
|
||||
StrongBodyLabel {
|
||||
color: white;
|
||||
}
|
||||
|
||||
ExampleCard>#card {
|
||||
border: 1px solid rgb(36, 36, 36);
|
||||
border-radius: 10px;
|
||||
background-color: rgba(0, 0, 0, 0.1795);
|
||||
}
|
||||
|
||||
ExampleCard>#card QLabel {
|
||||
font: 14px 'Segoe UI', 'Microsoft YaHei', 'PingFang SC';
|
||||
color: white;
|
||||
}
|
||||
|
||||
ExampleCard>#card InfoBadge {
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
|
||||
#sourceWidget {
|
||||
background-color: rgba(255, 255, 255, 0.09);
|
||||
border-top: 1px solid rgb(36, 36, 36);
|
||||
border-bottom-left-radius: 10px;
|
||||
border-bottom-right-radius: 10px;
|
||||
}
|
||||
17
app/resource/qss/dark/home_interface.qss
Normal file
17
app/resource/qss/dark/home_interface.qss
Normal file
@ -0,0 +1,17 @@
|
||||
SettingInterface,
|
||||
#view {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
QScrollArea {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
|
||||
BannerWidget > #galleryLabel {
|
||||
font: 42px 'Segoe UI SemiBold', 'Microsoft YaHei SemiBold';
|
||||
background-color: transparent;
|
||||
color: white;
|
||||
padding-left: 28px;
|
||||
}
|
||||
55
app/resource/qss/dark/icon_interface.qss
Normal file
55
app/resource/qss/dark/icon_interface.qss
Normal file
@ -0,0 +1,55 @@
|
||||
IconCard {
|
||||
background-color: rgb(43, 43, 43);
|
||||
border: 1px solid rgb(29, 29, 29);
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
IconCard > QLabel {
|
||||
color: rgb(207, 207, 207);
|
||||
font: 11px 'Segoe UI', 'PingFang SC';
|
||||
}
|
||||
|
||||
IconCard[isSelected=true] {
|
||||
background-color: --ThemeColorPrimary;
|
||||
}
|
||||
|
||||
IconCard[isSelected=true] > QLabel {
|
||||
color: black;
|
||||
}
|
||||
|
||||
#scrollWidget, #iconView {
|
||||
background-color: rgb(32, 32, 32);
|
||||
}
|
||||
|
||||
IconCardView {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
#iconView {
|
||||
border: 1px solid rgb(36, 36, 36);
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
IconInfoPanel {
|
||||
background-color: rgb(43, 43, 43);
|
||||
border-left: 1px solid rgb(29, 29, 29);
|
||||
border-top-right-radius: 10px;
|
||||
border-bottom-right-radius: 10px;
|
||||
}
|
||||
|
||||
IconInfoPanel>#nameLabel {
|
||||
font: 15px 'Segoe UI', 'PingFang SC';
|
||||
font-weight: bold;
|
||||
color: white;
|
||||
}
|
||||
|
||||
IconInfoPanel>#subTitleLabel {
|
||||
font: 14px 'Segoe UI', 'Microsoft YaHei', 'PingFang SC';
|
||||
color: white;
|
||||
}
|
||||
|
||||
IconInfoPanel>QLabel {
|
||||
font: 12px 'Segoe UI', 'PingFang SC';
|
||||
color: rgb(207, 207, 207);
|
||||
}
|
||||
|
||||
29
app/resource/qss/dark/link_card.qss
Normal file
29
app/resource/qss/dark/link_card.qss
Normal file
@ -0,0 +1,29 @@
|
||||
LinkCard {
|
||||
border: 1px solid rgb(46, 46, 46);
|
||||
border-radius: 10px;
|
||||
background-color: rgba(39, 39, 39, 0.95);
|
||||
}
|
||||
|
||||
LinkCard:hover {
|
||||
background-color: rgba(39, 39, 39, 0.93);
|
||||
border: 1px solid rgb(66, 66, 66);
|
||||
}
|
||||
|
||||
#titleLabel {
|
||||
font: 18px 'Segoe UI', 'Microsoft YaHei', 'PingFang SC';
|
||||
color: white;
|
||||
}
|
||||
|
||||
#contentLabel {
|
||||
font: 12px 'Segoe UI', 'Microsoft YaHei', 'PingFang SC';
|
||||
color: rgb(208, 208, 208);
|
||||
}
|
||||
|
||||
LinkCardView {
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
}
|
||||
|
||||
#view {
|
||||
background-color: transparent;
|
||||
}
|
||||
16
app/resource/qss/dark/navigation_view_interface.qss
Normal file
16
app/resource/qss/dark/navigation_view_interface.qss
Normal file
@ -0,0 +1,16 @@
|
||||
PivotInterface QLabel,
|
||||
TabInterface QLabel {
|
||||
padding-left: 10px;
|
||||
font: 14px 'Segoe UI', 'Microsoft YaHei', 'PingFang SC';
|
||||
color: white;
|
||||
}
|
||||
|
||||
#controlPanel BodyLabel {
|
||||
padding-left: 0px;
|
||||
}
|
||||
|
||||
#controlPanel {
|
||||
background-color: rgb(43, 43, 43);
|
||||
border-left: 1px solid rgb(50, 50, 50);
|
||||
border-top-right-radius: 10px;
|
||||
}
|
||||
15
app/resource/qss/dark/sample_card.qss
Normal file
15
app/resource/qss/dark/sample_card.qss
Normal file
@ -0,0 +1,15 @@
|
||||
#titleLabel {
|
||||
color: white;
|
||||
font: 14px 'Segoe UI', 'Microsoft YaHei', 'PingFang SC';
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#contentLabel {
|
||||
color: rgb(208, 208, 208);
|
||||
font: 12px 'Segoe UI', 'Microsoft YaHei', 'PingFang SC';
|
||||
}
|
||||
|
||||
#viewTitleLabel {
|
||||
color: white;
|
||||
font: 20px "Segoe UI SemiBold", "Microsoft YaHei", 'PingFang SC';
|
||||
}
|
||||
17
app/resource/qss/dark/setting_interface.qss
Normal file
17
app/resource/qss/dark/setting_interface.qss
Normal file
@ -0,0 +1,17 @@
|
||||
SettingInterface, #scrollWidget {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
QScrollArea {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
|
||||
/* 标签 */
|
||||
QLabel#settingLabel {
|
||||
font: 33px 'Microsoft YaHei Light';
|
||||
background-color: transparent;
|
||||
color: white;
|
||||
}
|
||||
|
||||
23
app/resource/qss/dark/system_interface.qss
Normal file
23
app/resource/qss/dark/system_interface.qss
Normal file
@ -0,0 +1,23 @@
|
||||
SettingInterface, #scrollWidget {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
QScrollArea {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
|
||||
/* 标签 */
|
||||
QLabel#label3 {
|
||||
font: 33px 'Microsoft YaHei Light';
|
||||
background-color: transparent;
|
||||
color: red;
|
||||
}
|
||||
|
||||
QLabel#label5 {
|
||||
font: 33px 'Microsoft YaHei Light';
|
||||
background-color: transparent;
|
||||
color: red;
|
||||
}
|
||||
|
||||
5
app/resource/qss/dark/view_interface.qss
Normal file
5
app/resource/qss/dark/view_interface.qss
Normal file
@ -0,0 +1,5 @@
|
||||
#frame {
|
||||
border: 1px solid rgba(255, 255, 255, 13);
|
||||
border-radius: 5px;
|
||||
background-color: transparent;
|
||||
}
|
||||
46
app/resource/qss/light/gallery_interface.qss
Normal file
46
app/resource/qss/light/gallery_interface.qss
Normal file
@ -0,0 +1,46 @@
|
||||
GalleryInterface, ToolBar, #view {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
QScrollArea {
|
||||
border: none;
|
||||
}
|
||||
|
||||
ToolBar > StrongBodyLabel {
|
||||
color: black;
|
||||
}
|
||||
|
||||
ToolBar > CaptionLabel {
|
||||
color: rgb(95, 95, 95);
|
||||
}
|
||||
|
||||
ExampleCard {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
TitleLabel,
|
||||
StrongBodyLabel {
|
||||
color: black;
|
||||
}
|
||||
|
||||
ExampleCard > #card {
|
||||
border: 1px solid rgba(0, 0, 0, 0.05);
|
||||
border-radius: 10px;
|
||||
background-color: rgba(0, 0, 0, 0.024);
|
||||
}
|
||||
|
||||
ExampleCard > #card QLabel {
|
||||
font: 14px 'Segoe UI', 'Microsoft YaHei', 'PingFang SC';
|
||||
color: black;
|
||||
}
|
||||
|
||||
ExampleCard> #card InfoBadge {
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
#sourceWidget {
|
||||
background-color: rgba(255, 255, 255, 0.667);
|
||||
border-top: 1px solid rgba(0, 0, 0, 0.05);
|
||||
border-bottom-left-radius: 10px;
|
||||
border-bottom-right-radius: 10px;
|
||||
}
|
||||
19
app/resource/qss/light/home_interface.qss
Normal file
19
app/resource/qss/light/home_interface.qss
Normal file
@ -0,0 +1,19 @@
|
||||
SettingInterface,
|
||||
#view {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
QScrollArea {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
|
||||
BannerWidget > #galleryLabel {
|
||||
font: 42px 'Segoe UI SemiBold', 'Microsoft YaHei SemiBold';
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
padding-left: 28px;
|
||||
}
|
||||
|
||||
|
||||
57
app/resource/qss/light/icon_interface.qss
Normal file
57
app/resource/qss/light/icon_interface.qss
Normal file
@ -0,0 +1,57 @@
|
||||
IconCard {
|
||||
background-color: rgb(251, 251, 251);
|
||||
border: 1px solid rgb(229, 229, 229);
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
IconCard > QLabel {
|
||||
color: rgb(96, 96, 96);
|
||||
font: 11px 'Segoe UI', 'PingFang SC';
|
||||
}
|
||||
|
||||
IconCard[isSelected=true] {
|
||||
background-color: --ThemeColorPrimary;
|
||||
}
|
||||
|
||||
IconCard[isSelected=true] > QLabel {
|
||||
color: white;
|
||||
}
|
||||
|
||||
#scrollWidget, #iconView {
|
||||
background-color: rgb(243, 243, 243);
|
||||
}
|
||||
|
||||
IconCardView {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
#iconView {
|
||||
border: 1px solid rgb(234, 234, 234);
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
|
||||
IconInfoPanel {
|
||||
background-color: rgb(251, 251, 251);
|
||||
border-left: 1px solid rgb(229, 229, 229);
|
||||
border-top-right-radius: 10px;
|
||||
border-bottom-right-radius: 10px;
|
||||
}
|
||||
|
||||
|
||||
IconInfoPanel > #nameLabel {
|
||||
font: 15px 'Segoe UI', 'PingFang SC';
|
||||
font-weight: bold;
|
||||
color: black;
|
||||
}
|
||||
|
||||
IconInfoPanel > #subTitleLabel {
|
||||
font: 14px 'Segoe UI', 'Microsoft YaHei', 'PingFang SC';
|
||||
color: black;
|
||||
}
|
||||
|
||||
IconInfoPanel > QLabel {
|
||||
font: 12px 'Segoe UI', 'PingFang SC';
|
||||
color: rgb(96, 96, 96);
|
||||
}
|
||||
|
||||
29
app/resource/qss/light/link_card.qss
Normal file
29
app/resource/qss/light/link_card.qss
Normal file
@ -0,0 +1,29 @@
|
||||
LinkCard {
|
||||
border: 1px solid rgb(234, 234, 234);
|
||||
border-radius: 10px;
|
||||
background-color: rgba(249, 249, 249, 0.95);
|
||||
}
|
||||
|
||||
LinkCard:hover {
|
||||
background-color: rgba(249, 249, 249, 0.93);
|
||||
border: 1px solid rgb(220, 220, 220);
|
||||
}
|
||||
|
||||
#titleLabel {
|
||||
font: 18px 'Segoe UI', 'Microsoft YaHei', 'PingFang SC';
|
||||
color: black;
|
||||
}
|
||||
|
||||
#contentLabel {
|
||||
font: 12px 'Segoe UI', 'Microsoft YaHei', 'PingFang SC';
|
||||
color: rgb(93, 93, 93);
|
||||
}
|
||||
|
||||
LinkCardView {
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
}
|
||||
|
||||
#view {
|
||||
background-color: transparent;
|
||||
}
|
||||
16
app/resource/qss/light/navigation_view_interface.qss
Normal file
16
app/resource/qss/light/navigation_view_interface.qss
Normal file
@ -0,0 +1,16 @@
|
||||
PivotInterface QLabel,
|
||||
TabInterface QLabel {
|
||||
padding-left: 10px;
|
||||
font: 14px 'Segoe UI', 'Microsoft YaHei', 'PingFang SC';
|
||||
color: black;
|
||||
}
|
||||
|
||||
#controlPanel BodyLabel {
|
||||
padding-left: 0px;
|
||||
}
|
||||
|
||||
#controlPanel {
|
||||
background-color: white;
|
||||
border-left: 1px solid rgb(229, 229, 229);
|
||||
border-top-right-radius: 10px;
|
||||
}
|
||||
15
app/resource/qss/light/sample_card.qss
Normal file
15
app/resource/qss/light/sample_card.qss
Normal file
@ -0,0 +1,15 @@
|
||||
#titleLabel {
|
||||
color: black;
|
||||
font: 14px 'Segoe UI', 'Microsoft YaHei', 'PingFang SC';
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#contentLabel {
|
||||
color: rgb(118, 118, 118);
|
||||
font: 12px 'Segoe UI', 'Microsoft YaHei', 'PingFang SC';
|
||||
}
|
||||
|
||||
#viewTitleLabel {
|
||||
color: black;
|
||||
font: 20px "Segoe UI SemiBold", "Microsoft YaHei", 'PingFang SC';
|
||||
}
|
||||
15
app/resource/qss/light/setting_interface.qss
Normal file
15
app/resource/qss/light/setting_interface.qss
Normal file
@ -0,0 +1,15 @@
|
||||
SettingInterface, #scrollWidget {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
QScrollArea {
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
}
|
||||
|
||||
|
||||
/* 标签 */
|
||||
QLabel#settingLabel {
|
||||
font: 33px 'Microsoft YaHei Light';
|
||||
background-color: transparent;
|
||||
}
|
||||
5
app/resource/qss/light/view_interface.qss
Normal file
5
app/resource/qss/light/view_interface.qss
Normal file
@ -0,0 +1,5 @@
|
||||
#frame {
|
||||
border: 1px solid rgba(0, 0, 0, 15);
|
||||
border-radius: 5px;
|
||||
background-color: transparent;
|
||||
}
|
||||
Reference in New Issue
Block a user