Guest User

gtk3.css

a guest
Sep 15th, 2014
438
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.67 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: outset;
  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. border-style: inset;
  73. color: @fg_color;
  74. }
  75.  
  76. GtkSwitch {
  77. padding: 2px;
  78. background-color: @bg_color;
  79. color: @fg_color;
  80. border-style: solid;
  81. border-width: 1px;
  82. }
  83. GtkSwitch.trough:active {
  84. background-color: @selected_bg_color;
  85. color: @selected_fg_color;
  86. }
  87. GtkSwitch:prelight, GtkSwitch:hover {
  88. background-color: @prelight_bg_color;
  89. }
  90.  
  91. GtkMenu {
  92. border-style: solid;
  93. border-width: 1px;
  94. }
  95. .menuitem:active, .menuitem GtkLabel:active,
  96. .menuitem:prelight, .menuitem GtkLabel:prelight,
  97. .menu:active, .menu GtkLabel:active,
  98. .menu:prelight, .menu GtkLabel:prelight,
  99. GtkTreeMenu .menuitem:prelight,
  100. GtkTreeMenu .menuitem *:prelight,
  101. GtkTreeMenu .menuitem:active,
  102. GtkTreeMenu .menuitem *:active {
  103. background-color: @selected_bg_color;
  104. color: @selected_fg_color;
  105. }
  106. .menuitem.check:active,
  107. .menuitem.radio:active {
  108. background-color: @bg_color;
  109. color: @fg_color;
  110. }
  111. .menuitem.check:prelight, .menuitem.check:hover,
  112. .menuitem.radio:prelight, .menuitem.radio:hover {
  113. background-color: @selected_bg_color;
  114. color: @selected_fg_color;
  115. border-color: @selected_fg_color;
  116. }
  117. .menuitem:insensitive, .menuitem GtkLabel:insensitive,
  118. .menu:insensitive, .menu GtkLabel:insensitive,
  119. GtkTreeMenu:insensitive {
  120. color: @insensitive_fg_color;
  121. }
  122. .menuitem.separator {
  123. border: none;
  124. color: @fg_color;
  125. }
  126.  
  127. .menubar,
  128. .toolbar,
  129. GtkStatusbar, GtkStatusbar * {
  130. border-width: 0;
  131. }
  132. .toolbar > *:hover, .toolbar > *:active {
  133. border-width: 1px;
  134. }
  135.  
  136. .entry,
  137. .toolbar.entry {
  138. background-color: @base_color;
  139. color: @text_color;
  140. border-width: 1px;
  141. border-style: solid;
  142. padding: 2px;
  143. }
  144. .entry:insensitive,
  145. .toolbar.entry {
  146. color: mix(@fg_color, @base_color, 0.5);
  147. border-color: mix(@fg_color, @base_color, 0.5);
  148. }
  149.  
  150. .view {
  151. background-color: @base_color;
  152. color: @text_color;
  153. }
  154. .view:insensitive {
  155. background-color: @bg_color;
  156. }
  157.  
  158. .scrollbar,
  159. GtkScale {
  160. -GtkRange-trough-border: 0;
  161.  
  162. background-color: @bg_color;
  163. border-width: 1px;
  164. border-style: solid;
  165. }
  166. .scrollbar:prelight, .scrollbar:hover,
  167. GtkScale:prelight, GtkScale:hover {
  168. background-color: @prelight_bg_color;
  169. }
  170. .scrollbar.trough,
  171. GtkScale.trough {
  172. background-color: mix(@fg_color, @bg_color, 0.8);
  173. }
  174. .scrollbar:insensitive,
  175. GtkScale.entry {
  176. color: mix(@fg_color, @base_color, 0.5);
  177. border-color: mix(@fg_color, @base_color, 0.5);
  178. }
  179.  
  180. .notebook {
  181. border-width: 1px;
  182. border-style: solid;
  183. }
  184. .notebook tab {
  185. background-color: mix(@fg_color, @bg_color, 0.9)
  186. }
  187. .notebook tab:active {
  188. background-color: @bg_color;
  189. }
  190.  
  191. GtkProgressBar {
  192. border-width: 1px;
  193. border-style: solid;
  194. }
  195. GtkProgressBar.progressbar,
  196. .entry.progressbar {
  197. background-color: @selected_bg_color;
  198. color: @selected_fg_color;
  199. border-width: 0;
  200. border-radius: 0;
  201. }
  202.  
  203. .paned {
  204. background-color: @bg_color;
  205. }
  206. .paned:hover,
  207. .paned:prelight,
  208. .paned:selected {
  209. background-color: @fg_color;
  210. }
  211.  
  212. .pane-separator,
  213. .pane-separator:hover,
  214. .pane-separator:prelight,
  215. .pane-separator:selected {
  216. background-color: @fg_color;
  217. }
  218.  
  219. GtkFrame {
  220. border-width: 1px;
  221. border-style: solid;
  222. }
  223.  
  224. .grip {
  225. }
  226.  
  227. .separator, .menu.separator {
  228. background-color: @fg_color;
  229. }
  230.  
  231. row {
  232. }
  233. .cell {
  234. }
  235. column-header {
  236. }
  237. column-header .button {
  238. background-color: @bg_color;
  239. border-width: 1px 1px 1px 0px;
  240. }
  241. column-header:first-child .button {
  242. border-width: 1px 1px 1px 1px;
  243. }
  244.  
  245. GtkExpander:prelight, GtkExpander:hover {
  246. background-color: @prelight_bg_color;
  247. }
  248.  
  249. GtkCalendar.view {
  250. }
  251. GtkCalendar.header {
  252. background-color: @bg_color;
  253. }
  254. GtkCalendar.button {
  255. }
  256. GtkCalendar.highlight {
  257. }
  258.  
  259. GtkInfoBar {
  260. border-width: 1px;
  261. border-style: solid;
  262. }
  263. .info {
  264. background-color: @info_bg_color;
  265. color: @info_fg_color;
  266. }
  267. .warning {
  268. background-color: @warning_bg_color;
  269. color: @warning_fg_color;
  270. }
  271. .question {
  272. background-color: @question_bg_color;
  273. color: @question_fg_color;
  274. }
  275. .error {
  276. background-color: @error_bg_color;
  277. color: @error_fg_color;
  278. }
Advertisement
Add Comment
Please, Sign In to add comment