Loading

darktable.css GTK+3.20

  1. @define-color bg_color #212121;
  2. @define-color plugin_bg_color #252525;
  3. @define-color fg_color #cacaca;
  4. @define-color base_color #ffffff;
  5. @define-color text_color #3C3C3C;
  6. @define-color selected_bg_color #353535;
  7. @define-color selected_fg_color #e2e2e2;
  8. @define-color tooltip_bg_color #000000;
  9. @define-color tooltip_fg_color #ffffff;
  10. @define-color really_dark_bg_color #111;
  11.  
  12. @define-color dark_bg_color #350000;
  13.  
  14. * {
  15.   font: Sans 8;
  16.   color: @fg_color;
  17.   background-color: @bg_color;
  18.   border-color: #111111;
  19.   text-shadow:none;
  20. /*  margin: 0; */ /* this makes scroll bars super wide. */
  21.   padding: 0;
  22.   background-image: none;
  23. }
  24.  
  25. alignment
  26. {
  27.   background-color:transparent;
  28. }
  29.  
  30. #main_window *:disabled {
  31.   color: black;
  32. }
  33.  
  34. #iop-plugin-ui box,
  35. #lib-plugin-ui box
  36. {
  37.   background-color:transparent;
  38.   margin:0;
  39.   border:0;
  40.   padding:0;
  41. }
  42. #iop-plugin-ui eventbox,
  43. #lib-plugin-ui eventbox
  44. {
  45.   background-color:transparent;
  46.   margin:0;
  47.   border:0;
  48.   padding:0;
  49. }
  50. #iop-plugin-ui stack
  51. {
  52.   background-color:transparent;
  53.   margin:0;
  54.   border:0;
  55.   padding:0;
  56. }
  57. combobox *,
  58. #lib-plugin-ui treeview,
  59. #lib-plugin-ui combobox *,
  60. #lib-plugin-ui combobox togglebutton *
  61. {
  62.   background-color: transparent;
  63. }
  64. combobox *:hover,
  65. #lib-plugin-ui combobox *:hover
  66. {
  67.   background-color: transparent;
  68. }
  69.  
  70. /* bright background */
  71. #background_job_eventbox,
  72. #iop-plugin-ui combobox *
  73. {
  74.   padding:0;
  75.   border:0;
  76.   margin:0;
  77.   background-color: @plugin_bg_color;
  78.   outline-style:none;
  79. }
  80. #lib-plugin-ui *,
  81. #iop-plugin-ui *
  82. {
  83.   padding:0;
  84.   border:0;
  85.   margin:0;
  86.   background-color: transparent;
  87.   outline-style:none;
  88. }
  89. /* buttons in plugins */
  90. #lib-plugin-ui * button,
  91. button
  92. {
  93.   border-radius: 3px;
  94.   border-color: #4d4d4d;
  95.   box-shadow:  0px 1px 2px #222222;
  96.   outline-width:0;
  97.   padding:1pt;
  98.   margin:0;
  99.   background-color: shade(@selected_bg_color, 1.2);
  100.   background-image: none;
  101.   min-height: 5pt;
  102.   min-width: 5pt;
  103. }
  104.  
  105. #iop-plugin-ui * button
  106. {
  107.   padding:1pt;
  108.   background-color: transparent;
  109. }
  110. #lib-plugin-ui * button:hover,
  111. #iop-plugin-ui * button:hover,
  112. button:hover
  113. {
  114.   background-color: shade(@selected_bg_color, 1.7);
  115. }
  116. #lib-plugin-ui * button:checked,
  117. #iop-plugin-ui * button:checked,
  118. button:checked
  119. {
  120.   background-color: shade(@selected_bg_color, 1.4);
  121. }
  122.  
  123. /* frame around plugin boxes */
  124. #iop-plugin-ui
  125. {
  126.   border: 1pt solid #171717;
  127.   border-radius: 1.5pt;
  128.   box-shadow: inset 0 0 1pt #171717;
  129.   margin: 0pt;
  130.   padding: 1pt 4pt 1pt 4pt;
  131.   background-color: @plugin_bg_color;
  132. }
  133. #iop-plugin-ui:selected,
  134. #lib-plugin-ui
  135. {
  136.   border: 1pt solid #111111;
  137.   box-shadow: inset 0 0 1pt #141414;
  138.   border-radius: 1.5pt;
  139.   margin: 0pt;
  140.   padding: 1pt 4pt 1pt 4pt;
  141.   color: @selected_fg_color;
  142.   background-color: @selected_bg_color;
  143. }
  144. table
  145. {
  146.   background-color: transparent;
  147.   margin:0;
  148.   border:0;
  149.   padding:0;
  150. }
  151.  
  152. #header_label,#darktable_label,#view_label,#view_dropdown *
  153. {
  154.   color: shade(@fg_color, 0.7);
  155.   background-color: @bg_color;
  156.   font-size: 10pt;
  157.   margin:0;
  158.   border:0;
  159.   padding:0;
  160. }
  161.  
  162. #view_dropdown *
  163. {
  164.   color: shade(@fg_color, 0.7);
  165.   margin: 0;
  166.   padding: 0;
  167. }
  168.  
  169. #view_dropdown *:disabled
  170. {
  171.   color: shade(@fg_color, 0.5);
  172. }
  173.  
  174. #view_dropdown *:selected,
  175. #view_label:selected {
  176.   color: shade(@fg_color, 0.9);
  177. }
  178.  
  179. #view_dropdown menuitem:hover *
  180. {
  181.   color: @fg_color;
  182. }
  183.  
  184. #panel_label
  185. {
  186.   color: @fg_color;
  187.   background-color: @bg_color;
  188.   margin:0;
  189.   border:0;
  190.   padding:0;
  191. }
  192.  
  193. #section_label
  194. {
  195.   padding-right: 0.5em;
  196.   border-bottom: 1pt solid @fg_color;
  197. }
  198.  
  199. #lib-modulelist *
  200. {
  201.   background-color: transparent;
  202. }
  203.  
  204. frame {
  205.   border: 1pt solid #111111;
  206.   background-color: @selected_bg_color;
  207.   color: @selected_fg_color;
  208. }
  209.  
  210. frame * {
  211.   background-color: transparent;
  212.   color: @selected_fg_color;
  213. }
  214.  
  215. /* weird fix for black event boxes in light table lib modules: */
  216. #lib-plugin-ui eventbox
  217. {
  218.   background-color:@selected_bg_color;
  219. }
  220. #lib-plugin-ui cell
  221. {
  222.   background-color:shade(@selected_bg_color, 0.8);
  223. }
  224. #lib-plugin-ui row,
  225. #iop-plugin-ui row
  226. {
  227.   background-color:@selected_bg_color;
  228. }
  229. #lib-plugin-ui row:selected,
  230. #iop-plugin-ui row:selected
  231. {
  232.   background-color:@bg_color;
  233. }
  234.  
  235. /* due to css rubbish, we need to be more specific than anything else,
  236.  * so we give the name of the parent widget: */
  237. #iop-plugin-ui notebook tab,
  238. #lib-plugin-ui notebook tab {
  239.   min-height: 1pt;
  240.   min-width: 1pt;
  241. }
  242.  
  243. #iop-plugin-ui notebook,
  244. #lib-plugin-ui notebook,
  245. #iop-plugin-ui notebook tab *,
  246. #lib-plugin-ui notebook tab * {
  247.   border:0pt;
  248.   border-radius:0;
  249.   border-style:none;
  250.   box-shadow:none;
  251.   background-image:none;
  252.   outline-style:none;
  253.   outline-width:0;
  254.   border-image:none;
  255.   background-color: transparent;
  256. }
  257. #iop-plugin-ui notebook tab *,
  258. #lib-plugin-ui notebook tab * {
  259.   padding:3pt;
  260. }
  261. #iop-plugin-ui notebook tab *:hover,
  262. #lib-plugin-ui notebook tab *:hover
  263. {
  264.   background-color:  shade(@selected_bg_color, 1.7);
  265. }
  266.  
  267. #iop-plugin-ui notebook tab:checked *,
  268. #lib-plugin-ui notebook tab:checked * {
  269.   background-color: shade(@selected_bg_color, 1.3);
  270. }
  271.  
  272. #iop-plugin-ui entry,
  273. #lib-plugin-ui entry,
  274. entry {
  275.   border-radius: 2px;
  276.   border:1px;
  277.   padding-left: 2px; /* align with bauhaus widgets */
  278.   border-style: solid;
  279.   border-color: #1b1b1b;
  280.   border-image:none;
  281.   color:@fg_color;
  282.   box-shadow: none;
  283.   background-image:none;
  284.   outline-style:none;
  285.   text-shadow:none;
  286.   background-color:shade(@selected_bg_color, 0.8);
  287.   min-height: 0;
  288.   min-width: 0;
  289. }
  290. #iop-plugin-ui entry selection,
  291. #lib-plugin-ui entry selection,
  292. entry selection {
  293.   background-color:shade(@selected_bg_color, 1.7);
  294.   min-height: 0;
  295.   min-width: 0;
  296. }
  297. /* weird fix for black event boxes in light table lib modules: */
  298. #lib-plugin-ui eventbox
  299. {
  300.   background-color:@selected_bg_color;
  301. }
  302. #lib-plugin-ui cell
  303. {
  304.   background-color:shade(@selected_bg_color, 0.8);
  305. }
  306. #lib-plugin-ui row
  307. {
  308.   background-color:@selected_bg_color;
  309. }
  310. #lib-plugin-ui row:selected,
  311. #iop-plugin-ui row:selected
  312. {
  313.   background-color:@bg_color;
  314. }
  315.  
  316. /* due to css rubbish, we need to be more specific than anything else,
  317.  * so we give the name of the parent widget: */
  318. #iop-plugin-ui notebook,
  319. #lib-plugin-ui notebook,
  320. #iop-plugin-ui notebook tab *,
  321. #lib-plugin-ui notebook tab * {
  322.   border:0;
  323.   border-radius:0;
  324.   border-style:none;
  325.   box-shadow:none;
  326.   background-image:none;
  327.   outline-style:none;
  328.   outline-width:0;
  329.   border-image:none;
  330.   background-color: transparent;
  331. }
  332. #iop-plugin-ui notebook tab:checked *,
  333. #lib-plugin-ui notebook tab:checked * {
  334.   background-color: @bg_color;
  335. }
  336.  
  337. scale,
  338. scrollbar
  339. {
  340.   margin:0pt;
  341. }
  342.  
  343. scale.trough.highlight,
  344. scrollbar.contents.trough.highlight
  345. {
  346.   background-color:@selected_bg_color;
  347.   background-image:none;
  348. }
  349.  
  350. #recent-collection-ui button,
  351. #history-ui button
  352. {
  353.   background-color: transparent;
  354. }
  355.  
  356. #lib-plugin-ui scrollbar slider,
  357. #iop-plugin-ui scrollbar slider,
  358. scrollbar slider
  359. {
  360.     border-color: transparent;
  361.     background-color: @selected_bg_color;
  362. }
  363.  
  364. context-menu
  365. {
  366.   background-color: @really_dark_bg_color;
  367. }
  368.  
  369. context-menu menuitem *
  370. {
  371.   background-color: transparent;
  372. }
  373.  
  374. #main_window context-menu menuitem *:disabled,
  375. context-menu menuitem *:disabled
  376. {
  377.   color: @selected_bg_color;
  378.   background-color: transparent;
  379. }
  380.  
  381. #lib-plugin-ui menuitem *,
  382. #iop-plugin-ui menuitem *,
  383. menuitem *
  384. {
  385.   background-color: transparent;
  386. }
  387.  
  388. #lib-plugin-ui menuitem,
  389. #iop-plugin-ui menuitem,
  390. menuitem
  391. {
  392.   padding: 2pt;
  393.   background-color:@really_dark_bg_color;
  394. }
  395.  
  396. #lib-plugin-ui menuitem:hover,
  397. #iop-plugin-ui menuitem:hover,
  398. menuitem:hover
  399. {
  400.   background-color: shade(@selected_bg_color, 1.7);
  401. }
  402.  
  403. /* sliders */
  404.  
  405. scrollbar.horizontal,
  406. scrollbar.vertical {
  407.     border-color: @bg_color;
  408.     background-color: @selected_bg_color;
  409. }
  410.  
  411. scrollbar.horizontal:hover,
  412. scrollbar.vertical:hover {
  413.     border-color: @bg_color;
  414.     background-color: shade(@selected_bg_color, 1.3);
  415. }
  416.  
  417. #iop-plugin-ui scrollbar.horizontal,
  418. #iop-plugin-ui scrollbar.vertical,
  419. #lib-plugin-ui scrollbar.horizontal,
  420. #lib-plugin-ui scrollbar.vertical {
  421.     border-color: @selected_bg_color;
  422.     background-color: @text_color;
  423. }
  424.  
  425. #iop-plugin-ui scrollbar.horizontal:hover,
  426. #iop-plugin-ui scrollbar.vertical:hover,
  427. #lib-plugin-ui scrollbar.horizontal:hover,
  428. #lib-plugin-ui scrollbar.vertical:hover {
  429.     border-color: @selected_bg_color;
  430.     background-color: shade(@selected_bg_color, 1.3);
  431. }
  432.  
  433. /* tooltip */
  434.  
  435. tooltip
  436. {
  437.   background-color: @really_dark_bg_color;
  438. }
  439. tooltip *
  440. {
  441.   color: @fg_color;
  442.   background-color: @really_dark_bg_color;
  443.   border-color: @selected_bg_color;
  444.   padding: 2pt;
  445. }
  446.  
  447. /* separator */
  448. separator, separator:hover
  449. {
  450.   color: @selected_bg_color;
  451.   border-style: solid;
  452.   border-width: 2pt;
  453.   border-color: @selected_bg_color;
  454.   background-color: @selected_bg_color;
  455. }
  456.  
  457. /* dialogs */
  458. dialog
  459. {
  460.   border-radius: 0;
  461.   border-style: none;
  462.   box-shadow:none;
  463.   outline-width:0;
  464.   border-image:none;
  465.   padding:0;
  466. /*  margin: 0; */ /* this makes scroll bars super wide. */
  467.   border:0;
  468.   background-color: @selected_bg_color;
  469. /*  background-image: none; */
  470.   border-color:  shade(@selected_bg_color, 1.2);
  471. }
  472.  
  473. dialog box *
  474. {
  475.    margin: 1px;
  476. }
  477.  
  478. dialog button *
  479. {
  480.   padding: 2pt;
  481.   background-color: shade(@bg_color, 1.7);
  482.   border-color:  shade(@bg_color, 1.7);
  483. }
  484.  
  485. dialog button:hover *
  486. {
  487.   background-color: shade(@selected_bg_color, 1.7);
  488.   border-color:  shade(@selected_bg_color, 1.7);
  489. }
  490.  
  491. dialog button *
  492. {
  493.   background-color: transparent;
  494. }
  495.  
  496. dialog eventbox *
  497. {
  498.    background-color: transparent;
  499. }
  500.  
  501. #iop-plugin-ui treeview.view *,
  502. #lib-plugin-ui treeview.view *,
  503. treeview.view *
  504. {
  505.    background-color:shade(@selected_bg_color, 0.8);
  506. }
  507.  
  508. #iop-plugin-ui treeview.view *:hover,
  509. #lib-plugin-ui treeview.view *:hover,
  510. treeview.view *:hover
  511. {
  512.    background-color: shade(@selected_bg_color, 1.7);
  513. }
  514.  
  515. #iop-plugin-ui treeview.view *:selected,
  516. #lib-plugin-ui treeview.view *:selected,
  517. treeview.view *:selected
  518. {
  519.    background-color: shade(@selected_bg_color, 1.2);
  520. }
  521.  
  522. dialog scrolledwindow
  523. {
  524.   background-color: transparent;
  525. }
  526.  
  527. dialog slider.vertical
  528. {
  529.   background-color: shade(@selected_bg_color, 1.7);
  530. }
  531.  
  532. colorswatch *
  533. {
  534.     background-color: transparent;
  535. }
  536.  
  537. /* preferences notebook */
  538.  
  539. #preferences_notebook stack *
  540. {
  541.   padding:0;
  542. }
  543.  
  544. notebook tab *
  545. {
  546.   padding: 2pt;
  547. }
  548.  
  549. notebook tab *:hover
  550. {
  551.   background-color:  shade(@selected_bg_color, 1.7);
  552. }
  553.  
  554. notebook tab:checked *
  555. {
  556.   background-color: shade(@selected_bg_color, 1.3);
  557. }
  558.  
  559. notebook menuitem
  560. {
  561.   padding: 2pt;
  562.   background-color:@really_dark_bg_color;
  563. }
  564.  
  565. notebook menuitem:hover
  566. {
  567.   background-color: shade(@selected_bg_color, 1.7);
  568. }
  569.  
  570. /* empty space at top/bottom of sidepanels when scrolled */
  571. undershoot.top,
  572. undershoot.bottom,
  573. undershoot.left,
  574. undershoot.right
  575. {
  576.   background: none;
  577. }
  578.  
  579. aboutdialog
  580. {
  581.   background-color: @bg_color;
  582. }
  583.  
  584. aboutdialog box,
  585. aboutdialog box *
  586. {
  587.   background-color: @bg_color;
  588. }
  589.  
  590. aboutdialog headerbar
  591. {
  592.   padding: 2pt;
  593. }
  594.  
  595. progressbar *
  596. {
  597.   background-color: @text_color;
  598. }
  599.  
  600. filechooserdialog eventbox
  601. {
  602.   background-color: transparent;
  603. }
  604.  
  605. filechooserdialog sidebar-icon
  606. {
  607.   padding: 0pt 5pt 0pt 10pt;
  608. }
  609.  
  610. filechooserdialog sidebar-row
  611. {
  612.   padding-top: 3pt;
  613. }
  614.  
  615. filechooserdialog sidebar-row:hover
  616. {
  617.   background-color: shade(@selected_bg_color, 1.7);
  618. }
  619.  
  620. progressbar
  621. {
  622.   background-color: @text_color;
  623. }
  624. progressbar progress
  625. {
  626.   background-color: @fg_color;
  627. }
  628.  
  629. cell:selected
  630. {
  631.   background-color: shade(@selected_bg_color, 1.2);
  632. }