THEMES 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128
  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. # Color, font, position for the session list
  29. session_color #FFFFFF
  30. session_font Verdana:size=16:bold
  31. session_x 50%
  32. session_y 90%
  33. # style of background: 'stretch', 'tile', 'center', 'color'
  34. background_style stretch
  35. background_color #FF0033
  36. # Horizonatal and vertical position for the panel.
  37. input_panel_x 50%
  38. input_panel_y 40%
  39. # input controls horizontal and vertical positions.
  40. # IMPORTANT! set input_pass_x and input_pass_y to -1
  41. # to use a single input box for username/password (GDM Style).
  42. # Note that this fields only accept absolute values.
  43. input_name_x 40
  44. input_name_y 100
  45. input_pass_x 40
  46. input_pass_y 120
  47. # Input controls font and color
  48. input_font Verdana:size=12
  49. input_color #000000
  50. # Welcome message position. (relative to the panel)
  51. # use -1 for both values or comment the options to disable
  52. # the welcome message
  53. welcome_x 50%
  54. welcome_y 38
  55. # Font and color for the welcome message
  56. welcome_font Verdana:size=16:bold:slant=italic
  57. welcome_color #d7dde8
  58. # 'Enter username' font and foreground/background color
  59. username_font Verdana:size=12
  60. username_color #d7dde8
  61. # 'Enter username' and 'Enter password' position (relative to the panel)
  62. # use -1 for both values to disable the message
  63. # note that in case of single inputbox the password values are ignored.
  64. username_x 50%
  65. username_y 146
  66. password_x 50%
  67. password_y 146
  68. # The message to be displayed. Leave blank if no message
  69. # is needed (ie, when already present in the panel image)
  70. username_msg Please enter your username
  71. password_msg Please enter your password
  72. ----------------------------------------------------------------------
  73. SHADOWS
  74. The 'msg', 'input', 'welcome', 'session' and 'username' sections
  75. support shadows; three values can be configured:
  76. - color: the shadow color
  77. - x offset: the offset in x direction, relative to the normal text
  78. - y offset: the offset in y direction, relative to the normal text
  79. So to add a text shadow to the welcome message, add the following
  80. to slim.conf:
  81. ----------------------------------------------------------------------
  82. welcome_shadow_xoffset -2
  83. welcome_shadow_yoffset 2
  84. welcome_shadow_color #ff0000
  85. ----------------------------------------------------------------------
  86. The other keys are analogue:
  87. ----------------------------------------------------------------------
  88. # for username and password label
  89. username_shadow_xoffset 2
  90. username_shadow_yoffset -2
  91. username_shadow_color #ff0000
  92. # for the input fields
  93. input_shadow_xoffset 1
  94. input_shadow_yoffset 1
  95. input_shadow_color #0000ff
  96. # for the messages:
  97. msg_shadow_xoffset 1
  98. msg_shadow_yoffset 1
  99. msg_shadow_color #ff00ff
  100. # For the session:
  101. session_shadow_xoffset 1
  102. session_shadow_yoffset 1
  103. session_shadow_color #ff00ff
  104. ----------------------------------------------------------------------