matrixion/resources/styles/nheko.qss
redsky17 50e382f554 Modified the code that generates user's colors so that it will
work regardless of the theme choices the user makes.  The code
now incorporates the contrast between the background color and the
color generated by the user_name when picking colors.  It currently
has two 'big' issues:
1. Colors are not cached.  I am planning on adding a QHash for this
a little later.  This should improve performance by not calculating
the color for the same users over and over and over again.
2. Theme changes do not trigger the colors to get refreshed.
Currently, you will have to switch to a different room and back
to get the colors to refresh.
2019-01-18 17:17:25 +00:00

233 lines
4 KiB
Text

TextLabel,
QLabel {
color: #333;
}
TimelineItem {
qproperty-backgroundColor: white;
}
#chatPage,
#chatPage > * {
background-color: white;
}
#sideBar {
border: none;
border-right: 1px solid #dee1f3;
border-left: 1px solid #dee1f3;
}
TimelineView,
TimelineView > * {
background-color: white;
border: none;
}
#scroll_widget {
background-color: white;
}
QuickSwitcher {
background-color: white;
}
InfoMessage {
qproperty-textColor: #333;
qproperty-boxColor: rgba(220, 220, 220, 120);
}
TypingDisplay {
qproperty-textColor: #333;
qproperty-backgroundColor: white;
}
SuggestionsPopup {
background-color: white;
}
PopupItem {
background-color: white;
qproperty-hoverColor: rgba(192, 193, 195, 120);
}
RoomList,
RoomList > * {
background-color: #2e3649;
border: none;
}
#roomlist_area {
background-color: #2e3649;
}
CommunitiesList,
CommunitiesList > * {
background-color: #2e3649;
}
FlatButton {
qproperty-foregroundColor: #495057;
}
FileItem {
qproperty-textColor: #333;
qproperty-backgroundColor: #f2f2f2;
qproperty-iconColor: white;
}
AudioItem {
qproperty-textColor: #333;
qproperty-backgroundColor: #f2f2f2;
qproperty-iconColor: white;
}
RaisedButton {
qproperty-foregroundColor: white;
}
RoomInfoListItem {
qproperty-highlightedBackgroundColor: #38A3D8;
qproperty-hoverBackgroundColor: rgba(200, 200, 200, 70);
qproperty-hoverTitleColor: #f2f5f8;
qproperty-hoverSubtitleColor: white;
qproperty-backgroundColor: #f2f5f8;
qproperty-titleColor: #333;
qproperty-subtitleColor: #5d6565;
qproperty-highlightedTitleColor: white;
qproperty-highlightedSubtitleColor: #f4f4f5;
qproperty-btnColor: #ccc;
qproperty-btnTextColor: #333;
qproperty-timestampColor: #707070;
qproperty-highlightedTimestampColor: #f4f4f5;
qproperty-hoverTimestampColor: white;
qproperty-avatarBgColor: #eee;
qproperty-avatarFgColor: black;
qproperty-bubbleFgColor: white;
qproperty-bubbleBgColor: #38A3D8;
}
CommunitiesListItem {
qproperty-highlightedBackgroundColor: #38A3D8;
qproperty-hoverBackgroundColor: rgba(200, 200, 200, 70);
qproperty-backgroundColor: #f2f5f8;
qproperty-avatarBgColor: #eee;
qproperty-avatarFgColor: black;
}
#ChatPageLoadSpinner {
qproperty-color: #acc7dc;
}
#FileUploadSpinner {
qproperty-color: #333;
}
UserInfoWidget, UserInfoWidget > * {
background-color: #d6dde3;
color: #ebebeb;
}
UserInfoWidget {
border: none;
border-bottom: 2px solid #ccc;
}
UserSettingsPage {
background-color: white;
}
#UserSettingScrollWidget {
background-color: white;
}
Avatar {
qproperty-textColor: black;
qproperty-backgroundColor: #eee;
}
#displayNameLabel {
color: #171919;
}
#userIdLabel {
color: #555459;
}
dialogs--Logout,
dialogs--ReCaptcha,
dialogs--LeaveRoom,
dialogs--CreateRoom,
dialogs--RoomSettings,
dialogs--InviteUsers,
dialogs--ReadReceipts,
dialogs--MemberList,
dialogs--JoinRoom,
dialogs--PreviewUploadOverlay,
dialogs--UserProfile,
EditModal,
QListWidget {
background-color: white;
color: #495057;
}
TopSection {
qproperty-textColor: #333;
}
WelcomePage,
LoginPage,
RegisterPage {
background-color: white;
color: #333;
}
FloatingButton {
qproperty-backgroundColor: #efefef;
qproperty-foregroundColor: black;
}
TextField {
qproperty-backgroundColor: white;
qproperty-inkColor: #333;
qproperty-labelColor: #333;
}
TextInputWidget {
border: none;
border-top: 1px solid #dcdcdc;
}
ScrollBar {
qproperty-handleColor: #ccc;
qproperty-backgroundColor: #efefef;
}
SideBarActions {
border: none;
border-top: 1px solid #dcdcdc;
}
TopRoomBar {
border: none;
border-bottom: 1px solid #dcdcdc;
}
Toggle {
qproperty-activeColor: #38a3d8;
qproperty-disabledColor: gray;
qproperty-inactiveColor: gray;
qproperty-trackColor: rgb(240, 240, 240);
}
SnackBar {
qproperty-textColor: white;
qproperty-bgColor: #495057;
}