feat: theming engine custom colors now affect icons as well

This commit is contained in:
Miguel Ribeiro
2024-06-30 21:49:14 +02:00
committed by GitHub
parent d451227cf4
commit 83e2066e7b
105 changed files with 309 additions and 263 deletions

View File

@@ -1,7 +1,7 @@
<picture>
<source media="(prefers-color-scheme: dark)" srcset="./images/siteicons/blue/walloswhite.png">
<source media="(prefers-color-scheme: light)" srcset="./images/siteicons/blue/wallos.png">
<img alt="Wallos" src="./images/siteicons/blue/wallos.png">
<source media="(prefers-color-scheme: dark)" srcset="./images/siteicons/walloswhite.png">
<source media="(prefers-color-scheme: light)" srcset="./images/siteicons/wallos.png">
<img alt="Wallos" src="./images/siteicons/wallos.png">
</picture>
Wallos: Open-Source Personal Subscription Tracker

View File

@@ -130,16 +130,14 @@ $loginDisabledAllowed = $userCount == 1 && $settings['registrations_open'] == 0;
<?php
if ($user['id'] != 1) {
?>
<button class="image-button medium" onClick="removeUser(<?= $user['id'] ?>)">
<img src="images/siteicons/<?= $colorTheme ?>/delete.png"
title="<?= translate('delete_user', $i18n) ?>">
<button class="image-button medium" onClick="removeUser(<?= $user['id'] ?>)" title="<?= translate('delete_user', $i18n) ?>">
<?php include "images/siteicons/svg/delete.php"; ?>
</button>
<?php
} else {
?>
<button class="image-button medium disabled" disabled>
<img src="images/siteicons/<?= $colorTheme ?>/delete.png"
title="<?= translate('delete_user', $i18n) ?>">
<button class="image-button medium disabled" disabled title="<?= translate('delete_user', $i18n) ?>">
<?php include "images/siteicons/svg/delete.php"; ?>
</button>
<?php
}

View File

@@ -49,7 +49,7 @@ if ($rows) {
$mail->addAddress($user['email']);
$mail->isHTML(true);
$mail->Subject = 'Wallos - Reset Password';
$mail->Body = '<img src="' . $server_url . '/images/siteicons/blue/wallos.png" alt="Logo" />
$mail->Body = '<img src="' . $server_url . '/images/siteicons/wallos.png" alt="Logo" />
<br>
A password reset was requested for your account.
<br>

View File

@@ -53,7 +53,7 @@ if ($rows) {
$mail->addAddress($user['email']);
$mail->isHTML(true);
$mail->Subject = 'Wallos - Email Verification';
$mail->Body = '<img src="' . $server_url . '/images/siteicons/blue/wallos.png" alt="Logo" />
$mail->Body = '<img src="' . $server_url . '/images/siteicons/wallos.png" alt="Logo" />
<br>
Registration on Wallos was successful.
<br>

View File

@@ -68,14 +68,13 @@ if (isset($_SESSION['loggedin']) && $_SESSION['loggedin'] === true) {
}
}
$defaultLogo = $theme == "light" ? "images/siteicons/" . $colorTheme . "/wallos.png" : "images/siteicons/" . $colorTheme . "/walloswhite.png";
foreach ($subscriptions as $subscription) {
if ($subscription['inactive'] == 1 && isset($settings['hideDisabledSubscriptions']) && $settings['hideDisabledSubscriptions'] === 'true') {
continue;
}
$id = $subscription['id'];
$print[$id]['id'] = $id;
$print[$id]['logo'] = $subscription['logo'] != "" ? "images/uploads/logos/" . $subscription['logo'] : $defaultLogo;
$print[$id]['logo'] = $subscription['logo'] != "" ? "images/uploads/logos/" . $subscription['logo'] : "";
$print[$id]['name'] = htmlspecialchars_decode($subscription['name'] ?? "");
$cycle = $subscription['cycle'];
$frequency = $subscription['frequency'];
@@ -105,7 +104,7 @@ if (isset($_SESSION['loggedin']) && $_SESSION['loggedin'] === true) {
}
if (isset($print)) {
printSubscriptions($print, $sort, $categories, $members, $i18n, $colorTheme);
printSubscriptions($print, $sort, $categories, $members, $i18n, $colorTheme, "../../");
}
if (count($subscriptions) == 0) {

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.0 KiB

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.0 KiB

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 KiB

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 KiB

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.0 KiB

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 846 B

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.0 KiB

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.4 KiB

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 KiB

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.5 KiB

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.4 KiB

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.2 KiB

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.2 KiB

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 KiB

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.2 KiB

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.5 KiB

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 KiB

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.5 KiB

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.6 KiB

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.5 KiB

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.5 KiB

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.5 KiB

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.9 KiB

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.8 KiB

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 KiB

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 KiB

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 983 B

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 KiB

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.4 KiB

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.0 KiB

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 KiB

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.4 KiB

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 KiB

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.5 KiB

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.6 KiB

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.7 KiB

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.6 KiB

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.7 KiB

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.5 KiB

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.0 KiB

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.5 KiB

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.2 KiB

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.5 KiB

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.9 KiB

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.0 KiB

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.9 KiB

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.5 KiB

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.6 KiB

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.3 KiB

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.2 KiB

View File

@@ -0,0 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 48 48" id="Page-Setting--Streamline-Plump.svg" height="48" width="48">
<desc>Page Setting Streamline Icon: https://streamlinehq.com</desc>
<g id="page-setting--page-setting-square-triangle-circle-line-combination-variation">
<path id="Union" class="main-color" fill-rule="evenodd" d="M28 27a2 2 0 1 0 0 4h16a2 2 0 1 0 0 -4H28Zm-2 9a2 2 0 0 1 2 -2h16a2 2 0 1 1 0 4H28a2 2 0 0 1 -2 -2Zm0 7a2 2 0 0 1 2 -2h16a2 2 0 1 1 0 4H28a2 2 0 0 1 -2 -2Z" clip-rule="evenodd" stroke-width="1"></path>
<path id="Union_2" class="accent-color" fill-rule="evenodd" d="M18.122 1.829C16.724 1.646 14.748 1.5 12 1.5c-2.748 0 -4.724 0.146 -6.122 0.329 -2.5 0.326 -4.097 2.314 -4.24 4.677C1.56 7.776 1.5 9.55 1.5 12c0 2.45 0.06 4.225 0.137 5.494 0.144 2.363 1.742 4.351 4.241 4.677 1.398 0.183 3.374 0.329 6.122 0.329 2.748 0 4.724 -0.146 6.122 -0.329 2.5 -0.326 4.097 -2.314 4.24 -4.677 0.078 -1.27 0.138 -3.044 0.138 -5.494 0 -2.45 -0.06 -4.225 -0.137 -5.494 -0.144 -2.363 -1.742 -4.351 -4.241 -4.677ZM1.5 36c0 -5.799 4.701 -10.5 10.5 -10.5S22.5 30.201 22.5 36 17.799 46.5 12 46.5 1.5 41.799 1.5 36ZM32.793 3.45a4.02 4.02 0 0 1 6.384 0 51.43 51.43 0 0 1 4.057 5.997 51.492 51.492 0 0 1 3.165 6.51 4.021 4.021 0 0 1 -3.193 5.53c-1.83 0.261 -4.338 0.513 -7.22 0.513a51.48 51.48 0 0 1 -7.22 -0.514 4.02 4.02 0 0 1 -3.193 -5.529 51.447 51.447 0 0 1 3.165 -6.51 51.494 51.494 0 0 1 4.055 -5.996Z" clip-rule="evenodd" stroke-width="1"></path>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

View File

@@ -0,0 +1,10 @@
<?php
header('Content-Type: image/svg+xml');
echo '
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="-0.5 -0.5 16 16" id="Check-Thick--Streamline-Plump.svg" height="16" width="16">
<desc>Check Thick Streamline Icon: https://streamlinehq.com</desc>
<g id="check-thick--check-form-validation-checkmark-success-add-addition-1-tick">
<path id="Union" fill="currentColor" d="M6.320125 7.069593749999999C6.423687500000001 7.188750000000001 6.516437499999999 7.296375 6.59834375 7.3925C6.787875 7.11834375 7.0450937499999995 6.747062499999999 7.36459375 6.289125C8.392468749999999 4.815781250000001 9.428374999999999 3.3480937500000003 10.472312500000001 1.8861249999999998C10.985093749999999 1.1675625 11.975093750000001 0.74753125 12.868593749999999 1.2433750000000001C13.4003125 1.5385312500000001 14.034593749999999 1.9957812499999998 14.53415625 2.67675C15.02965625 3.35196875 14.883781250000002 4.20115625 14.49759375 4.786031250000001C11.599375 9.17684375 9.50771875 11.851 8.34309375 13.24271875C7.5815624999999995 14.1531875 6.2510625 14.216125 5.3961250000000005 13.4051875C3.6985312500000003 11.7910625 2.10321875 10.072656250000001 0.61946875 8.259968749999999C0.09556250000000001 7.61825 -0.05946875 6.6445 0.5169374999999999 5.90565625C0.8909374999999999 5.426375 1.3136562500000002 5.0205625 1.6896875 4.70309375C2.5205937499999997 4.00146875 3.6814999999999998 4.1906875 4.36959375 4.91971875C5.03440625 5.6230625 5.68471875 6.3399375000000004 6.320125 7.0699375Z" stroke-width="1"></path>
</g>
</svg>';
?>

View File

@@ -0,0 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" height="48" width="48">
<g id="add-layer-2--layer-add-design-plus-layers-square-box">
<path id="Union" class="main-color" d="M28.5 1.5c5.166 0 8.966 0.172 11.56 0.357 3.3 0.236 5.847 2.782 6.083 6.084 0.185 2.593 0.357 6.393 0.357 11.559 0 5.166 -0.172 8.966 -0.357 11.56 -0.236 3.3 -2.782 5.847 -6.084 6.083 -2.593 0.185 -6.393 0.357 -11.559 0.357 -5.166 0 -8.966 -0.172 -11.56 -0.357 -3.3 -0.236 -5.847 -2.782 -6.083 -6.084 -0.185 -2.593 -0.357 -6.393 -0.357 -11.559 0 -5.166 0.172 -8.966 0.357 -11.56 0.236 -3.3 2.782 -5.847 6.084 -6.083C19.534 1.672 23.334 1.5 28.5 1.5Z" stroke-width="1"/>
<path id="Union_2" class="accent-color" d="M19.5 10.5c5.166 0 8.966 0.172 11.56 0.357 3.3 0.236 5.847 2.782 6.083 6.084 0.185 2.593 0.357 6.393 0.357 11.559 0 5.166 -0.172 8.966 -0.357 11.56 -0.236 3.3 -2.782 5.847 -6.084 6.083 -2.593 0.185 -6.393 0.357 -11.559 0.357 -5.166 0 -8.966 -0.172 -11.56 -0.357 -3.3 -0.236 -5.847 -2.782 -6.083 -6.084C1.672 37.466 1.5 33.666 1.5 28.5c0 -5.166 0.172 -8.966 0.357 -11.56 0.236 -3.3 2.782 -5.847 6.084 -6.083 2.593 -0.185 6.393 -0.357 11.559 -0.357Z" stroke-width="1"/>
<path id="Subtract" class="main-color" fill-rule="evenodd" d="M16.113 21.628c0.047 -1.067 0.733 -1.95 1.795 -2.055 0.436 -0.043 0.963 -0.073 1.592 -0.073 0.628 0 1.156 0.03 1.592 0.073 1.062 0.106 1.748 0.988 1.795 2.055 0.034 0.788 0.068 1.89 0.09 3.395 1.504 0.022 2.607 0.056 3.395 0.09 1.067 0.047 1.95 0.733 2.055 1.795 0.043 0.436 0.073 0.963 0.073 1.592 0 0.628 -0.03 1.156 -0.073 1.592 -0.106 1.062 -0.989 1.748 -2.055 1.795 -0.788 0.034 -1.89 0.068 -3.395 0.09a119.605 119.605 0 0 1 -0.09 3.395c-0.047 1.066 -0.733 1.95 -1.795 2.055 -0.436 0.043 -0.963 0.073 -1.592 0.073 -0.628 0 -1.156 -0.03 -1.592 -0.073 -1.062 -0.106 -1.748 -0.989 -1.795 -2.055 -0.034 -0.788 -0.068 -1.89 -0.09 -3.395a119.605 119.605 0 0 1 -3.395 -0.09c-1.066 -0.047 -1.95 -0.733 -2.055 -1.795A16.127 16.127 0 0 1 10.5 28.5c0 -0.628 0.03 -1.156 0.073 -1.592 0.106 -1.062 0.989 -1.748 2.055 -1.795 0.788 -0.034 1.89 -0.068 3.395 -0.09 0.022 -1.504 0.056 -2.607 0.09 -3.395Z" clip-rule="evenodd" stroke-width="1"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.1 KiB

View File

@@ -0,0 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 48 48" id="Recycle-Bin-2--Streamline-Plump.svg" height="48" width="48">
<g id="recycle-bin-2--remove-delete-empty-bin-trash-garbage">
<path id="Union" class="accent-color" d="M43.318 15.934a1.5 1.5 0 0 0 -1.618 -1.591c-3.016 0.246 -8.46 0.52 -17.721 0.52 -9.215 0 -14.65 -0.271 -17.675 -0.516a1.5 1.5 0 0 0 -1.618 1.59c0.888 13.84 1.74 21.07 2.253 24.547 0.332 2.252 1.85 4.217 4.226 4.788 2.445 0.588 6.55 1.227 12.837 1.227 6.286 0 10.392 -0.64 12.837 -1.227 2.375 -0.57 3.894 -2.536 4.226 -4.788 0.513 -3.477 1.365 -10.708 2.253 -24.55Z" stroke-width="1"/>
<path id="Union_2" class="main-color" d="M23.37 1a8 8 0 0 0 -7.034 4.188c-3.411 0.072 -6 0.182 -7.814 0.282 -2.312 0.127 -4.692 1.242 -5.7 3.605 -0.244 0.57 -0.475 1.212 -0.663 1.919 -0.68 2.548 1.302 4.622 3.657 4.822 3.057 0.258 8.614 0.548 18.161 0.548 9.549 0 15.106 -0.29 18.162 -0.549 2.374 -0.2 4.291 -2.261 3.751 -4.785a16.68 16.68 0 0 0 -0.294 -1.167c-0.824 -2.831 -3.517 -4.277 -6.188 -4.411a260.66 260.66 0 0 0 -7.744 -0.264A8 8 0 0 0 24.631 1H23.37Z" stroke-width="1"/>
<path id="Vector_831_Stroke" class="main-color" fill-rule="evenodd" d="M17.8 23.01a2 2 0 0 1 2.19 1.791l1 10a2 2 0 0 1 -3.98 0.398l-1 -10a2 2 0 0 1 1.79 -2.189Z" clip-rule="evenodd" stroke-width="1"/>
<path id="Vector_832_Stroke" class="main-color" fill-rule="evenodd" d="M30.2 23.01a2 2 0 0 0 -2.19 1.791l-1 10a2 2 0 0 0 3.98 0.398l1 -10a2 2 0 0 0 -1.79 -2.189Z" clip-rule="evenodd" stroke-width="1"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

View File

@@ -0,0 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 48 48" id="Pencil-Square--Streamline-Plump.svg" height="48" width="48">
<desc>Pencil Square Streamline Icon: https://streamlinehq.com</desc>
<g id="pencil-square--change-document-edit-modify-paper-pencil-write-writing">
<path id="Rectangle_1098" class="main-color" d="M44.42 14.557c1.546 -1.546 2.146 -3.798 0.937 -5.62 -0.655 -0.986 -1.574 -2.156 -2.856 -3.438 -1.282 -1.282 -2.452 -2.201 -3.438 -2.856 -1.822 -1.21 -4.074 -0.61 -5.62 0.937L16.198 20.825c-0.578 0.578 -0.974 1.312 -1.053 2.126 -0.133 1.381 -0.256 3.962 0.024 7.967a2.063 2.063 0 0 0 1.913 1.913c4.005 0.28 6.586 0.157 7.967 0.024 0.814 -0.079 1.548 -0.475 2.126 -1.053L44.42 14.557Z" stroke-width="1"/>
<path id="Subtract" class="accent-color" d="m29.206 3.574 -15.13 15.13c-0.982 0.982 -1.76 2.337 -1.917 3.958 -0.15 1.562 -0.273 4.31 0.018 8.465a5.063 5.063 0 0 0 4.695 4.696c4.156 0.29 6.904 0.169 8.465 0.018 1.622 -0.157 2.977 -0.935 3.96 -1.918l15.129 -15.13c0.046 1.854 0.074 3.92 0.074 6.207 0 6.899 -0.254 11.783 -0.502 14.91 -0.261 3.291 -2.797 5.827 -6.087 6.088 -3.128 0.248 -8.012 0.502 -14.911 0.502 -6.899 0 -11.783 -0.254 -14.91 -0.502 -3.291 -0.261 -5.827 -2.797 -6.088 -6.087C1.754 36.782 1.5 31.898 1.5 25c0 -6.899 0.254 -11.783 0.502 -14.91 0.261 -3.291 2.797 -5.827 6.087 -6.088C11.217 3.754 16.101 3.5 23 3.5c2.287 0 4.352 0.028 6.206 0.074Z" stroke-width="1"/>
<path id="Intersect" class="accent-color" d="M43.775 15.202c-1.083 -1.72 -2.654 -3.79 -4.92 -6.057 -2.267 -2.266 -4.337 -3.838 -6.057 -4.92L29.15 7.873c1.516 0.84 3.668 2.307 6.169 4.808 2.5 2.5 3.967 4.653 4.808 6.169l3.648 -3.648Z" stroke-width="1"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

View File

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 32 KiB

View File

@@ -0,0 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 48 48" id="Notepad-Text--Streamline-Plump.svg" height="48" width="48">
<desc>Notepad Text Streamline Icon: https://streamlinehq.com</desc>
<g id="notepad-text--content-notes-book-notepad-notebook">
<path id="Union" class="accent-color" d="M24 5.531c-7.4 0 -12.588 0.252 -15.855 0.492 -3.277 0.241 -5.853 2.735 -6.135 6.033 -0.256 2.984 -0.51 7.566 -0.51 13.975 0 6.41 0.254 10.991 0.51 13.976 0.282 3.297 2.858 5.791 6.135 6.032 3.267 0.24 8.455 0.492 15.855 0.492s12.588 -0.251 15.855 -0.492c3.277 -0.24 5.853 -2.735 6.135 -6.032 0.256 -2.985 0.51 -7.567 0.51 -13.976 0 -6.409 -0.254 -10.99 -0.51 -13.975 -0.282 -3.298 -2.858 -5.792 -6.135 -6.033 -3.267 -0.24 -8.455 -0.492 -15.855 -0.492Z" stroke-width="1"/>
<path id="Subtract" class="main-color" fill-rule="evenodd" d="M12.75 24A2.25 2.25 0 0 1 15 21.75h18a2.25 2.25 0 0 1 0 4.5H15A2.25 2.25 0 0 1 12.75 24ZM15 32.75a2.25 2.25 0 0 0 0 4.5h9a2.25 2.25 0 0 0 0 -4.5h-9Z" clip-rule="evenodd" stroke-width="1"/>
<path id="Union_2" class="main-color" d="M13 12.531c-0.35 0 -0.665 -0.009 -0.944 -0.025 -1.58 -0.09 -2.465 -1.399 -2.513 -2.83a79.157 79.157 0 0 1 0 -5.29c0.048 -1.43 0.933 -2.74 2.513 -2.83a17.564 17.564 0 0 1 1.888 0c1.58 0.09 2.465 1.4 2.513 2.83a78.983 78.983 0 0 1 0 5.29c-0.048 1.431 -0.933 2.74 -2.513 2.83 -0.28 0.016 -0.593 0.025 -0.944 0.025Z" stroke-width="1"/>
<path id="Union_3" class="main-color" d="M24 12.531c-0.35 0 -0.665 -0.009 -0.944 -0.025 -1.58 -0.09 -2.465 -1.399 -2.513 -2.83a78.983 78.983 0 0 1 0 -5.29c0.048 -1.43 0.933 -2.74 2.513 -2.83a17.564 17.564 0 0 1 1.888 0c1.58 0.09 2.465 1.4 2.513 2.83a78.983 78.983 0 0 1 0 5.29c-0.048 1.431 -0.933 2.74 -2.513 2.83 -0.28 0.016 -0.593 0.025 -0.944 0.025Z" stroke-width="1"/>
<path id="Union_4" class="main-color" d="M35 12.531c-0.35 0 -0.665 -0.009 -0.944 -0.025 -1.58 -0.09 -2.465 -1.399 -2.513 -2.83a78.983 78.983 0 0 1 0 -5.29c0.048 -1.43 0.933 -2.74 2.513 -2.83a17.564 17.564 0 0 1 1.888 0c1.58 0.09 2.465 1.4 2.513 2.83a78.983 78.983 0 0 1 0 5.29c-0.048 1.431 -0.933 2.74 -2.513 2.83 -0.28 0.016 -0.593 0.025 -0.944 0.025Z" stroke-width="1"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.1 KiB

View File

@@ -0,0 +1,12 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 48 48" id="Payment-Recieve-7--Streamline-Plump.svg" height="48" width="48">
<desc>Payment Recieve 7 Streamline Icon: https://streamlinehq.com</desc>
<g id="payment-recieve-7--deposit-payment-finance-atm-withdraw-dollar">
<path id="Union" class="accent-color" fill="#8fbffa" d="M24 47.52C16.1987 47.52 10.7556 47.3224 7.3573 47.1364C4.0247 46.9545 1.2421 44.5335 0.9034 41.0985C0.6765 38.7988 0.48 35.575 0.48 31.3173C0.48 27.0597 0.6765 23.8359 0.9034 21.5362C1.2421 18.1001 4.0247 15.6802 7.3573 15.4983C10.7546 15.3122 16.1987 15.1147 24 15.1147C31.8013 15.1147 37.2444 15.3122 40.6428 15.4983C43.9753 15.6802 46.758 18.1012 47.0966 21.5362C47.3235 23.8359 47.52 27.0597 47.52 31.3173C47.52 35.575 47.3235 38.7988 47.0966 41.0985C46.758 44.5345 43.9753 46.9545 40.6428 47.1364C37.2454 47.3224 31.8013 47.52 24 47.52Z" stroke-width="1"/>
<path id="Vector_1565_Stroke" class="main-color" fill="#2859c5" fill-rule="evenodd" d="M23.4773 10.9333C24.6319 10.9333 25.568 9.9973 25.568 8.8427V2.5707C25.5715 0.9613 23.8315 -0.0484 22.436 0.7532C21.7855 1.1269 21.385 1.8205 21.3867 2.5707V8.8427C21.3867 9.9973 22.3227 10.9333 23.4773 10.9333Z" clip-rule="evenodd" stroke-width="1"/>
<path id="Vector_1566_Stroke" class="main-color" fill="#2859c5" fill-rule="evenodd" d="M31.84 13.024C32.9946 13.0239 33.9307 12.0879 33.9307 10.9333V5.7067C33.9342 4.0973 32.1942 3.0876 30.7986 3.8892C30.1481 4.2629 29.7477 4.9565 29.7493 5.7067V10.9333C29.7493 12.088 30.6853 13.0241 31.84 13.024Z" clip-rule="evenodd" stroke-width="1"/>
<path id="Vector_1567_Stroke" class="main-color" fill="#2859c5" fill-rule="evenodd" d="M15.1147 13.024C13.96 13.024 13.024 12.088 13.024 10.9333V5.7067C13.0205 4.0973 14.7605 3.0876 16.156 3.8892C16.8065 4.2629 17.207 4.9565 17.2053 5.7067V10.9333C17.2053 12.0879 16.2693 13.024 15.1147 13.024Z" clip-rule="evenodd" stroke-width="1"/>
<path id="Subtract" class="main-color" fill="#2859c5" fill-rule="evenodd" d="M25.0453 22.432C25.0453 21.2249 23.7387 20.4705 22.6933 21.0741C22.2082 21.3542 21.9093 21.8718 21.9093 22.432V23.5725C20.8692 23.7502 19.8145 24.1139 18.9542 24.7704C17.9015 25.5732 17.2053 26.7733 17.2053 28.312C17.2053 29.1984 17.4165 29.9992 17.8503 30.6891C18.2778 31.3706 18.8622 31.8494 19.4653 32.1933C20.5629 32.8205 21.9428 33.1153 23.031 33.3484L23.1491 33.3735C24.3972 33.6401 25.3067 33.8512 25.9339 34.2098C26.2119 34.3687 26.3625 34.5202 26.4492 34.6593C26.5297 34.7868 26.6133 34.9938 26.6133 35.368C26.6133 35.8551 26.4335 36.1604 26.098 36.4165C25.7039 36.7175 25.0568 36.9611 24.1965 37.0614C23.327 37.1554 22.448 37.1081 21.5936 36.9214C20.7354 36.7332 20.102 36.4405 19.7559 36.1614C18.8149 35.405 17.4078 35.951 17.2233 37.1442C17.1377 37.698 17.354 38.2554 17.7907 38.6064C18.6468 39.2932 19.7894 39.7364 20.9215 39.9852C21.2424 40.0553 21.5727 40.1117 21.9093 40.1546V41.248C21.9093 42.455 23.216 43.2094 24.2613 42.6059C24.7465 42.3258 25.0453 41.8082 25.0453 41.248V40.1075C26.0854 39.9309 27.1402 39.5661 28.0005 38.9096C29.0531 38.1068 29.7493 36.9067 29.7493 35.368C29.7493 34.4816 29.5392 33.6808 29.1054 32.9899C28.6768 32.3094 28.0914 31.8306 27.4893 31.4867C26.3917 30.8595 25.0119 30.5647 23.9237 30.3316L23.8056 30.3065C22.5585 30.0389 21.648 29.8288 21.0218 29.4702C20.7427 29.3113 20.5922 29.1598 20.5055 29.0207C20.425 28.8932 20.3413 28.6862 20.3413 28.312C20.3413 27.8249 20.5211 27.5196 20.8567 27.2635C21.2508 26.9625 21.8978 26.7189 22.7581 26.6186C23.628 26.5246 24.5073 26.5719 25.3621 26.7586C26.2192 26.9468 26.8527 27.2395 27.1998 27.5186C28.1409 28.2746 29.5475 27.7283 29.7316 26.5353C29.8171 25.9816 29.6007 25.4244 29.164 25.0736C28.3078 24.3868 27.1653 23.9435 26.0332 23.6948C25.7066 23.6236 25.377 23.5671 25.0453 23.5254V22.432Z" clip-rule="evenodd" stroke-width="1"/>
<path id="Subtract_2" class="main-color" fill="#2859c5" d="M11.9787 31.84C11.9787 30.6854 11.0426 29.7494 9.888 29.7493H8.8427C7.2333 29.7458 6.2236 31.4858 7.0252 32.8814C7.3989 33.5319 8.0925 33.9323 8.8427 33.9307H9.888C11.0426 33.9307 11.9787 32.9946 11.9787 31.84Z" stroke-width="1"/>
<path id="Subtract_3" class="main-color" fill="#2859c5" d="M37.0667 29.7493C35.4573 29.7458 34.4476 31.4858 35.2492 32.8814C35.6229 33.5319 36.3165 33.9323 37.0667 33.9307H38.112C39.7214 33.9342 40.7311 32.1942 39.9294 30.7986C39.5557 30.1481 38.8622 29.7477 38.112 29.7493H37.0667Z" stroke-width="1"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.4 KiB

View File

@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 48 48" id="File-Check-Alternate--Streamline-Plump.svg" height="48" width="48">
<desc>File Check Alternate Streamline Icon: https://streamlinehq.com</desc>
<g id="file-check-alternate--file-common-check">
<path id="Subtract" class="accent-color" d="M13.582 2.137C16.326 1.823 20.685 1.5 27 1.5a165 165 0 0 1 5.13 0.077 1.5 1.5 0 0 1 0.4 0.068c1.098 0.343 4.029 1.564 8.123 5.578 3.862 3.787 5.195 6.563 5.63 7.781a1.5 1.5 0 0 1 0.087 0.45c0.08 2.153 0.13 4.655 0.13 7.546 0 7.57 -0.343 12.478 -0.669 15.432 -0.32 2.9 -2.518 5.1 -5.413 5.431 -2.744 0.314 -7.103 0.637 -13.418 0.637 -1.044 0 -2.035 -0.009 -2.974 -0.025A14.458 14.458 0 0 0 28.5 34c0 -8.008 -6.492 -14.5 -14.5 -14.5a14.44 14.44 0 0 0 -6.492 1.531c0.053 -6.464 0.364 -10.773 0.66 -13.463 0.32 -2.9 2.519 -5.1 5.414 -5.431Z" stroke-width="1"></path>
<path id="Intersect" class="main-color" d="M46.348 15.25c-2.42 -0.001 -6.57 -0.04 -8.948 -0.268 -2.598 -0.249 -4.641 -2.321 -4.896 -4.975 -0.214 -2.233 -0.253 -5.99 -0.254 -8.421 0.095 0.01 0.188 0.03 0.28 0.059 1.098 0.343 4.029 1.564 8.123 5.578 3.862 3.787 5.195 6.563 5.63 7.781 0.029 0.08 0.05 0.163 0.065 0.246Z" stroke-width="1"></path>
<path id="Subtract_2" class="main-color" fill-rule="evenodd" d="M14 46c6.627 0 12 -5.373 12 -12s-5.373 -12 -12 -12S2 27.373 2 34s5.373 12 12 12Z" clip-rule="evenodd" stroke-width="1"></path>
<path id="Subtract_3" class="accent-color" fill-rule="evenodd" d="M20.611 31.185a2 2 0 1 0 -3.222 -2.37l-4.413 6.002L10.5 32.01a2 2 0 0 0 -3 2.647l4.118 4.666a2 2 0 0 0 3.111 -0.138l5.882 -8Z" clip-rule="evenodd" stroke-width="1"></path>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

View File

@@ -0,0 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 48 48" id="Layers-1--Streamline-Plump.svg" height="48" width="48">
<desc>Layers 1 Streamline Icon: https://streamlinehq.com</desc>
<g id="layers-1--design-layer-layers-pile-stack-align">
<path id="Union" class="accent-color" d="M25.65 22.818a7.074 7.074 0 0 0 -3.3 0c-2.005 0.48 -6.01 1.62 -10.995 3.994 -3.882 1.848 -6.57 3.453 -8.228 4.542 -1.945 1.28 -1.945 4.012 0 5.29 1.657 1.09 4.346 2.695 8.228 4.543 4.984 2.373 8.99 3.514 10.995 3.994 1.087 0.26 2.212 0.26 3.3 0 2.005 -0.48 6.01 -1.62 10.995 -3.994 3.881 -1.848 6.57 -3.453 8.228 -4.543 1.945 -1.278 1.945 -4.01 0 -5.29 -1.658 -1.09 -4.346 -2.694 -8.228 -4.542 -4.985 -2.374 -8.99 -3.515 -10.995 -3.994Z" stroke-width="1"></path>
<path id="Union_2" class="main-color" d="M25.65 12.818a7.074 7.074 0 0 0 -3.3 0c-2.005 0.48 -6.01 1.62 -10.995 3.994 -3.882 1.848 -6.57 3.453 -8.228 4.542 -1.945 1.28 -1.945 4.012 0 5.29 1.657 1.09 4.346 2.695 8.228 4.543 4.984 2.373 8.99 3.514 10.995 3.994 1.087 0.26 2.212 0.26 3.3 0 2.005 -0.48 6.01 -1.62 10.995 -3.994 3.881 -1.849 6.57 -3.453 8.228 -4.543 1.945 -1.278 1.945 -4.01 0 -5.29 -1.658 -1.09 -4.346 -2.694 -8.228 -4.542 -4.985 -2.374 -8.99 -3.515 -10.995 -3.994Z" stroke-width="1"></path>
<path id="Union_3" class="accent-color" d="M25.65 2.818a7.076 7.076 0 0 0 -3.3 0c-2.005 0.48 -6.01 1.62 -10.995 3.994 -3.882 1.848 -6.57 3.453 -8.228 4.542 -1.945 1.28 -1.945 4.012 0 5.29 1.658 1.09 4.346 2.695 8.228 4.543 4.984 2.373 8.99 3.514 10.995 3.993 1.088 0.26 2.212 0.26 3.3 0 2.005 -0.479 6.01 -1.62 10.995 -3.993 3.882 -1.849 6.57 -3.453 8.228 -4.543 1.945 -1.278 1.945 -4.01 0 -5.29 -1.658 -1.09 -4.346 -2.694 -8.228 -4.542 -4.984 -2.374 -8.99 -3.514 -10.995 -3.994Z" stroke-width="1"></path>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.8 KiB

View File

@@ -0,0 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 48 48" id="Web--Streamline-Plump.svg" height="48" width="48">
<desc>Web Streamline Icon: https://streamlinehq.com</desc>
<g id="web--server-world-internet-earth-www-globe-worldwide-web-network">
<path id="Union" class="accent-color" d="M24 1.5C11.574 1.5 1.5 11.574 1.5 24S11.574 46.5 24 46.5 46.5 36.426 46.5 24 36.426 1.5 24 1.5Z" stroke-width="1"></path>
<path id="Intersect" class="main-color" fill-rule="evenodd" d="M17.091 32.5c0.443 3.068 1.116 5.815 1.952 8.076 0.779 2.106 1.67 3.713 2.585 4.765 0.486 0.558 0.94 0.92 1.355 1.137a22.473 22.473 0 0 1 -4.769 -0.729c-0.75 -1.184 -1.412 -2.584 -1.985 -4.133 -0.957 -2.589 -1.7 -5.694 -2.167 -9.116H3.16a22.332 22.332 0 0 1 -0.984 -3H13.73a64.97 64.97 0 0 1 -0.23 -5.5c0 -1.881 0.08 -3.722 0.231 -5.5H2.177c0.259 -1.03 0.588 -2.032 0.984 -3h10.903c0.469 -3.422 1.214 -6.527 2.173 -9.116 0.574 -1.55 1.237 -2.951 1.988 -4.136a22.475 22.475 0 0 1 4.764 -0.726c-0.413 0.217 -0.866 0.579 -1.352 1.137 -0.914 1.053 -1.807 2.66 -2.587 4.766 -0.837 2.262 -1.512 5.008 -1.957 8.075h13.813c-0.445 -3.067 -1.12 -5.813 -1.957 -8.075 -0.78 -2.106 -1.672 -3.713 -2.587 -4.766 -0.485 -0.558 -0.938 -0.92 -1.352 -1.137 1.64 0.073 3.234 0.32 4.764 0.726 0.751 1.185 1.415 2.585 1.989 4.136 0.958 2.589 1.703 5.694 2.172 9.116H44.84c0.395 0.968 0.725 1.97 0.984 3H34.268c0.152 1.778 0.232 3.619 0.232 5.5 0 1.881 -0.08 3.723 -0.231 5.5h11.554a22.319 22.319 0 0 1 -0.984 3H33.938c-0.468 3.422 -1.21 6.527 -2.167 9.116 -0.573 1.549 -1.236 2.95 -1.986 4.133a22.473 22.473 0 0 1 -4.769 0.729c0.416 -0.218 0.87 -0.58 1.355 -1.137 0.915 -1.052 1.807 -2.659 2.586 -4.765 0.836 -2.261 1.508 -5.008 1.951 -8.076H17.091ZM31.5 24c0 -1.894 -0.085 -3.736 -0.244 -5.5H16.743A61.529 61.529 0 0 0 16.5 24a61.8 61.8 0 0 0 0.242 5.5h14.516A61.8 61.8 0 0 0 31.5 24Z" clip-rule="evenodd" stroke-width="1"></path>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.9 KiB

View File

@@ -0,0 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 48 48" id="Search-Visual--Streamline-Plump.svg" height="48" width="48">
<desc>Search Visual Streamline Icon: https://streamlinehq.com</desc>
<g id="search-visual">
<path id="Subtract" class="main-color" fill-rule="evenodd" d="M35 22c0 2.542 -0.73 4.913 -1.99 6.916l0.55 0.456c1.205 1 2.393 1.984 3.564 3.078 1.158 1.082 1.302 2.718 0.207 3.863a32.717 32.717 0 0 1 -1.018 1.018c-1.145 1.095 -2.781 0.951 -3.863 -0.207 -1.094 -1.171 -2.078 -2.358 -3.078 -3.565l-0.456 -0.55A12.939 12.939 0 0 1 22 35c-7.18 0 -13 -5.82 -13 -13S14.82 9 22 9s13 5.82 13 13Z" clip-rule="evenodd" stroke-width="1"></path>
<path id="Subtract_2" class="accent-color" fill-rule="evenodd" d="M14.5 22a7.5 7.5 0 1 1 15 0 7.5 7.5 0 0 1 -15 0Z" clip-rule="evenodd" stroke-width="1"></path>
<path id="Union" class="accent-color" fill-rule="evenodd" d="M13.924 1.501a2.5 2.5 0 1 1 0.152 4.998l-6.31 0.192A1.159 1.159 0 0 0 6.69 7.765l-0.19 6.311a2.5 2.5 0 1 1 -4.998 -0.152l0.194 -6.357 0.003 -0.072a6.16 6.16 0 0 1 5.87 -5.8l6.356 -0.194Zm27.577 32.423a2.5 2.5 0 1 1 4.998 0.152l-0.194 6.357 -0.003 0.072a6.16 6.16 0 0 1 -5.87 5.8l-6.356 0.194a2.5 2.5 0 0 1 -0.152 -4.998l6.31 -0.192a1.158 1.158 0 0 0 1.075 -1.074l0.192 -6.311ZM3.924 31.5a2.5 2.5 0 0 1 2.575 2.423l0.192 6.311a1.159 1.159 0 0 0 1.074 1.074l6.311 0.192a2.5 2.5 0 1 1 -0.152 4.998l-6.356 -0.194 -0.072 -0.003a6.16 6.16 0 0 1 -5.801 -5.87L1.5 34.077a2.5 2.5 0 0 1 2.423 -2.575ZM31.5 3.924a2.5 2.5 0 0 1 2.575 -2.423l6.356 0.194 0.072 0.003a6.16 6.16 0 0 1 5.801 5.87l0.194 6.356a2.5 2.5 0 0 1 -4.998 0.152l-0.192 -6.311a1.158 1.158 0 0 0 -1.074 -1.074l-6.311 -0.192A2.5 2.5 0 0 1 31.5 3.924Z" clip-rule="evenodd" stroke-width="1"></path>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

View File

Before

Width:  |  Height:  |  Size: 6.4 KiB

After

Width:  |  Height:  |  Size: 6.4 KiB

View File

Before

Width:  |  Height:  |  Size: 5.9 KiB

After

Width:  |  Height:  |  Size: 5.9 KiB

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 KiB

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 KiB

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1006 B

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 KiB

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.4 KiB

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.0 KiB

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 KiB

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.4 KiB

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.4 KiB

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.5 KiB

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.6 KiB

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.8 KiB

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.5 KiB

View File

@@ -91,7 +91,9 @@
<div class="contain">
<div class="logo">
<a href=".">
<div class="logo-image"></div>
<div class="logo-image" title="Wallos - Subscription Tracker">
<?php include "images/siteicons/svg/logo.php"; ?>
</div>
</a>
</div>
<nav>

View File

@@ -48,7 +48,7 @@
}
}
function printSubscriptions($subscriptions, $sort, $categories, $members, $i18n, $colorTheme) {
function printSubscriptions($subscriptions, $sort, $categories, $members, $i18n, $colorTheme, $imagePath) {
if ($sort === "price") {
usort($subscriptions, function($a, $b) {
return $a['price'] < $b['price'] ? 1 : -1;
@@ -92,7 +92,17 @@
?>
<div class="subscription<?= $subscription['inactive'] ? ' inactive' : '' ?>" onClick="toggleOpenSubscription(<?= $subscription['id'] ?>)" data-id="<?= $subscription['id'] ?>" data-name="<?= $subscription['name'] ?>">
<div class="subscription-main">
<span class="logo"><img src="<?= $subscription['logo'] ?>"></span>
<span class="logo">
<?php
if ($subscription['logo'] != "") {
?>
<img src="<?= $subscription['logo'] ?>">
<?php
} else {
include $imagePath . "images/siteicons/svg/logo.php";
}
?>
</span>
<span class="name"><?= $subscription['name'] ?></span>
<span class="cycle"><?= $subscription['billing_cycle'] ?></span>
<span class="next"><?= $subscription['next_payment'] ?></span>
@@ -105,23 +115,23 @@
</button>
<ul class="actions">
<li class="edit" title="<?= translate('edit_subscription', $i18n) ?>" onClick="openEditSubscription(event, <?= $subscription['id'] ?>)">
<img src="images/siteicons/<?= $colorTheme ?>/edit.png" title="<?= translate('edit_subscription', $i18n) ?>">
<?php include $imagePath . "images/siteicons/svg/edit.php"; ?>
<?= translate('edit_subscription', $i18n) ?>
</li>
<li class="delete" title="<?= translate('delete', $i18n) ?>" onClick="deleteSubscription(event, <?= $subscription['id'] ?>)">
<img src="images/siteicons/<?= $colorTheme ?>/delete.png" title="<?= translate('edit_subscription', $i18n) ?>">
<?php include $imagePath . "images/siteicons/svg/delete.php"; ?>
<?= translate('delete', $i18n) ?>
</li>
<li class="clone" title="<?= translate('clone', $i18n) ?>" onClick="cloneSubscription(event, <?= $subscription['id'] ?>)">
<img src="images/siteicons/<?= $colorTheme ?>/clone.png" title="<?= translate('edit_subscription', $i18n) ?>">
<?php include $imagePath . "images/siteicons/svg/clone.php"; ?>
<?= translate('clone', $i18n) ?>
</li>
</ul>
</div>
<div class="subscription-secondary">
<span class="name"><img src="images/siteicons/<?= $colorTheme ?>/subscription.png" alt="<?= translate('subscription', $i18n) ?>" /><?= $subscription['name'] ?></span>
<span class="payer_user" title="<?= translate('paid_by', $i18n) ?>"><img src="images/siteicons/<?= $colorTheme ?>/payment.png" alt="<?= translate('paid_by', $i18n) ?>" /><?= $members[$subscription['payer_user_id']]['name'] ?></span>
<span class="category" title="<?= translate('category', $i18n) ?>" ><img src="images/siteicons/<?= $colorTheme ?>/category.png" alt="<?= translate('category', $i18n) ?>" /><?= $categories[$subscription['category_id']]['name'] ?></span>
<span class="name"><?php include $imagePath . "images/siteicons/svg/subscription.php"; ?><?= $subscription['name'] ?></span>
<span class="payer_user" title="<?= translate('paid_by', $i18n) ?>"><?php include $imagePath . "images/siteicons/svg/payment.php"; ?><?= $members[$subscription['payer_user_id']]['name'] ?></span>
<span class="category" title="<?= translate('category', $i18n) ?>" ><?php include $imagePath . "images/siteicons/svg/category.php"; ?><?= $categories[$subscription['category_id']]['name'] ?></span>
<?php
if ($subscription['url'] != "") {
$url = $subscription['url'];
@@ -129,7 +139,7 @@
$url = "https://" . $url;
}
?>
<span class="url" title="<?= translate('external_url', $i18n) ?>"><a href="<?= $url ?>" target="_blank"><img src="images/siteicons/<?= $colorTheme ?>/web.png" alt="<?= translate('url', $i18n) ?>" /></a></span>
<span class="url" title="<?= translate('external_url', $i18n) ?>"><a href="<?= $url ?>" target="_blank"><?php include $imagePath . "images/siteicons/svg/web.php"; ?></a></span>
<?php
}
?>
@@ -139,7 +149,7 @@
?>
<div class="subscription-notes">
<span class="notes">
<img src="images/siteicons/<?= $colorTheme ?>/notes.png" alt="<?= translate('notes', $i18n) ?>" />
<?php include $imagePath . "images/siteicons/svg/notes.php"; ?>
<?= $subscription['notes'] ?>
</span>
</div>

View File

@@ -1,3 +1,3 @@
<?php
$version = "v2.10.0";
$version = "v2.11.0";
?>

View File

@@ -29,7 +29,6 @@ if ($result) {
}
$headerClass = count($subscriptions) > 0 ? "main-actions" : "main-actions hidden";
$defaultLogo = $theme == "light" ? "images/siteicons/" . $colorTheme . "/wallos.png" : "images/siteicons/" . $colorTheme . "/walloswhite.png";
?>
<style>
.logo-preview:after {
@@ -168,7 +167,7 @@ $defaultLogo = $theme == "light" ? "images/siteicons/" . $colorTheme . "/wallos.
}
$id = $subscription['id'];
$print[$id]['id'] = $id;
$print[$id]['logo'] = $subscription['logo'] != "" ? "images/uploads/logos/" . $subscription['logo'] : $defaultLogo;
$print[$id]['logo'] = $subscription['logo'] != "" ? "images/uploads/logos/" . $subscription['logo'] : "";
$print[$id]['name'] = $subscription['name'];
$cycle = $subscription['cycle'];
$frequency = $subscription['frequency'];
@@ -198,7 +197,7 @@ $defaultLogo = $theme == "light" ? "images/siteicons/" . $colorTheme . "/wallos.
}
if (isset($print)) {
printSubscriptions($print, $sort, $categories, $members, $i18n, $colorTheme);
printSubscriptions($print, $sort, $categories, $members, $i18n, $colorTheme, "");
}
$db->close();
@@ -238,7 +237,7 @@ $defaultLogo = $theme == "light" ? "images/siteicons/" . $colorTheme . "/wallos.
<input type="hidden" id="logo-url" name="logo-url">
<div id="logo-search-button" class="image-button medium disabled" title="<?= translate('search_logo', $i18n) ?>"
onClick="searchLogo()">
<img src="images/siteicons/<?= $colorTheme ?>/websearch.png">
<?php include "images/siteicons/svg/websearch.php"; ?>
</div>
<input type="hidden" id="id" name="id">
<div id="logo-search-results" class="logo-search">

View File

@@ -207,15 +207,9 @@ if ($adminRow['smtp_address'] != "" && $adminRow['server_url'] != "") {
<div class="content">
<section class="container">
<header>
<?php
if ($theme == "light") {
?> <img src="images/siteicons/<?= $colorTheme ?>/wallos.png" alt="Wallos Logo"
title="Wallos - Subscription Tracker" width="215" id="wallos-logo" /> <?php
} else {
?> <img src="images/siteicons/<?= $colorTheme ?>/walloswhite.png" alt="Wallos Logo"
title="Wallos - Subscription Tracker" width="215" id="wallos-logo" /> <?php
}
?>
<div class="logo-image" title="Wallos - Subscription Tracker">
<?php include "images/siteicons/svg/logo.php"; ?>
</div>
<p>
<?= translate('please_login', $i18n) ?>
</p>

View File

@@ -128,15 +128,9 @@ if (isset($_POST['password']) && $_POST['password'] != "" && isset($_POST['confi
<div class="content">
<section class="container">
<header>
<?php
if ($theme == "light") {
?> <img src="images/siteicons/<?= $colorTheme ?>/wallos.png" alt="Wallos Logo"
title="Wallos - Subscription Tracker" width="215" /> <?php
} else {
?> <img src="images/siteicons/<?= $colorTheme ?>/walloswhite.png" alt="Wallos Logo"
title="Wallos - Subscription Tracker" width="215" /> <?php
}
?>
<div class="logo-image" title="Wallos - Subscription Tracker">
<?php include "images/siteicons/svg/logo.php"; ?>
</div>
<p>
<?= translate('reset_password', $i18n) ?>
</p>

View File

@@ -327,15 +327,9 @@ if (isset($_POST['username'])) {
<div class="content">
<section class="container">
<header>
<?php
if ($theme == "light") {
?> <img src="images/siteicons/<?= $colorTheme ?>/wallos.png" alt="Wallos Logo"
title="Wallos - Subscription Tracker" width="215" id="wallos-logo" /> <?php
} else {
?> <img src="images/siteicons/<?= $colorTheme ?>/walloswhite.png" alt="Wallos Logo"
title="Wallos - Subscription Tracker" width="215" id="wallos-logo" /> <?php
}
?>
<div class="logo-image" title="Wallos - Subscription Tracker">
<?php include "images/siteicons/svg/logo.php"; ?>
</div>
<p>
<?= translate('create_account', $i18n) ?>
</p>
@@ -364,7 +358,7 @@ if (isset($_POST['username'])) {
foreach ($currencies as $currency) {
?>
<option value="<?= $currency['code'] ?>"><?= $currency['name'] ?></option>
<?php
<?php
}
?>
</select>

View File

@@ -45,10 +45,11 @@ function fillEditFormFields(subscription) {
const formTitle = document.querySelector("#form-title");
formTitle.textContent = translate('edit_subscription');
const logo = document.querySelector("#form-logo");
const defaultLogo = window.theme && window.theme == "light" ? "images/siteicons/" + colorTheme + "/wallos.png" : "images/siteicons/" + colorTheme + "/walloswhite.png";
const logoFile = subscription.logo !== null ? "images/uploads/logos/" + subscription.logo : defaultLogo;
logo.src = logoFile;
logo.style = 'display: block';
const logoFile = subscription.logo !== null ? "images/uploads/logos/" + subscription.logo : "";
if (logoFile) {
logo.src = logoFile;
logo.style = 'display: block';
}
const logoSearchButton = document.querySelector("#logo-search-button");
logoSearchButton.classList.remove("disabled");
const id = document.querySelector("#id");

View File

@@ -8,11 +8,6 @@ document.addEventListener('DOMContentLoaded', function () {
document.body.className = themePreference;
const themeColorMetaTag = document.querySelector('meta[name="theme-color"]');
themeColorMetaTag.setAttribute('content', themePreference === 'dark' ? '#222222' : '#FFFFFF');
const logoImage = document.querySelector('#wallos-logo');
const imageName = themePreference === 'dark' ? 'walloswhite' : 'wallos';
const colorTheme = window.color_theme ?? 'blue';
logoImage.src = `images/siteicons/${colorTheme}/${imageName}.png`;
}
});

View File

@@ -166,10 +166,6 @@ function checkThemeNeedsUpdate() {
document.body.className = themePreference;
const themeColorMetaTag = document.querySelector('meta[name="theme-color"]');
themeColorMetaTag.setAttribute('content', themePreference === 'dark' ? '#222222' : '#FFFFFF');
const logoImage = document.querySelector('#wallos-logo');
const imageName = themePreference === 'dark' ? 'walloswhite' : 'wallos';
const colorTheme = window.color_theme ?? 'blue';
logoImage.src = `images/siteicons/${colorTheme}/${imageName}.png`;
}
}

View File

@@ -1,3 +1,23 @@
const deleteSvgContent = `
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 48 48" id="Recycle-Bin-2--Streamline-Plump.svg" height="48" width="48">
<g id="recycle-bin-2--remove-delete-empty-bin-trash-garbage">
<path id="Union" class="accent-color" d="M43.318 15.934a1.5 1.5 0 0 0 -1.618 -1.591c-3.016 0.246 -8.46 0.52 -17.721 0.52 -9.215 0 -14.65 -0.271 -17.675 -0.516a1.5 1.5 0 0 0 -1.618 1.59c0.888 13.84 1.74 21.07 2.253 24.547 0.332 2.252 1.85 4.217 4.226 4.788 2.445 0.588 6.55 1.227 12.837 1.227 6.286 0 10.392 -0.64 12.837 -1.227 2.375 -0.57 3.894 -2.536 4.226 -4.788 0.513 -3.477 1.365 -10.708 2.253 -24.55Z" stroke-width="1"/>
<path id="Union_2" class="main-color" d="M23.37 1a8 8 0 0 0 -7.034 4.188c-3.411 0.072 -6 0.182 -7.814 0.282 -2.312 0.127 -4.692 1.242 -5.7 3.605 -0.244 0.57 -0.475 1.212 -0.663 1.919 -0.68 2.548 1.302 4.622 3.657 4.822 3.057 0.258 8.614 0.548 18.161 0.548 9.549 0 15.106 -0.29 18.162 -0.549 2.374 -0.2 4.291 -2.261 3.751 -4.785a16.68 16.68 0 0 0 -0.294 -1.167c-0.824 -2.831 -3.517 -4.277 -6.188 -4.411a260.66 260.66 0 0 0 -7.744 -0.264A8 8 0 0 0 24.631 1H23.37Z" stroke-width="1"/>
<path id="Vector_831_Stroke" class="main-color" fill-rule="evenodd" d="M17.8 23.01a2 2 0 0 1 2.19 1.791l1 10a2 2 0 0 1 -3.98 0.398l-1 -10a2 2 0 0 1 1.79 -2.189Z" clip-rule="evenodd" stroke-width="1"/>
<path id="Vector_832_Stroke" class="main-color" fill-rule="evenodd" d="M30.2 23.01a2 2 0 0 0 -2.19 1.791l-1 10a2 2 0 0 0 3.98 0.398l1 -10a2 2 0 0 0 -1.79 -2.189Z" clip-rule="evenodd" stroke-width="1"/>
</g>
</svg>
`;
const editSvgContent = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 48 48" id="File-Check-Alternate--Streamline-Plump.svg" height="48" width="48">
<g id="file-check-alternate--file-common-check">
<path id="Subtract" class="accent-color" d="M13.582 2.137C16.326 1.823 20.685 1.5 27 1.5a165 165 0 0 1 5.13 0.077 1.5 1.5 0 0 1 0.4 0.068c1.098 0.343 4.029 1.564 8.123 5.578 3.862 3.787 5.195 6.563 5.63 7.781a1.5 1.5 0 0 1 0.087 0.45c0.08 2.153 0.13 4.655 0.13 7.546 0 7.57 -0.343 12.478 -0.669 15.432 -0.32 2.9 -2.518 5.1 -5.413 5.431 -2.744 0.314 -7.103 0.637 -13.418 0.637 -1.044 0 -2.035 -0.009 -2.974 -0.025A14.458 14.458 0 0 0 28.5 34c0 -8.008 -6.492 -14.5 -14.5 -14.5a14.44 14.44 0 0 0 -6.492 1.531c0.053 -6.464 0.364 -10.773 0.66 -13.463 0.32 -2.9 2.519 -5.1 5.414 -5.431Z" stroke-width="1"></path>
<path id="Intersect" class="main-color" d="M46.348 15.25c-2.42 -0.001 -6.57 -0.04 -8.948 -0.268 -2.598 -0.249 -4.641 -2.321 -4.896 -4.975 -0.214 -2.233 -0.253 -5.99 -0.254 -8.421 0.095 0.01 0.188 0.03 0.28 0.059 1.098 0.343 4.029 1.564 8.123 5.578 3.862 3.787 5.195 6.563 5.63 7.781 0.029 0.08 0.05 0.163 0.065 0.246Z" stroke-width="1"></path>
<path id="Subtract_2" class="main-color" fill-rule="evenodd" d="M14 46c6.627 0 12 -5.373 12 -12s-5.373 -12 -12 -12S2 27.373 2 34s5.373 12 12 12Z" clip-rule="evenodd" stroke-width="1"></path>
<path id="Subtract_3" class="accent-color" fill-rule="evenodd" d="M20.611 31.185a2 2 0 1 0 -3.222 -2.37l-4.413 6.002L10.5 32.01a2 2 0 0 0 -3 2.647l4.118 4.666a2 2 0 0 0 3.111 -0.138l5.882 -8Z" clip-rule="evenodd" stroke-width="1"></path>
</g>
</svg>`;
function toggleAvatarSelect() {
var avatarSelect = document.getElementById("avatarSelect");
if (avatarSelect.classList.contains("is-open")) {
@@ -136,11 +156,8 @@ function addMemberButton(memberId) {
editMember(newMemberId);
};
let editImage = document.createElement("img");
editImage.src = "images/siteicons/" + colorTheme + "/save.png";
editImage.title = translate('save_member');
editLink.appendChild(editImage);
editLink.innerHTML = editSvgContent;
editLink.title = translate('save_member');
let deleteLink = document.createElement("button");
deleteLink.className = "image-button medium"
@@ -149,11 +166,8 @@ function addMemberButton(memberId) {
removeMember(newMemberId);
};
let deleteImage = document.createElement("img");
deleteImage.src = "images/siteicons/" + colorTheme + "/delete.png";
deleteImage.title = translate('delete_member');
deleteLink.appendChild(deleteImage);
deleteLink.innerHTML = deleteSvgContent;
deleteLink.title = translate('delete_member');
div.appendChild(input);
div.appendChild(emailInput);
@@ -265,11 +279,8 @@ function addCategoryButton(categoryId) {
editCategory(newCategoryId);
};
let editImage = document.createElement("img");
editImage.src = "images/siteicons/" + colorTheme + "/save.png";
editImage.title = translate('save_category');
editLink.appendChild(editImage);
editLink.innerHTML = editSvgContent;
editLink.title = translate('save_member');
let deleteLink = document.createElement("button");
deleteLink.className = "image-button medium"
@@ -278,11 +289,8 @@ function addCategoryButton(categoryId) {
removeCategory(newCategoryId);
};
let deleteImage = document.createElement("img");
deleteImage.src = "images/siteicons/" + colorTheme + "/delete.png";
deleteImage.title = translate('delete_category');
deleteLink.appendChild(deleteImage);
deleteLink.innerHTML = deleteSvgContent;
deleteLink.title = translate('delete_member');
row.appendChild(dragIcon);
row.appendChild(input);
@@ -403,11 +411,8 @@ function addCurrencyButton(currencyId) {
editCurrency(newCurrencyId);
};
let editImage = document.createElement("img");
editImage.src = "images/siteicons/" + colorTheme + "/save.png";
editImage.title = translate('save_currency');
editLink.appendChild(editImage);
editLink.innerHTML = editSvgContent;
editLink.title = translate('save_member');
let deleteLink = document.createElement("button");
deleteLink.className = "image-button medium"
@@ -416,11 +421,8 @@ function addCurrencyButton(currencyId) {
removeCurrency(newCurrencyId);
};
let deleteImage = document.createElement("img");
deleteImage.src = "images/siteicons/" + colorTheme + "/delete.png";
deleteImage.title = translate('delete_currency');
deleteLink.appendChild(deleteImage);
deleteLink.innerHTML = deleteSvgContent;
deleteLink.title = translate('delete_member');
div.appendChild(inputSymbol);
div.appendChild(inputName);

View File

@@ -59,16 +59,8 @@ self.addEventListener('install', function(event) {
'images/icon/favicon.ico',
'images/icon/android-chrome-192x192.png',
'images/screenshots/desktop.png',
'images/siteicons/blue/wallos.png',
'images/siteicons/blue/walloswhite.png',
'images/siteicons/green/wallos.png',
'images/siteicons/green/walloswhite.png',
'images/siteicons/red/wallos.png',
'images/siteicons/red/walloswhite.png',
'images/siteicons/yellow/wallos.png',
'images/siteicons/yellow/walloswhite.png',
'images/siteicons/purple/wallos.png',
'images/siteicons/purple/walloswhite.png',
'images/siteicons/wallos.png',
'images/siteicons/walloswhite.png',
'images/siteimages/empty.png',
'images/avatars/1.svg',
'images/avatars/2.svg',
@@ -79,56 +71,18 @@ self.addEventListener('install', function(event) {
'images/avatars/7.svg',
'images/avatars/8.svg',
'images/avatars/9.svg',
'images/siteicons/blue/category.png',
'images/siteicons/blue/check.png',
'images/siteicons/blue/delete.png',
'images/siteicons/blue/edit.png',
'images/siteicons/blue/notes.png',
'images/siteicons/blue/payment.png',
'images/siteicons/blue/save.png',
'images/siteicons/blue/subscription.png',
'images/siteicons/blue/web.png',
'images/siteicons/blue/websearch.png',
'images/siteicons/red/category.png',
'images/siteicons/red/check.png',
'images/siteicons/red/delete.png',
'images/siteicons/red/edit.png',
'images/siteicons/red/notes.png',
'images/siteicons/red/payment.png',
'images/siteicons/red/save.png',
'images/siteicons/red/subscription.png',
'images/siteicons/red/web.png',
'images/siteicons/red/websearch.png',
'images/siteicons/green/category.png',
'images/siteicons/green/check.png',
'images/siteicons/green/delete.png',
'images/siteicons/green/edit.png',
'images/siteicons/green/notes.png',
'images/siteicons/green/payment.png',
'images/siteicons/green/save.png',
'images/siteicons/green/subscription.png',
'images/siteicons/green/web.png',
'images/siteicons/green/websearch.png',
'images/siteicons/yellow/category.png',
'images/siteicons/yellow/check.png',
'images/siteicons/yellow/delete.png',
'images/siteicons/yellow/edit.png',
'images/siteicons/yellow/notes.png',
'images/siteicons/yellow/payment.png',
'images/siteicons/yellow/save.png',
'images/siteicons/yellow/subscription.png',
'images/siteicons/yellow/web.png',
'images/siteicons/yellow/websearch.png',
'images/siteicons/purple/category.png',
'images/siteicons/purple/check.png',
'images/siteicons/purple/delete.png',
'images/siteicons/purple/edit.png',
'images/siteicons/purple/notes.png',
'images/siteicons/purple/payment.png',
'images/siteicons/purple/save.png',
'images/siteicons/purple/subscription.png',
'images/siteicons/purple/web.png',
'images/siteicons/purple/websearch.png',
'images/siteicons/svg/logo.php',
'images/siteicons/svg/category.php',
'images/siteicons/svg/check.php',
'images/siteicons/svg/delete.php',
'images/siteicons/svg/edit.php',
'images/siteicons/svg/notes.php',
'images/siteicons/scg/payment.php',
'images/siteicons/svg/save.php',
'images/siteicons/svg/subscription.php',
'images/siteicons/svg/web.php',
'images/siteicons/svg/websearch.php',
'images/siteicons/svg/clone.php',
'images/siteicons/pwa/stats.png',
'images/siteicons/pwa/settings.png',
'images/siteicons/pwa/about.png',

View File

@@ -178,23 +178,20 @@ require_once 'includes/header.php';
<?php
}
?>
<button class="image-button medium" onClick="editMember(<?= $member['id'] ?>)" name="save">
<img src="images/siteicons/<?= $colorTheme ?>/save.png"
title="<?= translate('save_member', $i18n) ?>">
<button class="image-button medium" onClick="editMember(<?= $member['id'] ?>)" name="save" title="<?= translate('save_member', $i18n) ?>">
<?php include "images/siteicons/svg/save.php"; ?>
</button>
<?php
if ($index !== 0) {
?>
<button class="image-button medium" onClick="removeMember(<?= $member['id'] ?>)">
<img src="images/siteicons/<?= $colorTheme ?>/delete.png"
title="<?= translate('delete_member', $i18n) ?>">
<button class="image-button medium" onClick="removeMember(<?= $member['id'] ?>)" title="<?= translate('delete_member', $i18n) ?>">
<?php include "images/siteicons/svg/delete.php"; ?>
</button>
<?php
} else {
?>
<button class="image-button medium disabled">
<img src="images/siteicons/<?= $colorTheme ?>/delete.png"
title="<?= translate('cant_delete_member', $i18n) ?>">
<button class="image-button medium disabled" title="<?= translate('cant_delete_member', $i18n) ?>">
<?php include "images/siteicons/svg/delete.php"; ?>
</button>
<?php
}
@@ -750,23 +747,20 @@ require_once 'includes/header.php';
<div class="form-group-inline" data-categoryid="<?= $category['id'] ?>">
<div class=" drag-icon"><i class="fa-solid fa-grip-vertical"></i></div>
<input type="text" name="category" value="<?= $category['name'] ?>" placeholder="Category">
<button class="image-button medium" onClick="editCategory(<?= $category['id'] ?>)" name="save">
<img src="images/siteicons/<?= $colorTheme ?>/save.png"
title="<?= translate('save_category', $i18n) ?>">
<button class="image-button medium" onClick="editCategory(<?= $category['id'] ?>)" name="save" title="<?= translate('save_category', $i18n) ?>">
<?php include "images/siteicons/svg/save.php"; ?>
</button>
<?php
if ($canDelete) {
?>
<button class="image-button medium" onClick="removeCategory(<?= $category['id'] ?>)">
<img src="images/siteicons/<?= $colorTheme ?>/delete.png"
title="<?= translate('delete_category', $i18n) ?>">
<button class="image-button medium" onClick="removeCategory(<?= $category['id'] ?>)" title="<?= translate('delete_category', $i18n) ?>">
<?php include "images/siteicons/svg/delete.php"; ?>
</button>
<?php
} else {
?>
<button class="image-button medium disabled">
<img src="images/siteicons/<?= $colorTheme ?>/delete.png"
title="<?= translate('cant_delete_category_in_use', $i18n) ?>">
<button class="image-button medium disabled" title="<?= translate('cant_delete_category_in_use', $i18n) ?>">
<?php include "images/siteicons/svg/delete.php"; ?>
</button>
<?php
}
@@ -841,23 +835,21 @@ require_once 'includes/header.php';
<input type="text" name="currency" value="<?= $currency['name'] ?>" placeholder="Currency Name">
<input type="text" name="code" value="<?= $currency['code'] ?>" placeholder="Currency Code"
<?= !$canDelete ? 'disabled' : '' ?>>
<button class="image-button medium" onClick="editCurrency(<?= $currency['id'] ?>)" name="save">
<img src="images/siteicons/<?= $colorTheme ?>/save.png"
title="<?= translate('save_currency', $i18n) ?>">
<button class="image-button medium" onClick="editCurrency(<?= $currency['id'] ?>)" name="save" title="<?= translate('save_currency', $i18n) ?>">
<?php include "images/siteicons/svg/save.php"; ?>
</button>
<?php
if ($canDelete) {
?>
<button class="image-button medium" onClick="removeCurrency(<?= $currency['id'] ?>)">
<img src="images/siteicons/<?= $colorTheme ?>/delete.png"
title="<?= translate('delete_currency', $i18n) ?>">
<button class="image-button medium" onClick="removeCurrency(<?= $currency['id'] ?>)" title="<?= translate('delete_currency', $i18n) ?>">
<?php include "images/siteicons/svg/delete.php"; ?>
</button>
<?php
} else {
$cantDeleteMessage = $isMainCurrency ? translate('cant_delete_main_currency', $i18n) : translate('cant_delete_currency_in_use', $i18n);
?>
<button class="image-button medium disabled">
<img src="images/siteicons/<?= $colorTheme ?>/delete.png" title="<?= $cantDeleteMessage ?>">
<button class="image-button medium disabled" title="<?= $cantDeleteMessage ?>">
<?php include "images/siteicons/svg/delete.php"; ?>
</button>
<?php
}
@@ -1044,7 +1036,7 @@ require_once 'includes/header.php';
<input type="hidden" id="icon-url" name="icon-url">
<div id="icon-search-button" class="image-button medium disabled"
title="<?= translate('search_logo', $i18n) ?>" onClick="searchPaymentIcon()">
<img src="images/siteicons/<?= $colorTheme ?>/websearch.png">
<?php include "images/siteicons/svg/websearch.php"; ?>
</div>
<div id="icon-search-results" class="icon-search">
<header>

View File

@@ -7,8 +7,8 @@ body > header {
background-color: #222;
}
header .logo .logo-image {
background-image: url("../images/siteicons/blue/walloswhite.png");
svg .text-color {
fill: #E0E0E0;
}
.split-header > h2 .header-subtitle {

View File

@@ -3,6 +3,10 @@ body {
color: #E0E0E0;
}
svg .text-color {
fill: #E0E0E0;
}
.container {
background-color: #222;
border: 1px solid #333;

View File

@@ -45,6 +45,17 @@ body, html {
text-align: center;
}
header .logo-image {
height: 80px;
width: 215px;
margin: 0px auto;
}
header .logo-image svg {
height: 80px;
width: 215px;
}
.container > .message {
text-align: center;
font-size: 18px;

View File

@@ -67,8 +67,11 @@ header .logo .logo-image {
height: 50px;
width: 134px;
margin-right: 10px;
background-image: url("../images/siteicons/blue/wallos.png");
background-size: 100%;
}
header .logo .logo-image svg {
height: 50px;
width: 134px;
}
.button-icon {
@@ -356,6 +359,17 @@ main > .contain {
overflow: hidden;
}
.subscription-main .actions svg {
width: 32px;
height: 32px;
}
.subscription-secondary svg,
.subscription-notes svg {
width: 20px;
height: 20px;
}
.subscription-main > span,
.subscription-secondary > span {
display: flex;
@@ -378,6 +392,11 @@ main > .contain {
min-width: 32px;
}
.subscription .logo svg {
max-width: 100%;
height: 42px;
}
.subscription .name {
flex-basis: 25%;
font-weight: 600;
@@ -797,7 +816,13 @@ header #avatar {
padding: 2px;
}
.image-button.disabled > img {
.image-button > svg {
width: 32px;
height: 32px;
}
.image-button.disabled > img,
.image-button.disabled > svg {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
@@ -1421,11 +1446,18 @@ textarea.thin {
background-color: #EEE;
}
.sort-options > ul > li.selected {
background-image: url("../images/siteicons/check.png");
background-size: 16px;
background-repeat: no-repeat;
background-position: center right 10px;
.sort-options > ul > li.selected::after {
content: "";
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
width: 16px;
height: 16px;
background-color: var(--main-color);
-webkit-mask: url("../images/siteicons/svg/check.php") no-repeat center;
mask: url("../images/siteicons/svg/check.php") no-repeat center;
background-size: 100% 100%;
}
.rtl .sort-options > ul > li.selected {
@@ -1775,10 +1807,21 @@ textarea.thin {
}
.filtermenu-content .filter-item.selected {
background-image: url(../images/siteicons/check.png);
background-size: 16px;
background-repeat: no-repeat;
background-position: center right 10px;
position: relative;
}
.filtermenu-content .filter-item.selected::after {
content: "";
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
width: 16px; /* Explicitly set the size */
height: 16px; /* Explicitly set the size */
background-color: var(--main-color); /* Set your desired color here */
-webkit-mask: url("../images/siteicons/svg/check.php") no-repeat center;
mask: url("../images/siteicons/svg/check.php") no-repeat center;
background-size: 100% 100%; /* Ensure the icon scales correctly */
}
.rtl .filtermenu-content .filter-item.selected {

View File

@@ -9,4 +9,16 @@
--error-color-rgb: 244, 90, 64;
--success-color: #188823;
--success-color-rgb: 24, 136, 35;
}
svg .main-color {
fill: var(--main-color);
}
svg .accent-color {
fill: var(--accent-color);
}
svg .text-color {
fill: #202020;
}

Some files were not shown because too many files have changed in this diff Show More