From ba562c284bb12e6da78315d44e38fe1f13d91390 Mon Sep 17 00:00:00 2001
From: nobody <info@localcdn.org>
Date: Tue, 11 Aug 2020 07:10:58 +0200
Subject: [PATCH] Improved: Small visual things in popup, statistics and
 options page (#74)

---
 icons/settings-dark.svg         | 61 ++++++++++++++++++++-------------
 pages/options/options.html      |  2 +-
 pages/statistics/statistics.css |  2 +-
 pages/updates/updates.html      |  1 +
 4 files changed, 41 insertions(+), 25 deletions(-)

diff --git a/icons/settings-dark.svg b/icons/settings-dark.svg
index 6c92ddde..2e450a7e 100644
--- a/icons/settings-dark.svg
+++ b/icons/settings-dark.svg
@@ -16,7 +16,7 @@
    viewBox="0 0 478.703 478.703"
    style="enable-background:new 0 0 478.703 478.703;"
    xml:space="preserve"
-   sodipodi:docname="settings.svg"
+   sodipodi:docname="settings-dark.svg"
    inkscape:version="0.92.3 (2405546, 2018-03-11)"><metadata
    id="metadata1069"><rdf:RDF><cc:Work
        rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
@@ -34,72 +34,87 @@
    inkscape:window-height="997"
    id="namedview1065"
    showgrid="false"
-   inkscape:zoom="0.49299879"
-   inkscape:cx="239.3515"
-   inkscape:cy="239.3515"
+   inkscape:zoom="0.98599757"
+   inkscape:cx="125.10748"
+   inkscape:cy="244.54328"
    inkscape:window-x="0"
    inkscape:window-y="25"
    inkscape:window-maximized="1"
    inkscape:current-layer="Capa_1" />
 <g
    id="g1032"
-   style="fill:#333333">
+   style="fill:#777777;fill-opacity:1">
 	<g
    id="g1030"
-   style="fill:#333333">
+   style="fill:#777777;fill-opacity:1">
 		<path
    d="M454.2,189.101l-33.6-5.7c-3.5-11.3-8-22.2-13.5-32.6l19.8-27.7c8.4-11.8,7.1-27.9-3.2-38.1l-29.8-29.8    c-5.6-5.6-13-8.7-20.9-8.7c-6.2,0-12.1,1.9-17.1,5.5l-27.8,19.8c-10.8-5.7-22.1-10.4-33.8-13.9l-5.6-33.2    c-2.4-14.3-14.7-24.7-29.2-24.7h-42.1c-14.5,0-26.8,10.4-29.2,24.7l-5.8,34c-11.2,3.5-22.1,8.1-32.5,13.7l-27.5-19.8    c-5-3.6-11-5.5-17.2-5.5c-7.9,0-15.4,3.1-20.9,8.7l-29.9,29.8c-10.2,10.2-11.6,26.3-3.2,38.1l20,28.1    c-5.5,10.5-9.9,21.4-13.3,32.7l-33.2,5.6c-14.3,2.4-24.7,14.7-24.7,29.2v42.1c0,14.5,10.4,26.8,24.7,29.2l34,5.8    c3.5,11.2,8.1,22.1,13.7,32.5l-19.7,27.4c-8.4,11.8-7.1,27.9,3.2,38.1l29.8,29.8c5.6,5.6,13,8.7,20.9,8.7c6.2,0,12.1-1.9,17.1-5.5    l28.1-20c10.1,5.3,20.7,9.6,31.6,13l5.6,33.6c2.4,14.3,14.7,24.7,29.2,24.7h42.2c14.5,0,26.8-10.4,29.2-24.7l5.7-33.6    c11.3-3.5,22.2-8,32.6-13.5l27.7,19.8c5,3.6,11,5.5,17.2,5.5l0,0c7.9,0,15.3-3.1,20.9-8.7l29.8-29.8c10.2-10.2,11.6-26.3,3.2-38.1    l-19.8-27.8c5.5-10.5,10.1-21.4,13.5-32.6l33.6-5.6c14.3-2.4,24.7-14.7,24.7-29.2v-42.1    C478.9,203.801,468.5,191.501,454.2,189.101z M451.9,260.401c0,1.3-0.9,2.4-2.2,2.6l-42,7c-5.3,0.9-9.5,4.8-10.8,9.9    c-3.8,14.7-9.6,28.8-17.4,41.9c-2.7,4.6-2.5,10.3,0.6,14.7l24.7,34.8c0.7,1,0.6,2.5-0.3,3.4l-29.8,29.8c-0.7,0.7-1.4,0.8-1.9,0.8    c-0.6,0-1.1-0.2-1.5-0.5l-34.7-24.7c-4.3-3.1-10.1-3.3-14.7-0.6c-13.1,7.8-27.2,13.6-41.9,17.4c-5.2,1.3-9.1,5.6-9.9,10.8l-7.1,42    c-0.2,1.3-1.3,2.2-2.6,2.2h-42.1c-1.3,0-2.4-0.9-2.6-2.2l-7-42c-0.9-5.3-4.8-9.5-9.9-10.8c-14.3-3.7-28.1-9.4-41-16.8    c-2.1-1.2-4.5-1.8-6.8-1.8c-2.7,0-5.5,0.8-7.8,2.5l-35,24.9c-0.5,0.3-1,0.5-1.5,0.5c-0.4,0-1.2-0.1-1.9-0.8l-29.8-29.8    c-0.9-0.9-1-2.3-0.3-3.4l24.6-34.5c3.1-4.4,3.3-10.2,0.6-14.8c-7.8-13-13.8-27.1-17.6-41.8c-1.4-5.1-5.6-9-10.8-9.9l-42.3-7.2    c-1.3-0.2-2.2-1.3-2.2-2.6v-42.1c0-1.3,0.9-2.4,2.2-2.6l41.7-7c5.3-0.9,9.6-4.8,10.9-10c3.7-14.7,9.4-28.9,17.1-42    c2.7-4.6,2.4-10.3-0.7-14.6l-24.9-35c-0.7-1-0.6-2.5,0.3-3.4l29.8-29.8c0.7-0.7,1.4-0.8,1.9-0.8c0.6,0,1.1,0.2,1.5,0.5l34.5,24.6    c4.4,3.1,10.2,3.3,14.8,0.6c13-7.8,27.1-13.8,41.8-17.6c5.1-1.4,9-5.6,9.9-10.8l7.2-42.3c0.2-1.3,1.3-2.2,2.6-2.2h42.1    c1.3,0,2.4,0.9,2.6,2.2l7,41.7c0.9,5.3,4.8,9.6,10,10.9c15.1,3.8,29.5,9.7,42.9,17.6c4.6,2.7,10.3,2.5,14.7-0.6l34.5-24.8    c0.5-0.3,1-0.5,1.5-0.5c0.4,0,1.2,0.1,1.9,0.8l29.8,29.8c0.9,0.9,1,2.3,0.3,3.4l-24.7,34.7c-3.1,4.3-3.3,10.1-0.6,14.7    c7.8,13.1,13.6,27.2,17.4,41.9c1.3,5.2,5.6,9.1,10.8,9.9l42,7.1c1.3,0.2,2.2,1.3,2.2,2.6v42.1H451.9z"
    id="path1026"
-   style="fill:#333333" />
+   style="fill:#777777;fill-opacity:1" />
 		<path
    d="M239.4,136.001c-57,0-103.3,46.3-103.3,103.3s46.3,103.3,103.3,103.3s103.3-46.3,103.3-103.3S296.4,136.001,239.4,136.001    z M239.4,315.601c-42.1,0-76.3-34.2-76.3-76.3s34.2-76.3,76.3-76.3s76.3,34.2,76.3,76.3S281.5,315.601,239.4,315.601z"
    id="path1028"
-   style="fill:#333333" />
+   style="fill:#777777;fill-opacity:1" />
 	</g>
 </g>
 <g
-   id="g1034">
+   id="g1034"
+   style="fill:#777777;fill-opacity:1">
 </g>
 <g
-   id="g1036">
+   id="g1036"
+   style="fill:#777777;fill-opacity:1">
 </g>
 <g
-   id="g1038">
+   id="g1038"
+   style="fill:#777777;fill-opacity:1">
 </g>
 <g
-   id="g1040">
+   id="g1040"
+   style="fill:#777777;fill-opacity:1">
 </g>
 <g
-   id="g1042">
+   id="g1042"
+   style="fill:#777777;fill-opacity:1">
 </g>
 <g
-   id="g1044">
+   id="g1044"
+   style="fill:#777777;fill-opacity:1">
 </g>
 <g
-   id="g1046">
+   id="g1046"
+   style="fill:#777777;fill-opacity:1">
 </g>
 <g
-   id="g1048">
+   id="g1048"
+   style="fill:#777777;fill-opacity:1">
 </g>
 <g
-   id="g1050">
+   id="g1050"
+   style="fill:#777777;fill-opacity:1">
 </g>
 <g
-   id="g1052">
+   id="g1052"
+   style="fill:#777777;fill-opacity:1">
 </g>
 <g
-   id="g1054">
+   id="g1054"
+   style="fill:#777777;fill-opacity:1">
 </g>
 <g
-   id="g1056">
+   id="g1056"
+   style="fill:#777777;fill-opacity:1">
 </g>
 <g
-   id="g1058">
+   id="g1058"
+   style="fill:#777777;fill-opacity:1">
 </g>
 <g
-   id="g1060">
+   id="g1060"
+   style="fill:#777777;fill-opacity:1">
 </g>
 <g
-   id="g1062">
+   id="g1062"
+   style="fill:#777777;fill-opacity:1">
 </g>
 </svg>
\ No newline at end of file
diff --git a/pages/options/options.html b/pages/options/options.html
index f05893e9..806e4881 100644
--- a/pages/options/options.html
+++ b/pages/options/options.html
@@ -192,7 +192,7 @@
                 <li><a id="link-changelog">Changelog (In-App)</a></li>
                 <li><a id="link-donate">Donate (In-App)</a></li>
                 <li><a id="link-faq">FAQ (In-App)</a></li><br>
-                <li><a id="link-statistic">Statistic (In-App)</a></li><br>
+                <li><a id="link-statistic"><span data-i18n-content="internalStatisticsTitle">Statistics</span> <span>(In-App)</span></a></li><br>
                 <li><a id="link-codeberg" href="https://codeberg.org/nobody/LocalCDN" target="_blank" rel="nofollow noopener noreferrer">Source (www.codeberg.org)</a></li>
                 <li><a id="link-website" href="https://www.localcdn.org" target="_blank" rel="nofollow noopener noreferrer">Website (www.localcdn.org)</a></li>
                 <li><a id="link-website-test" href="https://www.localcdn.org/test" target="_blank" rel="nofollow noopener noreferrer">Testing Utility (www.localcdn.org/test)</a></li>
diff --git a/pages/statistics/statistics.css b/pages/statistics/statistics.css
index d3e140b1..f2f2cc9c 100644
--- a/pages/statistics/statistics.css
+++ b/pages/statistics/statistics.css
@@ -41,7 +41,7 @@ select {
 }
 
 select:hover, .button:hover {
-    background-color: #e6e6e6;
+    filter: contrast(.5);
 }
 
 select, .button {
diff --git a/pages/updates/updates.html b/pages/updates/updates.html
index 7607b769..69bc9289 100644
--- a/pages/updates/updates.html
+++ b/pages/updates/updates.html
@@ -39,6 +39,7 @@
                             <li>Added CDN: cdn.bootcss.net (<a href="https://codeberg.org/nobody/LocalCDN/issues/77">#77</a>)</li>
                             <li>Added: 'Monero' (Donations page)</li>
                             <li>Added: Statistics icon in popup</li>
+                            <li>Improved: Small visual things in popup, statistics and options page</li>
                         </ul>
                     <div id="generator-section">
                         <div class="topic-label">