feat: add chibi icons

meet AyuChan <3

Telegram/Resources/qrc/ayu/ayu.qrc

@@ -6,6 +6,12 @@
         <file alias="art/ayu/bard/app.png">../../art/ayu/bard/app.png</file>
         <file alias="art/ayu/bard/app_preview.png">../../art/ayu/bard/app_preview.png</file>
         <file alias="art/ayu/bard/app_icon.ico">../../art/ayu/bard/app_icon.ico</file>
+        <file alias="art/ayu/chibi/app.png">../../art/ayu/chibi/app.png</file>
+        <file alias="art/ayu/chibi/app_preview.png">../../art/ayu/chibi/app_preview.png</file>
+        <file alias="art/ayu/chibi/app_icon.ico">../../art/ayu/chibi/app_icon.ico</file>
+        <file alias="art/ayu/chibi2/app.png">../../art/ayu/chibi2/app.png</file>
+        <file alias="art/ayu/chibi2/app_preview.png">../../art/ayu/chibi2/app_preview.png</file>
+        <file alias="art/ayu/chibi2/app_icon.ico">../../art/ayu/chibi2/app_icon.ico</file>
         <file alias="art/ayu/default/app.png">../../art/ayu/default/app.png</file>
         <file alias="art/ayu/default/app_preview.png">../../art/ayu/default/app_preview.png</file>
         <file alias="art/ayu/default/app_icon.ico">../../art/ayu/default/app_icon.ico</file>

Telegram/SourceFiles/ayu/ui/ayu_logo.h

@@ -18,6 +18,8 @@ ICON(EXTERA, "extera");
 ICON(NOTHING, "nothing");
 ICON(BARD, "bard");
 ICON(YAPLUS, "yaplus");
+ICON(CHIBI, "chibi");
+ICON(CHIBI2, "chibi2");
 
 void loadAppIco();
 

Telegram/SourceFiles/ayu/ui/ayu_styles.style

@@ -12,12 +12,10 @@ using "ui/colors.palette";
 using "ui/widgets/widgets.style";
 using "info/info.style";
 
-iconPreviewStroke: activeButtonBg;
-
 /* Color Picker */
 cpPadding: 14px;
 cpSelectedPadding: 2px;
-cpPenSize: 2px;
+cpSelectedRounding: 12px;
 cpImagePadding: 4px;
 cpSpacingX: 16px;
 cpSpacingY: 8px;

Telegram/SourceFiles/ayu/ui/settings/icon_picker.cpp

@@ -28,7 +28,9 @@ const QVector<QString> icons{
 	AyuAssets::EXTERA_ICON,
 	AyuAssets::NOTHING_ICON,
 	AyuAssets::BARD_ICON,
-	AyuAssets::YAPLUS_ICON
+	AyuAssets::YAPLUS_ICON,
+	AyuAssets::CHIBI_ICON,
+	AyuAssets::CHIBI2_ICON,
 };
 
 const auto rows = static_cast<int>(icons.size()) / 4 + std::min(1, static_cast<int>(icons.size()) % 4);
@@ -36,18 +38,26 @@ const auto rows = static_cast<int>(icons.size()) / 4 + std::min(1, static_cast<i
 void drawIcon(QPainter &p, const QImage &icon, int xOffset, int yOffset, float strokeOpacity) {
 	xOffset += st::cpPadding;
 
-	// stroke
 	p.save();
-	p.setPen(QPen(st::iconPreviewStroke, st::cpPenSize));
+	p.setPen(QPen(st::boxDividerBg, 0));
+	p.setBrush(QBrush(st::boxDividerBg));
 	p.setOpacity(strokeOpacity);
-	p.drawEllipse(xOffset + st::cpSelectedPadding,
+	p.drawRoundedRect(
-				  yOffset + st::cpSelectedPadding,
+		xOffset + st::cpSelectedPadding,
-				  st::cpIconSize + st::cpSelectedPadding * 2,
+		yOffset + st::cpSelectedPadding,
-				  st::cpIconSize + st::cpSelectedPadding * 2);
+		st::cpIconSize + st::cpSelectedPadding * 2,
+		st::cpIconSize + st::cpSelectedPadding * 2,
+		st::cpSelectedRounding,
+		st::cpSelectedRounding
+	);
 	p.restore();
-	// /stroke
 
-	auto rect = QRect(xOffset + st::cpImagePadding, yOffset + st::cpImagePadding, st::cpIconSize, st::cpIconSize);
+	auto rect = QRect(
+		xOffset + st::cpImagePadding,
+		yOffset + st::cpImagePadding,
+		st::cpIconSize,
+		st::cpIconSize
+	);
 	p.drawImage(rect, icon);
 }
 
@@ -65,7 +75,7 @@ void applyIcon() {
 
 IconPicker::IconPicker(QWidget *parent)
 	: RpWidget(parent) {
-	setMinimumSize(st::boxWidth, (st::cpIconSize + st::cpPadding) * rows);
+	setMinimumSize(st::boxWidth, (st::cpIconSize + st::cpPadding) * rows - st::cpPadding);
 }
 
 void IconPicker::paintEvent(QPaintEvent *e) {
@@ -80,21 +90,27 @@ void IconPicker::paintEvent(QPaintEvent *e) {
 			auto const idx = i + row * 4;
 
 			const auto &iconName = icons[idx];
+			if (iconName.isEmpty()) {
+				continue;
+			}
+
 			auto icon = AyuAssets::loadPreview(iconName)
 				.scaled(st::cpIconSize, st::cpIconSize, Qt::KeepAspectRatio, Qt::SmoothTransformation);
 
 			auto opacity = 0.0f;
-		    if (iconName == wasSelected) {
+			if (iconName == wasSelected) {
 				opacity = 1.0f - animation.value(1.0f);
 			} else if (iconName == AyuAssets::currentAppLogoName()) {
 				opacity = wasSelected.isEmpty() ? 1.0f : animation.value(1.0f);
 			}
 
-			drawIcon(p,
+			drawIcon(
-					 icon,
+				p,
-					 (st::cpIconSize + st::cpSpacingX) * i + offset,
+				icon,
-					 row * (st::cpIconSize + st::cpSpacingY),
+				(st::cpIconSize + st::cpSpacingX) * i + offset,
-					 opacity);
+				row * (st::cpIconSize + st::cpSpacingY),
+				opacity
+			);
 		}
 	}
 }
@@ -114,6 +130,10 @@ void IconPicker::mousePressEvent(QMouseEvent *e) {
 			if (x >= xOffset && x <= xOffset + st::cpIconSize && e->pos().y() >= yOffset
 				&& e->pos().y() <= yOffset + st::cpIconSize) {
 				const auto &iconName = icons[idx];
+				if (iconName.isEmpty()) {
+					break;
+				}
+
 				if (settings->appIcon != iconName) {
 					wasSelected = settings->appIcon;
 					animation.start(
@@ -124,7 +144,8 @@ void IconPicker::mousePressEvent(QMouseEvent *e) {
 						0.0,
 						1.0,
 						200,
-						anim::easeOutCubic);
+						anim::easeOutCubic
+					);
 
 					settings->set_appIcon(iconName);
 					changed = true;