1 <chapter id="customizing-desktop">
5 <firstname>Juan Carlos</firstname>
6 <surname>Torres</surname>
11 <title>Customizing the Appearance of your &kde; Desktop</title>
13 <para>Changing the appearance of your &kde; desktop can be done quite easily and
14 flexibly by either individually controlling different parts of the visual
15 appearance or by using a predefined theme. This guide explains the various
16 customizable parts of &kde; and how to control their appearance.</para>
18 <sect1 id="background">
19 <title>Background</title>
20 <para>The desktop background, more commonly known as the wallpaper, allows you
21 to display certain images on your desktop. The settings for the background are
22 found in the &kcontrolcenter;, or by <mousebutton>right</mousebutton>-clicking
23 on the desktop and selecting <guilabel>Configure Desktop...</guilabel>.</para>
25 <para>In &kde;, you have the option to use no picture, a single picture, or a
26 slideshow of images. If <guilabel>No picture</guilabel> is chosen to be the
27 desktop background, the <guilabel>Colors</guilabel> options are used instead.
28 You can also choose whether to use a single
29 background on all virtual desktops or to apply a different background for each
30 desktop. This is done by selecting <guilabel>All desktops</guilabel> or the
31 specific desktop name from the drop-down menu.</para>
33 <para>Other background images can be downloaded using the
34 <guibutton>Get New Wallpapers</guibutton> button on the right or you can visit
35 the <ulink url="http://www.kde-look.org/index.php?xcontentmode=1x2x3x4x5x6x7">
36 Wallpapers section</ulink> of the kde-look.org website.</para>
41 <para>The <guilabel>Colors</guilabel> settings of the &kcontrolcenter; allow you to control the
42 colors that are used for various window elements, such as window titlebars,
43 window backgrounds, text, and buttons. You can change the color of each window
44 element by selecting the element from the drop down list and choosing a color
45 for it. You can then save your changes by clicking on
46 <guibutton>Save Scheme...</guibutton>. This will save your settings in a Color
47 Scheme file. Color schemes are text files, with a <literal
48 role="extension">.kcsrc</literal> extension, that contain
49 entries for each window widget and its color, in RGB format. It is also very
50 easy to add color schemes that you have downloaded by clicking on
51 <guibutton>Import Scheme...</guibutton> and pointing to the <literal
52 role="extension">.kcsrc</literal> file. With color schemes, you can save the
53 changes you have done in one convenient file or easily change to a predefined
54 color setting, without having to change each window element separately.</para>
56 <para>Additional color schemes can be downloaded from <ulink
57 url="http://www.kde-look.org/index.php?xcontentmode=28">the Color Schemes
58 section</ulink> of kde-look.org.</para>
63 <para>An icon theme contains the images used to represent actions, files,
64 devices, and applications. Managing icon themes is easily done through the Icons
65 module in the &kcontrolcenter;. Simply select the icon theme you want to use and
66 click on <guibutton>Apply</guibutton> to switch to the new theme. To install new
67 icon themes, all you need to do is to click on <guibutton>Install New
68 Theme...</guibutton> and browse to the location of the icon theme archive. There
69 is no need to extract the contents of the archive into a directory. In fact, the
70 Icons module only accepts archived icon themes. To remove an icon theme, simply
71 select the theme from the list and click on <guibutton>Remove Theme</guibutton>.
72 Note that you cannot remove the icon theme that you are currently using. You
73 need to switch to some other theme before the current one will become removable.
74 You also cannot remove icon themes that were installed by the administrator
75 (<systemitem class="username">root</systemitem>) or by your distribution's
76 package manager.</para>
77 <para>Other icon themes can be found in <ulink
78 url="http://www.kde-look.org/index.php?xcontentmode=27">the Icon Themes
79 subsection</ulink> of kde-look.org.</para>
82 <sect1 id="splash-screen">
83 <title>Splash Screen</title>
87 <imagedata fileref="splash-screen.png" format="PNG" />
89 <textobject><phrase>The default &kde; splash screen</phrase></textobject>
90 <caption><para>The default &kde; splash screen</para></caption>
93 <para>The splash screen is the animated image or screen that is displayed while
94 &kde; loads after you log in. Each user can have a different splash screen.
95 Changing the splash screen for the current user can be done in the Splash
96 Screen module of the &kcontrolcenter;. Select the splash screen you want to
97 use and click on <guibutton>Apply</guibutton>. You can also test what a splash
98 screen will look like by selecting the splash screen and clicking on
99 <guibutton>Test</guibutton>. Installing a new splash theme is very easy. Just
100 click on <guibutton>Add...</guibutton> and browse to the splash screen archive you
101 want to add. There is no need to extract the contents of the archive. Removing
102 splash screens is also easily done by selecting the splash screen and clicking
103 on <guibutton>Remove</guibutton>. Note that you cannot remove splash screens
104 installed by the administrator (<systemitem class="username">root</systemitem>)
105 or by your distribution's package manager.</para>
107 <para>Splash screen themes can be found on kde-look.org, in <ulink
108 url="http://www.kde-look.org/index.php?xcontentmode=35">the Splash Screens
109 section</ulink>. Take note that some splash screens require a specific &ksplash;
110 engine to be installed.</para>
113 <sect1 id="win-deco">
114 <title>Window Decorations</title>
115 <para>You can change the appearance of window borders, titlebars and buttons in
116 &kde; using window decorations. Some window decorations even have the capability
117 to apply effects such as translucency. Window decorations must be able to do all
118 these without sacrificing speed and performance. This is the reason why window
119 decorations come in source code that must be compiled, or as binary packages
120 that must be installed. Basically, Window decorations are plugins or small
121 programs that instruct &kwin;, &kde;'s Window Manager,
122 how to display window frames.</para>
124 <para>In order to add a new window decoration, you need to compile it from
125 source code. If a binary package for your distribution or system is provided,
126 you simply need to install it using your distribution's package manager. Please
127 refer to your distribution's manual for instructions on how to do this. Once the
128 window decoration has been installed, it can be accessed in the Window
129 Decorations settings in the &kcontrolcenter;. In the
130 <guilabel>Window Decoration</guilabel> tab,
131 a list of installed window decorations can be seen in the drop down box. Simply
132 select the decoration you want to use and click on <guibutton>Apply</guibutton>.
133 Different window decorations have different capabilities and settings. Play
134 around with the different options available. The <guilabel>Buttons</guilabel> tab allows you to
135 control the buttons on the window titlebar. Enable the <guilabel>Use custom
136 titlebar button positions</guilabel> check box in order to rearrange, remove, or
137 add buttons. To add buttons to the titlebar, drag an item from the list to the
138 titlebar preview above it. To remove a button, drag the button from the titlebar
139 preview to the item list. Simply drag buttons in the titlebar preview to
140 rearrange them.</para>
142 <para>While all window decorations need to be compiled from source code, some
143 window decorations can load pixmap-based theme files that do not need to be
144 compiled. &kde; ships with a pixmap-based window decoration called the IceWM
145 window decoration. Another pixmap-based window decoration is <ulink
146 url="http://www.kde-look.org/content/show.php?content=31447">deKorator</ulink>,
147 which can be found on kde-look.org. Please refer to your distribution's
148 documentation on how to install these. The advantage of using pixmap-based
149 window decorations is it is relatively easy to make themes for them, by using
150 images and editing a configuration file. The tradeoff is a slight loss of performance,
151 while this may be unnoticeable on very fast systems.</para>
153 <para>To add an IceWM theme, select IceWM as the window decoration and click on
154 the <guilabel>Open &kde;'s IceWM theme folder</guilabel> link in the window
155 decoration description area. This will open a &konqueror; window
156 to <filename>$<envar>KDEHOME</envar>/share/apps/kwin/icewm-themes</filename>.
157 Extract your IceWM theme to this folder. The theme will then be added to
158 the list of IceWM themes. Select the theme you want to use and click on
159 <guibutton>Apply</guibutton>.</para>
161 <para>To add a deKorator theme after you've installed deKorator, select
162 deKorator from the window decorations list and go to the <guilabel>Themes</guilabel>
163 tab. Click on <guibutton>Install New Theme</guibutton> and locate
164 your deKorator theme archive. Make sure that the version of the deKorator theme
165 matches the deKorator version installed on your system. Once the theme has been
166 added, select the theme you want to use and click on <guibutton>Set Theme
167 Paths</guibutton>. Click on <guibutton>Apply</guibutton> for the changes to
170 <para>Some more window decorations are available at kde-look.org under <ulink
171 url="http://www.kde-look.org/index.php?xcontentmode=17">the
172 Native &kde; 3.x</ulink> and <ulink
173 url="http://www.kde-look.org/index.php?xcontentmode=20">the
174 Native &kde; 3.2+</ulink> subsections. Themes for the <ulink
175 url="http://www.kde-look.org/index.php?xcontentmode=18">IceWM</ulink> and
177 url="http://www.kde-look.org/index.php?xcontentmode=21">deKorator</ulink> window
178 decorations have their own subsections under the Window Decorations
184 <para>Widgets are the basic elements of a graphical user interface, such as
185 buttons, scrollbars, tabs, and menus. A widget style is a plugin or a small
186 program that instructs &kde; how widgets are displayed. Since widgets are the
187 very basic parts of an interface, they are frequently accessed and must be able
188 to respond very quickly. This is why widget styles must come as source code to
189 be compiled or as binary packages to be installed, just like window decorations.
190 Please refer to your distribution's documentation on how to compile from source
191 or install binary packages.</para>
193 <para>Once a widget style has been installed, it will be added to the list of
194 available styles in the <guilabel>Style</guilabel> module in the &kcontrolcenter;.
195 The <guilabel>Style</guilabel> tab allows
196 you to select a widget style from the list and to configure it if the style has
197 a <guibutton>Configure...</guibutton> feature. Different styles have different options. A preview of the
198 selected style is available at the lower portion of the tab. The
199 <guilabel>Effects</guilabel> tab
200 controls different visual effects for some widgets like comboboxes and tooltips.
201 The <guilabel>Toolbar</guilabel> tab gives some options on the general appearance of toolbars.</para>
203 <para>Additional widget styles can be found in <ulink
204 url="http://www.kde-look.org/index.php?xcontentmode=
205 8x9x10x11x12x13x14x15x16">the different &kde; subsections of the
206 Themes/Styles</ulink> of kde-look.org. Take note that styles come in source
207 code or binary package forms. They are not &kde; theme files.</para>
210 <sect1 id="kde-theme">
211 <title>&kde; Theme</title>
212 <para>&kde; allows you to save the different changes you made to your desktop's
213 appearance in one file, using the Theme Manager in &kcontrolcenter;. Once you
214 have set up your desktop the way you want, click on <guibutton>Create New
215 Theme...</guibutton>. Enter the details you want to give your theme, such as theme
216 name, author, version, &etc;, then click <guibutton>OK</guibutton> when done.
217 This will add your theme to the list of available themes and save your settings
218 in a &kde; theme. A &kde; theme (<literal role="extension">.kth</literal> file)
219 instructs &kde; on what window decoration, style, or color scheme to use for
220 that particular theme. To add a &kde; theme from an outside source, click on
221 <guibutton>Install New Theme...</guibutton> and locate the &kde; theme file.
222 Removing a theme is easily done by clicking on <guibutton>Remove
223 Theme</guibutton>. If you made changes to your theme, you have to either create
224 a new theme name for it, or remove the previous version first to be able to use
225 the same theme name.</para>
227 <para>The following are the settings that are saved and indicated in a &kde;
244 System Notifications</para>
256 Window Decoration</para>
260 &konqueror; background (File Management)</para>
264 Panel background</para>
276 <para>One very important thing to consider when using or installing a &kde;
277 Theme is that it only indicates what settings to use for the above. A &kde;
278 Theme includes only system notifications, desktop background, panel background,
279 &konqueror; background, and the color scheme in its package. The other
280 components must be installed separately if they do not already come with
283 <para>&kde; Themes can be downloaded from the <ulink
284 url="http://www.kde-look.org/index.php?xcontentmode=8">Theme-Manager
285 subsection</ulink> of
286 kde-look.org, under the Themes/Styles section.</para>
289 <sect1 id="desktop-glossary">
290 <title>Glossary</title>
293 <glossentry id="gloss-background">
294 <glossterm>Background</glossterm>
295 <glossdef><para>Background/wallpaper image or color for the
296 desktop</para></glossdef>
299 <glossentry id="gloss-color-scheme">
300 <glossterm>Color Scheme</glossterm>
301 <glossdef><para>(<literal role="extension">.kcsrc</literal>)
302 Configuration file that indicates what colors to use
303 for certain widgets</para></glossdef>
306 <glossentry id="gloss-icons">
307 <glossterm>Icons</glossterm>
308 <glossdef><para>Images representing applications, files,
309 devices, &etc;</para></glossdef>
312 <glossentry id="gloss-splash-screen">
313 <glossterm>Splash Screen</glossterm>
314 <glossdef><para>Animated image or screen that displays while &kde;
315 loads after logging in</para></glossdef>
318 <glossentry id="gloss-win-deco">
319 <glossterm>Window Decoration</glossterm>
320 <glossdef><para>Plugins or small programs that instruct the window
321 manager how to display window frames</para></glossdef>
324 <glossentry id="gloss-style">
325 <glossterm>Style</glossterm>
326 <glossdef><para>Plugin or a small program that instructs &kde;
327 how widgets are displayed</para></glossdef>
330 <glossentry id="gloss-kde-theme">
331 <glossterm>&kde; Theme</glossterm>
332 <glossdef><para>(<literal role="extension">.kth</literal>)
333 A file that contains instructions on what settings to use for
334 different GUI components</para></glossdef>
337 <glossentry id="gloss-widgets">
338 <glossterm>Widgets</glossterm>
339 <glossdef><para>Basic elements that build up a graphical user
340 interface: buttons, scrollbars, menus, tabs, &etc;</para></glossdef>
349 <!-- Keep this comment at the end of the file
354 sgml-namecase-general:nil
355 sgml-general-insert-case:lower
356 sgml-minimize-attributes:nil
357 sgml-always-quote-attributes:t
359 sgml-indent-data:true
360 sgml-parent-document:("index.docbook" "book" "chapter")
361 sgml-exposed-tags:nil
362 sgml-local-catalogs:nil
363 sgml-local-ecat-files:nil