1
mirror of https://invent.kde.org/network/falkon.git synced 2024-09-21 17:52:10 +02:00

Implement prefers-color-scheme for internal pages

Signed-off-by: Juraj Oravec <jurajoravec@mailo.com>
This commit is contained in:
Juraj Oravec 2023-01-29 00:59:58 +01:00
parent b0606740e3
commit ff4cc4f243
Signed by: SGOrava
GPG Key ID: 13660A3F1D9F093B
9 changed files with 776 additions and 49 deletions

View File

@ -2,21 +2,37 @@
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>%TITLE%</title>
<style>
html {background: #dddddd;font-family: sans-serif;color: #525c66;}
html {font-family: sans-serif;}
html * {font-size: 100%;line-height: 1.6;}
#box {background: #ffffff; max-width:700px;min-width:400px;overflow:auto;margin: 25px auto 10px auto;padding: 10px 40px;text-align: %LEFT_STR%;}
h1 {color: #1a4ba4;font-size: 160%;margin-bottom: 0px;}
h2 {margin: 5px 0px;font-size: 100%;color: #525c66;font-weight: bold;}
#box {max-width:700px;min-width:400px;overflow:auto;margin: 25px auto 10px auto;padding: 10px 40px;text-align: %LEFT_STR%;}
h1 {font-size: 160%;margin-bottom: 0px;}
h2 {margin: 5px 0px;font-size: 100%;font-weight: bold;}
dl {margin-top: 0px;}
dt {display: block;float: %LEFT_STR%;min-width: 24%;margin: 0 0 0.3em 1%}
dd {color: black;margin: 0 0 0.3em 28%;}
dd {margin: 0 0 0.3em 28%;}
p {margin-%LEFT_STR%: 1%;}
.about-img {float: %RIGHT_STR%;margin-top:10px;width:300px;}
@media (prefers-color-scheme: light) {
html {background: #dddddd;color: #525c66;}
#box {background: #ffffff;}
h1 {color: #1a4ba4;}
dd {color: black;}
.dark {display: none;}
}
@media (prefers-color-scheme: dark) {
html {background: #070709;color: #dddddd;}
#box {background: #171717;}
h1 {color: #0078d7;}
dd {color: white;}
.light {display: none;}
}
</style>
</head>
<body>
<div id="box">
<img src="%ABOUT-IMG%" class="about-img">
<img src="%ABOUT-IMG%" class="about-img light">
<img src="%ABOUT-IMG-DARK%" class="about-img dark">
<h1>%ABOUT-FALKON%</h1>
<h2>%INFORMATIONS-ABOUT-VERSION%</h2>
<dl>

View File

@ -2,23 +2,52 @@
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>%TITLE%</title>
<style>
html {background: #dddddd;font-family: sans-serif;color: #525c66;}
html {font-family: sans-serif;}
html * {font-size: 100%;line-height: 1.6;}
#box {background: #ffffff; max-width:700px;min-width:400px;overflow:auto;margin: 25px auto 10px auto;padding: 10px 40px;text-align: %LEFT_STR%;direction: %DIRECTION%;}
h1 {color: #1a4ba4;font-size: 160%;margin-bottom: 0px;}
h2 {margin: 5px 0px;font-size: 100%;color: #525c66;font-weight: bold;}
#box {max-width:700px;min-width:400px;overflow:auto;margin: 25px auto 10px auto;padding: 10px 40px;text-align: %LEFT_STR%;direction: %DIRECTION%;}
h1 {font-size: 160%;margin-bottom: 0px;}
h2 {margin: 5px 0px;font-size: 100%;font-weight: bold;}
dl {margin-top: 0px;}
dt {display: block;float: %LEFT_STR%;min-width: 24%;margin: 0 0 0.3em 1%}
dd {color: black;margin: 0 0 0.3em 28%;word-wrap:break-word;}
dd {margin: 0 0 0.3em 28%;word-wrap:break-word;}
p {margin-%LEFT_STR%: 1%;}
.about-img {float: %RIGHT_STR%;margin-top:10px;width:300px;}
table.tbl {width: 100%;margin: 15px 0;border-radius: 4px;padding: 0px;border: 2px solid #aaa;border-collapse: separate;}
.tbl th{border-radius: 2px;border: 1px solid #aaa;padding: 1px 3px;background: #eee;font-style:italic;}
.tbl th[colspan="2"] {text-align: center;background: #ddd;font-style:normal;}
.tbl td{border-radius: 2px;border: 1px solid #aaa;text-align: center;padding:1px 3px;}
.tbl td:first-child{background: #eee;text-align: %LEFT_STR%;padding:1px 3px 1px 5px;}
.no-available-plugins{background: white !important; text-align: center !important;}
.tbl td:nth-of-type(2){color: black;max-width: 400px;max-height: 50px;overflow:auto;}
table.tbl {width: 100%;margin: 15px 0;border-radius: 4px;padding: 0px;border: 2px solid;border-collapse: separate;}
.tbl th{border-radius: 2px;border: 1px solid;padding: 1px 3px;font-style:italic;}
.tbl th[colspan="2"] {text-align: center;font-style:normal;}
.tbl td{border-radius: 2px;border: 1px solid;text-align: center;padding:1px 3px;}
.tbl td:first-child{text-align: %LEFT_STR%;padding:1px 3px 1px 5px;}
.no-available-plugins{text-align: center !important;}
.tbl td:nth-of-type(2){max-width: 400px;max-height: 50px;overflow:auto;}
@media (prefers-color-scheme: light) {
html {background: #dddddd;color: #525c66;}
#box {background: #ffffff;}
h1 {color: #1a4ba4;}
dd {color: black;}
table.tbl {border-color: #aaa;}
.tbl th[colspan="2"] {background: #ddd;}
.tbl th {background: #eee;border-color: #aaa;}
.tbl td {border-color: #aaa;}
.tbl td:first-child {background: #eee;}
.no-available-plugins {background: white !important;}
.tbl td:nth-of-type(2) {color: black;}
.dark {display: none;}
}
@media (prefers-color-scheme: dark) {
html {background: #070709;color: #dddddd;}
#box {background: #171717;}
h1 {color: #0078d7;}
dd {color: white;}
table.tbl {border-color: #555;}
.tbl th[colspan="2"] {background: #353535;}
.tbl th {background: #252525;border-color: #555;}
.tbl td {border-color: #555;}
.tbl td:first-child {background: #252525;}
.no-available-plugins {background: black !important;}
.tbl td:nth-of-type(2) {color: white;}
.light {display: none;}
}
</style>
<script type="text/javascript">
function addPlugins() {
@ -39,7 +68,8 @@ window.addEventListener("load", addPlugins, false);
</head>
<body>
<div id="box">
<img src="%ABOUT-IMG%" class="about-img">
<img src="%ABOUT-IMG%" class="about-img light">
<img src="%ABOUT-IMG-DARK%" class="about-img dark">
<h1>%CONFIG%</h1>
<h2>%INFORMATIONS-ABOUT-VERSION%</h2>
<dl>

View File

@ -2,13 +2,13 @@
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>%TITLE%</title>
<style>
html {background: #dddddd;font-family: sans-serif;color: #525c66;}
html {font-family: sans-serif;}
html * {font-size: 100%;line-height: 1.6;}
#box {background: #ffffff;max-width:650px;min-width:400px;overflow:auto;margin: 25px auto 10px auto;padding: 10px 40px;text-align: %LEFT_STR%;direction: %DIRECTION%;}
hr {color: lightgray;width: 100%;}
#box {max-width:650px;min-width:400px;overflow:auto;margin: 25px auto 10px auto;padding: 10px 40px;text-align: %LEFT_STR%;direction: %DIRECTION%;}
hr {width: 100%;}
img.warning {float: %LEFT_STR%;margin-%LEFT_STR%: -20px;margin-top: 15px;}
h1 {font-size: 150%;font-weight: bold;border-bottom: 1px solid #f4f4f4;margin-%LEFT_STR%: 48px;margin-%RIGHT_STR%: 50px;}
h2 {font-size: 100%;font-weight: normal;border-bottom: 1px solid #f4f4f4;margin-%LEFT_STR%: 48px;padding: 5px 0px 10px 2px;margin-%RIGHT_STR%: 50px;}
h1 {font-size: 150%;font-weight: bold;border-bottom: 1px solid;margin-%LEFT_STR%: 48px;margin-%RIGHT_STR%: 50px;}
h2 {font-size: 100%;font-weight: normal;border-bottom: 1px solid;margin-%LEFT_STR%: 48px;padding: 5px 0px 10px 2px;margin-%RIGHT_STR%: 50px;}
ul {font-size: 90%;padding-%LEFT_STR%: 48px;margin: 20px 0;max-width:600px;}
li {padding: 5px;}
@ -33,7 +33,7 @@ li {padding: 5px;}
{
width: 500px;
border-spacing: 0;
border: 1px solid #c0c2c4;
border: 1px solid;
cursor: default;
-webkit-user-select: none;
}
@ -47,7 +47,6 @@ li {padding: 5px;}
#listview thead
{
height: 30px;
background: #eff0f1;
padding-left: 5px;
}
@ -67,7 +66,7 @@ li {padding: 5px;}
#listview tbody
{
border-top: 1px solid #c0c2c4;
border-top: 1px solid;
}
#listview tbody td
@ -80,17 +79,6 @@ li {padding: 5px;}
white-space: nowrap;
}
#listview tbody tr:hover
{
background-color: #baddff;
}
#listview tbody tr.selected
{
color: white;
background-color: #1e90ff;
}
#listview img
{
width: 16px;
@ -131,6 +119,28 @@ li {padding: 5px;}
background-color: transparent;
}
@media (prefers-color-scheme: light) {
html {background: #dddddd;color: #525c66;}
#box {background: #ffffff;}
h1, h2 {border-color: #f4f4f4;;}
hr {color: lightgray;}
#listview {border-color: #aaa;}
#listview thead {background: #eff0f1;}
#listview tbody {border-color: #c0c2c4;}
#listview tbody tr:hover {background-color: #baddff;}
#listview tbody tr.selected {color: white;background-color: #1e90ff;}
}
@media (prefers-color-scheme: dark) {
html {background: #070709;color: #dddddd;}
#box {background: #171717;}
h1, h2 {border-color: #555;}
hr {color: darkgray;}
#listview {border-color: #555;}
#listview thead {background: #252525;}
#listview tbody {border-color: #404244;}
#listview tbody tr:hover {background-color: #0e4272;}
#listview tbody tr.selected {color: white;background-color: #005baa;}
}
</style>
</head>

View File

@ -2,22 +2,39 @@
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>%TITLE%</title>
<style>
html {background: #dddddd;font-family: sans-serif;color: #525c66;}
#box {background: #ffffff; max-width: 500px;min-width:450px;margin: 25px auto 0px auto;padding: 15px 40px 15px 40px;direction: %DIRECTION%;}
h1 {color: #1a4ba4;font-size: 160%;margin-top: 0px;}
.line {width: 400px;height: 25px;text-align: center;border: 1px solid #babcb8;}
.line:focus {border-color: #579eea;}
html {font-family: sans-serif;}
#box {max-width: 500px;min-width:450px;margin: 25px auto 0px auto;padding: 15px 40px 15px 40px;direction: %DIRECTION%;}
h1 {font-size: 160%;margin-top: 0px;}
.line {width: 400px;height: 25px;text-align: center;border: 1px solid;}
.submit {margin-top: 5px;}
a {color: #1a4ba4;text-decoration: none;font-weight: bold;}
a {text-decoration: none;font-weight: bold;}
.bottom {margin-top: 20px;margin-bottom: 3px;}
img {margin-bottom:15px;}
@media (prefers-color-scheme: light) {
html {background: #dddddd;color: #525c66;}
#box {background: #ffffff;}
h1, a {color: #1a4ba4;}
.line {border-color: #babcb8;}
.line:focus {border-color: #579eea;}
.dark {display: none;}
}
@media (prefers-color-scheme: dark) {
html {background: #070709;color: #dddddd;}
#box {background: #171717;}
h1, a {color: #0078d7;}
.line {background-color: #070709;color: white;border-color: #555;}
.line:focus {border-color: #1a4ba4;}
.light {display: none;}
}
</style>
</head>
<body onload="document.getElementById('inp').focus()">
<div id="box">
<center>
<img src="%ABOUT-IMG%" width="250">
<img class="light" src="%ABOUT-IMG%" width="250">
<img class="dark" src="%ABOUT-IMG-DARK%" width="250">
%PRIVATE-BROWSING%
<form action="https://duckduckgo.com/" method="GET">
<input type="hidden" name="t" value="qupzilla" />

View File

@ -2,15 +2,28 @@
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>%TITLE%</title>
<style>
html {background: #dddddd;font-family: sans-serif;color: #525c66;}
html {font-family: sans-serif;}
html * {font-size: 100%;line-height: 1.6;}
#box {background: #ffffff;max-width:650px;min-width:400px;overflow:auto;margin: 25px auto 10px auto;padding: 10px 40px;text-align: %LEFT_STR%;direction: %DIRECTION%;}
hr {color: lightgray;width: 100%;}
#box {max-width:650px;min-width:400px;overflow:auto;margin: 25px auto 10px auto;padding: 10px 40px;text-align: %LEFT_STR%;direction: %DIRECTION%;}
hr {width: 100%;}
img {float: %LEFT_STR%;margin-%LEFT_STR%: -20px;margin-top: 15px;}
h1 {font-size: 150%;font-weight: bold;border-bottom: 1px solid #f4f4f4;margin-%LEFT_STR%: 48px;margin-%RIGHT_STR%: 50px;}
h1 {font-size: 150%;font-weight: bold;border-bottom: 1px solid;margin-%LEFT_STR%: 48px;margin-%RIGHT_STR%: 50px;}
ul {font-size: 90%;padding-%LEFT_STR%: 48px;margin: 20px 0;max-width:600px;}
li {padding: 5px;}
#reloadButton {margin-top: 20px;min-width: 100px;}
@media (prefers-color-scheme: light) {
html {background: #dddddd;color: #525c66;}
#box {background: #ffffff;}
h1, h2 {border-color: #f4f4f4;;}
hr {color: lightgray;}
}
@media (prefers-color-scheme: dark) {
html {background: #070709;color: #dddddd;}
#box {background: #171717;}
h1, h2 {border-color: #555;}
hr {color: darkgray;}
}
</style>
</head>
<body>

View File

@ -8,6 +8,7 @@
<file>icons/menu/tab-new.svg</file>
<file>icons/menu/window-new.svg</file>
<file>icons/other/about.svg</file>
<file>icons/other/about-dark.svg</file>
<file>icons/other/bigstar.svg</file>
<file>icons/other/bigstar-selected.svg</file>
<file>icons/locationbar/safe.png</file>
@ -42,6 +43,7 @@
<file>icons/menu/privatebrowsing.png</file>
<file>icons/menu/settings.svg</file>
<file>icons/other/startpage.svg</file>
<file>icons/other/startpage-dark.svg</file>
<file>icons/other/audioplaying.svg</file>
<file>icons/other/audiomuted.svg</file>
<file>icons/preferences/appearance.svg</file>

View File

@ -0,0 +1,338 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="280"
height="80"
viewBox="0 0 280 80"
version="1.1"
id="svg73"
sodipodi:docname="about-dark.svg"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<sodipodi:namedview
id="namedview55"
pagecolor="#505050"
bordercolor="#eeeeee"
borderopacity="1"
inkscape:showpageshadow="0"
inkscape:pageopacity="0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#505050"
showgrid="false"
inkscape:zoom="3.6138207"
inkscape:cx="134.34535"
inkscape:cy="61.707544"
inkscape:window-width="1920"
inkscape:window-height="1148"
inkscape:window-x="0"
inkscape:window-y="29"
inkscape:window-maximized="1"
inkscape:current-layer="svg73" />
<metadata
id="metadata77">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title>Icon-256@2x</dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<!-- Generator: Sketch 48.2 (47327) - http://www.bohemiancoding.com/sketch -->
<title
id="title2">Icon-256@2x</title>
<desc
id="desc4">Created with Sketch.</desc>
<rect
style="fill:#333333;fill-opacity:1;stroke-width:1.01010633"
id="rect884"
width="280"
height="80"
x="0"
y="7.1054274e-15"
ry="10" />
<defs
id="defs51">
<linearGradient
inkscape:collect="always"
id="linearGradient1190">
<stop
style="stop-color:#ececec;stop-opacity:1;"
offset="0"
id="stop1186" />
<stop
style="stop-color:#ececec;stop-opacity:0;"
offset="1"
id="stop1188" />
</linearGradient>
<linearGradient
x1="161.28316"
y1="7.5663333"
x2="145.29044"
y2="30.648863"
id="linearGradient-1"
gradientTransform="scale(1.0852396,0.9214555)"
gradientUnits="userSpaceOnUse">
<stop
stop-color="#D446FF"
offset="0%"
id="stop6" />
<stop
stop-color="#A0D8FF"
offset="100%"
id="stop8" />
</linearGradient>
<linearGradient
x1="157.61548"
y1="21.212255"
x2="163.49132"
y2="42.908016"
id="linearGradient-2"
gradientTransform="scale(1.0714703,0.93329694)"
gradientUnits="userSpaceOnUse">
<stop
stop-color="#3C3C3C"
offset="0%"
id="stop11" />
<stop
stop-color="#191919"
offset="100%"
id="stop13" />
</linearGradient>
<linearGradient
x1="79.548843"
y1="-14.46623"
x2="-11.576564"
y2="53.028095"
id="linearGradient-3"
gradientTransform="scale(1.0090862,0.99099563)"
gradientUnits="userSpaceOnUse">
<stop
stop-color="#D446FF"
offset="0%"
id="stop16" />
<stop
stop-color="#A0D8FF"
offset="100%"
id="stop18" />
</linearGradient>
<linearGradient
x1="20.77421"
y1="34.174587"
x2="40.200981"
y2="23.636288"
id="linearGradient-4"
gradientTransform="scale(1.2049438,0.82991422)"
gradientUnits="userSpaceOnUse">
<stop
stop-color="#FFFFFF"
offset="0%"
id="stop21" />
<stop
stop-color="#DADADA"
offset="100%"
id="stop23" />
</linearGradient>
<linearGradient
x1="25.714579"
y1="50.333694"
x2="11.381782"
y2="32.590153"
id="linearGradient-5"
gradientTransform="scale(1.114092,0.89759195)"
gradientUnits="userSpaceOnUse">
<stop
stop-color="#FFFFFF"
offset="0%"
id="stop26" />
<stop
stop-color="#DADADA"
offset="100%"
id="stop28" />
</linearGradient>
<linearGradient
x1="36.866966"
y1="15.710848"
x2="16.4951"
y2="24.66194"
id="linearGradient-6"
gradientTransform="scale(1.3550117,0.73800101)"
gradientUnits="userSpaceOnUse">
<stop
stop-color="#D0D0D0"
offset="0%"
id="stop31" />
<stop
stop-color="#FFFFFF"
offset="100%"
id="stop33" />
</linearGradient>
<linearGradient
x1="16.490288"
y1="39.958931"
x2="-6.1390529"
y2="67.829094"
id="linearGradient-7"
gradientTransform="scale(1.163757,0.85928589)"
gradientUnits="userSpaceOnUse">
<stop
stop-color="#FFDC68"
offset="0%"
id="stop36" />
<stop
stop-color="#CE4300"
offset="100%"
id="stop38" />
</linearGradient>
<linearGradient
x1="10.298144"
y1="22.935205"
x2="5.0843673"
y2="24.525209"
id="linearGradient-8"
gradientTransform="scale(2.1466972,0.46583188)"
gradientUnits="userSpaceOnUse">
<stop
stop-color="#FFDC68"
offset="0%"
id="stop41" />
<stop
stop-color="#CE4300"
offset="100%"
id="stop43" />
</linearGradient>
<linearGradient
x1="13.558518"
y1="38.66333"
x2="-5.5350304"
y2="67.982826"
id="linearGradient-9"
gradientTransform="scale(1.4995047,0.66688689)"
gradientUnits="userSpaceOnUse">
<stop
stop-color="#FFDC68"
offset="0%"
id="stop46" />
<stop
stop-color="#CE4300"
offset="100%"
id="stop48" />
</linearGradient>
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient1190"
id="linearGradient1192"
x1="174.16103"
y1="23.816004"
x2="184.48381"
y2="46.088669"
gradientUnits="userSpaceOnUse" />
</defs>
<g
id="Page-1"
style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1"
transform="translate(12.234672,-11.350754)">
<g
id="Icon-256">
<g
id="Group-4"
transform="translate(0,25)">
<polygon
id="path4996-2"
points="63.468262,3.9135926 87.230515,3.9135926 87.230515,8.2445017 68.376622,8.2445017 68.376622,21.641444 85.498155,21.641444 85.498155,25.972361 68.376622,25.972361 68.376622,44.941732 63.468262,44.941732 "
style="fill:#ececec;fill-rule:nonzero" />
<path
d="m 99.658826,3.3180459 h 5.572434 l 14.58073,41.0281391 h -4.96611 L 110.68821,32.421749 H 93.768784 L 89.611111,44.346185 H 85.078099 Z M 102.2285,8.1109121 95.241299,28.119716 h 13.945531 z"
id="path4998-6"
inkscape:connector-curvature="0"
style="fill:#ececec;fill-rule:nonzero" />
<polygon
id="path5000-0"
points="128.01637,3.9135926 128.01637,40.639707 146.43716,40.639707 146.43716,44.941732 123.10801,44.941732 123.10801,3.9135926 "
style="fill:#ececec;fill-rule:nonzero" />
<polygon
id="path5002-7"
points="150.75839,44.941732 150.75839,3.9135926 155.66676,3.9135926 155.66676,44.941732 "
style="fill:#ececec;fill-rule:nonzero" />
<path
d="m 199.17096,3.4882021 c 2.71403,0 5.24521,0.4812102 7.59353,1.4436307 2.36756,0.9431758 4.4079,2.2809466 6.12102,4.0133126 1.73236,1.7323546 3.08938,3.8978076 4.07104,6.4963596 0.98167,2.579295 1.47251,5.418445 1.47251,8.517449 0,4.196171 -0.83731,7.930379 -2.51192,11.202625 -1.65537,3.252995 -3.96519,5.774545 -6.92946,7.564651 -2.94501,1.770861 -6.28462,2.656291 -10.01883,2.656291 -2.46381,0 -4.82175,-0.43309 -7.07382,-1.29927 -2.25207,-0.885436 -4.28279,-2.165462 -6.09215,-3.840076 -1.80935,-1.674615 -3.25298,-3.859319 -4.3309,-6.554111 -1.07792,-2.714037 -1.61688,-5.76492 -1.61688,-9.152651 0,-3.175999 0.49084,-6.082522 1.47251,-8.719569 0.98167,-2.637041 2.32907,-4.850614 4.04219,-6.6407201 1.71311,-1.8093616 3.75345,-3.2048778 6.12102,-4.1865486 2.36755,-1.0009155 4.9276,-1.5013732 7.68014,-1.5013732 z m -0.25985,4.3020336 c -1.75161,0 -3.43586,0.3272217 -5.05274,0.9816651 -1.61686,0.6544548 -3.10862,1.6168812 -4.47526,2.8872782 -1.3474,1.251147 -2.43494,2.945013 -3.26263,5.081596 -0.80843,2.117333 -1.21264,4.51377 -1.21264,7.189312 0,2.560051 0.37534,4.927613 1.12603,7.102686 0.75069,2.155833 1.77086,3.965192 3.06051,5.428076 1.28965,1.462889 2.81028,2.598549 4.56189,3.406978 1.77086,0.80844 3.66684,1.212661 5.68793,1.212661 1.36664,0 2.70441,-0.202112 4.0133,-0.606335 1.32815,-0.404217 2.59855,-1.039416 3.81121,-1.905596 1.21265,-0.885436 2.27131,-1.963353 3.176,-3.233751 0.92392,-1.270397 1.65537,-2.839147 2.19433,-4.706248 0.5582,-1.867107 0.8373,-3.917072 0.8373,-6.149896 0,-2.271319 -0.28873,-4.350154 -0.86618,-6.236505 -0.57745,-1.886352 -1.34739,-3.464726 -2.30982,-4.735124 -0.94318,-1.270403 -2.04996,-2.338695 -3.32036,-3.204875 -1.25116,-0.8854361 -2.55043,-1.5206377 -3.89783,-1.9056047 -1.32814,-0.4042118 -2.68516,-0.6063176 -4.07104,-0.6063176 z"
id="path5004-3"
inkscape:connector-curvature="0"
style="fill:#ececec;fill-rule:nonzero" />
<polygon
id="path5006-7"
points="227.21744,10.554321 227.21744,44.941732 222.30907,44.941732 222.30907,3.9135926 228.51671,3.9135926 250.86419,38.243269 250.86419,3.9135926 255.77256,3.9135926 255.77256,44.941732 249.56493,44.941732 "
style="fill:#ececec;fill-rule:nonzero" />
<polygon
id="path5002-8-1"
points="156.88402,24.489067 174.26541,4.5091392 180.41528,4.5091392 163.06278,24.084853 "
style="fill:url(#linearGradient-1);fill-rule:nonzero" />
<polygon
id="path5002-9-8"
points="156.37355,23.88577 162.55231,23.481555 181.00198,44.933981 174.67885,44.933981 "
style="fill:url(#linearGradient1192);fill-rule:nonzero;fill-opacity:1" />
<g
id="Group-2">
<ellipse
id="ellipse4650-0-7-2-3-4-4"
cx="26.813417"
cy="26.350754"
rx="26.805321"
ry="26.320282"
style="fill:url(#linearGradient-3);fill-rule:nonzero;stroke:#a3a3a3;stroke-width:0.5" />
<path
d="m 9.3721609,52.081911 c 0,0 8.3767721,-29.312221 40.9845281,-25.585009 0,0 -20.723434,-12.302021 -40.841614,4.282899 -5.9415311,13.762574 -0.1429141,21.30211 -0.1429141,21.30211 z"
id="path4652-2-7-9-7-2-7"
inkscape:connector-curvature="0"
style="fill:url(#linearGradient-4)" />
<path
d="m 11.866021,48.37431 c 0,0 8.740533,-21.073029 32.071755,-21.443365 -17.735023,4.320597 0.0291,19.637837 0.0291,19.637837 0,0 -14.028724,12.711119 -32.100852,1.805528 z"
id="path4654-1-7-7-4-4-6"
inkscape:connector-curvature="0"
style="fill:url(#linearGradient-5)" />
<path
d="m 6.9995964,32.220216 c 0,0 17.4578476,-19.203624 43.5282356,-5.935669 -0.465556,-3.607941 -3.549773,-7.681438 -9.078088,-8.845298 -1.222045,-0.581926 -10.183747,-14.4318233 -29.445565,-6.459393 5.925682,0.461387 8.468266,1.291426 8.612541,1.920349 C 10.369106,11.139037 7.3314861,25.722572 6.9995964,32.220216 Z"
id="path4656-5-6-43-8-0-8"
inkscape:connector-curvature="0"
style="fill:url(#linearGradient-6)" />
<path
d="m 32.03706,15.929921 c 0,0 4.466532,-1.599638 5.04822,3.157742 -4.404204,0.415513 -5.04822,-3.157742 -5.04822,-3.157742 z"
id="path4658-6-9-5-0-2-9"
inkscape:connector-curvature="0"
style="fill:#202020" />
<path
d="m 9.2551104,52.177267 c 0,0 7.6361086,-24.909311 33.1663186,-25.873042 0,0 -20.716679,-3.779841 -35.348172,19.397705 -0.081122,3.279071 2.1818534,6.475337 2.1818534,6.475337 z"
id="path4660-5-1-6-0-7-6"
inkscape:connector-curvature="0"
style="fill:url(#linearGradient-7)" />
<path
d="m 12.025602,10.982272 c 0,0 6.367738,0.370345 8.641196,1.933987 0.949233,-0.195279 1.755212,-0.8452 1.892222,-1.730369 -0.814547,-0.337105 -8.270247,-0.94429 -10.533418,-0.203618 z"
id="path4662-0-1-1-1-2-3"
inkscape:connector-curvature="0"
style="fill:url(#linearGradient-8)" />
<path
d="m 7.0570156,32.253337 c 0,0 7.9722094,-9.57537 24.0666204,-10.719313 0,0 -21.9094907,0.990181 -23.7487686,7.176848 -0.5113449,1.487667 -0.3178518,3.542465 -0.3178518,3.542465 z"
id="path4442-5-0-9-4-6-0-96"
inkscape:connector-curvature="0"
style="fill:url(#linearGradient-9)" />
</g>
</g>
</g>
</g>
<rect
style="fill:#333333;fill-opacity:0"
id="rect321"
width="2.932622"
height="8.2138968"
x="236.24336"
y="37.778301"
ry="1.466311" />
</svg>

After

Width:  |  Height:  |  Size: 13 KiB

View File

@ -0,0 +1,298 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="256px"
height="200px"
viewBox="0 0 256 200"
version="1.1"
id="svg74"
sodipodi:docname="startpage-dark.svg"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview76"
pagecolor="#505050"
bordercolor="#eeeeee"
borderopacity="1"
inkscape:showpageshadow="0"
inkscape:pageopacity="0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#505050"
showgrid="false"
inkscape:zoom="3.4117902"
inkscape:cx="127.20595"
inkscape:cy="108.44746"
inkscape:window-width="1920"
inkscape:window-height="1148"
inkscape:window-x="0"
inkscape:window-y="29"
inkscape:window-maximized="1"
inkscape:current-layer="Group" />
<!-- Generator: Sketch 48.2 (47327) - http://www.bohemiancoding.com/sketch -->
<title
id="title2">Icon-256</title>
<desc
id="desc4">Created with Sketch.</desc>
<defs
id="defs51">
<linearGradient
inkscape:collect="always"
id="linearGradient1474">
<stop
style="stop-color:#ececec;stop-opacity:1;"
offset="0"
id="stop1470" />
<stop
style="stop-color:#ececec;stop-opacity:0;"
offset="1"
id="stop1472" />
</linearGradient>
<linearGradient
x1="77.1180071%"
y1="12.3268731%"
x2="3.36110907%"
y2="118.781335%"
id="linearGradient-1">
<stop
stop-color="#D446FF"
offset="0%"
id="stop6" />
<stop
stop-color="#A0D8FF"
offset="100%"
id="stop8" />
</linearGradient>
<linearGradient
x1="50.7818321%"
y1="-17.173918%"
x2="76.3448843%"
y2="77.2144178%"
id="linearGradient-2">
<stop
stop-color="#3C3C3C"
offset="0%"
id="stop11" />
<stop
stop-color="#191919"
offset="100%"
id="stop13" />
</linearGradient>
<linearGradient
x1="148.794275%"
y1="-26.5643443%"
x2="-21.1415871%"
y2="99.3029307%"
id="linearGradient-3">
<stop
stop-color="#D446FF"
offset="0%"
id="stop16" />
<stop
stop-color="#A0D8FF"
offset="100%"
id="stop18" />
</linearGradient>
<linearGradient
x1="41.8083357%"
y1="20.866645%"
x2="95.5956597%"
y2="-8.31097281%"
id="linearGradient-4">
<stop
stop-color="#FFFFFF"
offset="0%"
id="stop21" />
<stop
stop-color="#DADADA"
offset="100%"
id="stop23" />
</linearGradient>
<linearGradient
x1="52.2801818%"
y1="70.5577815%"
x2="2.53678786%"
y2="8.97706744%"
id="linearGradient-5">
<stop
stop-color="#FFFFFF"
offset="0%"
id="stop26" />
<stop
stop-color="#DADADA"
offset="100%"
id="stop28" />
</linearGradient>
<linearGradient
x1="98.684398%"
y1="12.9995489%"
x2="35.2678133%"
y2="40.863838%"
id="linearGradient-6">
<stop
stop-color="#D0D0D0"
offset="0%"
id="stop31" />
<stop
stop-color="#FFFFFF"
offset="100%"
id="stop33" />
</linearGradient>
<linearGradient
x1="34.2841787%"
y1="31.6476155%"
x2="-40.2132134%"
y2="123.398162%"
id="linearGradient-7">
<stop
stop-color="#FFDC68"
offset="0%"
id="stop36" />
<stop
stop-color="#CE4300"
offset="100%"
id="stop38" />
</linearGradient>
<linearGradient
x1="95.7086811%"
y1="2.33776624%"
x2="-10.5474304%"
y2="34.7418529%"
id="linearGradient-8">
<stop
stop-color="#FFDC68"
offset="0%"
id="stop41" />
<stop
stop-color="#CE4300"
offset="100%"
id="stop43" />
</linearGradient>
<linearGradient
x1="55.2222258%"
y1="39.6484627%"
x2="-63.5655829%"
y2="222.055577%"
id="linearGradient-9">
<stop
stop-color="#FFDC68"
offset="0%"
id="stop46" />
<stop
stop-color="#CE4300"
offset="100%"
id="stop48" />
</linearGradient>
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient1474"
id="linearGradient1476"
x1="135.82365"
y1="25.318224"
x2="146.27313"
y2="51.664959"
gradientUnits="userSpaceOnUse" />
</defs>
<g
id="Page-1"
stroke="none"
stroke-width="1"
fill="none"
fill-rule="evenodd">
<g
id="Icon-256">
<g
id="Group-3"
transform="translate(10.977346, 25)">
<g
id="Group"
transform="translate(0.000000, 92.686084)"
fill-rule="nonzero">
<polygon
id="path4996-2"
fill="#252525"
points="5.97461748 5.99664466 5.97461748 22.3038447 26.8155133 22.3038447 26.8155133 27.5755806 5.97461748 27.5755806 5.97461748 50.6657243 0 50.6657243 0 0.724919094 28.9241994 0.724919094 28.9241994 5.99664466 5.97461748 5.99664466"
style="fill:#ececec" />
<path
d="M44.0523495,0 L50.8353036,0 L68.583446,49.9408052 L62.538532,49.9408052 L57.4776751,35.4259883 L36.8827961,35.4259883 L31.8219392,49.9408052 L26.3042071,49.9408052 L44.0523495,0 Z M47.1802408,5.83403495 L38.6751896,30.189411 L55.6501437,30.189411 L47.1802408,5.83403495 Z"
id="path4998-6"
fill="#252525"
style="fill:#ececec" />
<polygon
id="path5000-0"
fill="#252525"
points="72.5954693 0.724919094 78.5700867 0.724919094 78.5700867 45.4291573 100.992487 45.4291573 100.992487 50.6657243 72.5954693 50.6657243"
style="fill:#ececec" />
<polygon
id="path5002-7"
fill="#252525"
points="106.252427 0.724919094 112.227055 0.724919094 112.227055 50.6657243 106.252427 50.6657243"
style="fill:#ececec" />
<path
d="M165.181805,0.207119741 C168.485413,0.207119741 171.566443,0.792864725 174.424896,1.96435469 C177.306774,3.11241942 179.790343,4.74079827 181.875604,6.84949126 C183.984297,8.95817044 185.636101,11.5940315 186.831016,14.7570744 C188.025938,17.8966783 188.623399,21.3525851 188.623399,25.1247948 C188.623399,30.2325126 187.604201,34.7779141 185.565805,38.7609994 C183.55084,42.7206524 180.739252,45.7899668 177.131039,47.9689424 C173.546273,50.1244928 169.481189,51.202268 164.935788,51.202268 C161.936756,51.202268 159.066594,50.6750964 156.325302,49.6207534 C153.584003,48.5429713 151.112147,46.984882 148.909732,44.9464854 C146.707331,42.9080889 144.950096,40.2487957 143.638027,36.9686058 C142.325944,33.6649907 141.669903,29.9513545 141.669903,25.8276971 C141.669903,21.9617657 142.267364,18.4238498 143.462286,15.2139495 C144.657215,12.0040561 146.29731,9.30962157 148.382571,7.13064595 C150.467832,4.92823128 152.951401,3.22956289 155.833279,2.03464078 C158.71515,0.81629342 161.831325,0.207119741 165.181805,0.207119741 Z M164.865502,5.44369709 C162.733383,5.44369709 160.683264,5.84200216 158.715143,6.6386123 C156.747043,7.43523625 154.931231,8.60673312 153.267707,10.1531029 C151.627609,11.6760406 150.303817,13.7378693 149.296331,16.338589 C148.312285,18.9158766 147.820261,21.8328992 147.820261,25.089657 C147.820261,28.2058356 148.277143,31.08771 149.190907,33.7352803 C150.104671,36.3594321 151.346454,38.5618434 152.916256,40.3425139 C154.486058,42.1231914 156.337018,43.5055534 158.469137,44.4896 C160.624694,45.4736604 162.932539,45.9656906 165.392673,45.9656906 C167.056197,45.9656906 168.684572,45.7196738 170.277799,45.2276401 C171.894466,44.7356134 173.440842,43.9624285 174.916929,42.9080854 C176.393003,41.8303033 177.681647,40.5182274 178.782861,38.9718576 C179.907493,37.4254878 180.797829,35.5159543 181.453867,33.243257 C182.13333,30.9705528 182.473061,28.4752673 182.473061,25.7574006 C182.473061,22.9926766 182.121614,20.4622498 181.418718,18.1661204 C180.715823,15.8699909 179.778627,13.9487413 178.60713,12.4023715 C177.459065,10.8559948 176.111848,9.55563495 174.565478,8.50129191 C173.042527,7.42350982 171.461005,6.65032147 169.820914,6.18172686 C168.204255,5.68970701 166.55245,5.44369709 164.865502,5.44369709 Z"
id="path5004-3"
fill="#252525"
style="fill:#ececec" />
<polygon
id="path5006-7"
fill="#252525"
points="193.346278 0.724919094 200.902421 0.724919094 228.104513 42.5121346 228.104513 0.724919094 234.07914 0.724919094 234.07914 50.6657243 226.523008 50.6657243 199.320906 8.80823301 199.320906 50.6657243 193.346278 50.6657243 193.346278 0.724919094"
style="fill:#ececec" />
<polygon
id="path5002-8-1"
fill="url(#linearGradient-1)"
points="134.865947 1.44983819 142.351772 1.44983819 121.229732 25.2780427 113.708738 25.770066" />
<polygon
id="path5002-9-8"
fill="url(#linearGradient-2)"
points="120.608373 24.5436893 143.065921 50.65629 135.369196 50.65629 113.087379 25.0357126"
style="fill:url(#linearGradient1476);fill-opacity:1" />
</g>
<g
id="Group-2"
transform="translate(84.401294, 0.000000)">
<ellipse
id="ellipse4650-0-7-2-3-4-4"
stroke="#A3A3A3"
stroke-width="0.5"
fill="url(#linearGradient-3)"
fill-rule="nonzero"
cx="32.6381773"
cy="32.0750084"
rx="32.6283216"
ry="32.0379153" />
<path
d="M11.4081036,63.3958214 C11.4081036,63.3958214 21.6045877,27.7160181 61.2958239,32.2529036 C61.2958239,32.2529036 36.0705761,17.2784777 11.5820634,37.4661903 C4.3498356,54.2184492 11.4081036,63.3958214 11.4081036,63.3958214 Z"
id="path4652-2-7-9-7-2-7"
fill="url(#linearGradient-4)" />
<path
d="M14.4437126,58.8828065 C14.4437126,58.8828065 25.0829773,33.2320207 53.4825113,32.781235 C31.8948557,38.0404091 53.5179288,56.6850589 53.5179288,56.6850589 C53.5179288,56.6850589 36.4417036,72.1574524 14.4437126,58.8828065 Z"
id="path4654-1-7-7-4-4-6"
fill="url(#linearGradient-5)" />
<path
d="M8.52013981,39.2195107 C8.52013981,39.2195107 29.7704078,15.8442252 61.504145,31.9944181 C60.937455,27.6027133 57.183244,22.6443184 50.4539961,21.2276298 C48.9664828,20.5192906 38.0580039,3.66073786 14.6118835,13.3650434 C21.8248181,13.9266589 24.9197359,14.9370097 25.0953528,15.7025553 C12.6216181,13.5588039 8.92412686,31.3103638 8.52013981,39.2195107 Z"
id="path4656-5-6-43-8-0-8"
fill="url(#linearGradient-6)" />
<path
d="M38.996567,19.3904259 C38.996567,19.3904259 44.4333773,17.4432932 45.1414265,23.2341333 C39.7804841,23.7399094 38.996567,19.3904259 38.996567,19.3904259 Z"
id="path4658-6-9-5-0-2-9"
fill="#202020" />
<path
d="M11.2656259,63.5118913 C11.2656259,63.5118913 20.5605489,33.1914563 51.6367638,32.0183715 C51.6367638,32.0183715 26.4197385,27.4174239 8.60980194,55.6298977 C8.51105761,59.6212919 11.2656259,63.5118913 11.2656259,63.5118913 Z"
id="path4660-5-1-6-0-7-6"
fill="url(#linearGradient-7)" />
<path
d="M14.6379599,13.3679845 C14.6379599,13.3679845 22.3889812,13.8187806 25.1563081,15.7220971 C26.3117463,15.4843961 27.2928104,14.6932919 27.4595832,13.6158343 C26.4680906,13.205499 17.3927663,12.4664129 14.6379599,13.3679845 Z"
id="path4662-0-1-1-1-2-3"
fill="url(#linearGradient-8)" />
<path
d="M8.59003236,39.2598265 C8.59003236,39.2598265 18.2940686,27.6043702 37.8847172,26.2119249 C37.8847172,26.2119249 11.2157618,27.4172065 8.97693204,34.9478214 C8.35450615,36.7586589 8.59003236,39.2598265 8.59003236,39.2598265 Z"
id="path4442-5-0-9-4-6-0-96"
fill="url(#linearGradient-9)" />
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 12 KiB

View File

@ -150,6 +150,7 @@ QString FalkonSchemeReply::startPage()
sPage.append(QzTools::readAllFileContents(":html/start.html"));
sPage.replace(QLatin1String("%ABOUT-IMG%"), QSL("qrc:icons/other/startpage.svg"));
sPage.replace(QLatin1String("%ABOUT-IMG-DARK%"), QSL("qrc:icons/other/startpage-dark.svg"));
sPage.replace(QLatin1String("%TITLE%"), tr("Start Page"));
sPage.replace(QLatin1String("%BUTTON-LABEL%"), tr("Search on Web"));
@ -169,6 +170,7 @@ QString FalkonSchemeReply::aboutPage()
if (aPage.isEmpty()) {
aPage.append(QzTools::readAllFileContents(":html/about.html"));
aPage.replace(QLatin1String("%ABOUT-IMG%"), QSL("qrc:icons/other/about.svg"));
aPage.replace(QLatin1String("%ABOUT-IMG-DARK%"), QSL("qrc:icons/other/about-dark.svg"));
aPage.replace(QLatin1String("%COPYRIGHT-INCLUDE%"), QzTools::readAllFileContents(":html/copyright").toHtmlEscaped());
aPage.replace(QLatin1String("%TITLE%"), tr("About Falkon"));
@ -278,6 +280,7 @@ QString FalkonSchemeReply::configPage()
if (cPage.isEmpty()) {
cPage.append(QzTools::readAllFileContents(":html/config.html"));
cPage.replace(QLatin1String("%ABOUT-IMG%"), QSL("qrc:icons/other/about.svg"));
cPage.replace(QLatin1String("%ABOUT-IMG-DARK%"), QSL("qrc:icons/other/about-dark.svg"));
cPage.replace(QLatin1String("%TITLE%"), tr("Configuration Information"));
cPage.replace(QLatin1String("%CONFIG%"), tr("Configuration Information"));