1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>FileZilla 3 Icon set specification</title>
<style>
h1 { text-align: center; }
h2, h3 { text-decoration: underline; }
</style>
</head>
<body>
<h1>FileZilla 3 Icon set specification</h1>
<h2>Introduction</h2>
<p>This document describes the requirements for icon sets in FileZilla 3.</p>
<p>
Please remember that if you want to create an icon set for FileZilla,
that you should be available to update the icon set in the future when
additional icon are added to the requirements. Otherwise the default icons
will be used for the missing icons and eventually your theme will be removed
once it becomes too outdated.
</p>
<h2>Requirements</h2>
<p>
Since FileZilla is Free Software, the same has to apply to all artwork used
in FileZilla. This means that all artwork has to be published under the GPL
or a GPL compatible license.
Note that the Creative Commons Attribution license is
<a href="http://www.gnu.org/licenses/license-list.html">not compatible</a>
with the GPL.
</p>
<p>
Each icon set should follow a theme, the icons should match nicely. Also,
the function of the icon has to be easily recognizable.
</p>
<p>
You should combine use of both color and shape. The icons are usually
displayed on a light background, though as we have no control
over the background, all icons must also be recognizable on dark backgrounds
or oddly coloured backgrounds. Avoid monochromatic icons.
</p>
<h3>Icon sizes</h3>
<p>
All icons must exist in scalable form to accomodate modern high-DPI
displays.
</p>
<p>
The minimum size at which an icon can be displayed is 16x16 pixels. It is
important, that the icons are good-looking at small sizes. Especially the
smallest icon size should not look blurred beyond recognition. To improve
visibily at these low sizes you can include icons in pre-rasterized form.
</p>
<p>The most commonly used small icon sizes are:</p>
<ul>
<li>16x16</li>
<li>20x20</li>
<li>24x24</li>
<li>32x32</li>
<li>32x32</li>
<li>48x48</li>
</ul>
<h3>Color depth</h3>
<p>
Regarding the used color-depth there is no limitation.
</p>
<h3>File formats</h3>
<p>
All icons have to be submitted in the Scalable Vector Graphics (SVG) format
and placed into a subdirectory named "scalable".
</p>
<p>
As file format for optional fixed-size icons supplementing the scalable
versions, the Portable Network Graphics (PNG) format has to be used. For
each provided size there has to be a subdirectory with the size as name
("16x16" for example) containing all icons in the corresponding size.
</p>
<h2>Required icons</h2>
<p>
The following icons together with the required file name are required in all
icon sets for FileZilla:
</p>
<p><strong>General toolbar:</strong></p>
<ul>
<li>sitemanager - Sitemanager</li>
<li>localtreeview, remotetreeview, logview, queueview
- Togglebuttons for the local directory tree, for the remote directory
tree, the message log, and the transfer queue.</li>
<li>refresh - a button to refresh directory listings</li>
<li>
processqueue - a button that starts/stops processing of the Transfer Queue
</li>
<li>
cancel - cancels the current operation
</li>
<li>disconnect - Closes connection to the server</li>
<li>reconnect - Reconnects to the most recently used server</li>
<li>help - a help button</li>
</ul>
<p><strong>Browsing toolbar:</strong></p>
<ul>
<li>
synchronize - Synchronized directory browsing: If user changes the local
directory, the remote directory changes as well, and vice-versa
</li>
<li>
synctransfer - Synchronize contents of two directories: Transfer files
from the source directory missing in the target directory, delete files
from the target directory not existing in the source directory
</li>
<li>
compare - Compare local and remote directories: File entries in the
file lists will receive a coloured background if they exist either only on
the local or remote side, or when the file attributes differ.
</li>
<li>showhidden - show hidden files</li>
<li>
filter - filter directory listings to remove unwanted files. Note about
metaphors: Funnels are not filters, don't use a funnel metaphor.
</li>
<li>find - search for files</li>
</ul>
<p><strong>Transfer settings toolbar:</strong></p>
<ul>
<li>speedlimits - Button to enable speed limits</li>
</ul>
<p><strong>Context menus</strong></p>
<ul>
<li>upload - Upload selected local files</li>
<li>uploadadd - Add selected local files to queue for later upload</li>
<li>download - Download selected remote files</li>
<li>downloadadd - Add selected remote files to queue for later download</li>
</ul>
<p><strong>Other generic icons:</strong></p>
<ul>
<li>
ascii, auto, binary - Transfermode icons for Ascii, binary
and Auto mode.
</li>
<li>bookmarks - Bookmarks/Favourites</li>
<li>bookmark - Individual Bookmark/Favourite</li>
<li>folderup - "Go up one directory"</li>
<li>folderback - "Go back to previous directory"</li>
<li>file - icon for generic files</li>
<li>folder - icon for open directory</li>
<li>
folderclosed - icon for a closed directory, e.g. a collapsed directory
tree icon
</li>
<li>lock - used in status bar to indicate encrypted connections</li>
<li>server - server icon for the site entries in the Site Manager</li>
<li>
symlink - overlay icon used in file lists to indicate that the displayed
item represents a symbolic link. Note: It should only fills the lower-left
quadrant of the icon
</li>
</ul>
</body>
</html>
|
