THEMES 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. Quick THEME howto for SLiM
  2. Some basic information regarding the slim theme format.
  3. Read this file if you plan to make some theme for
  4. the program, and of course have a look at the included themes
  5. GENERAL CONCEPT
  6. A SLiM theme essentially consists of:
  7. - a background image (background.png or background.jpg)
  8. - a panel image (panel.png or panel.jpg)
  9. - input box(es) and messages and their placement
  10. and properties (slim.theme)
  11. The panel and background images can be a PNG or JPEG file.
  12. The panel is blended into the background image,
  13. taking care of alpha transparency.
  14. SUPPORTED FORMATS
  15. - fonts: use the xft font specs, ie: Verdana:size=16:bold
  16. - colors: use html hex format, ie #0066CC
  17. - positions: can be either absolute in pixels, ie 350
  18. or relative to the container, ie 50% is in the middle
  19. of the screen.
  20. OPTIONS
  21. The following is an example slim.theme file
  22. ----------------------------------------------------------------------
  23. # Color, font, position for the messages (ie: shutting down)
  24. msg_color #FFFFFF
  25. msg_font Verdana:size=16:bold
  26. msg_x 50%
  27. msg_y 30
  28. # style of background: 'stretch', 'tile', 'center', 'color'
  29. background_style stretch
  30. background_color #FF0033
  31. # Horizonatal and vertical position for the panel.
  32. input_panel_x 50%
  33. input_panel_y 40%
  34. # input controls horizontal and vertical positions.
  35. # IMPORTANT! set input_pass_x and input_pass_y to -1
  36. # to use a single input box for username/password (GDM Style).
  37. # Note that this fields only accept absolute values.
  38. input_name_x 40
  39. input_name_y 100
  40. input_pass_x 40
  41. input_pass_y 120
  42. # Input controls font and color
  43. input_font Verdana:size=12
  44. input_color #000000
  45. # Welcome message position. (relative to the panel)
  46. # use -1 for both values or comment the options to disable
  47. # the welcome message
  48. welcome_x 50%
  49. welcome_y 38
  50. # Font and color for the welcome message
  51. welcome_font Verdana:size=16:bold:slant=italic
  52. welcome_color #d7dde8
  53. # 'Enter username' font and foreground/background color
  54. username_font Verdana:size=12
  55. username_color #d7dde8
  56. # 'Enter username' and 'Enter password' position (relative to the panel)
  57. # use -1 for both values to disable the message
  58. # note that in case of single inputbox the password values are ignored.
  59. username_x 50%
  60. username_y 146
  61. password_x 50%
  62. password_y 146
  63. # The message to be displayed. Leave blank if no message
  64. # is needed (ie, when already present in the panel image)
  65. username_msg Please enter your username
  66. password_msg Please enter your password
  67. ----------------------------------------------------------------------
  68. SHADOWS
  69. The 'msg', 'input', 'welcome' and 'username' sections support
  70. shadows; three values can be configured:
  71. - color: the shadow color
  72. - x offset: the offset in x direction, relative to the normal text
  73. - y offset: the offset in y direction, relative to the normal text
  74. So to add a text shadow to the welcome message, add the following
  75. to slim.conf:
  76. ----------------------------------------------------------------------
  77. welcome_shadow_xoffset -2
  78. welcome_shadow_yoffset 2
  79. welcome_shadow_color #ff0000
  80. ----------------------------------------------------------------------
  81. The other keys are analogue:
  82. ----------------------------------------------------------------------
  83. # for username and password label
  84. username_shadow_xoffset 2
  85. username_shadow_yoffset -2
  86. username_shadow_color #ff0000
  87. # for the input fields
  88. input_shadow_xoffset 1
  89. input_shadow_yoffset 1
  90. input_shadow_color #0000ff
  91. # for the messages:
  92. msg_shadow_xoffset 1
  93. msg_shadow_yoffset 1
  94. msg_shadow_color #ff00ff
  95. ----------------------------------------------------------------------