mirror/tomahawk
1
0
Fork 0
mirror of https://github.com/tomahawk-player/tomahawk.git synced 2025-08-17 19:37:09 +02:00
Code Issues Releases Wiki Activity

Recreated all the Toggle buttons and icons as SVGs. May need more work.

Browse Source
This commit is contained in:
Jason Herskowitz
2012-12-04 17:46:39 -05:00
parent 1700c31035
commit 2d2ebffa26
12 changed files with 196 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
data/images/view-toggle-icon-artist-active.svg Normal file
View File

@@ -0,0 +1,23 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="94px" height="93px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<title>view-toggle-icon-artist-active</title>
<description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
<defs>
<path d="M53,12 L87,12" id="path-1"></path>
<path d="M53,32 L87,32" id="path-2"></path>
<path d="M53,54 L87,54" id="path-3"></path>
<path d="M53,76 L87,76" id="path-4"></path>
</defs>
<g id="Page 1" fill="rgb(223,223,223)" fill-rule="evenodd">
<path d="M4,2 L4,42 L44,42 L44,2 L4,2 Z M4,2" id="Rectangle 2" stroke="rgb(167,167,167)" stroke-width="1" fill="rgb(255,255,255)"></path>
<path d="M4,47 L4,87 L44,87 L44,47 L4,47 Z M4,47" id="Rectangle 2" stroke="rgb(167,167,167)" stroke-width="1" fill="rgb(255,255,255)"></path>
<use id="Line" xlink:href="#path-1"></use>
<use id="Line-1" stroke="rgb(255,255,255)" stroke-width="6" stroke-linecap="square" fill="none" xlink:href="#path-1"></use>
<use id="Line" xlink:href="#path-2"></use>
<use id="Line-1" stroke="rgb(255,255,255)" stroke-width="6" stroke-linecap="square" fill="none" xlink:href="#path-2"></use>
<use id="Line" xlink:href="#path-3"></use>
<use id="Line-1" stroke="rgb(255,255,255)" stroke-width="6" stroke-linecap="square" fill="none" xlink:href="#path-3"></use>
<use id="Line" xlink:href="#path-4"></use>
<use id="Line-1" stroke="rgb(255,255,255)" stroke-width="6" stroke-linecap="square" fill="none" xlink:href="#path-4"></use>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

23
data/images/view-toggle-icon-artist-inactive.svg Normal file
View File

@@ -0,0 +1,23 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="94px" height="93px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<title>view-toggle-icon-artist-inactive</title>
<description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
<defs>
<path d="M53,12 L87,12" id="path-1"></path>
<path d="M53,32 L87,32" id="path-2"></path>
<path d="M53,54 L87,54" id="path-3"></path>
<path d="M53,76 L87,76" id="path-4"></path>
</defs>
<g id="Page 1" fill="rgb(223,223,223)" fill-rule="evenodd">
<path d="M4,2 L4,42 L44,42 L44,2 L4,2 Z M4,2" id="Rectangle 2" stroke="rgb(167,167,167)" stroke-width="1" fill="rgb(0,0,0)"></path>
<path d="M4,47 L4,87 L44,87 L44,47 L4,47 Z M4,47" id="Rectangle 2" stroke="rgb(167,167,167)" stroke-width="1" fill="rgb(0,0,0)"></path>
<use id="Line" xlink:href="#path-1"></use>
<use id="Line-1" stroke="rgb(74,74,74)" stroke-width="6" stroke-linecap="square" fill="none" xlink:href="#path-1"></use>
<use id="Line" xlink:href="#path-2"></use>
<use id="Line-1" stroke="rgb(74,74,74)" stroke-width="6" stroke-linecap="square" fill="none" xlink:href="#path-2"></use>
<use id="Line" xlink:href="#path-3"></use>
<use id="Line-1" stroke="rgb(74,74,74)" stroke-width="6" stroke-linecap="square" fill="none" xlink:href="#path-3"></use>
<use id="Line" xlink:href="#path-4"></use>
<use id="Line-1" stroke="rgb(74,74,74)" stroke-width="6" stroke-linecap="square" fill="none" xlink:href="#path-4"></use>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

12
data/images/view-toggle-icon-grid-active.svg Normal file
View File

@@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="93px" height="93px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<title>view-toggle-icon-grid-active</title>
<description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
<defs></defs>
<g id="Page 1" fill="rgb(223,223,223)" fill-rule="evenodd">
<path d="M4,2 L4,42 L44,42 L44,2 L4,2 Z M4,2" id="Rectangle 2" stroke="rgb(167,167,167)" stroke-width="1" fill="rgb(255,255,255)"></path>
<path d="M49,2 L49,42 L89,42 L89,2 L49,2 Z M49,2" id="Rectangle 2" stroke="rgb(167,167,167)" stroke-width="1" fill="rgb(255,255,255)"></path>
<path d="M4,47 L4,87 L44,87 L44,47 L4,47 Z M4,47" id="Rectangle 2" stroke="rgb(167,167,167)" stroke-width="1" fill="rgb(255,255,255)"></path>
<path d="M49,47 L49,87 L89,87 L89,47 L49,47 Z M49,47" id="Rectangle 2" stroke="rgb(167,167,167)" stroke-width="1" fill="rgb(255,255,255)"></path>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

12
data/images/view-toggle-icon-grid-inactive.svg Normal file
View File

@@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="93px" height="93px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<title>Slice 1</title>
<description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
<defs></defs>
<g id="Page 1" fill="rgb(223,223,223)" fill-rule="evenodd">
<path d="M4,2 L4,42 L44,42 L44,2 L4,2 Z M4,2" id="Rectangle 2" stroke="rgb(167,167,167)" stroke-width="1" fill="rgb(0,0,0)"></path>
<path d="M49,2 L49,42 L89,42 L89,2 L49,2 Z M49,2" id="Rectangle 2" stroke="rgb(167,167,167)" stroke-width="1" fill="rgb(0,0,0)"></path>
<path d="M4,47 L4,87 L44,87 L44,47 L4,47 Z M4,47" id="Rectangle 2" stroke="rgb(167,167,167)" stroke-width="1" fill="rgb(0,0,0)"></path>
<path d="M49,47 L49,87 L89,87 L89,47 L49,47 Z M49,47" id="Rectangle 2" stroke="rgb(167,167,167)" stroke-width="1" fill="rgb(0,0,0)"></path>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

21
data/images/view-toggle-icon-list-active.svg Normal file
View File

@@ -0,0 +1,21 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="71px" height="71px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<title>view-toggle-icon-list-active</title>
<description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
<defs>
<path d="M7,5 L64,5" id="path-1"></path>
<path d="M7,25 L64,25" id="path-2"></path>
<path d="M7,43 L64,43" id="path-3"></path>
<path d="M7,62 L64,62" id="path-4"></path>
</defs>
<g id="Page 1" fill="rgb(223,223,223)" fill-rule="evenodd">
<use id="Line" xlink:href="#path-1"></use>
<use id="Line-1" stroke="rgb(254,254,254)" stroke-width="6" stroke-linecap="square" fill="none" xlink:href="#path-1"></use>
<use id="Line" xlink:href="#path-2"></use>
<use id="Line-1" stroke="rgb(254,254,254)" stroke-width="6" stroke-linecap="square" fill="none" xlink:href="#path-2"></use>
<use id="Line" xlink:href="#path-3"></use>
<use id="Line-1" stroke="rgb(254,254,254)" stroke-width="6" stroke-linecap="square" fill="none" xlink:href="#path-3"></use>
<use id="Line" xlink:href="#path-4"></use>
<use id="Line-1" stroke="rgb(254,254,254)" stroke-width="6" stroke-linecap="square" fill="none" xlink:href="#path-4"></use>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

21
data/images/view-toggle-icon-list-inactive.svg Normal file
View File

@@ -0,0 +1,21 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="71px" height="71px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<title>view-toggle-icon-list-inactive</title>
<description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
<defs>
<path d="M7,5 L64,5" id="path-1"></path>
<path d="M7,25 L64,25" id="path-2"></path>
<path d="M7,43 L64,43" id="path-3"></path>
<path d="M7,62 L64,62" id="path-4"></path>
</defs>
<g id="Page 1" fill="rgb(223,223,223)" fill-rule="evenodd">
<use id="Line" xlink:href="#path-1"></use>
<use id="Line-1" stroke="rgb(74,74,74)" stroke-width="6" stroke-linecap="square" fill="none" xlink:href="#path-1"></use>
<use id="Line" xlink:href="#path-2"></use>
<use id="Line-1" stroke="rgb(74,74,74)" stroke-width="6" stroke-linecap="square" fill="none" xlink:href="#path-2"></use>
<use id="Line" xlink:href="#path-3"></use>
<use id="Line-1" stroke="rgb(74,74,74)" stroke-width="6" stroke-linecap="square" fill="none" xlink:href="#path-3"></use>
<use id="Line" xlink:href="#path-4"></use>
<use id="Line-1" stroke="rgb(74,74,74)" stroke-width="6" stroke-linecap="square" fill="none" xlink:href="#path-4"></use>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

14
data/images/view-toggle-inactive-centre.svg Normal file
View File

@@ -0,0 +1,14 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="38px" height="38px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<title>view-toggle-inactive-right</title>
<description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
<defs>
<linearGradient x1="50%" y1="0%" x2="50%" y2="173.920641%" id="linearGradient-1">
<stop stop-color="rgb(254,255,255)" offset="0%"></stop>
<stop stop-color="rgb(0,0,0)" offset="100%"></stop>
</linearGradient>
</defs>
<g id="Page 1" fill="rgb(223,223,223)" fill-rule="evenodd">
<path d="M0,0 L0,38 L38,38 L38,0 L0,0 Z M0,0" id="Rectangle 1" stroke="rgb(167,167,167)" stroke-width="1" fill="url(#linearGradient-1)"></path>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 873 B

14
data/images/view-toggle-inactive-left.svg Normal file
View File

@@ -0,0 +1,14 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="38px" height="38px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<title>view-toggle-inactive-left</title>
<description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
<defs>
<linearGradient x1="50%" y1="0%" x2="50%" y2="173.920641%" id="linearGradient-1">
<stop stop-color="rgb(255,255,255)" offset="0%"></stop>
<stop stop-color="rgb(0,0,0)" offset="100%"></stop>
</linearGradient>
</defs>
<g id="Page 1" fill="rgb(223,223,223)" fill-rule="evenodd">
<path d="M8.00079513,0 C3.582078,0 0,3.57494774 0,8.00079513 L0,29.9992049 C0,34.417922 3.57494774,38 8.00079513,38 L38,38 L38,0 L8.00079513,0 Z M8.00079513,0" id="Rectangle 1" stroke="rgb(167,167,167)" stroke-width="1" fill="url(#linearGradient-1)"></path>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 986 B

14
data/images/view-toggle-inactive-right.svg Normal file
View File

@@ -0,0 +1,14 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="38px" height="38px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<title>view-toggle-inactive-right</title>
<description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
<defs>
<linearGradient x1="50%" y1="0%" x2="50%" y2="173.920641%" id="linearGradient-1">
<stop stop-color="rgb(254,255,255)" offset="0%"></stop>
<stop stop-color="rgb(0,0,0)" offset="100%"></stop>
</linearGradient>
</defs>
<g id="Page 1" fill="rgb(223,223,223)" fill-rule="evenodd">
<path d="M8.00079513,0 C3.582078,0 0,3.57494774 0,8.00079513 L0,29.9992049 C0,34.417922 3.57494774,38 8.00079513,38 L38,38 L38,0 L8.00079513,0 Z M8.00079513,0" id="Rectangle 1" stroke="rgb(167,167,167)" stroke-width="1" fill="url(#linearGradient-1)"></path>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 987 B

14
data/images/view-toggle-pressed-centre.svg Normal file
View File

@@ -0,0 +1,14 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="38px" height="38px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<title>view-toggle-pressed-center</title>
<description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
<defs>
<linearGradient x1="50%" y1="173.920641%" x2="50%" y2="0%" id="linearGradient-1">
<stop stop-color="rgb(254,255,255)" offset="0%"></stop>
<stop stop-color="rgb(0,0,0)" offset="100%"></stop>
</linearGradient>
</defs>
<g id="Page 1" fill="rgb(223,223,223)" fill-rule="evenodd">
<path d="M0,0 L0,38 L38,38 L38,0 L0,0 Z M0,0" id="Rectangle 1" stroke="rgb(167,167,167)" stroke-width="1" fill="url(#linearGradient-1)"></path>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 873 B

14
data/images/view-toggle-pressed-left.svg Normal file
View File

@@ -0,0 +1,14 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="38px" height="38px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<title>view-toggle-pressed-left</title>
<description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
<defs>
<linearGradient x1="50%" y1="173.920641%" x2="50%" y2="0%" id="linearGradient-1">
<stop stop-color="rgb(254,255,255)" offset="0%"></stop>
<stop stop-color="rgb(0,0,0)" offset="100%"></stop>
</linearGradient>
</defs>
<g id="Page 1" fill="rgb(223,223,223)" fill-rule="evenodd">
<path d="M8.00079513,0 C3.582078,0 0,3.57494774 0,8.00079513 L0,29.9992049 C0,34.417922 3.57494774,38 8.00079513,38 L38,38 L38,0 L8.00079513,0 Z M8.00079513,0" id="Rectangle 1" stroke="rgb(167,167,167)" stroke-width="1" fill="url(#linearGradient-1)"></path>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 985 B

14
data/images/view-toggle-pressed-right.svg Normal file
View File

@@ -0,0 +1,14 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="38px" height="38px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<title>view-toggle-pressed-right</title>
<description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
<defs>
<linearGradient x1="50%" y1="173.920641%" x2="50%" y2="0%" id="linearGradient-1">
<stop stop-color="rgb(254,255,255)" offset="0%"></stop>
<stop stop-color="rgb(0,0,0)" offset="100%"></stop>
</linearGradient>
</defs>
<g id="Page 1" fill="rgb(223,223,223)" fill-rule="evenodd">
<path d="M8.00079513,0 C3.582078,0 0,3.57494774 0,8.00079513 L0,29.9992049 C0,34.417922 3.57494774,38 8.00079513,38 L38,38 L38,0 L8.00079513,0 Z M8.00079513,0" id="Rectangle 1" stroke="rgb(167,167,167)" stroke-width="1" fill="url(#linearGradient-1)"></path>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 986 B