TooWaBlue-GTK3-_19.css 21 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881
  1. /*
  2. This file is part of RawTherapee.
  3. Copyright (c) 2016 TooWaBoo (v1.19.5)
  4. Many thanks to the RawTherapee Developer Team for this great piece of software
  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. /*** Change me *** rgb(red,green,blue) *** allowed values from 0 to 255 for each color ***/
  17. @define-color accent-color rgb(35,99,166); /*** Highlight/selected color for Tab indicator, List, Dropdown menu, Borders ... ***/
  18. @define-color text-hl-color rgb(210,210,210); /*** Highlight/selected text color ***/
  19. @define-color accent-color2 rgb(35,99,166); /*** Slider, Progressbar, Scrollbar ***/
  20. @define-color accent-color4 rgb(35,99,166); /*** Slider knob ***/
  21. @define-color accent-color3 rgb(35,99,166); /*** Selected thumbnail background color ***/
  22. @define-color text-hl-color3 rgb(210,210,210); /*** Selected thumbnail text color ***/
  23. /*** Change me end ************************************************************************/
  24. @define-color text-color rgb(180,180,180);
  25. @define-color text-hl-color2 rgb(192,192,192);
  26. @define-color text-tbEntry rgb(192,192,192);
  27. @define-color bg-dark-grey rgb(36,36,36);
  28. @define-color bg-grey rgb(70,70,70);
  29. @define-color bg-light-grey rgb(88,88,88);
  30. @define-color border-color rgba(255,255,255,.25);
  31. @define-color bg-list-hover rgba(255,255,255,.065);
  32. @define-color bg-scale-entry rgba(0,0,0,.14);
  33. @define-color bg-button-border rgba(0,0,0,.48);
  34. @define-color bg-button-border-hover rgba(0,0,0,.58);
  35. @define-color bg-entry-border rgba(0,0,0,.40);
  36. @define-color bg-button-hover rgba(0,0,0,.22);
  37. @define-color bg-spin-button-hover rgba(0,0,0,.25);
  38. @define-color bg-entry-IPTC @bg-dark-grey;
  39. @define-color view-grid-border rgb(64,64,64);
  40. * {
  41. color: @text-color;
  42. transition: none;
  43. text-shadow: none;
  44. icon-shadow: none;
  45. box-shadow: none;
  46. outline-style: none; /* removes the ugly dotted focus line */
  47. border-image: none;
  48. -GtkCheckButton-indicator-size: 16;
  49. -GtkCheckMenuItem-indicator-size: 16;
  50. -GtkCheckButton-indicator-spacing: 2;
  51. }
  52. .undershoot {
  53. background-image: none; /* removes the dotted scrollbar line */
  54. }
  55. GtkWindow {
  56. background-color: @bg-light-grey;
  57. }
  58. GtkDialog {
  59. background-color: @bg-grey;
  60. -GtkDialog-content-area-spacing: 7;
  61. -GtkDialog-action-area-border: 0;
  62. -GtkDialog-content-area-border: 8;
  63. }
  64. GtkFontChooser,
  65. GtkColorChooser {
  66. -GtkDialog-action-area-border: 4;
  67. -GtkDialog-content-area-border: 0;
  68. }
  69. .frame {
  70. border: none;
  71. }
  72. #PrefNotebook > .frame {
  73. border: 1px solid rgba(0,0,0,.50);
  74. border-top: none;
  75. }
  76. #BatchQueueButtonsMainContainer GtkFrame {
  77. padding: 4px 4px 4px 10px;
  78. }
  79. /*** Add space between buttons and image area***/
  80. #BeforeAfterContainer GtkFrame {
  81. padding: 2px 0 4px;
  82. }
  83. /*** Add space between before/after image ***/
  84. #BeforeAfterContainer GtkContainer:nth-child(1) > GtkContainer:nth-child(2) GtkFrame {
  85. padding-right: 14px;
  86. }
  87. /*** Menu bubble box ***/
  88. GtkPopover {
  89. background-color: @bg-grey;
  90. border: 1px solid @accent-color;
  91. border-radius: 0;
  92. }
  93. .menu {
  94. background-color: @bg-dark-grey;
  95. border: 1px solid @accent-color;
  96. }
  97. .menu > .menuitem {
  98. padding: 2px 4px;
  99. }
  100. .menu > .menuitem:hover {
  101. background-color: @accent-color;
  102. }
  103. .menu > .menuitem:hover > * > *,
  104. .menu > .menuitem:hover > * {
  105. color: @text-hl-color;
  106. }
  107. GtkNotebook {
  108. padding: 4px;
  109. background-color: @bg-light-grey;
  110. }
  111. GtkDialog GtkNotebook {
  112. padding: 2px 0 0;
  113. }
  114. #PrefNotebook {
  115. padding: 4px 8px;
  116. }
  117. #RightNotebook {
  118. padding: 0 0 0 4px;
  119. }
  120. GtkPaned {
  121. -GtkPaned-handle-size: 4px;
  122. background-color: transparent;
  123. }
  124. .pane-separator {
  125. background-color: @bg-light-grey;
  126. }
  127. GtkDialog .pane-separator {
  128. background-color: @bg-grey;
  129. }
  130. /*** Separator ***/
  131. .separator {
  132. color: @bg-light-grey;
  133. }
  134. GtkDialog .separator {
  135. color: @border-color;
  136. }
  137. #RightNotebook .separator {
  138. color: @bg-dark-grey;
  139. }
  140. /*** Navigator ***/
  141. #Navigator .separator {
  142. color: @view-grid-border;
  143. }
  144. /*** end ***/
  145. /*** Background color image area***/
  146. GtkDrawingArea {
  147. background-color: @bg-grey;
  148. border: 1px solid rgba(0,0,0,.32);
  149. }
  150. /*** Histogram ***/
  151. #HistogramPanel,
  152. #HistogramArea {
  153. background-color: @bg-dark-grey;
  154. border: none;
  155. }
  156. /*** Histogram RGB-Bar***/
  157. #HistogramRGBArea {
  158. background-color: rgb(128,128,128);
  159. border: none;
  160. }
  161. /*** Navigator ***/
  162. #Navigator GtkDrawingArea {
  163. background-color: @bg-dark-grey;
  164. border: 1px solid @bg-dark-grey;
  165. }
  166. #Navigator {
  167. background-color: @bg-dark-grey;
  168. border-top: 156px solid @bg-light-grey;
  169. }
  170. #RightNotebook GtkDrawingArea {
  171. background-color: @bg-dark-grey;
  172. }
  173. /*** Label ***/
  174. .label {
  175. padding: 0 4px;
  176. }
  177. /*** Increase space between labels in navigater ***/
  178. #Navigator .label {
  179. padding: 6px 0 3px;
  180. }
  181. #Navigator GtkTable .label {
  182. padding: 0 0 4px;
  183. }
  184. /***/
  185. GtkDialog .label,
  186. #ToolPanelNotebook .label,
  187. .notebook tab .label {
  188. padding: 0 1px;
  189. }
  190. .button .label {
  191. padding: 0;
  192. }
  193. /*** Add left and right space between frame and labels ***/
  194. .frame > .label,
  195. #ToolPanelNotebook .frame > .label {
  196. padding: 4px;
  197. }
  198. #BatchQueueButtonsMainContainer GtkFrame:nth-child(3) > .label{
  199. padding: 2px 0px 4px;
  200. }
  201. #MyExpanderTitle .label {
  202. padding: 2px 3px;
  203. }
  204. /*** end ***/
  205. .tooltip {
  206. border-radius: 0;
  207. padding: 0;
  208. }
  209. .tooltip.background {
  210. background-color: @bg-dark-grey;
  211. border: 1px solid @accent-color;
  212. }
  213. /*** PartialPaste ***/
  214. #PartialPaste:nth-child(2) {
  215. background-color: @bg-light-grey;
  216. border: 1px solid rgba(0,0,0,.50);
  217. }
  218. #PartialPaste > .frame {
  219. padding: 8px 10px;
  220. }
  221. #PartialPasteHeaderSep {
  222. color: rgb(192,192,192);
  223. }
  224. #PartialPasteHeader .label {
  225. color: rgb(213,213,213);
  226. }
  227. /*** end ***/
  228. /*** Scrollbar ***/
  229. .scrollbar.trough {
  230. background-color: rgba(0,0,0,.38);
  231. background-image: none;
  232. border: none;
  233. }
  234. .scrollbar.slider:active {
  235. background-color: shade(@accent-color2,1.12);
  236. }
  237. /*** end ***/
  238. /*** Scale & Progressbar ***/
  239. .scale {
  240. box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(242, 242, 242, 0.1);
  241. -GtkRange-trough-border: 6;
  242. -GtkScale-slider-length: 15;
  243. -GtkRange-slider-width: 15;
  244. }
  245. .scale.trough,
  246. #ToolPanelNotebook .scale.trough {
  247. background-color: @bg-scale-entry;
  248. border-color: @bg-dark-grey;
  249. box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(242, 242, 242, 0.1);
  250. }
  251. .scale.trough.highlight,
  252. #ToolPanelNotebook .scale.trough.highlight {
  253. box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(242, 242, 242, 0.1);
  254. background-image: none;
  255. background-color: @accent-color2;
  256. border: 1px solid @bg-dark-grey;
  257. color: @text-hl-color2;
  258. }
  259. .scale.slider,
  260. #ToolPanelNotebook .scale.slider {
  261. background-image: linear-gradient(to bottom, shade (@accent-color4,1.15), shade (@accent-color4,.85));
  262. border: 1px solid shade(@bg-dark-grey, 1.25);
  263. box-shadow: none;
  264. }
  265. .scale.fine-tune {
  266. -GtkRange-trough-border: 5;
  267. }
  268. .scale.scale-has-marks-below {
  269. -GtkRange-trough-border: 6;
  270. -GtkScale-slider-length: 6;
  271. -GtkRange-slider-width: 19;
  272. }
  273. .scale.slider.scale-has-marks-below {
  274. border-radius: 0 0 20px 20px;
  275. border: 1px solid @bg-dark-grey;
  276. }
  277. .scale.fine-tune.scale-has-marks-below {
  278. -GtkRange-trough-border: 5;
  279. }
  280. .scale.slider:hover,
  281. #ToolPanelNotebook .scale.slider:hover {
  282. background-image: linear-gradient(to bottom, shade (@accent-color4,1.25), shade (@accent-color4,.95));
  283. }
  284. .scale.slider:active,
  285. #ToolPanelNotebook .scale.slider:active {
  286. background-image: linear-gradient(to bottom, shade (@accent-color4,1.25), shade (@accent-color4,.95));
  287. }
  288. GtkProgressBar {
  289. -GtkProgressBar-min-vertical-bar-width: 8;
  290. -GtkProgressBar-min-horizontal-bar-height: 8;
  291. -GtkProgressBar-yspacing: 4px;
  292. border-radius: 10px;
  293. box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(242, 242, 242, 0.1);
  294. }
  295. .progressbar {
  296. background-image: none;
  297. background-color: @accent-color2;
  298. border-color: @bg-dark-grey;
  299. }
  300. GtkProgressBar.trough {
  301. background-image: none;
  302. background-color: @bg-scale-entry;
  303. }
  304. #MainNotebook > GtkGrid GtkProgressBar {
  305. box-shadow: none;
  306. }
  307. #MainNotebook > GtkGrid GtkProgressBar.trough {
  308. background-image: none;
  309. background-color: @bg-dark-grey;
  310. border-color: @bg-dark-grey;
  311. }
  312. /*** end ***/
  313. /*** Load/Save ***/
  314. GtkFileChooserWidget {
  315. background-color: @bg-grey;
  316. }
  317. GtkFileChooserWidget > GtkBox {
  318. border-bottom-color: @bg-dark-grey;
  319. }
  320. GtkFileChooserWidget GtkBox {
  321. background-color: transparent;
  322. }
  323. GtkFileChooserWidget GtkListBox * {
  324. padding-top: 1px;
  325. padding-bottom: 1px;
  326. }
  327. GtkFileChooserWidget GtkListBox {
  328. background-color: @bg-dark-grey;
  329. }
  330. GtkFileChooserWidget .list-row * {
  331. padding: 1px 4px;
  332. }
  333. GtkFileChooserWidget .list-row:hover {
  334. background-color: @bg-list-hover;
  335. }
  336. GtkFileChooserWidget .list-row:hover * {
  337. color: @text-hl-color2;
  338. }
  339. GtkFileChooserWidget .list-row:selected {
  340. background-color: @accent-color;
  341. }
  342. GtkFileChooserWidget .list-row:selected * {
  343. color: @text-hl-color;
  344. }
  345. /*** end ***/
  346. /*** Tab Bars ***/
  347. .notebook tab, .notebook.header {
  348. background-color: @bg-dark-grey;
  349. border-color: @bg-dark-grey;
  350. }
  351. #MainNotebook tab {
  352. padding: 5px;
  353. }
  354. .notebook tab.top {
  355. border-width: 0 0 5px 0;
  356. }
  357. .notebook tab.left {
  358. border-width: 0 5px 0 0;
  359. }
  360. #RightNotebook tab.left,
  361. #PrefNotebook tab,
  362. GtkDialog tab {
  363. padding: 9px;
  364. }
  365. #ToolPanelNotebook tab {
  366. padding: 10px 2px 7px;
  367. }
  368. #MetaPanelNotebook tab {
  369. padding: 8px 4px;
  370. }
  371. .notebook tab:active {
  372. border-color: @accent-color;
  373. }
  374. /*** end ***/
  375. /*** File Browser ***/
  376. #FileBrowser GtkDrawingArea {
  377. background-color: @bg-grey;
  378. }
  379. #FileBrowser GtkDrawingArea:selected {
  380. background-color: @accent-color3;
  381. color: @text-hl-color3;
  382. }
  383. /*** end ***/
  384. /*** Image ***/
  385. GtkImage {
  386. padding: 0;
  387. }
  388. #MainNotebook > GtkGrid GtkImage {
  389. padding: 1px;
  390. }
  391. #ToolPanelNotebook GtkImage{
  392. padding: 0 4px;
  393. }
  394. #MyExpanderTitle GtkImage{
  395. padding: 0;
  396. }
  397. #ToolPanelNotebook tab GtkImage,
  398. #ToolPanelNotebook .button GtkImage {
  399. padding: 1px 0;
  400. }
  401. GtkDialog .button GtkImage{
  402. padding: 0;
  403. }
  404. GtkFileChooserWidget .button GtkImage{
  405. padding: 0 4px;
  406. }
  407. /*** end ***/
  408. /*** Toolpanel ***/
  409. #ToolPanelNotebook {
  410. background-color: @bg-dark-grey;
  411. padding: 0;
  412. border-top: 4px solid @bg-dark-grey;
  413. }
  414. #ToolPanelNotebook GtkScrolledWindow GtkViewport.frame {
  415. padding: 0 4px;
  416. }
  417. #ToolPanelNotebook .separator {
  418. color: transparent;
  419. }
  420. #ToolPanelNotebook GtkFrame,
  421. #PrefNotebook GtkFrame {
  422. border: 1px solid @border-color;
  423. border-radius: 0;
  424. padding: 5px;
  425. }
  426. #ToolPanelNotebook GtkDrawingArea {
  427. background-color: @bg-dark-grey;
  428. border-color: @bg-light-grey;
  429. color: @text-color;
  430. }
  431. #ToolPanelNotebook GtkDrawingArea {
  432. border-radius: 1px; /* BUG: if 0, scale mini sliders look funny */
  433. }
  434. #ExpanderBox #ExpanderBox,
  435. #ExpanderBox2,
  436. #ExpanderBox3 {
  437. border: 1px solid @border-color;
  438. }
  439. #ExpanderBox,
  440. #ExpanderBox2,
  441. #ExpanderBox3 {
  442. background-color: @bg-grey;
  443. border-radius: 0;
  444. }
  445. #MyExpanderTitle .label {
  446. color: @text-color;
  447. }
  448. #MyExpanderTitle:hover .label {
  449. color: @text-hl-color2;
  450. }
  451. /*** end ***/
  452. /*** View ***/
  453. .view {
  454. background-color: @bg-dark-grey;
  455. border-color: @view-grid-border;
  456. }
  457. #PrefNotebook .view {
  458. background-color: @bg-grey;
  459. }
  460. #MainNotebook .view.cell:nth-child(2) {
  461. padding: 1px 0px 1px 4px;
  462. }
  463. .view row:hover {
  464. background-color: @bg-list-hover;
  465. color: @text-hl-color2;
  466. }
  467. #PrefNotebook .view row:hover {
  468. background-color: @bg-light-grey;
  469. color: @text-hl-color2;
  470. }
  471. .view row:selected {
  472. color: @text-hl-color;
  473. background-color: @accent-color;
  474. }
  475. #PrefNotebook .view row:selected {
  476. color: @text-hl-color;
  477. background-color: @accent-color;
  478. }
  479. /*** end ***/
  480. /*** Metadata ***/
  481. #MetaPanelNotebook {
  482. padding: 8px 11px 0;
  483. }
  484. #MetaPanelNotebook GtkScrolledWindow GtkViewport.frame {
  485. padding: 8px 10px;
  486. }
  487. #MetaPanelNotebook.frame {
  488. background-color: @bg-grey;
  489. border-bottom: none;
  490. border-top: 4px solid @bg-dark-grey;
  491. border-left: 9px solid @bg-dark-grey;
  492. border-right: 9px solid @bg-dark-grey;
  493. }
  494. #MetaPanelNotebook .separator {
  495. color: @border-color;
  496. }
  497. #MetaPanelNotebook.header {
  498. background-color: @bg-dark-grey;
  499. }
  500. #MetaPanelNotebook GtkTreeView {
  501. padding: 1px;
  502. background-color: @bg-grey;
  503. }
  504. #MetaPanelNotebook .frame GtkTreeView {
  505. padding: 0px;
  506. background-color: @bg-entry-IPTC;
  507. }
  508. #MetaPanelNotebook GtkTreeView:hover,
  509. #MetaPanelNotebook .frame GtkTreeView:hover {
  510. background-color: @bg-list-hover;
  511. color: @text-hl-color;
  512. }
  513. #MetaPanelNotebook GtkTreeView:selected,
  514. #MetaPanelNotebook .frame GtkTreeView:selected {
  515. color: @text-hl-color;
  516. background-color: @accent-color;
  517. }
  518. #MetaPanelNotebook GtkTextView {
  519. color: @text-color;
  520. background-color: @bg-entry-IPTC;
  521. padding: 2px 4px;
  522. }
  523. /*** end ***/
  524. /*** Entry ***/
  525. .entry {
  526. background-image: none;
  527. background-color: @bg-scale-entry;
  528. border: 1px solid @bg-entry-border;
  529. border-radius: 0;
  530. padding: 2px 4px;
  531. color: @text-color;
  532. box-shadow: inset 1px 1px rgba(0, 0, 0, 0.08), 0 1px rgba(242 , 242, 242, 0.1);
  533. }
  534. #FileBrowser .entry {
  535. padding: 3px 4px;
  536. }
  537. .entry:focused:selected {
  538. color: @text-hl-color;
  539. background-color: @accent-color;
  540. }
  541. .entry:not(:focused):not(:insensitive) {/*Workaround*/
  542. color: @text-color;
  543. background-color: transparent;
  544. }
  545. .entry:not(:selected):not(:insensitive) {
  546. color: @text-color;
  547. background-color: @bg-scale-entry;
  548. }
  549. #ToolPanelNotebook .entry {
  550. padding: 0 4px 0 8px;
  551. border-radius: 20px 0 0 20px;
  552. background-color: rgba(255,255,255,.12);
  553. border: 1px solid rgba(0,0,0,.46);
  554. color: @text-tbEntry;
  555. box-shadow: inset 1px 1px rgba(0, 0, 0, .12), 0 1px rgba(255 , 255, 255, 0.12);
  556. }
  557. #ToolPanelNotebook .entry:focused:selected {
  558. color: @text-hl-color;
  559. background-color: @accent-color;
  560. }
  561. #ToolPanelNotebook .entry:not(:focused):not(:insensitive) {/*Workaround*/
  562. color: @text-tbEntry;
  563. background-color: transparent;
  564. }
  565. #ToolPanelNotebook .entry:not(:selected):not(:insensitive) {
  566. color: @text-tbEntry;
  567. background-color: rgba(255,255,255,.12);
  568. }
  569. #MetaPanelNotebook .entry {
  570. color: @text-color;
  571. background-color: @bg-entry-IPTC;
  572. border: none;
  573. border-radius: 0;
  574. padding: 2px 4px;
  575. box-shadow: none;
  576. }
  577. #MetaPanelNotebook .entry:focused:selected {
  578. color: @text-hl-color;
  579. background-color: @accent-color;
  580. box-shadow: none;
  581. }
  582. #MetaPanelNotebook .entry:not(:focused):not(:insensitive) {/*Workaround*/
  583. color: @text-color;
  584. background-color: transparent;
  585. box-shadow: none;
  586. }
  587. #MetaPanelNotebook .entry:not(:selected):not(:insensitive) {
  588. color: @text-color;
  589. background-color: @bg-entry-IPTC;
  590. box-shadow: none;
  591. }
  592. /*** end ***/
  593. /*** Buttons ***/
  594. .button {
  595. background-color: transparent;
  596. border: 1px solid @bg-button-border;
  597. border-radius: 0;
  598. padding: 3px 4px;
  599. box-shadow: inset 0 1px rgba(242, 242, 242, 0.1), 0 1px rgba(242, 242, 242, 0.1);
  600. background-image: linear-gradient(to bottom, rgba(0,0,0,.05), rgba(0,0,0,.14) 40%, rgba(0,0,0,.26));
  601. }
  602. .message-dialog .dialog-action-area .button {
  603. padding: 6px;
  604. }
  605. .button.Left + .button:not(.image-button).Right {
  606. border-left: none;
  607. }
  608. GtkComboBox .button {
  609. padding: 4px 3px;
  610. }
  611. #ToolPanelNotebook .button,
  612. GtkDialog .button,
  613. #BatchQueueButtonsMainContainer .button {
  614. padding: 0px 3px;
  615. }
  616. #BatchQueueButtons .button {
  617. padding-top: 6px;
  618. padding-bottom: 6px
  619. }
  620. #BeforeAfterContainer .button {
  621. padding: 2px;
  622. }
  623. /*** Fix: Space between first Retinex Comboboxes ***/
  624. GtkLabel + GtkComboBox + GtkComboBox {
  625. padding-left: 4px;
  626. }
  627. .text-button {
  628. padding: 0 2px 0 0;
  629. }
  630. #PartialPaste .text-button {
  631. padding: 0 8px 0 2px;
  632. -GtkCheckButton-indicator-spacing: 1;
  633. }
  634. #ToolPanelNotebook GtkFrame > .text-button {
  635. padding: 0 3px 0 0;
  636. }
  637. .button.text-button {
  638. padding: 5px 12px;
  639. }
  640. #ToolPanelNotebook .button.text-button,
  641. #PrefNotebook .button.text-button,
  642. GtkFileChooserWidget .button.text-button,
  643. #RightNotebook .button.text-button {
  644. padding: 3px 4px;
  645. }
  646. GtkPopover .button.text-button {
  647. padding: 2px 4px;
  648. }
  649. .spinbutton .button {
  650. background-image: none;
  651. background-color: transparent;
  652. border: none;
  653. border-radius: 0;
  654. padding: 2px;
  655. box-shadow: none;
  656. }
  657. #ToolPanelNotebook .spinbutton .button {
  658. padding: 0;
  659. }
  660. .button:hover {
  661. background-color: rgba(0, 0, 0,.18);
  662. }
  663. #ToolPanelNotebook .spinbutton .button:hover {
  664. background-color: @bg-spin-button-hover;
  665. }
  666. .button:active,
  667. .button:checked {
  668. background-image: linear-gradient(to bottom, rgb(41,41,41), rgb(37,37,37) 40%, rgb(25,25,25));
  669. background-color: transparent;
  670. border-color: black;
  671. }
  672. #MainNotebook > GtkGrid .button {
  673. padding: 2px;
  674. border: 4px solid @bg-dark-grey;
  675. background-color: transparent;
  676. background-image: none;
  677. box-shadow: none;
  678. }
  679. #MainNotebook tab .button {
  680. padding: 1px;
  681. border-top: 4px solid @bg-dark-grey;
  682. border-bottom: 4px solid @bg-dark-grey;
  683. border-left: none;
  684. border-right: none;
  685. background-color: transparent;
  686. background-image: none;
  687. box-shadow: none;
  688. }
  689. #MainNotebook > GtkGrid .button:hover,
  690. #MainNotebook tab .button:hover {
  691. background-color: rgba(255,255,255,.20);
  692. box-shadow: inset 0 1px rgba(255, 255, 255, 0.12);
  693. background-image: linear-gradient(to bottom, rgba(0,0,0,.05), rgba(0,0,0,.12) 40%, rgba(0,0,0,.24));
  694. }
  695. #MainNotebook > GtkGrid .button:active,
  696. #MainNotebook tab .button:active {
  697. background-color: rgba(255,255,255,.27);
  698. box-shadow: inset 0 1px rgba(255, 255, 255, 0.12);
  699. background-image: linear-gradient(to bottom, rgba(0,0,0,.05), rgba(0,0,0,.12) 40%, rgba(0,0,0,.24));
  700. }
  701. .view .button {
  702. background-color: rgb(20,20,20);
  703. padding: 1px 5px 2px;
  704. background-image: none;
  705. border-color: black;
  706. box-shadow: none;
  707. }
  708. .menu .button.bottom,
  709. .menu .button.bottom:insensitive {
  710. background-color: rgb(20,20,20);
  711. border-color: @accent-color;
  712. border-width: 0 1px 1px 1px;
  713. background-image: none;
  714. box-shadow: none;
  715. }
  716. .menu .button.top,
  717. .menu .button.top:insensitive {
  718. background-color: rgb(20,20,20);
  719. border-color: @accent-color;
  720. border-width: 1px 1px 0 1px;
  721. background-image: none;
  722. box-shadow: none;
  723. }
  724. #fullButton,
  725. #histButton {
  726. padding: 5px;
  727. border: none;
  728. background-color: @bg-dark-grey;
  729. background-image: none;
  730. box-shadow: none;
  731. }
  732. /*** end ***/
  733. /*** Check & Radio buttons ***/
  734. .check,
  735. .check row {
  736. -gtk-icon-source: url("images/twb/checkbox-unchecked.png");
  737. }
  738. .check:checked,
  739. .check row:checked {
  740. -gtk-icon-source: url("images/twb/checkbox-checked.png");
  741. }
  742. .check:insensitive,
  743. .check row:insensitive {
  744. -gtk-icon-source: url("images/twb/checkbox-unchecked-disabled.png");
  745. }
  746. .check:checked:insensitive,
  747. .check row:checked:insensitive {
  748. -gtk-icon-source: url("images/twb/checkbox-checked-disabled.png");
  749. }
  750. .check:inconsistent,
  751. .check row:inconsistent {
  752. -gtk-icon-source: url("images/twb/checkbox-inconsistent.png");
  753. }
  754. .check:inconsistent:insensitive,
  755. .check row:inconsistent:insensitive {
  756. -gtk-icon-source: url("images/twb/checkbox-inconsistent-disabled.png");
  757. }
  758. .radio,
  759. .radio row {
  760. -gtk-icon-source: url("images/twb/radio-unchecked.png");
  761. }
  762. .radio:checked,
  763. .radio row:checked {
  764. -gtk-icon-source: url("images/twb/radio-checked.png");
  765. }
  766. .radio:insensitive,
  767. .radio row:insensitive {
  768. -gtk-icon-source: url("images/twb/radio-unchecked-disabled.png");
  769. }
  770. .radio:checked:insensitive,
  771. .radio row:checked:insensitive {
  772. -gtk-icon-source: url("images/twb/radio-checked-disabled.png");
  773. }
  774. .radio:inconsistent,
  775. .radio row:inconsistent {
  776. -gtk-icon-source: url("images/twb/radio-inconsistent.png");
  777. }
  778. .radio:inconsistent:insensitive,
  779. .radio row:inconsistent:insensitive {
  780. -gtk-icon-source: url("images/twb/radio-inconsistent-disabled.png");
  781. }
  782. /*** end ***/
  783. /*** Disabled Items ***/
  784. *:insensitive,
  785. #ToolPanelNotebook *:insensitive {
  786. color: rgb(128,128,128);
  787. box-shadow: none;
  788. }
  789. #ToolPanelNotebook .entry:insensitive {
  790. color: rgb(144,144,144);
  791. background-color: rgba(255,255,255,.06);
  792. box-shadow: none;
  793. }
  794. .button:insensitive {
  795. background-image: none;
  796. background-color: rgba(0,0,0,.10);
  797. border-color: rgba(0,0,0,.30);
  798. box-shadow: none;
  799. }
  800. .spinbutton .button:insensitive {
  801. background-image: none;
  802. background-color: transparent;
  803. border: none;
  804. box-shadow: none;
  805. }
  806. .scale.slider:insensitive,
  807. .scale.trough.highlight:insensitive,
  808. .scale.trough:insensitive,
  809. #ToolPanelNotebook .scale.slider:insensitive,
  810. #ToolPanelNotebook .scale.trough.highlight:insensitive,
  811. #ToolPanelNotebook .scale.trough:insensitive {
  812. background-color: rgb(65,65,65);
  813. box-shadow: none;
  814. background-image: none;
  815. }
  816. /*** end ***/