Guest User

gtk.css

a guest
Sep 15th, 2014
609
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.58 KB | None | 0 0
  1. @define-color base_color #ffffff;
  2. @define-color bg_color #eaeaea;
  3. @define-color tooltip_bg_color #eaeaea;
  4. @define-color selected_bg_color #729fcf;
  5. @define-color text_color #000000;
  6. @define-color fg_color #a4a4a4;
  7. @define-color tooltip_fg_color #2e3436;
  8. @define-color selected_fg_color #ffffff;
  9.  
  10. @define-color prelight_bg_color shade(@bg_color, 1.02);
  11. @define-color insensitive_fg_color mix(@fg_color, @base_color, 0.5);
  12.  
  13. @define-color info_fg_color rgb (181, 171, 156);
  14. @define-color info_bg_color rgb (252, 252, 189);
  15. @define-color warning_fg_color rgb (173, 120, 41);
  16. @define-color warning_bg_color rgb (250, 173, 61);
  17. @define-color question_fg_color rgb (97, 122, 214);
  18. @define-color question_bg_color rgb (138, 173, 212);
  19. @define-color error_fg_color rgb (166, 38, 38);
  20. @define-color error_bg_color rgb (237, 54, 54);
  21. @define-color transparent rgba(0, 0, 0, 0);
  22.  
  23.  
  24. * {
  25. padding: 1px;
  26.  
  27. -GtkStatusbar-has-resize-grip: false;
  28. -GtkWindow-resize-grip-height: 0;
  29. -GtkWindow-resize-grip-width: 0;
  30.  
  31. color: @text_color;
  32. border-color: @fg_color;
  33. border-style: none;
  34. }
  35.  
  36. *:selected,
  37. *:selected:focused {
  38. background-color: @selected_bg_color;
  39. color: @selected_fg_color;
  40. }
  41.  
  42. *:insensitive {
  43. color: @insensitive_fg_color;
  44. border-color: @insensitive_fg_color;
  45. }
  46.  
  47. .background {
  48. background-color: @bg_color;
  49. color: @fg_color;
  50. border-width: 1px;
  51. border: solid;
  52. }
  53.  
  54. .tooltip, .tooltip * {
  55. padding: 4px 4px;
  56. background-color: @tooltip_bg_color;
  57. color: @tooltip_fg_color;
  58. }
  59.  
  60. .button,
  61. .radio,
  62. .check {
  63. border-style: solid;
  64. border-width: 1px;
  65. }
  66. .button:prelight:active, .button:hover {
  67. background-color: @prelight_bg_color;
  68. color: @fg_color;
  69. }
  70. .button:active {
  71. background-color: mix(@fg_color, @bg_color, 0.9);
  72. color: @fg_color;
  73. }
  74.  
  75. GtkSwitch {
  76. padding: 2px;
  77. background-color: @bg_color;
  78. color: @fg_color;
  79. border-style: solid;
  80. border-width: 1px;
  81. }
  82. GtkSwitch.trough:active {
  83. background-color: @selected_bg_color;
  84. color: @selected_fg_color;
  85. }
  86. GtkSwitch:prelight, GtkSwitch:hover {
  87. background-color: @prelight_bg_color;
  88. }
  89.  
  90. GtkMenu {
  91. border-style: solid;
  92. border-width: 1px;
  93. }
  94. .menuitem:active, .menuitem GtkLabel:active,
  95. .menuitem:prelight, .menuitem GtkLabel:prelight,
  96. .menu:active, .menu GtkLabel:active,
  97. .menu:prelight, .menu GtkLabel:prelight,
  98. GtkTreeMenu .menuitem:prelight,
  99. GtkTreeMenu .menuitem *:prelight,
  100. GtkTreeMenu .menuitem:active,
  101. GtkTreeMenu .menuitem *:active {
  102. background-color: @selected_bg_color;
  103. color: @selected_fg_color;
  104. }
  105. .menuitem.check:active,
  106. .menuitem.radio:active {
  107. background-color: @bg_color;
  108. color: @fg_color;
  109. }
  110. .menuitem.check:prelight, .menuitem.check:hover,
  111. .menuitem.radio:prelight, .menuitem.radio:hover {
  112. background-color: @selected_bg_color;
  113. color: @selected_fg_color;
  114. border-color: @selected_fg_color;
  115. }
  116. .menuitem:insensitive, .menuitem GtkLabel:insensitive,
  117. .menu:insensitive, .menu GtkLabel:insensitive,
  118. GtkTreeMenu:insensitive {
  119. color: @insensitive_fg_color;
  120. }
  121.  
  122. .menubar,
  123. .toolbar,
  124. GtkStatusbar, GtkStatusbar * {
  125. border-width: 0;
  126. }
  127. .toolbar > *:hover, .toolbar > *:active {
  128. border-width: 1px;
  129. }
  130.  
  131. .entry,
  132. .toolbar.entry {
  133. background-color: @base_color;
  134. color: @text_color;
  135. border-width: 1px;
  136. border-style: solid;
  137. padding: 2px;
  138. }
  139. .entry:insensitive,
  140. .toolbar.entry {
  141. color: mix(@fg_color, @base_color, 0.5);
  142. border-color: mix(@fg_color, @base_color, 0.5);
  143. }
  144.  
  145. .view {
  146. background-color: @base_color;
  147. color: @text_color;
  148. }
  149. .view:insensitive {
  150. background-color: @bg_color;
  151. }
  152.  
  153. .scrollbar,
  154. GtkScale {
  155. -GtkRange-trough-border: 0;
  156.  
  157. background-color: @bg_color;
  158. border-width: 1px;
  159. border-style: solid;
  160. }
  161. .scrollbar:prelight, .scrollbar:hover,
  162. GtkScale:prelight, GtkScale:hover {
  163. background-color: @prelight_bg_color;
  164. }
  165. .scrollbar.trough,
  166. GtkScale.trough {
  167. background-color: mix(@fg_color, @bg_color, 0.8);
  168. }
  169. .scrollbar:insensitive,
  170. GtkScale.entry {
  171. color: mix(@fg_color, @base_color, 0.5);
  172. border-color: mix(@fg_color, @base_color, 0.5);
  173. }
  174.  
  175. .notebook {
  176. border-width: 1px;
  177. border-style: solid;
  178. }
  179. .notebook tab {
  180. background-color: mix(@fg_color, @bg_color, 0.9)
  181. }
  182. .notebook tab:active {
  183. background-color: @bg_color;
  184. }
  185.  
  186. GtkProgressBar {
  187. border-width: 1px;
  188. border-style: solid;
  189. }
  190. GtkProgressBar.progressbar,
  191. .entry.progressbar {
  192. background-color: @selected_bg_color;
  193. color: @selected_fg_color;
  194. border-width: 0;
  195. border-radius: 0;
  196. }
  197.  
  198. .paned {
  199. background-color: @bg_color;
  200. }
  201. .paned:hover,
  202. .paned:prelight,
  203. .paned:selected {
  204. background-color: @fg_color;
  205. }
  206.  
  207. .pane-separator,
  208. .pane-separator:hover,
  209. .pane-separator:prelight,
  210. .pane-separator:selected {
  211. background-color: @fg_color;
  212. }
  213.  
  214. GtkFrame {
  215. border-width: 1px;
  216. border-style: solid;
  217. }
  218.  
  219. .grip {
  220. }
  221.  
  222. .separator, .menu.separator {
  223. background-color: @fg_color;
  224. }
  225.  
  226. row {
  227. }
  228. .cell {
  229. }
  230. column-header {
  231. }
  232. column-header .button {
  233. background-color: @bg_color;
  234. border-width: 1px 1px 1px 0px;
  235. }
  236. column-header:first-child .button {
  237. border-width: 1px 1px 1px 1px;
  238. }
  239.  
  240. GtkExpander:prelight, GtkExpander:hover {
  241. background-color: @prelight_bg_color;
  242. }
  243.  
  244. GtkCalendar.view {
  245. }
  246. GtkCalendar.header {
  247. background-color: @bg_color;
  248. }
  249. GtkCalendar.button {
  250. }
  251. GtkCalendar.highlight {
  252. }
  253.  
  254. GtkInfoBar {
  255. border-width: 1px;
  256. border-style: solid;
  257. }
  258. .info {
  259. background-color: @info_bg_color;
  260. color: @info_fg_color;
  261. }
  262. .warning {
  263. background-color: @warning_bg_color;
  264. color: @warning_fg_color;
  265. }
  266. .question {
  267. background-color: @question_bg_color;
  268. color: @question_fg_color;
  269. }
  270. .error {
  271. background-color: @error_bg_color;
  272. color: @error_fg_color;
  273. }
Advertisement
Add Comment
Please, Sign In to add comment