Introduction
User Interface
How to...
Order

Ayuda > How to use skins?

Introduction...
Everyone knows that every man to his own taste. So the skin supporting is one of the most important things to make the program to look like you prefer. USB Safely Remove supports skin changing for the stopping menu and some other frequently displayed windows.

The current article describes how to use skins and how to create your own unique skin.
How to use skins...
The program installation pack contains several predefined skins, such as "Classic", "Black Velvet" and "Black Contrast" color schemes. See on the screenshot below to know how to change a skin:
Just go to the "Skins" tab of the program options, choose your the you prefer and click OK.

Easy, isn't it? Don't like any of the predefined skins and wish to make your own one?
How to create your own skin...
First of all browse the folder of any predefined skin (e.g. "C:/Program Files/USB Safely Remove/Skins/Black Velvet") to know what files the skin consists from, then do the following:
  1. Create a new folder with the name of a new skin (e.g. "C:/Program Files/USB Safely Remove/Skins/My Own Skin").
  2. Create images following specified names using your favorite graphic editor. The easiest way to not miss an image is to copy all images from an existing skin folder to your new skin folder. Then you can edit just copied images in a graphic editor. If an image file won't find by the program it will be gotn from the default skin (it's named Default in the list of skins in the Options and actually is build into the program body so you may not see its folder and files).
  3. Create the text file "colorscheme.ini". This configuration file is used to define color and shape of the interface controls. Find the list of parameters and their description below.
Color scheme parameters:
  1. background - color of the window background.
  2. selecteditemtop - the top part of the device item gradient fill.
  3. selecteditembottom - the bottom part of the device item gradient fill.
  4. menuheadertext - the color of the header caption in the stopping menu and notification window.
  5. menuhighlight - the top part of the header gradient fill.
  6. menushady - the bottom part of the header gradient fill.
  7. menushadow - the color of the header underline.
  8. link - the reference link color in normal state. (is not used, reserved)
  9. linkincontrol - the reference link color in mouse control state. (is not used, reserved)
  10. itemtext - the color of the device(drive) name (the device item caption).
  11. hotkeytext - the color of the hot key text.
  12. selecteditemframe - the color of the device item frame.
  13. readyforremoving - the "Ready for safe removal" text color.
  14. textshadow - the color of header caption shadow in the stopping menu and the notification window.
  15. windowlefttopedge - a top and left hand outside line color of the frame around window.
  16. windowrightbottomedge - a bottom and right hand outside line color of the frame around window.
  17. windowlefttopinneredge - a top and left hand inside line color of the frame around window.
  18. windowrightbottominneredge - a bottom and right hand inside line color of the frame around window.
  19. windowfillframe - the color of the the frame around window fill.
  20. windowlefttopinneredge2 - the color of the line inside the frame around window at the top and left hand side.
  21. windowrightbottominneredge2 - the color of the line inside the frame around window at the bottom and right hand.
  22. windowhighlight - the color of a highlighted gradient fill of the frame around window.
  23. emptymenutext - the color of the text shown when there are no visible connected devices.
  24. infofill - the filling color of the stopping menu information panel.
  25. infoframe - the color of the the stopping menu information panel frame.
  26. ballooncaptiontext - the color of the caption in the notification window.
  27. balloonbodytext - the color of the device(drive) name in the notification window.
  28. balloondrivelettertext - the color of the drive letter list text in the notification window.
  29. underlinedlink - the color of the underlined reference link in the normal state.
  30. underlinedlinkincontrol - the color of the underlined reference link in hovered state (when it's mouse hovered)
Boolean parameter value list:
Each parametr should be "0"(false) or "1"(true)
  1. enablewindowframe - defines whether a window needs to have an around frame.
  2. enableitemchamferframe - defines whether items and sub-items of the stopping menu need to have a frame with chamfer corners.
  3. simplewindowframe - defines whether the menu frame will be simple (as in Windows 8) or rounded (as in Windows 7 aero)
Image list:
Close button in passive state (when mouse is not hovering over it)
Close button in active state (when mouse is hovering over it)
Options button in passive state
Options button in active state
Registration button in passive state
Registration button in active state
"Stop All" button in passive state
"Stop All" button in active state
Button for interrupting "Stop All" operation in passive state
Button for interrupting "Stop All" operation in active state
"Scan for hardware changes" button in passive state
"Scan for hardware changes" button in active state
Drive letter image
Hot key image

How to set color: The "colorscheme.ini" file mainly consists from the lines like the following: "subitemtext=#E6E969". The right part of the line is a color value assembled from R-G-B components in the hex format. Thus #E6E969 defines RGB color value with the following values of its parts: Red=E6(230), Green=E9(233), Blue=69(105). You can see this color on the screenshot below:
Note, the same format of the color is used in html markup and css styles.