1
mirror of https://invent.kde.org/network/falkon.git synced 2024-11-11 01:22:10 +01:00

HighDPI fixes for Linux theme

This commit is contained in:
David Rosca 2016-12-31 12:11:27 +01:00
parent d000ae0d0b
commit 7877da9929
20 changed files with 128 additions and 33 deletions

View File

@ -0,0 +1,13 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<defs id="defs3051">
<style type="text/css" id="current-color-scheme">
.ColorScheme-Text {
color:#4d4d4d;
}
</style>
</defs>
<path style="fill:currentColor;fill-opacity:1;stroke:none"
d="m8 11.5l-6-6.251.719-.749 4.125 4.298 1.156 1.237 1.156-1.237 4.125-4.298.719.749-4.125 4.298z"
class="ColorScheme-Text"
/>
</svg>

After

Width:  |  Height:  |  Size: 430 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 608 B

View File

@ -0,0 +1,13 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<defs id="defs3051">
<style type="text/css" id="current-color-scheme">
.ColorScheme-Text {
color:#4d4d4d;
}
</style>
</defs>
<path style="fill:currentColor;fill-opacity:1;stroke:none"
d="M 3.7480469 2 L 3 2.71875 L 7.2988281 6.84375 L 8.5351562 8 L 7.2988281 9.15625 L 3 13.28125 L 3.7480469 14 L 8.046875 9.875 L 10 8 L 3.7480469 2 z M 12 7 A 1 1 0 0 0 11 8 A 1 1 0 0 0 12 9 A 1 1 0 0 0 13 8 A 1 1 0 0 0 12 7 z "
class="ColorScheme-Text"
/>
</svg>

After

Width:  |  Height:  |  Size: 561 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 682 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 235 B

View File

@ -0,0 +1,13 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<defs id="defs3051">
<style type="text/css" id="current-color-scheme">
.ColorScheme-Text {
color:#4d4d4d;
}
</style>
</defs>
<path style="fill:currentColor;fill-opacity:1;stroke:none"
d="M 2 3 L 2 5 L 14 5 L 14 3 L 2 3 z M 2 7 L 2 9 L 14 9 L 14 7 L 2 7 z M 2 11 L 2 13 L 14 13 L 14 11 L 2 11 z "
class="ColorScheme-Text"
/>
</svg>

After

Width:  |  Height:  |  Size: 443 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 167 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 793 B

View File

@ -0,0 +1,17 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<defs id="defs3051">
<style type="text/css" id="current-color-scheme">
.ColorScheme-Highlight {
color:#3daee9;
}
</style>
</defs>
<g
transform="translate(-421.71429,-531.79074)">
<path
style="fill:currentColor;fill-opacity:1;stroke:none"
d="m 429.74391,532.79074 -2.1875,4.59602 -4.84212,0.72462 3.47949,3.59343 -0.85449,5.05858 4.33854,-2.37663 4.31348,2.40398 -0.79753,-5.06315 3.52051,-3.57291 -4.83301,-0.75196 z"
id="path4277"
class="ColorScheme-Highlight" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 614 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 451 B

View File

@ -0,0 +1,13 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<defs id="defs3051">
<style type="text/css" id="current-color-scheme">
.ColorScheme-Text {
color:#4d4d4d;
}
</style>
</defs>
<path
style="fill:currentColor;fill-opacity:0.6;stroke:none"
d="m8.03 2l-1.875 3.939-4.15.621 2.982 3.08-.732 4.336 3.719-2.037 3.697 2.061-.684-4.34 3.02-3.062-4.143-.645zm-.008 2l1.221 2.635 2.762.432-2.01 2.041.455 2.893-2.463-1.373-2.48 1.357.488-2.891-1.988-2.055 2.766-.412z"
class="ColorScheme-Text" />
</svg>

After

Width:  |  Height:  |  Size: 563 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 177 B

View File

@ -0,0 +1,13 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<defs id="defs3051">
<style type="text/css" id="current-color-scheme">
.ColorScheme-Text {
color:#4d4d4d;
}
</style>
</defs>
<path style="fill:currentColor;fill-opacity:1;stroke:none"
d="m5 8l6.251-6 .749.719-4.298 4.125-1.237 1.156 1.237 1.156 4.298 4.125-.749.719-4.298-4.125z"
class="ColorScheme-Text"
/>
</svg>

After

Width:  |  Height:  |  Size: 427 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 175 B

View File

@ -0,0 +1,13 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<defs id="defs3051">
<style type="text/css" id="current-color-scheme">
.ColorScheme-Text {
color:#4d4d4d;
}
</style>
</defs>
<path style="fill:currentColor;fill-opacity:1;stroke:none"
d="m12 8l-6.251-6-.749.719 4.298 4.125 1.237 1.156-1.237 1.156-4.298 4.125.749.719 4.298-4.125z"
class="ColorScheme-Text"
/>
</svg>

After

Width:  |  Height:  |  Size: 428 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 300 B

View File

@ -0,0 +1,14 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<defs id="defs3051">
<style type="text/css" id="current-color-scheme">
.ColorScheme-Text {
color:#4d4d4d;
}
</style>
</defs>
<path style="fill:currentColor;fill-opacity:1;stroke:none"
d="m429.71429 533.79074a3 3 0 0 0 -3 3 3 3 0 0 0 3 3 3 3 0 0 0 3 -3 3 3 0 0 0 -3 -3m0 1a2 2 0 0 1 2 2 2 2 0 0 1 -2 2 2 2 0 0 1 -2 -2 2 2 0 0 1 2 -2m0 6a5 4.5 0 0 0 -5 4.5 5 4.5 0 0 0 .0332 .5h9.93a5 4.5 0 0 0 .0371 -.5 5 4.5 0 0 0 -5 -4.5m.00005 1a4 3.5 0 0 1 3.95508 3h-7.91a4 3.5 0 0 1 3.95508 -3"
transform="translate(-421.71-531.79)"
class="ColorScheme-Text"
/>
</svg>

After

Width:  |  Height:  |  Size: 675 B

View File

@ -1,6 +1,6 @@
/************************************* /*************************************
* Linux Theme * * Linux Theme *
* Author: nowrep * * Author: David Rosca *
* Using native widgets and icons * * Using native widgets and icons *
*************************************/ *************************************/
@ -50,7 +50,7 @@
#navigation-button-supermenu #navigation-button-supermenu
{ {
qproperty-themeIcon: "application-menu"; qproperty-themeIcon: "application-menu";
qproperty-fallbackIcon: url(images/menu.png); qproperty-fallbackIcon: url(images/menu.svg);
} }
#navigation-button-exitfullscreen #navigation-button-exitfullscreen
@ -62,21 +62,21 @@
#tabbar-button-right #tabbar-button-right
{ {
qproperty-themeIcon: "arrow-right"; qproperty-themeIcon: "arrow-right";
qproperty-fallbackIcon: url(images/tab-right-arrow.png); qproperty-fallbackIcon: url(images/tab-right-arrow.svg);
qproperty-fixedsize: 15px 25px; qproperty-fixedsize: 15px 25px;
} }
#tabbar-button-left #tabbar-button-left
{ {
qproperty-themeIcon: "arrow-left"; qproperty-themeIcon: "arrow-left";
qproperty-fallbackIcon: url(images/tab-left-arrow.png); qproperty-fallbackIcon: url(images/tab-left-arrow.svg);
qproperty-fixedsize: 15px 25px; qproperty-fixedsize: 15px 25px;
} }
#tabwidget-button-opentabs #tabwidget-button-opentabs
{ {
qproperty-themeIcon: "arrow-down"; qproperty-themeIcon: "arrow-down";
qproperty-fallbackIcon: url(images/tabs-list-button.png); qproperty-fallbackIcon: url(images/arrow-down.svg);
qproperty-fixedsize: 20px 25px; qproperty-fixedsize: 20px 25px;
} }
@ -95,21 +95,21 @@
/*IconProvider*/ /*IconProvider*/
IconProvider IconProvider
{ {
qproperty-bookmarkIcon: url(images/star-a.png); qproperty-bookmarkIcon: url(images/star-a.svg);
} }
/*LocationBar*/ /*LocationBar*/
#locationbar-bookmarkicon #locationbar-bookmarkicon
{ {
qproperty-themeIcon: "rating-unrated"; qproperty-themeIcon: "rating-unrated";
qproperty-fallbackIcon: url(images/star.png); qproperty-fallbackIcon: url(images/star.svg);
qproperty-fixedsize: 16px 16px; qproperty-fixedsize: 16px 16px;
} }
#locationbar-bookmarkicon[bookmarked="true"] #locationbar-bookmarkicon[bookmarked="true"]
{ {
qproperty-themeIcon: "rating"; qproperty-themeIcon: "rating";
qproperty-fallbackIcon: url(images/star-a.png); qproperty-fallbackIcon: url(images/star-a.svg);
qproperty-fixedsize: 16px 16px; qproperty-fixedsize: 16px 16px;
} }
@ -123,20 +123,21 @@ IconProvider
#locationbar-goicon #locationbar-goicon
{ {
qproperty-themeIcon: "go-jump-locationbar"; qproperty-themeIcon: "go-jump-locationbar";
qproperty-fallbackIcon: url(images/goto.png); qproperty-fallbackIcon: url(images/goto.svg);
qproperty-fixedsize: 16px 16px; qproperty-fixedsize: 16px 16px;
} }
#locationbar-down-icon #locationbar-down-icon
{ {
padding-right: 2px; qproperty-themeIcon: "arrow-down";
qproperty-pixmap: url(images/navigation-dropdown.png); qproperty-fallbackIcon: url(images/arrow-down.svg);
qproperty-fixedsize: 12px 16px;
} }
#locationbar-autofillicon #locationbar-autofillicon
{ {
qproperty-themeIcon: "user-identity"; qproperty-themeIcon: "user-identity";
qproperty-fallbackIcon: url(images/key.png); qproperty-fallbackIcon: url(images/user.svg);
qproperty-fixedsize: 16px 16px; qproperty-fixedsize: 16px 16px;
} }
@ -169,23 +170,10 @@ IconProvider
background: transparent; background: transparent;
} }
/*SourceViewer*/
#sourceviewer-textedit
{
border:none;
}
/*SourceViewerSearch*/
SourceViewerSearch #lineEdit[notfound="true"]
{
background:#ff6666;
}
/*SearchToolbar*/ /*SearchToolbar*/
SearchToolBar #lineEdit[notfound="true"] SearchToolBar #lineEdit[notfound="true"]
{ {
background:#ff6666; background: #ff6666;
} }
/*AboutDialog*/ /*AboutDialog*/
@ -196,7 +184,7 @@ AboutDialog #label
AboutDialog #textBrowser AboutDialog #textBrowser
{ {
border:none; border: none;
margin-top: -2px; /* Workarounding rounded border on KDE */ margin-top: -2px; /* Workarounding rounded border on KDE */
} }

View File

@ -1,23 +1,21 @@
#navigation-button-next #navigation-button-next
{ {
qproperty-themeIcon: "go-previous"; qproperty-themeIcon: "go-previous";
qproperty-fallbackIcon: url(images/go-previous.png);
} }
#navigation-button-back #navigation-button-back
{ {
qproperty-themeIcon: "go-next"; qproperty-themeIcon: "go-next";
qproperty-fallbackIcon: url(images/go-next.png);
} }
#tabbar-button-right #tabbar-button-right
{ {
qproperty-themeIcon: "arrow-left"; qproperty-themeIcon: "arrow-left";
qproperty-fallbackIcon: url(images/tab-left-arrow.png); qproperty-fallbackIcon: url(images/tab-left-arrow.svg);
} }
#tabbar-button-left #tabbar-button-left
{ {
qproperty-themeIcon: "arrow-right"; qproperty-themeIcon: "arrow-right";
qproperty-fallbackIcon: url(images/tab-right-arrow.png); qproperty-fallbackIcon: url(images/tab-right-arrow.svg);
} }

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 6.2 KiB