Replace the info-*.png files used in qml with svg variants

This commit is contained in:
luisangelsm
2026-02-12 19:26:51 +01:00
parent 63d9129dcc
commit 1ef1029cf5
20 changed files with 64 additions and 43 deletions

View File

@ -16,14 +16,10 @@
<file>qml/info-shadow-light@2x.png</file>
<file>qml/info-top-shadow.png</file>
<file>qml/ComicInfoView.qml</file>
<file>qml/info-favorites.png</file>
<file>qml/info-favorites@2x.png</file>
<file>qml/info-rating.png</file>
<file>qml/info-rating@2x.png</file>
<file>qml/info-tag.png</file>
<file>qml/info-tag@2x.png</file>
<file>qml/info-tick.png</file>
<file>qml/info-tick@2x.png</file>
<file>qml/info-favorites.svg</file>
<file>qml/info-rating.svg</file>
<file>qml/info-tag.svg</file>
<file>qml/info-tick.svg</file>
<file>qml/InfoTick.qml</file>
<file>qml/InfoFavorites.qml</file>
<file>qml/InfoRating.qml</file>

View File

@ -20,7 +20,7 @@ Item {
Image {
anchors.centerIn: parent
id: favorites_button_compact
source: "info-favorites.png"
source: "info-favorites.svg"
}
ColorOverlay {

View File

@ -1,6 +1,6 @@
import QtQuick
import Qt5Compat.GraphicalEffects
import QtQuick.Controls.impl
Item {
width: 20
@ -17,15 +17,10 @@ Item {
}
}
Image {
ColorImage {
anchors.centerIn: parent
id: favorites_button_compact
source: "info-favorites.png"
}
ColorOverlay {
anchors.fill: favorites_button_compact
source: favorites_button_compact
source: "info-favorites.svg"
color: active ? favCheckedColor : favUncheckedColor
}
}

View File

@ -18,7 +18,7 @@ Row {
Image {
id: star
source: "info-rating.png"
source: "info-rating.svg"
}
ColorOverlay {

View File

@ -1,6 +1,6 @@
import QtQuick
import Qt5Compat.GraphicalEffects
import QtQuick.Controls.impl
Row {
spacing: 0
@ -16,14 +16,9 @@ Row {
width: 25
height: 20
Image {
ColorImage {
id: star
source: "info-rating.png"
}
ColorOverlay {
anchors.fill: star
source: star
source: "info-rating.svg"
color: index < (mouseIndex > 0 ? mouseIndex : rating) ? ratingSelectedColor : ratingUnselectedColor
}

View File

@ -17,7 +17,7 @@ Item {
Image {
id: read_compact
source: "info-tick.png"
source: "info-tick.svg"
}
ColorOverlay {

View File

@ -1,6 +1,6 @@
import QtQuick
import Qt5Compat.GraphicalEffects
import QtQuick.Controls.impl
Item {
@ -15,14 +15,9 @@ Item {
}
}
Image {
ColorImage {
id: read_compact
source: "info-tick.png"
}
ColorOverlay {
anchors.fill: read_compact
source: read_compact
source: "info-tick.svg"
color: read ? readTickCheckedColor : readTickUncheckedColor
}
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 371 B

View File

@ -0,0 +1,11 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg id="info" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 21">
<defs>
<style>
.cls-1 {
fill: #f0f;
}
</style>
</defs>
<path class="cls-1" d="M20.34,4.95c-2.12-4.47-9.27-3.47-9.34,1.82C10.93,1.47,3.78.48,1.66,4.95c-2.75,5.81,7.45,12.81,9.33,14.05h0s0,0,0,0c0,0,0,0,0,0h0c1.88-1.25,12.09-8.24,9.33-14.05Z"/>
</svg>

After

Width:  |  Height:  |  Size: 393 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 615 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 322 B

View File

@ -0,0 +1,11 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg id="info" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 21">
<defs>
<style>
.cls-1 {
fill: #f0f;
}
</style>
</defs>
<polygon class="cls-1" points="14.09 7.12 21.01 8.12 16.01 13 17.19 19.88 11 16.63 4.82 19.89 6 13 1 8.13 7.91 7.12 11 .86 14.09 7.12"/>
</svg>

After

Width:  |  Height:  |  Size: 342 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 551 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 289 B

View File

@ -0,0 +1,11 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg id="info" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 21">
<defs>
<style>
.cls-1 {
fill: #f0f;
}
</style>
</defs>
<path class="cls-1" d="M18,2h-7.09c-.27,0-.52.11-.71.29L1.21,11.29c-.39.39-.39,1.02,0,1.41l7.09,7.09c.39.39,1.02.39,1.41,0l9-9c.19-.19.29-.44.29-.71V3c0-.55-.45-1-1-1ZM14,9h0c-1.1,0-2-.9-2-2s.9-2,2-2h0c1.1,0,2,.9,2,2s-.9,2-2,2Z"/>
</svg>

After

Width:  |  Height:  |  Size: 436 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 459 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 244 B

View File

@ -0,0 +1,11 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg id="info" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 13">
<defs>
<style>
.cls-1 {
fill: #f0f;
}
</style>
</defs>
<polygon class="cls-1" points="6 13 .11 7.12 2.23 5 6 8.77 13.77 1 15.89 3.12 6 13"/>
</svg>

After

Width:  |  Height:  |  Size: 291 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 367 B

View File

@ -19,14 +19,10 @@
<file>qml/info-shadow-light@2x.png</file>
<file>qml/info-top-shadow.png</file>
<file>qml/ComicInfoView.qml</file>
<file>qml/info-favorites.png</file>
<file>qml/info-favorites@2x.png</file>
<file>qml/info-rating.png</file>
<file>qml/info-rating@2x.png</file>
<file>qml/info-tag.png</file>
<file>qml/info-tag@2x.png</file>
<file>qml/info-tick.png</file>
<file>qml/info-tick@2x.png</file>
<file>qml/info-favorites.svg</file>
<file>qml/info-rating.svg</file>
<file>qml/info-tag.svg</file>
<file>qml/info-tick.svg</file>
<file>qml/prerendered_cover_shadow.png</file>
</qresource>
</RCC>