RawTherapee-GTK3-_19.css 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525
  1. /*
  2. This file is part of RawTherapee.
  3. Copyright (c) 2015-2017 DrSlony
  4. Copyright (c) 2016-2017 Hombre
  5. RawTherapee is free software: you can redistribute it and/or modify
  6. it under the terms of the GNU General Public License as published by
  7. the Free Software Foundation, either version 3 of the License, or
  8. (at your option) any later version.
  9. RawTherapee is distributed in the hope that it will be useful,
  10. but WITHOUT ANY WARRANTY; without even the implied warranty of
  11. MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
  12. GNU General Public License for more details.
  13. You should have received a copy of the GNU General Public License
  14. along with RawTherapee. If not, see <https://www.gnu.org/licenses/>.
  15. */
  16. * {
  17. color: #AAAAAA;
  18. }
  19. .view:selected {
  20. color: #262626;
  21. background-color: #AAAAAA
  22. }
  23. /* The Places and Dir browser panels */
  24. .view {
  25. background-color: #262626;
  26. }
  27. /* The headers of these panels */
  28. .view .button {
  29. background-color: #363636;
  30. padding: 2px;
  31. }
  32. .plainback {
  33. background-color: #404040;
  34. }
  35. GtkBox {
  36. border-width: 0;
  37. border-style: none;
  38. border-radius: 0;
  39. margin: 0;
  40. padding: 0;
  41. }
  42. GtkGrid {
  43. margin: 2px;
  44. padding: 0;
  45. border-width: 0;
  46. border-style: none;
  47. border-radius: 0;
  48. }
  49. /* Affects all frames except in the toolbox */
  50. GtkFrame {
  51. border-width: 0;
  52. border-color: #303030;
  53. border-radius: 0;
  54. border-style: solid;
  55. /*border-style: none none none solid;*/
  56. padding: 4px;
  57. }
  58. GtkFrame > GtkLabel {
  59. color: #D8D8D8;
  60. }
  61. #FileBrowser {
  62. padding: 10px;
  63. margin: 10px;
  64. }
  65. /* Frames in Preferences */
  66. #PrefNotebook GtkFrame {
  67. background-color: #3B3B3B;
  68. border: 1px solid #505050;
  69. border-radius: 4px;
  70. }
  71. /* Frames in the toolbox. Not MyExpander frames. */
  72. GtkEventBox .frame {
  73. border-color: #565656;
  74. }
  75. /*.EditorTopPanel .button, .ToolBarPanelFileBrowser .button, .EditorZoomPanel .button {*/
  76. .button {
  77. padding: 1px;
  78. margin: 1px;
  79. }
  80. /* Adjusters */
  81. .text-button {
  82. padding: 0;
  83. }
  84. /* Any text-button which is a real button, unlike Slider label */
  85. .text-button.button {
  86. padding: 4px;
  87. }
  88. .separator {
  89. color: #363636;
  90. }
  91. GtkProgressBar {
  92. -GtkProgressBar-min-vertical-bar-width: 10;
  93. -GtkProgressBar-min-horizontal-bar-height: 10;
  94. }
  95. GtkDrawingArea {
  96. border-radius: 0;
  97. background-color: #363636;
  98. border: 1px solid #252525;
  99. }
  100. GtkDrawingArea:selected {
  101. background-color: #565656;
  102. border-radius: 10px;
  103. }
  104. GtkImage {
  105. padding: 1px;
  106. }
  107. GtkScale.slider {
  108. margin: 1px;
  109. }
  110. GtkScale.slider:hover {
  111. background-image: linear-gradient(#444444, #3E3E3E, #393939);
  112. }
  113. GtkScale.slider:insensitive {
  114. background-image: none;
  115. background-color: #444;
  116. border-color: #282828;
  117. }
  118. GtkScale.trough {
  119. background-color: #2A2A2A;
  120. }
  121. GtkScale.trough:insensitive {
  122. background-color: #444;
  123. border-color: #282828;
  124. }
  125. GtkLabel {
  126. margin: 0 1px;
  127. }
  128. GtkButton {
  129. padding: 0;
  130. margin: 1px;
  131. }
  132. GtkButton, GtkButton.flat:hover {
  133. background-image: linear-gradient(#343434, #2E2E2E, #292929);
  134. }
  135. GtkButton.flat, GtkCheckButton {
  136. background-image: none;
  137. }
  138. /* Vertical group of buttons in 1 column */
  139. GtkButton.Top {
  140. border-radius: 10px 4px 0 0;
  141. border-style: solid solid none solid;
  142. margin-bottom: 0;
  143. }
  144. GtkButton.MiddleV {
  145. border-radius: 0;
  146. border-style: none solid none solid;
  147. margin-top: 0;
  148. margin-bottom: 0;
  149. }
  150. GtkButton.Bottom {
  151. border-radius: 0 0 4px 4px;
  152. border-style: none solid solid solid;
  153. margin-top: 0;
  154. }
  155. /* end */
  156. /* Horizontal group of buttons in 1 row */
  157. GtkButton.Left {
  158. border-radius: 4px 0 0 4px;
  159. border-style: solid none solid solid;
  160. margin-right: 0;
  161. }
  162. GtkButton.MiddleH {
  163. border-radius: 0;
  164. border-style: solid none solid none;
  165. margin-left: 0;
  166. margin-right: 0;
  167. }
  168. GtkButton.Right {
  169. border-radius: 0 4px 4px 0;
  170. border-style: solid solid solid none;
  171. margin-left: 0;
  172. }
  173. /* end */
  174. /* [1.23[-][+]] */
  175. GtkEntry, GtkSpinButton {
  176. background-color: #262626;
  177. }
  178. GtkEntry:insensitive, GtkSpinButton:insensitive {
  179. background-color: #363636;
  180. }
  181. GtkEntry:hover, GtkSpinButton:hover {
  182. background-color: #565656;
  183. }
  184. GtkEntry:selected {
  185. color: #262626;
  186. background-color: #AAAAAA;
  187. }
  188. /* Context menus */
  189. GtkMenu {
  190. background-color: #262626;
  191. color: #909090;
  192. }
  193. /* Context menu item */
  194. .menuitem {
  195. padding: 2px;
  196. }
  197. #MyExpander {
  198. margin: 10px;
  199. padding: 5px;
  200. }
  201. /* Tool background */
  202. #ExpanderBox {
  203. background-color: #363636;
  204. border-width: 1px;
  205. border-style: solid;
  206. border-radius: 4px;
  207. border-color: #252525;
  208. margin: 9px;
  209. padding: 4px;
  210. }
  211. #ExpanderBox GtkDrawingArea {
  212. background-color: #363636;
  213. }
  214. #ExpanderBox GtkFrame {
  215. background-color: #3B3B3B;
  216. border-style: solid;
  217. border-width: 1px;
  218. border-radius: 4px;
  219. border-color: #313131;
  220. margin: 3px;
  221. padding: 2px;
  222. }
  223. #ExpanderBox GtkFrame GtkDrawingArea {
  224. background-color: #3B3B3B;
  225. }
  226. #ExpanderBox GtkFrame GtkFrame {
  227. background-color: #414141;
  228. border: 1px solid #373737;
  229. border-radius: 4px;
  230. margin: 3px;
  231. padding: 2px;
  232. }
  233. #ExpanderBox GtkFrame GtkFrame GtkDrawingArea {
  234. background-color: #414141;
  235. }
  236. /* Sub-tool (MyExpander) background */
  237. #ExpanderBox2 {
  238. background-color: #3B3B3B;
  239. border: 1px solid #2A2A2A;
  240. border-radius: 4px;
  241. margin: 9px;
  242. padding: 4px;
  243. }
  244. #ExpanderBox2 GtkDrawingArea {
  245. background-color: #3B3B3B;
  246. }
  247. #ExpanderBox2 GtkFrame {
  248. background-color: #414141;
  249. border: 1px solid #373737;
  250. border-radius: 4px;
  251. margin: 3px;
  252. padding: 2px;
  253. }
  254. #ExpanderBox2 GtkFrame GtkDrawingArea {
  255. background-color: #414141;
  256. }
  257. #ExpanderBox2 GtkFrame GtkFrame {
  258. background-color: #474747;
  259. border: 1px solid #3D3D3D;
  260. border-radius: 4px;
  261. margin: 3px;
  262. padding: 2px;
  263. }
  264. #ExpanderBox2 GtkFrame GtkFrame GtkDrawingArea {
  265. background-color: #474747;
  266. }
  267. #MyExpanderTitle {
  268. margin: 5px;
  269. padding: 3px 1px 3px 1px;
  270. font-size: 120%;
  271. }
  272. #MyExpanderTitle GtkLabel {
  273. color: #CCCCCC;
  274. }
  275. #MyExpanderTitle:hover {
  276. background-color: #202020;
  277. }
  278. #MyExpanderTitle GtkEventBox:hover GtkImage {
  279. background-color: #202020;
  280. border-radius: 3px;
  281. }
  282. #MyExpanderTitle:hover GtkLabel {
  283. color: #D8D8D8;
  284. }
  285. #ExpanderBox2 GtkSeparator, #ExpanderBox3 GtkSeparator {
  286. color: #292929;
  287. }
  288. /* Editor tab button */
  289. #MainNotebook > GtkGrid GtkLabel, #MainNotebook > GtkGrid GtkImage {
  290. /* OK */
  291. padding: 1px;
  292. }
  293. /* File Browser right side tabs - Toolbox, Inspector, Fast Export, Filter */
  294. GtkNotebook tab {
  295. background-color: #383838;
  296. border-width: 1px;
  297. border-style: none;
  298. border-color: #262626;
  299. border-radius: 0;
  300. padding: 3px;
  301. }
  302. GtkNotebook tab:hover {
  303. background-color: #505050;
  304. }
  305. GtkNotebook tab:active {
  306. border-width: 5px;
  307. border-color: #989898;
  308. }
  309. /* Get rid of shitty notebook header shadow */
  310. GtkNotebook.top tab {
  311. border-bottom-style: solid;
  312. padding-bottom: 8px;
  313. }
  314. GtkNotebook.right tab {
  315. border-left-style: solid;
  316. padding-left: 8px;
  317. }
  318. GtkNotebook.bottom tab {
  319. border-top-style: solid;
  320. padding-top: 8px;
  321. }
  322. GtkNotebook.left tab {
  323. border-right-style: solid;
  324. padding-right: 8px;
  325. }
  326. /* Get rid of notebook frame border - too many borders */
  327. GtkNotebook.top.header, GtkNotebook.right.header, GtkNotebook.bottom.header, GtkNotebook.left.header {
  328. box-shadow: none;
  329. border-width: 1px;
  330. border-color: #262626;
  331. border-style: none;
  332. border-radius: 0;
  333. background-color: #383838;
  334. padding: 0;
  335. }
  336. /* Get rid of notebook header border - too many borders */
  337. GtkNotebook.top.header {
  338. /* OK */
  339. border-bottom-style: solid;
  340. }
  341. GtkNotebook.right.header {
  342. /* OK */
  343. border-left-style: solid;
  344. }
  345. GtkNotebook.bottom.header {
  346. /* OK */
  347. border-top-style: solid;
  348. }
  349. GtkNotebook.left.header {
  350. /* OK */
  351. border-right-style: solid;
  352. }
  353. GtkNotebook.frame {
  354. /* OK */
  355. border-radius: 0;
  356. border-style: none;
  357. }
  358. /* Pad notebooks, makes the other borders look nicer */
  359. GtkNotebook {
  360. /* OK */
  361. background-color: #484848;
  362. padding: 0;
  363. }
  364. #MainNotebook.header {
  365. /* OK */
  366. background-color: #2A2A2A;
  367. }
  368. #MainNotebook > tab {
  369. /* OK */
  370. background-color: #2A2A2A;
  371. }
  372. #MainNotebook > tab:hover {
  373. /* OK */
  374. background-color: #505050;
  375. }
  376. #MainNotebook > tab:active {
  377. /* OK */
  378. border-color: #989898;
  379. }
  380. #RightNotebook.header {
  381. /* OK */
  382. background-color: #2A2A2A;
  383. }
  384. #RightNotebook > tab {
  385. /* OK */
  386. background-color: #2A2A2A;
  387. }
  388. #RightNotebook > tab:hover {
  389. /* OK */
  390. background-color: #505050;
  391. }
  392. #RightNotebook > tab:active {
  393. /* OK */
  394. border-color: #989898;
  395. }
  396. /* All tool panels have a frame except for Meta which unlike the rest is a notebook itself.
  397. * So we use CSS to make it look like a frame. */
  398. #MetaPanelNotebook.frame {
  399. border: 1px solid #262626;
  400. border-bottom-left-radius: 4px;
  401. border-bottom-right-radius: 4px;
  402. border-top-left-radius: 0;
  403. border-top-right-radius: 0;
  404. border-top-width: 0;
  405. }
  406. #MetaPanelNotebook.header {
  407. border: 1px solid #262626;
  408. border-bottom-left-radius: 0;
  409. border-bottom-right-radius: 0;
  410. border-top-left-radius: 4px;
  411. border-top-right-radius: 4px;
  412. border-bottom-width: 0;
  413. padding: 5px;
  414. margin: 5px;
  415. }
  416. .tooltip {
  417. padding: 0;
  418. }
  419. /* make the "partial profile" dialog a little bit more readable */
  420. #PartialPasteHeader {
  421. margin: 1.5em 0 0 0;
  422. padding: 0;
  423. font-weight: bold;
  424. color: #363636;
  425. }
  426. #PartialPasteHeaderSep {
  427. color: #D8D8D8;
  428. }
  429. #MyFileChooserButton {
  430. padding-left: 3px;
  431. padding-right: 3px;
  432. }
  433. /* Better on/off state separation for text toggle buttons, e.g. auto-levels or histogram matching. */
  434. GtkToggleButton.button.text-button {
  435. background-image: linear-gradient(to bottom, rgba(100,100,100,.3), rgba(30,30,30,.3));
  436. }
  437. GtkToggleButton.button.text-button:hover {
  438. background-image: linear-gradient(to bottom, rgba(128,128,128,.3), rgba(64,64,64,.3));
  439. }
  440. GtkToggleButton.button.text-button:checked {
  441. background-image: linear-gradient(to bottom, rgba(30,30,30,.3), rgba(0,0,0,.4));
  442. }
  443. GtkToggleButton.button.text-button:hover:checked {
  444. background-image: linear-gradient(to bottom, rgba(48,48,48,.3), rgba(0,0,0,.3));
  445. }