mirror/yacreader
1
0
Fork 0
mirror of https://github.com/YACReader/yacreader synced 2026-04-12 15:49:53 -04:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Initial implementation of theming

Browse Source
This commit is contained in:
luisangelsm
2026-02-19 17:39:22 +01:00
parent ed28c94f66
commit 044176d6b7
303 changed files with 4634 additions and 2119 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
images/lists/default_0.svg
View File

@ -1 +1,17 @@
<?xml version="1.0" encoding="UTF-8"?><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><defs><style>.cls-1{fill:#e7e7e7;}</style></defs><path d="M12,13.5l-4.5-4L3,13.5V3c0-.55,.45-1,1-1h7c.55,0,1,.45,1,1V13.5Z"/><path class="cls-1" d="M12,12.5l-4.5-4L3,12.5V2c0-.55,.45-1,1-1h7c.55,0,1,.45,1,1V12.5Z"/></svg>
<?xml version="1.0" encoding="UTF-8"?>
<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 16 16">
<!-- Generator: Adobe Illustrator 29.8.4, SVG Export Plug-In . SVG Version: 2.1.1 Build 6) -->
<defs>
<style>
.st0 {
fill: #0ff;
}
.st1 {
fill: #f0f;
}
</style>
</defs>
<path class="st0" d="M12,13.5l-4.5-4-4.5,4V3c0-.5.5-1,1-1h7c.6,0,1,.5,1,1v10.5Z"/>
<path class="st1" d="M12,12.5l-4.5-4-4.5,4V2c0-.5.5-1,1-1h7c.6,0,1,.5,1,1v10.5Z"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 332 B

After

Width:  |  Height:  |  Size: 528 B

18
images/lists/default_1.svg
View File

@ -1 +1,17 @@
<?xml version="1.0" encoding="UTF-8"?><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><defs><style>.cls-1{fill:#e15055;}</style></defs><path d="M7.5,13.88c-2.5-.88-6.5-4.88-6.29-8.38,0-1.82,1.48-3.29,3.29-3.29,1.16,0,2.22,.61,2.82,1.62l.18,.3,.18-.3c.6-1.02,1.66-1.62,2.82-1.62,1.82,0,3.29,1.48,3.29,3.29,.21,3.5-3.79,7.5-6.29,8.38Z"/><path class="cls-1" d="M7.5,12.88c-2.5-.88-6.5-4.88-6.29-8.38,0-1.82,1.48-3.29,3.29-3.29,1.16,0,2.22,.61,2.82,1.62l.18,.3,.18-.3c.6-1.02,1.66-1.62,2.82-1.62,1.82,0,3.29,1.48,3.29,3.29,.21,3.5-3.79,7.5-6.29,8.38Z"/></svg>
<?xml version="1.0" encoding="UTF-8"?>
<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 16 16">
<!-- Generator: Adobe Illustrator 29.8.4, SVG Export Plug-In . SVG Version: 2.1.1 Build 6) -->
<defs>
<style>
.st0 {
fill: #0ff;
}
.st1 {
fill: #f0f;
}
</style>
</defs>
<path class="st0" d="M7.5,13.9c-2.5-.9-6.5-4.9-6.3-8.4,0-1.8,1.5-3.3,3.3-3.3s2.2.6,2.8,1.6l.2.3.2-.3c.6-1,1.7-1.6,2.8-1.6,1.8,0,3.3,1.5,3.3,3.3.2,3.5-3.8,7.5-6.3,8.4Z"/>
<path class="st1" d="M7.5,12.9c-2.5-.9-6.5-4.9-6.3-8.4,0-1.8,1.5-3.3,3.3-3.3s2.2.6,2.8,1.6l.2.3.2-.3c.6-1,1.7-1.6,2.8-1.6,1.8,0,3.3,1.5,3.3,3.3.2,3.5-3.8,7.5-6.3,8.4Z"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 580 B

After

Width:  |  Height:  |  Size: 702 B

27
images/lists/default_2.svg
View File

@ -1,19 +1,28 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 16 16">
<!-- Generator: Adobe Illustrator 29.8.4, SVG Export Plug-In . SVG Version: 2.1.1 Build 6) -->
<defs>
<style>
.cls-1 {
opacity: .24;
.st0 {
fill: #0ff;
}
.cls-2 {
fill: #fc0;
.st1 {
opacity: .2;
}
.st2 {
fill: #f0f;
}
.st3 {
fill: #ff0;
}
</style>
</defs>
<g class="cls-1">
<circle cx="7.5" cy="7.5" r="6.79"/>
<g class="st1">
<circle class="st3" cx="7.5" cy="7.5" r="6.8"/>
</g>
<circle cx="7.5" cy="8.5" r="3.29"/>
<circle class="cls-2" cx="7.5" cy="7.5" r="3.29"/>
<circle class="st0" cx="7.5" cy="8.5" r="3.3"/>
<circle class="st2" cx="7.5" cy="7.5" r="3.3"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 432 B

After

Width:  |  Height:  |  Size: 620 B

1
images/lists/label_blue.svg
View File

@ -1 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><defs><style>.cls-1{fill:#82c7ff;}</style></defs><path d="M8,2L1,9l6,6,7-7V2h-6Zm4,4h-2v-2h2v2Z"/><path class="cls-1" d="M8,1L1,8l6,6,7-7V1h-6Zm4,4h-2V3h2v2Z"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 277 B

1
images/lists/label_cyan.svg
View File

@ -1 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><defs><style>.cls-1{fill:#a0fddb;}</style></defs><path d="M8,2L1,9l6,6,7-7V2h-6Zm4,4h-2v-2h2v2Z"/><path class="cls-1" d="M8,1L1,8l6,6,7-7V1h-6Zm4,4h-2V3h2v2Z"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 277 B

1
images/lists/label_dark.svg
View File

@ -1 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><defs><style>.cls-1{fill:#b7b7b7;}</style></defs><path d="M8,2L1,9l6,6,7-7V2h-6Zm4,4h-2v-2h2v2Z"/><path class="cls-1" d="M8,1L1,8l6,6,7-7V1h-6Zm4,4h-2V3h2v2Z"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 277 B

1
images/lists/label_green.svg
View File

@ -1 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><defs><style>.cls-1{fill:#ade738;}</style></defs><path d="M8,2L1,9l6,6,7-7V2h-6Zm4,4h-2v-2h2v2Z"/><path class="cls-1" d="M8,1L1,8l6,6,7-7V1h-6Zm4,4h-2V3h2v2Z"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 277 B

1
images/lists/label_light.svg
View File

@ -1 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><defs><style>.cls-1{fill:#cbcbcb;}</style></defs><path d="M8,2L1,9l6,6,7-7V2h-6Zm4,4h-2v-2h2v2Z"/><path class="cls-1" d="M8,1L1,8l6,6,7-7V1h-6Zm4,4h-2V3h2v2Z"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 277 B

1
images/lists/label_orange.svg
View File

@ -1 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><defs><style>.cls-1{fill:#f5c240;}</style></defs><path d="M8,2L1,9l6,6,7-7V2h-6Zm4,4h-2v-2h2v2Z"/><path class="cls-1" d="M8,1L1,8l6,6,7-7V1h-6Zm4,4h-2V3h2v2Z"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 277 B

1
images/lists/label_pink.svg
View File

@ -1 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><defs><style>.cls-1{fill:#fd9cda;}</style></defs><path d="M8,2L1,9l6,6,7-7V2h-6Zm4,4h-2v-2h2v2Z"/><path class="cls-1" d="M8,1L1,8l6,6,7-7V1h-6Zm4,4h-2V3h2v2Z"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 277 B

1
images/lists/label_purple.svg
View File

@ -1 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><defs><style>.cls-1{fill:#d692fc;}</style></defs><path d="M8,2L1,9l6,6,7-7V2h-6Zm4,4h-2v-2h2v2Z"/><path class="cls-1" d="M8,1L1,8l6,6,7-7V1h-6Zm4,4h-2V3h2v2Z"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 277 B

1
images/lists/label_red.svg
View File

@ -1 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><defs><style>.cls-1{fill:#f67a7b;}</style></defs><path d="M8,2L1,9l6,6,7-7V2h-6Zm4,4h-2v-2h2v2Z"/><path class="cls-1" d="M8,1L1,8l6,6,7-7V1h-6Zm4,4h-2V3h2v2Z"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 277 B

17
images/lists/label_template.svg Normal file
View File

@ -0,0 +1,17 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 16 16">
<!-- Generator: Adobe Illustrator 29.8.4, SVG Export Plug-In . SVG Version: 2.1.1 Build 6) -->
<defs>
<style>
.st0 {
fill: #0ff;
}
.st1 {
fill: #f0f;
}
</style>
</defs>
<path class="st0" d="M8,2L1,9l6,6,7-7V2h-6ZM12,6h-2v-2h2v2Z"/>
<path class="st1" d="M8,1L1,8l6,6,7-7V1h-6ZM12,5h-2v-2h2v2Z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 488 B

1
images/lists/label_violet.svg
View File

@ -1 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><defs><style>.cls-1{fill:#8f95ff;}</style></defs><path d="M8,2L1,9l6,6,7-7V2h-6Zm4,4h-2v-2h2v2Z"/><path class="cls-1" d="M8,1L1,8l6,6,7-7V1h-6Zm4,4h-2V3h2v2Z"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 277 B

1
images/lists/label_white.svg
View File

@ -1 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><defs><style>.cls-1{fill:#fcfcfc;}</style></defs><path d="M8,2L1,9l6,6,7-7V2h-6Zm4,4h-2v-2h2v2Z"/><path class="cls-1" d="M8,1L1,8l6,6,7-7V1h-6Zm4,4h-2V3h2v2Z"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 277 B

1
images/lists/label_yellow.svg
View File

@ -1 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><defs><style>.cls-1{fill:#f2e446;}</style></defs><path d="M8,2L1,9l6,6,7-7V2h-6Zm4,4h-2v-2h2v2Z"/><path class="cls-1" d="M8,1L1,8l6,6,7-7V1h-6Zm4,4h-2V3h2v2Z"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 277 B

2
images/lists/list.svg
View File

@ -1 +1 @@
<?xml version="1.0" encoding="UTF-8"?><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><defs><style>.cls-1{fill:#e2e2e2;}.cls-2{fill:#464646;}</style></defs><rect x="3" y="2" width="9" height="12" rx="1" ry="1"/><rect class="cls-1" x="3" y="1" width="9" height="12" rx="1" ry="1"/><g><rect class="cls-2" x="5" y="3" width="1" height="1"/><rect class="cls-2" x="7" y="3" width="3" height="1"/><rect class="cls-2" x="5" y="5" width="1" height="1"/><rect class="cls-2" x="7" y="5" width="3" height="1"/><rect class="cls-2" x="5" y="7" width="1" height="1"/><rect class="cls-2" x="7" y="7" width="3" height="1"/><rect class="cls-2" x="5" y="9" width="1" height="1"/><rect class="cls-2" x="7" y="9" width="3" height="1"/></g></svg>
<?xml version="1.0" encoding="UTF-8"?><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><defs><style>.cls-1{fill:#f0f;}.cls-2{fill:#0ff;}.cls-3{fill:#ff0;}</style></defs><rect class="cls-2" x="3" y="2" width="9" height="12" rx="1" ry="1"/><rect class="cls-1" x="3" y="1" width="9" height="12" rx="1" ry="1"/><g><rect class="cls-3" x="5" y="3" width="1" height="1"/><rect class="cls-3" x="7" y="3" width="3" height="1"/><rect class="cls-3" x="5" y="5" width="1" height="1"/><rect class="cls-3" x="7" y="5" width="3" height="1"/><rect class="cls-3" x="5" y="7" width="1" height="1"/><rect class="cls-3" x="7" y="7" width="3" height="1"/><rect class="cls-3" x="5" y="9" width="1" height="1"/><rect class="cls-3" x="7" y="9" width="3" height="1"/></g></svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 750 B

After

Width:  |  Height:  |  Size: 777 B

24
images/lists/original colors.md Normal file
View File

@ -0,0 +1,24 @@
shadow in all icons is represented with #0ff -> original color was #000000
all labels have shadow and the icons should be generated from `label_template.svg`, this is the list of actual colors needed per label
label_blue.svg -> #82c7ff
label_cyan.svg -> #a0fddb
label_dark.svg -> #b7b7b7
label_green.svg -> #ade738
label_light.svg -> #cbcbcb
label_orange.svg -> #f5c240
label_pink.svg -> #fd9cda
label_purple.svg -> #d692fc
label_red.svg -> #f67a7b
label_violet.svg -> #8f95ff
label_white.svg -> #fcfcfc
label_yellow.svg -> #f2e446
other icons
default_2.svg -> #f0f -> #ffcc00 #0ff -> #000000 #ff0 -> #33000000
default_1.svg -> #f0f -> #e15055 #0ff -> #000000
default_0.svg -> #f0f -> #e7e7e7 #0ff -> #000000
list.svg -> #f0f -> #e7e7e7 #0ff -> #000000 #ff0 -> #464646