Merge remote-tracking branch 'origin/master'

CMakeLists.txt

@@ -8,6 +8,10 @@ find_package(Qt5Widgets REQUIRED)
 find_package(Qt5Network REQUIRED)
 find_package(Qt5LinguistTools REQUIRED)
 
+if (APPLE)
+    find_package(Qt5MacExtras REQUIRED)
+endif(APPLE)
+
 if (Qt5Widgets_FOUND)
     if (Qt5Widgets_VERSION VERSION_LESS 5.7.0)
         message(STATUS "Qt version ${Qt5Widgets_VERSION}")
@@ -244,6 +248,10 @@ else()
     add_executable (nheko ${OS_BUNDLE} ${SRC_FILES} ${UI_HEADERS} ${MOC_HEADERS} ${QRC} ${LANG_QRC} ${QM_SRC})
     target_link_libraries (nheko matrix_events Qt5::Widgets Qt5::Network)
 
+    if (APPLE)
+        target_link_libraries(nheko Qt5::MacExtras)
+    endif(APPLE)
+
     if(WIN32)
         target_link_libraries(nheko Qt5::WinMain)
     endif(WIN32)

Makefile

@@ -1,23 +1,45 @@
 SRC := $(shell find include src -type f -type f \( -iname "*.cc" -o -iname "*.h" \))
 
+# Linux specific helpers
 debug:
 	@cmake -DBUILD_TESTS=OFF -H. -GNinja -Bbuild -DCMAKE_BUILD_TYPE=Debug
 	@cmake --build build
 
+
 release-debug:
 	@cmake -DBUILD_TESTS=OFF -H. -GNinja -Bbuild -DCMAKE_BUILD_TYPE=RelWithDebInfo
 	@cmake --build build
 
+test:
+	@cmake -DBUILD_TESTS=ON -H. -GNinja -Bbuild -DCMAKE_BUILD_TYPE=RelWithDebInfo
+	@cmake --build build
+	@cd build && GTEST_COLOR=1 ctest --verbose
+
+# MacOS specific helpers
+mdebug:
+	@cmake -DBUILD_TESTS=OFF \
+		-H. \
+		-GNinja \
+		-Bbuild \
+		-DCMAKE_PREFIX_PATH=/usr/local/opt/qt5 \
+		-DCMAKE_BUILD_TYPE=Debug
+	@cmake --build build
+
+mrelease:
+	@cmake -DBUILD_TESTS=OFF \
+		-H. \
+		-GNinja \
+		-Bbuild \
+		-DCMAKE_PREFIX_PATH=/usr/local/opt/qt5 \
+		-DCMAKE_BUILD_TYPE=RelWithDebInfo
+	@cmake --build build
+
 run:
 	@./build/nheko
 
 lint:
 	@clang-format -i $(SRC)
 
-test:
-	@cmake -DBUILD_TESTS=ON -H. -GNinja -Bbuild -DCMAKE_BUILD_TYPE=RelWithDebInfo
-	@cmake --build build
-	@cd build && GTEST_COLOR=1 ctest --verbose
 
 clean:
 	rm -rf build

README.md

@@ -74,7 +74,7 @@ encouraged to open feature request issues.
 
 Here is a screen shot to get a feel for the UI, but things will probably change.
 
-![nheko](https://dl.dropboxusercontent.com/s/cs2891enrf2lqo9/nheko.jpg)
+![nheko](https://dl.dropboxusercontent.com/s/5iydk5r3b9zyycd/nheko-ui.png)
 
 ### Third party
 

include/RoomInfoListItem.h

@@ -75,6 +75,12 @@ private:
 
 	QPixmap roomAvatar_;
 
+	// Sizes are relative to the default font size of the Widget.
+	static const float UnreadCountFontRatio;
+	static const float RoomNameFontRatio;
+	static const float RoomDescriptionFontRatio;
+	static const float RoomAvatarLetterFontRatio;
+
 	Menu *menu_;
 	QAction *toggleNotifications_;
 

include/TextInputWidget.h

@@ -63,4 +63,7 @@ private:
 	FlatButton *send_file_button_;
 	FlatButton *send_message_button_;
 	EmojiPickButton *emoji_button_;
+
+	const float TextFontRatio = 1.1;
+	const float EmojiFontRatio = 1.3;
 };

include/TimelineItem.h

@@ -69,13 +69,17 @@ private:
 
 	QHBoxLayout *headerLayout_;  // Username (&) Timestamp
 
+	int MessageMargin;
+
+	const int AvatarSize = 36;
+	const float TimestampFontRatio = 0.8;
+	const float EmojiFontRatio = 1.4;
+
+	float EmojiSize = 13;
+
 	Avatar *userAvatar_;
 
 	QLabel *timestamp_;
 	QLabel *userName_;
 	QLabel *body_;
-
-	QFont bodyFont_;
-	QFont usernameFont_;
-	QFont timestampFont_;
 };

include/TopRoomBar.h

@@ -68,6 +68,9 @@ private:
 	Avatar *avatar_;
 
 	int buttonSize_;
+
+	const float RoomNameFontRatio = 1.2;
+	const float RoomDescriptionFontRatio = 1;
 };
 
 inline void TopRoomBar::updateRoomAvatar(const QImage &avatar_image)
@@ -82,10 +85,14 @@ inline void TopRoomBar::updateRoomAvatar(const QIcon &icon)
 
 inline void TopRoomBar::updateRoomName(const QString &name)
 {
-	name_label_->setText(name);
+	QString elidedText = QFontMetrics(name_label_->font())
+				     .elidedText(name, Qt::ElideRight, width() * 0.8);
+	name_label_->setText(elidedText);
 }
 
 inline void TopRoomBar::updateRoomTopic(const QString &topic)
 {
-	topic_label_->setText(topic);
+	QString elidedText = QFontMetrics(topic_label_->font())
+				     .elidedText(topic, Qt::ElideRight, width() * 0.8);
+	topic_label_->setText(elidedText);
 }

include/UserInfoWidget.h

@@ -72,4 +72,7 @@ private:
 	LogoutDialog *logoutDialog_;
 
 	int logoutButtonSize_;
+
+	const float DisplayNameFontRatio = 1.3;
+	const float UserIdFontRatio = 1.1;
 };

src/RoomInfoListItem.cc

@@ -24,6 +24,11 @@
 #include "RoomState.h"
 #include "Theme.h"
 
+const float RoomInfoListItem::UnreadCountFontRatio = 0.8;
+const float RoomInfoListItem::RoomNameFontRatio = 1.1;
+const float RoomInfoListItem::RoomDescriptionFontRatio = 1.1;
+const float RoomInfoListItem::RoomAvatarLetterFontRatio = 1.8;
+
 RoomInfoListItem::RoomInfoListItem(QSharedPointer<RoomSettings> settings,
 				   RoomState state,
 				   QString room_id,
@@ -84,10 +89,9 @@ void RoomInfoListItem::paintEvent(QPaintEvent *event)
 	else
 		p.fillRect(rect(), QColor("#F8FBFE"));
 
-	QFont font("Open Sans", 10);
+	QFont font;
-
 	QFontMetrics metrics(font);
-	p.setFont(font);
+
 	p.setPen(QColor("#333"));
 
 	QRect avatarRegion(Padding, Padding, IconSize, IconSize);
@@ -101,6 +105,9 @@ void RoomInfoListItem::paintEvent(QPaintEvent *event)
 			p.setPen(pen);
 		}
 
+		font.setPointSize(this->font().pointSize() * RoomNameFontRatio);
+		p.setFont(font);
+
 		auto name = metrics.elidedText(state_.getName(), Qt::ElideRight, (width() - IconSize - 2 * Padding) * 0.8);
 		p.drawText(QPoint(2 * Padding + IconSize, Padding + metrics.height()), name);
 
@@ -109,11 +116,14 @@ void RoomInfoListItem::paintEvent(QPaintEvent *event)
 			p.setPen(pen);
 		}
 
-		double descPercentage = 0.95;
+		double descPercentage = 0.90;
 
 		if (unreadMsgCount_ > 0)
 			descPercentage = 0.8;
 
+		font.setPointSize(this->font().pointSize() * RoomDescriptionFontRatio);
+		p.setFont(font);
+
 		auto description = metrics.elidedText(state_.getTopic(), Qt::ElideRight, width() * descPercentage - 2 * Padding - IconSize);
 		p.drawText(QPoint(2 * Padding + IconSize, bottom_y), description);
 	}
@@ -131,7 +141,7 @@ void RoomInfoListItem::paintEvent(QPaintEvent *event)
 
 		p.drawEllipse(avatarRegion.center(), IconSize / 2, IconSize / 2);
 
-		font.setPointSize(13);
+		font.setPointSize(this->font().pointSize() * RoomAvatarLetterFontRatio);
 		p.setFont(font);
 		p.setPen(QColor("#333"));
 		p.setBrush(Qt::NoBrush);
@@ -158,13 +168,13 @@ void RoomInfoListItem::paintEvent(QPaintEvent *event)
 		if (isPressed_)
 			brush.setColor(textColor);
 
+		QFont unreadCountFont;
+		unreadCountFont.setPointSize(this->font().pointSize() * UnreadCountFontRatio);
+		unreadCountFont.setBold(true);
+
 		p.setBrush(brush);
 		p.setPen(Qt::NoPen);
-
+		p.setFont(unreadCountFont);
-		QFont msgFont("Open Sans", 8);
-		msgFont.setStyleName("Bold");
-
-		p.setFont(msgFont);
 
 		int diameter = 20;
 

src/TextInputWidget.cc

@@ -57,10 +57,14 @@ TextInputWidget::TextInputWidget(QWidget *parent)
 	send_file_button_->setIcon(send_file_icon);
 	send_file_button_->setIconSize(QSize(24, 24));
 
+	QFont font;
+	font.setPointSize(this->font().pointSize() * TextFontRatio);
+
 	input_ = new FilteredTextEdit(this);
 	input_->setFixedHeight(45);
+	input_->setFont(font);
 	input_->setPlaceholderText(tr("Write a message..."));
-	input_->setStyleSheet("color: #333333; font-size: 13px; border-radius: 0; padding-top: 10px;");
+	input_->setStyleSheet("color: #333333; border-radius: 0; padding-top: 10px;");
 
 	send_message_button_ = new FlatButton(this);
 	send_message_button_->setForegroundColor(QColor("#acc7dc"));
@@ -95,10 +99,10 @@ void TextInputWidget::addSelectedEmoji(const QString &emoji)
 	QTextCursor cursor = input_->textCursor();
 
 	QFont emoji_font("Emoji One");
-	emoji_font.setPixelSize(18);
+	emoji_font.setPointSize(this->font().pointSize() * EmojiFontRatio);
 
 	QFont text_font("Open Sans");
-	text_font.setPixelSize(13);
+	text_font.setPixelSize(this->font().pointSize() * TextFontRatio);
 
 	QTextCharFormat charfmt;
 	charfmt.setFont(emoji_font);

src/TimelineItem.cc

@@ -19,6 +19,7 @@
 #include <QDebug>
 #include <QFontDatabase>
 #include <QRegExp>
+#include <QTextEdit>
 
 #include "AvatarProvider.h"
 #include "ImageItem.h"
@@ -38,24 +39,37 @@ void TimelineItem::init()
 	userName_ = nullptr;
 	body_ = nullptr;
 
-	QFontDatabase db;
+	// Initialize layout spacing variables based on the current font.
+	QFontMetrics fm(this->font());
+	const int baseWidth = fm.width('A');
+	MessageMargin = baseWidth * 1.5;
 
-	bodyFont_ = db.font("Open Sans", "Regular", 10);
+	EmojiSize = this->font().pointSize() * EmojiFontRatio;
-	usernameFont_ = db.font("Open Sans", "Bold", 10);
-	timestampFont_ = db.font("Open Sans", "Regular", 7);
 
 	topLayout_ = new QHBoxLayout(this);
 	sideLayout_ = new QVBoxLayout();
 	mainLayout_ = new QVBoxLayout();
 	headerLayout_ = new QHBoxLayout();
 
-	topLayout_->setContentsMargins(7, 0, 0, 0);
+	topLayout_->setContentsMargins(MessageMargin, MessageMargin, 0, 0);
-	topLayout_->setSpacing(9);
+	topLayout_->setSpacing(0);
 
 	topLayout_->addLayout(sideLayout_);
 	topLayout_->addLayout(mainLayout_, 1);
+
+	sideLayout_->setMargin(0);
+	sideLayout_->setSpacing(0);
+
+	mainLayout_->setContentsMargins(baseWidth * 2, 0, 0, 0);
+	mainLayout_->setSpacing(0);
+
+	headerLayout_->setMargin(0);
+	headerLayout_->setSpacing(baseWidth / 2);
 }
 
+/* 
+ * For messages created locally. The avatar and the username are displayed. 
+ */
 TimelineItem::TimelineItem(const QString &userid, const QString &color, QString body, QWidget *parent)
     : QWidget(parent)
 {
@@ -71,12 +85,13 @@ TimelineItem::TimelineItem(const QString &userid, const QString &color, QString
 
 	mainLayout_->addLayout(headerLayout_);
 	mainLayout_->addWidget(body_);
-	mainLayout_->setMargin(0);
-	mainLayout_->setSpacing(0);
 
 	AvatarProvider::resolve(userid, this);
 }
 
+/*
+ * For messages created locally. Only the text is displayed. 
+ */
 TimelineItem::TimelineItem(QString body, QWidget *parent)
     : QWidget(parent)
 {
@@ -90,11 +105,15 @@ TimelineItem::TimelineItem(QString body, QWidget *parent)
 	setupSimpleLayout();
 
 	mainLayout_->addWidget(body_);
-	mainLayout_->setMargin(0);
-	mainLayout_->setSpacing(2);
 }
 
-TimelineItem::TimelineItem(ImageItem *image, const events::MessageEvent<msgs::Image> &event, const QString &color, QWidget *parent)
+/*
+ * Used to display images. The avatar and the username are displayed.
+ */
+TimelineItem::TimelineItem(ImageItem *image,
+			   const events::MessageEvent<msgs::Image> &event,
+			   const QString &color,
+			   QWidget *parent)
     : QWidget(parent)
 {
 	init();
@@ -113,12 +132,13 @@ TimelineItem::TimelineItem(ImageItem *image, const events::MessageEvent<msgs::Im
 
 	mainLayout_->addLayout(headerLayout_);
 	mainLayout_->addLayout(imageLayout);
-	mainLayout_->setContentsMargins(0, 4, 0, 0);
-	mainLayout_->setSpacing(0);
 
 	AvatarProvider::resolve(event.sender(), this);
 }
 
+/*
+ * Used to display images. Only the image is displayed.
+ */
 TimelineItem::TimelineItem(ImageItem *image, const events::MessageEvent<msgs::Image> &event, QWidget *parent)
     : QWidget(parent)
 {
@@ -135,10 +155,11 @@ TimelineItem::TimelineItem(ImageItem *image, const events::MessageEvent<msgs::Im
 	imageLayout->addStretch(1);
 
 	mainLayout_->addLayout(imageLayout);
-	mainLayout_->setContentsMargins(0, 4, 0, 0);
-	mainLayout_->setSpacing(2);
 }
 
+/*
+ * Used to display remote notice messages.
+ */
 TimelineItem::TimelineItem(const events::MessageEvent<msgs::Notice> &event, bool with_sender, const QString &color, QWidget *parent)
     : QWidget(parent)
 {
@@ -159,22 +180,19 @@ TimelineItem::TimelineItem(const events::MessageEvent<msgs::Notice> &event, bool
 		setupAvatarLayout(displayName);
 
 		mainLayout_->addLayout(headerLayout_);
-		mainLayout_->addWidget(body_);
-		mainLayout_->setMargin(0);
-		mainLayout_->setSpacing(0);
 
 		AvatarProvider::resolve(event.sender(), this);
 	} else {
 		generateBody(body);
-
 		setupSimpleLayout();
+	}
 
 	mainLayout_->addWidget(body_);
-		mainLayout_->setMargin(0);
-		mainLayout_->setSpacing(2);
-	}
 }
 
+/*
+ * Used to display remote text messages.
+ */
 TimelineItem::TimelineItem(const events::MessageEvent<msgs::Text> &event, bool with_sender, const QString &color, QWidget *parent)
     : QWidget(parent)
 {
@@ -189,37 +207,30 @@ TimelineItem::TimelineItem(const events::MessageEvent<msgs::Text> &event, bool w
 
 	if (with_sender) {
 		auto displayName = TimelineViewManager::displayName(event.sender());
-		generateBody(displayName, color, body);
 
+		generateBody(displayName, color, body);
 		setupAvatarLayout(displayName);
 
 		mainLayout_->addLayout(headerLayout_);
-		mainLayout_->addWidget(body_);
-		mainLayout_->setMargin(0);
-		mainLayout_->setSpacing(0);
 
 		AvatarProvider::resolve(event.sender(), this);
 	} else {
 		generateBody(body);
-
 		setupSimpleLayout();
+	}
 
 	mainLayout_->addWidget(body_);
-		mainLayout_->setMargin(0);
-		mainLayout_->setSpacing(2);
-	}
 }
 
 // Only the body is displayed.
 void TimelineItem::generateBody(const QString &body)
 {
-	QString content("<span style=\"color: #171919;\">%1</span>");
+	QString content("<span style=\"color: black;\"> %1 </span>");
 
 	body_ = new QLabel(this);
 	body_->setWordWrap(true);
-	body_->setFont(bodyFont_);
 	body_->setText(content.arg(replaceEmoji(body)));
-	body_->setAlignment(Qt::AlignTop);
+	body_->setMargin(0);
 
 	body_->setTextInteractionFlags(Qt::TextSelectableByMouse | Qt::TextBrowserInteraction);
 	body_->setOpenExternalLinks(true);
@@ -237,32 +248,38 @@ void TimelineItem::generateBody(const QString &userid, const QString &color, con
 	QString userContent("<span style=\"color: %1\"> %2 </span>");
 	QString bodyContent("<span style=\"color: #171717;\"> %1 </span>");
 
+	QFont usernameFont;
+	usernameFont.setBold(true);
+
 	userName_ = new QLabel(this);
-	userName_->setFont(usernameFont_);
+	userName_->setFont(usernameFont);
 	userName_->setText(userContent.arg(color).arg(sender));
-	userName_->setAlignment(Qt::AlignTop);
 
 	if (body.isEmpty())
 		return;
 
 	body_ = new QLabel(this);
-	body_->setFont(bodyFont_);
 	body_->setWordWrap(true);
-	body_->setAlignment(Qt::AlignTop);
 	body_->setText(bodyContent.arg(replaceEmoji(body)));
 	body_->setTextInteractionFlags(Qt::TextSelectableByMouse | Qt::TextBrowserInteraction);
 	body_->setOpenExternalLinks(true);
+	body_->setMargin(0);
 }
 
 void TimelineItem::generateTimestamp(const QDateTime &time)
 {
 	QString msg("<span style=\"color: #5d6565;\"> %1 </span>");
 
+	QFont timestampFont;
+	timestampFont.setPointSize(this->font().pointSize() * TimestampFontRatio);
+
+	QFontMetrics fm(timestampFont);
+	int topMargin = QFontMetrics(this->font()).height() - fm.height();
+
 	timestamp_ = new QLabel(this);
-	timestamp_->setFont(timestampFont_);
+	timestamp_->setFont(timestampFont);
 	timestamp_->setText(msg.arg(time.toString("HH:mm")));
-	timestamp_->setAlignment(Qt::AlignTop);
+	timestamp_->setContentsMargins(0, topMargin, 0, 0);
-	timestamp_->setStyleSheet("margin-top: 2px;");
 }
 
 QString TimelineItem::replaceEmoji(const QString &body)
@@ -274,7 +291,9 @@ QString TimelineItem::replaceEmoji(const QString &body)
 
 		// TODO: Be more precise here.
 		if (code > 9000)
-			fmtBody += "<span style=\"font-family: Emoji One; font-size: 16px\">" + QString(c) + "</span>";
+			fmtBody += QString("<span style=\"font-family: Emoji One; font-size: %1px\">").arg(EmojiSize) +
+				   QString(c) +
+				   "</span>";
 		else
 			fmtBody += c;
 	}
@@ -284,13 +303,13 @@ QString TimelineItem::replaceEmoji(const QString &body)
 
 void TimelineItem::setupAvatarLayout(const QString &userName)
 {
-	topLayout_->setContentsMargins(7, 6, 0, 0);
+	topLayout_->setContentsMargins(MessageMargin, MessageMargin, 0, 0);
 
 	userAvatar_ = new Avatar(this);
 	userAvatar_->setLetter(QChar(userName[0]).toUpper());
 	userAvatar_->setBackgroundColor(QColor("#eee"));
 	userAvatar_->setTextColor(QColor("black"));
-	userAvatar_->setSize(32);
+	userAvatar_->setSize(AvatarSize);
 
 	// TODO: The provided user name should be a UserId class
 	if (userName[0] == '@' && userName.size() > 1)
@@ -298,20 +317,29 @@ void TimelineItem::setupAvatarLayout(const QString &userName)
 
 	sideLayout_->addWidget(userAvatar_);
 	sideLayout_->addStretch(1);
-	sideLayout_->setMargin(0);
-	sideLayout_->setSpacing(0);
 
 	headerLayout_->addWidget(userName_);
 	headerLayout_->addWidget(timestamp_, 1);
-	headerLayout_->setMargin(0);
 }
 
 void TimelineItem::setupSimpleLayout()
 {
 	sideLayout_->addWidget(timestamp_);
-	sideLayout_->addStretch(1);
 
-	topLayout_->setContentsMargins(9, 0, 0, 0);
+	// Keep only the time in plain text.
+	QTextEdit htmlText(timestamp_->text());
+	QString plainText = htmlText.toPlainText();
+
+	// Align the end of the avatar bubble with the end of the timestamp for
+	// messages with and without avatar. Otherwise their bodies would not be aligned.
+	int timestampWidth = timestamp_->fontMetrics().boundingRect(plainText).width();
+	int offset = std::max(0, AvatarSize - timestampWidth) / 2;
+
+	int defaultFontHeight = QFontMetrics(this->font()).height();
+
+	timestamp_->setAlignment(Qt::AlignTop);
+	timestamp_->setContentsMargins(offset, defaultFontHeight - timestamp_->fontMetrics().height(), offset, 0);
+	topLayout_->setContentsMargins(MessageMargin, MessageMargin / 3, 0, 0);
 }
 
 void TimelineItem::setUserAvatar(const QImage &avatar)

src/TopRoomBar.cc

@@ -41,11 +41,18 @@ TopRoomBar::TopRoomBar(QWidget *parent)
 	text_layout_->setSpacing(0);
 	text_layout_->setContentsMargins(0, 0, 0, 0);
 
+	QFont font;
+	font.setPointSize(this->font().pointSize() * RoomNameFontRatio);
+	font.setBold(true);
+
 	name_label_ = new QLabel(this);
-	name_label_->setStyleSheet("font-size: 14px; font-weight: 600;");
+	name_label_->setFont(font);
+
+	font.setBold(false);
+	font.setPointSize(this->font().pointSize() * RoomDescriptionFontRatio);
 
 	topic_label_ = new QLabel(this);
-	topic_label_->setStyleSheet("font-size: 12px;");
+	topic_label_->setFont(font);
 
 	text_layout_->addWidget(name_label_);
 	text_layout_->addWidget(topic_label_);

src/TrayIcon.cc

@@ -20,6 +20,10 @@
 
 #include "TrayIcon.h"
 
+#if defined(Q_OS_MAC)
+#include <QtMacExtras>
+#endif
+
 MsgCountComposedIcon::MsgCountComposedIcon(const QString &filename)
     : QIconEngine()
 {
@@ -91,10 +95,17 @@ TrayIcon::TrayIcon(const QString &filename, QWidget *parent)
 
 void TrayIcon::setUnreadCount(int count)
 {
+#if defined(Q_OS_MAC)
+	if (count == 0)
+		QtMac::setBadgeLabelText("");
+	else
+		QtMac::setBadgeLabelText(QString::number(count));
+#else
 	MsgCountComposedIcon *tmp = static_cast<MsgCountComposedIcon *>(icon_->clone());
 	tmp->msgCount = count;
 
 	setIcon(QIcon(tmp));
 
 	icon_ = tmp;
+#endif
 }

src/UserInfoWidget.cc

@@ -47,20 +47,21 @@ UserInfoWidget::UserInfoWidget(QWidget *parent)
 	userAvatar_->setBackgroundColor("#f9f9f9");
 	userAvatar_->setTextColor("#333333");
 
+	QFont font;
+	font.setBold(true);
+	font.setPointSize(this->font().pointSize() * DisplayNameFontRatio);
+
 	displayNameLabel_ = new QLabel(this);
-	displayNameLabel_->setStyleSheet(
+	displayNameLabel_->setFont(font);
-		"padding: 0 9px;"
+	displayNameLabel_->setStyleSheet("padding: 0 9px; color: #171919; margin-bottom: -10px;");
-		"color: #171919;"
-		"font-size: 14px;"
-		"font-weight: 500;"
-		"margin-bottom: -10px;");
 	displayNameLabel_->setAlignment(Qt::AlignLeading | Qt::AlignLeft | Qt::AlignTop);
 
+	font.setBold(false);
+	font.setPointSize(this->font().pointSize() * UserIdFontRatio);
+
 	userIdLabel_ = new QLabel(this);
-	userIdLabel_->setStyleSheet(
+	userIdLabel_->setFont(font);
-		"padding: 0 8px 8px 8px;"
+	userIdLabel_->setStyleSheet("padding: 0 8px 8px 8px; color: #555459;");
-		"color: #555459;"
-		"font-size: 13px");
 	userIdLabel_->setAlignment(Qt::AlignLeading | Qt::AlignLeft | Qt::AlignVCenter);
 
 	avatarLayout_->addWidget(userAvatar_);

src/main.cc

@@ -41,7 +41,13 @@ int main(int argc, char *argv[])
 
 	app.setWindowIcon(QIcon(":/logos/nheko.png"));
 
-	QFont font("Open Sans");
+	QSettings settings;
+
+	// Set the default if a value has not been set.
+	if (settings.value("font/size").toInt() == 0)
+		settings.setValue("font/size", 12);
+
+	QFont font("Open Sans", settings.value("font/size").toInt());
 	app.setFont(font);
 
 	QString lang = QLocale::system().name();