e4-dark_mac.css 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341
  1. /*******************************************************************************
  2. * Copyright (c) 2010, 2014 Andrea Guarinoni and others.
  3. * All rights reserved. This program and the accompanying materials
  4. * are made available under the terms of the Eclipse Public License v1.0
  5. * which accompanies this distribution, and is available at
  6. * http://www.eclipse.org/legal/epl-v10.html
  7. *
  8. * Contributors:
  9. * Andrea Guarinoni <andrea.guarinoni.dev@outlook.com> - initial API and implementation
  10. *******************************************************************************/
  11. /*******************************************************************************
  12. * The following bugs are referred to in this style sheet
  13. * 1.) Bug 419482 - Cascading policy in CSS
  14. * 2.) Bug 430052 - Imported rules cannot be overridden
  15. *******************************************************************************/
  16. /* @import url("platform:/plugin/org.eclipse.ui.themes/css/e4-dark.css"); Bug 430052 */
  17. @import url("platform:/plugin/org.eclipse.ui.themes/css/dark/e4-dark_basestyle.css");
  18. @import url("platform:/plugin/org.eclipse.ui.themes/css/dark/e4-dark_globalstyle.css"); /* Remove this to have ONLY the main IDE shell dark */
  19. @import url("platform:/plugin/org.eclipse.ui.themes/css/dark/e4-dark_partstyle.css");
  20. .MTrimmedWindow.topLevel {
  21. margin-top: 3px;
  22. margin-bottom: 3px;
  23. margin-left: 3px;
  24. margin-right: 3px;
  25. }
  26. .MPartStack, .MPart {
  27. font-family: '#org-eclipse-ui-workbench-TAB_TEXT_FONT';
  28. }
  29. .MPartStack {
  30. swt-tab-renderer: url('bundleclass://org.eclipse.e4.ui.workbench.renderers.swt/org.eclipse.e4.ui.workbench.renderers.swt.CTabRendering');
  31. swt-selected-tab-fill: '#org-eclipse-ui-workbench-INACTIVE_TAB_BG_START' '#org-eclipse-ui-workbench-INACTIVE_TAB_BG_END' 100%; /* title background for selected tab */
  32. swt-unselected-tabs-color: '#org-eclipse-ui-workbench-INACTIVE_UNSELECTED_TABS_COLOR_START' '#org-eclipse-ui-workbench-INACTIVE_UNSELECTED_TABS_COLOR_END' 100% 100%; /* title background for unselected tab */
  33. swt-outer-keyline-color: '#org-eclipse-ui-workbench-INACTIVE_TAB_OUTER_KEYLINE_COLOR'; /* border color for whole tabs container */
  34. swt-inner-keyline-color: '#org-eclipse-ui-workbench-INACTIVE_TAB_INNER_KEYLINE_COLOR';
  35. swt-tab-outline: '#org-eclipse-ui-workbench-INACTIVE_TAB_OUTLINE_COLOR'; /* border color for selected tab */
  36. padding: 0px 2px 2px;
  37. swt-shadow-visible: false;
  38. swt-mru-visible: true;
  39. swt-corner-radius: 16px;
  40. }
  41. .MPartStack.active {
  42. swt-selected-tab-fill: '#org-eclipse-ui-workbench-ACTIVE_TAB_BG_START' '#org-eclipse-ui-workbench-ACTIVE_TAB_BG_END' 100%; /* title background for selected tab */
  43. swt-unselected-tabs-color: '#org-eclipse-ui-workbench-ACTIVE_UNSELECTED_TABS_COLOR_START' '#org-eclipse-ui-workbench-ACTIVE_UNSELECTED_TABS_COLOR_END' 100% 100%; /* title background for unselected tab */
  44. swt-outer-keyline-color: '#org-eclipse-ui-workbench-ACTIVE_TAB_OUTER_KEYLINE_COLOR'; /* border color for whole tabs container */
  45. swt-inner-keyline-color: '#org-eclipse-ui-workbench-ACTIVE_TAB_INNER_KEYLINE_COLOR';
  46. swt-tab-outline: '#org-eclipse-ui-workbench-ACTIVE_TAB_OUTLINE_COLOR'; /* border color for selected tab */
  47. }
  48. .MPartStack.active.noFocus {
  49. swt-selected-tabs-fill: '#org-eclipse-ui-workbench-ACTIVE_NOFOCUS_TAB_BG_START' '#org-eclipse-ui-workbench-ACTIVE_NOFOCUS_TAB_BG_END' 100% 100%;
  50. }
  51. .MPartStack.empty {
  52. swt-unselected-tabs-color: '#org-eclipse-ui-workbench-INACTIVE_UNSELECTED_TABS_COLOR_START' #4F5456 #4F5456 99% 100%; /* title background for unselected tab */
  53. swt-tab-outline: #535354; /* border color for selected tab */
  54. swt-outer-keyline-color: #515658; /* border color for whole tabs container */
  55. }
  56. .MPart.busy {
  57. font-style: italic;
  58. }
  59. .MPart.highlighted {
  60. font-weight: bold;
  61. }
  62. CTabItem,
  63. CTabItem CLabel {
  64. background-color: '#org-eclipse-ui-workbench-INACTIVE_TAB_BG_END'; /* HACK for background of CTabFolder inner Toolbars */
  65. color: '#org-eclipse-ui-workbench-INACTIVE_TAB_UNSELECTED_TEXT_COLOR';
  66. }
  67. CTabItem:selected,
  68. CTabItem:selected CLabel {
  69. color: '#org-eclipse-ui-workbench-INACTIVE_TAB_SELECTED_TEXT_COLOR';
  70. }
  71. .MPartStack.active > CTabItem,
  72. .MPartStack.active > CTabItem CLabel {
  73. background-color: '#org-eclipse-ui-workbench-ACTIVE_TAB_BG_END'; /* HACK for background of CTabFolder inner Toolbars */
  74. color: '#org-eclipse-ui-workbench-ACTIVE_TAB_UNSELECTED_TEXT_COLOR';
  75. }
  76. .MPartStack.active > CTabItem:selected,
  77. .MPartStack.active > CTabItem:selected CLabel {
  78. color: '#org-eclipse-ui-workbench-ACTIVE_TAB_SELECTED_TEXT_COLOR';
  79. }
  80. .MPartStack.active.noFocus > CTabItem:selected {
  81. color: '#org-eclipse-ui-workbench-ACTIVE_NOFOCUS_TAB_SELECTED_TEXT_COLOR';
  82. }
  83. CTabItem.busy {
  84. color: #888888;
  85. }
  86. #PerspectiveSwitcher {
  87. eclipse-perspective-keyline-color: #AAB0BF #AAB0BF;
  88. }
  89. .MToolControl.TrimStack {
  90. /*frame-image: url(./gtkTSFrame.png);*/
  91. handle-image: url(./dragHandle.png);
  92. frame-cuts: 5px 1px 5px 16px;
  93. }
  94. .MToolBar.Draggable {
  95. handle-image: url(./dragHandle.png);
  96. }
  97. .MToolControl.Draggable {
  98. handle-image: url(./dragHandle.png);
  99. }
  100. .DragFeedback {
  101. background-color: COLOR-WIDGET-NORMAL-SHADOW;
  102. }
  103. .ModifiedDragFeedback {
  104. background-color: #4176AF;
  105. }
  106. .MTrimmedWindow {
  107. background-color: #515658;
  108. }
  109. .MTrimBar {
  110. background-color: #515658;
  111. }
  112. CTabFolder.MArea .MPartStack,CTabFolder.MArea .MPartStack.active {
  113. swt-shadow-visible: false;
  114. }
  115. CTabFolder Tree, CTabFolder Canvas {
  116. background-color: #2F2F2F;
  117. color: #CCC;
  118. }
  119. .MPartStack.active Tree,
  120. .MPartStack.active CTabFolder Canvas {
  121. background-color: #262626;
  122. color: #CCC;
  123. }
  124. .MPartStack.active Table {
  125. background-color: #2F2F2F;
  126. color: #CCC;
  127. }
  128. .View {
  129. background-color: #313538;
  130. color: #F5F5F5;
  131. }
  132. /* ###################### Top Toolbar ########################## */
  133. #org-eclipse-ui-main-toolbar, #PerspectiveSwitcher {
  134. eclipse-perspective-keyline-color: #585858;
  135. background-color: #515658 #515658 100%;
  136. handle-image: none;
  137. color: #EBE8E4;
  138. }
  139. /* #################### Bottom Status Bar ######################## */
  140. #org-eclipse-ui-StatusLine,
  141. #org-eclipse-ui-ProgressBar,
  142. #org-eclipse-ui-ProgressBar Canvas {
  143. color: #CCCCCC;
  144. }
  145. #org-eclipse-ui-StatusLine CLabel {
  146. color: #BDBAB7;
  147. }
  148. StatusLine, ImageBasedFrame{
  149. color: #BDBAB7;
  150. }
  151. /* ###################### Global Styles ########################## */
  152. TabFolder,
  153. /* the following are required due to Bug 419482: */
  154. TabFolder > Composite > TabFolder,
  155. TabFolder > Composite > * > TabFolder,
  156. DocCommentOwnerComposite > Group > TabFolder,
  157. TabFolder > Composite > ScrolledComposite > TabFolder,
  158. Shell > Composite > Composite > TabFolder,
  159. Composite > Composite > Composite > Group > TabFolder,
  160. Shell > Composite > Composite > Composite > TabFolder,
  161. ScrolledComposite > Composite > Composite > Composite > TabFolder,
  162. Shell > Composite > Composite > Composite > Composite > Composite > TabFolder,
  163. Shell[style~='SWT.RADIO'][style~='SWT.CASCADE'][style~='SWT.SHADOW_ETCHED_IN'][style~='SWT.SHADOW_ETCHED_OUT'][style~='SWT.RESIZE'][style~='SWT.MENU'][style~='SWT.FULL_SELECTION'][style~='SWT.DATE'] > Composite > TabFolder,
  164. Shell[style~='SWT.RADIO'][style~='SWT.CASCADE'][style~='SWT.SHADOW_ETCHED_IN'][style~='SWT.SHADOW_ETCHED_OUT'][style~='SWT.RESIZE'][style~='SWT.MENU'][style~='SWT.FULL_SELECTION'][style~='SWT.DATE'] > Composite > * > TabFolder {
  165. /* background-color is not applied to the whole button,
  166. but text color is changed, so it appear light on light */
  167. background-color: #515658;
  168. color: #222;
  169. }
  170. Button,
  171. /* the following are required due to Bug 419482: */
  172. Composite > Button,
  173. TabFolder > Composite > Button,
  174. TabFolder > Composite > * > Button,
  175. DocCommentOwnerComposite > Group > Button,
  176. TabFolder > Composite > ScrolledComposite > Button,
  177. Shell > Composite > Composite > Button,
  178. Composite > Composite > Composite > Group > Button,
  179. Shell > Composite > Composite > Composite > Button,
  180. ScrolledComposite > Composite > Composite > Composite > Button,
  181. Shell > Composite > Composite > Composite > Composite > Composite > Button,
  182. Shell[style~='SWT.RADIO'][style~='SWT.CASCADE'][style~='SWT.SHADOW_ETCHED_IN'][style~='SWT.SHADOW_ETCHED_OUT'][style~='SWT.RESIZE'][style~='SWT.MENU'][style~='SWT.FULL_SELECTION'][style~='SWT.DATE'] > Composite > Button,
  183. Shell[style~='SWT.RADIO'][style~='SWT.CASCADE'][style~='SWT.SHADOW_ETCHED_IN'][style~='SWT.SHADOW_ETCHED_OUT'][style~='SWT.RESIZE'][style~='SWT.MENU'][style~='SWT.FULL_SELECTION'][style~='SWT.DATE'] > Composite > * > Button,
  184. Form > LayoutComposite > LayoutComposite > Button,
  185. .MPart Button,
  186. .MPartStack.active .MPart Button,
  187. .MPart LayoutComposite > * > LayoutComposite > Section > LayoutComposite > Button,
  188. .MPartStack.active .MPart LayoutComposite > * > LayoutComposite > Section > LayoutComposite > Button {
  189. /* background-color is not applied to the whole button,
  190. but text color is changed, so it appear light on light */
  191. background-color: #515658;
  192. color: #222;
  193. }
  194. Button[style~='SWT.CHECK'],
  195. /* the following are required due to Bug 419482: */
  196. Composite > Button[style~='SWT.CHECK'],
  197. TabFolder > Composite > Button[style~='SWT.CHECK'],
  198. TabFolder > Composite > * > Button[style~='SWT.CHECK'],
  199. DocCommentOwnerComposite > Group > Button[style~='SWT.CHECK'],
  200. TabFolder > Composite > ScrolledComposite > Button[style~='SWT.CHECK'],
  201. Shell > Composite > Composite > Button[style~='SWT.CHECK'],
  202. Composite > Composite > Composite > Group > Button[style~='SWT.CHECK'],
  203. Shell > Composite > Composite > Composite > Button[style~='SWT.CHECK'],
  204. ScrolledComposite > Composite > Composite > Composite > Button[style~='SWT.CHECK'],
  205. Shell > Composite > Composite > Composite > Composite > Composite > Button[style~='SWT.CHECK'],
  206. Shell[style~='SWT.RADIO'][style~='SWT.CASCADE'][style~='SWT.SHADOW_ETCHED_IN'][style~='SWT.SHADOW_ETCHED_OUT'][style~='SWT.RESIZE'][style~='SWT.MENU'][style~='SWT.FULL_SELECTION'][style~='SWT.DATE'] > Composite > Button[style~='SWT.CHECK'],
  207. Shell[style~='SWT.RADIO'][style~='SWT.CASCADE'][style~='SWT.SHADOW_ETCHED_IN'][style~='SWT.SHADOW_ETCHED_OUT'][style~='SWT.RESIZE'][style~='SWT.MENU'][style~='SWT.FULL_SELECTION'][style~='SWT.DATE'] > Composite > * > Button[style~='SWT.CHECK'],
  208. Form > LayoutComposite > LayoutComposite > Button[style~='SWT.CHECK'],
  209. .MPart Button[style~='SWT.CHECK'],
  210. .MPartStack.active .MPart Button[style~='SWT.CHECK'],
  211. .MPart LayoutComposite > * > LayoutComposite > Section > LayoutComposite > Button[style~='SWT.CHECK'],
  212. .MPartStack.active .MPart LayoutComposite > * > LayoutComposite > Section > LayoutComposite > Button[style~='SWT.CHECK'] {
  213. /* currently, Button object isn't consistent (eg. also a checkbox is seen as Button) */
  214. /* so, css rules applied to Button have to be overridden for non-Button matches */
  215. color: #ddd;
  216. }
  217. Button[style~='SWT.RADIO'],
  218. /* the following are required due to Bug 419482: */
  219. Composite > Button[style~='SWT.RADIO'],
  220. TabFolder > Composite > Button[style~='SWT.RADIO'],
  221. TabFolder > Composite > * > Button[style~='SWT.RADIO'],
  222. DocCommentOwnerComposite > Group > Button[style~='SWT.RADIO'],
  223. TabFolder > Composite > ScrolledComposite > Button[style~='SWT.RADIO'],
  224. Shell > Composite > Composite > Button[style~='SWT.RADIO'],
  225. Composite > Composite > Composite > Group > Button[style~='SWT.RADIO'],
  226. Shell > Composite > Composite > Composite > Button[style~='SWT.RADIO'],
  227. ScrolledComposite > Composite > Composite > Composite > Button[style~='SWT.RADIO'],
  228. Shell > Composite > Composite > Composite > Composite > Composite > Button[style~='SWT.RADIO'],
  229. Shell[style~='SWT.RADIO'][style~='SWT.CASCADE'][style~='SWT.SHADOW_ETCHED_IN'][style~='SWT.SHADOW_ETCHED_OUT'][style~='SWT.RESIZE'][style~='SWT.MENU'][style~='SWT.FULL_SELECTION'][style~='SWT.DATE'] > Composite > Button[style~='SWT.RADIO'],
  230. Shell[style~='SWT.RADIO'][style~='SWT.CASCADE'][style~='SWT.SHADOW_ETCHED_IN'][style~='SWT.SHADOW_ETCHED_OUT'][style~='SWT.RESIZE'][style~='SWT.MENU'][style~='SWT.FULL_SELECTION'][style~='SWT.DATE'] > Composite > * > Button[style~='SWT.RADIO'],
  231. Form > LayoutComposite > LayoutComposite > Button[style~='SWT.RADIO'],
  232. .MPart Button[style~='SWT.RADIO'],
  233. .MPartStack.active .MPart Button[style~='SWT.RADIO'],
  234. .MPart LayoutComposite > * > LayoutComposite > Section > LayoutComposite > Button[style~='SWT.RADIO'],
  235. .MPartStack.active .MPart LayoutComposite > * > LayoutComposite > Section > LayoutComposite > Button[style~='SWT.RADIO'] {
  236. /* currently, Button object isn't consistent (eg. also a checkbox is seen as Button) */
  237. /* so, css rules applied to Button have to be overridden for non-Button matches */
  238. color: #ddd;
  239. }
  240. Combo,
  241. /* the following are required due to Bug 419482: */
  242. Composite > Combo,
  243. TabFolder > Composite > Combo,
  244. TabFolder > Composite > * > Combo,
  245. DocCommentOwnerComposite > Group > Combo,
  246. TabFolder > Composite > ScrolledComposite > Combo,
  247. Shell > Composite > Composite > Combo,
  248. Composite > Composite > Composite > Group > Combo,
  249. Shell > Composite > Composite > Composite > Combo,
  250. ScrolledComposite > Composite > Composite > Composite > Combo,
  251. Shell > Composite > Composite > Composite > Composite > Composite > Combo,
  252. Shell[style~='SWT.RADIO'][style~='SWT.CASCADE'][style~='SWT.SHADOW_ETCHED_IN'][style~='SWT.SHADOW_ETCHED_OUT'][style~='SWT.RESIZE'][style~='SWT.MENU'][style~='SWT.FULL_SELECTION'][style~='SWT.DATE'] > Composite > Combo,
  253. Shell[style~='SWT.RADIO'][style~='SWT.CASCADE'][style~='SWT.SHADOW_ETCHED_IN'][style~='SWT.SHADOW_ETCHED_OUT'][style~='SWT.RESIZE'][style~='SWT.MENU'][style~='SWT.FULL_SELECTION'][style~='SWT.DATE'] > Composite > * > Combo,
  254. Form > LayoutComposite > LayoutComposite > Combo,
  255. .MPart LayoutComposite > * > LayoutComposite > Section > LayoutComposite > Combo {
  256. background-color: #949DA5;
  257. color: #222; /* background of drop-drown list is hard-coded to white */
  258. }
  259. Combo:selected,
  260. /* the following are required due to Bug 419482: */
  261. Composite > Combo:selected,
  262. TabFolder > Composite > Combo:selected,
  263. TabFolder > Composite > * > Combo:selected,
  264. DocCommentOwnerComposite > Group > Combo:selected,
  265. TabFolder > Composite > ScrolledComposite > Combo:selected,
  266. Shell > Composite > Composite > Combo:selected,
  267. Composite > Composite > Composite > Group > Combo:selected,
  268. Shell > Composite > Composite > Composite > Combo:selected,
  269. ScrolledComposite > Composite > Composite > Composite > Combo:selected,
  270. Shell > Composite > Composite > Composite > Composite > Composite > Combo:selected,
  271. Shell[style~='SWT.RADIO'][style~='SWT.CASCADE'][style~='SWT.SHADOW_ETCHED_IN'][style~='SWT.SHADOW_ETCHED_OUT'][style~='SWT.RESIZE'][style~='SWT.MENU'][style~='SWT.FULL_SELECTION'][style~='SWT.DATE'] > Composite > Combo:selected,
  272. Shell[style~='SWT.RADIO'][style~='SWT.CASCADE'][style~='SWT.SHADOW_ETCHED_IN'][style~='SWT.SHADOW_ETCHED_OUT'][style~='SWT.RESIZE'][style~='SWT.MENU'][style~='SWT.FULL_SELECTION'][style~='SWT.DATE'] > Composite > * > Combo:selected,
  273. Form > LayoutComposite > LayoutComposite > Combo:selected,
  274. .MPart LayoutComposite > * > LayoutComposite > Section > LayoutComposite > Combo:selected {
  275. background-color: #41464A;
  276. color: #FFF;
  277. }
  278. Text[style~='SWT.SEARCH'],
  279. /* the following are required due to Bug 419482: */
  280. Composite > Text[style~='SWT.SEARCH'],
  281. TabFolder > Composite > Text[style~='SWT.SEARCH'],
  282. TabFolder > Composite > * > Text[style~='SWT.SEARCH'],
  283. DocCommentOwnerComposite > Group > Text[style~='SWT.SEARCH'],
  284. TabFolder > Composite > ScrolledComposite > Text[style~='SWT.SEARCH'],
  285. Shell > Composite > Composite > Text[style~='SWT.SEARCH'],
  286. Composite > Composite > Composite > Group > Text[style~='SWT.SEARCH'],
  287. Shell > Composite > Composite > Composite > Text[style~='SWT.SEARCH'],
  288. ScrolledComposite > Composite > Composite > Composite > Text[style~='SWT.SEARCH'],
  289. Shell > Composite > Composite > Composite > Composite > Composite > Text[style~='SWT.SEARCH'],
  290. Shell[style~='SWT.RADIO'][style~='SWT.CASCADE'][style~='SWT.SHADOW_ETCHED_IN'][style~='SWT.SHADOW_ETCHED_OUT'][style~='SWT.RESIZE'][style~='SWT.MENU'][style~='SWT.FULL_SELECTION'][style~='SWT.DATE'] > Composite > Text[style~='SWT.SEARCH'],
  291. Shell[style~='SWT.RADIO'][style~='SWT.CASCADE'][style~='SWT.SHADOW_ETCHED_IN'][style~='SWT.SHADOW_ETCHED_OUT'][style~='SWT.RESIZE'][style~='SWT.MENU'][style~='SWT.FULL_SELECTION'][style~='SWT.DATE'] > Composite > * > Text[style~='SWT.SEARCH'],
  292. #org-eclipse-pde-runtime-LogView Text[style~='SWT.SEARCH'],
  293. Form > LayoutComposite > LayoutComposite > Text[style~='SWT.SEARCH'],
  294. .MPart LayoutComposite > * > LayoutComposite > Section > LayoutComposite > Text[style~='SWT.SEARCH'] {
  295. /* search boxes */
  296. background-color: #949da5; /* background-color is hard-coded */
  297. color: #333;
  298. }