PageRenderTime 52ms CodeModel.GetById 13ms RepoModel.GetById 0ms app.codeStats 0ms

/light-themes-0.1.11/Radiance/gtk-3.0/gtk-widgets-backdrop.css

#
CSS | 1302 lines | 993 code | 214 blank | 95 comment | 0 complexity | 80e315c05f94ab464f388035973bcae5 MD5 | raw file
Possible License(s): CC-BY-SA-3.0

Large files files are truncated, but you can click here to view the full file

  1. /* NOTES to contributors:
  2. * use 4 spaces intends, and keep code ALIGNED and ORDERED */
  3. GtkWindow:backdrop {
  4. color: mix (@fg_color, @bg_color, 0.17);
  5. }
  6. * {
  7. /* inherit the color from parent by default */
  8. color: inherit;
  9. background-color: @bg_color;
  10. }
  11. /**********
  12. * states *
  13. **********/
  14. *:insensitive:backdrop {
  15. color: mix (shade (@bg_color, 0.6), @bg_color, 0.2);
  16. text-shadow: 0 1px alpha (shade (@bg_color, 1.25), 0.5);
  17. }
  18. *:active:backdrop {
  19. }
  20. *:active:hover:insensitive:backdrop {
  21. }
  22. *:active:insensitive:backdrop {
  23. }
  24. *:hover:backdrop {
  25. }
  26. *:hover:insensitive:backdrop {
  27. }
  28. *:selected:backdrop,
  29. *:selected:focused:backdrop {
  30. background-color: @backdrop_selected_bg_color;
  31. color: @backdrop_selected_fg_color;
  32. }
  33. /******************
  34. * common effects *
  35. ******************/
  36. /* border and inner stroke */
  37. .frame:backdrop,
  38. .notebook:backdrop {
  39. -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
  40. from (shade (@bg_color, 0.86)),
  41. to (shade (@bg_color, 0.82)));
  42. }
  43. .notebook tab:backdrop {
  44. background-image: -gtk-gradient (linear, left top, left bottom,
  45. from (shade (@bg_color, 0.99)),
  46. color-stop (0.80, shade (@bg_color, 0.97)),
  47. to (shade (@bg_color, 0.94)));
  48. -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
  49. from (shade (@bg_color, 0.9)),
  50. to (shade (@bg_color, 0.87)));
  51. -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.3);
  52. }
  53. .notebook tab:active:backdrop {
  54. background-image: -gtk-gradient (linear, left top, left bottom,
  55. from (shade (@bg_color, 1.1)),
  56. to (shade (@bg_color, 1.01)));
  57. -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
  58. from (shade (@bg_color, 0.92)),
  59. to (shade (@bg_color, 0.86)));
  60. }
  61. /**********
  62. * button *
  63. **********/
  64. GtkComboBox:backdrop,
  65. .button:backdrop,
  66. GtkComboBox.combobox-entry .button:backdrop,
  67. GtkScale.slider:backdrop,
  68. GtkScale.slider.vertical:backdrop,
  69. .notebook .button:backdrop,
  70. .inline-toolbar.toolbar .button:backdrop {
  71. background-image: -gtk-gradient (linear, left top, left bottom,
  72. from (shade (@bg_color, 1.03)),
  73. to (shade (@bg_color, 0.97)));
  74. border-top-color: shade (@bg_color, 0.86);
  75. border-right-color: shade (@bg_color, 0.82);
  76. border-bottom-color: shade (@bg_color, 0.76);
  77. border-left-color: shade (@bg_color, 0.82);
  78. color: mix (@fg_color, @bg_color, 0.2);
  79. text-shadow: 0 1px alpha (shade (@button_bg_color, 1.25), 0.16);
  80. -unico-border-gradient: none;
  81. -unico-glow-radius: 0;
  82. -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
  83. from (shade (@bg_color, 1.05)),
  84. to (shade (@bg_color, 0.985)));
  85. }
  86. .button:hover:backdrop,
  87. GtkComboBox.combobox-entry .button:hover:backdrop,
  88. GtkScale.slider:hover:backdrop,
  89. GtkScale.slider.vertical:hover:backdrop,
  90. .notebook .button:hover:backdrop,
  91. .inline-toolbar.toolbar .button:hover:backdrop {
  92. background-image: -gtk-gradient (linear, left top, left bottom,
  93. from (shade (@bg_color, 1.16)),
  94. to (shade (@bg_color, 0.95)));
  95. border-top-color: shade (@bg_color, 0.85);
  96. border-right-color: shade (@bg_color, 0.82);
  97. border-bottom-color: shade (@bg_color, 0.67);
  98. border-left-color: shade (@bg_color, 0.82);
  99. -unico-border-gradient: none;
  100. -unico-glow-color: shade (@bg_color, 1.07);
  101. -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
  102. from (shade (@bg_color, 1.21)),
  103. to (shade (@bg_color, 1.02)));
  104. }
  105. .button:active:backdrop,
  106. GtkComboBox.combobox-entry .button:active:backdrop,
  107. .notebook .button:active:backdrop,
  108. .inline-toolbar.toolbar .button:active:backdrop {
  109. background-image: -gtk-gradient (linear, left top, left bottom,
  110. from (shade (@bg_color, 0.9)),
  111. to (shade (@bg_color, 0.95)));
  112. border-top-color: shade (@bg_color, 0.62);
  113. border-right-color: shade (@bg_color, 0.72);
  114. border-bottom-color: shade (@bg_color, 0.76);
  115. border-left-color: shade (@bg_color, 0.72);
  116. -unico-border-gradient: none;
  117. -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
  118. from (shade (@bg_color, 0.85)),
  119. to (shade (@bg_color, 0.9)));
  120. }
  121. .button:active:hover:backdrop,
  122. GtkComboBox.combobox-entry .button:active:hover:backdrop,
  123. .notebook .button:active:hover:backdrop,
  124. .inline-toolbar.toolbar .button:active:hover:backdrop {
  125. background-image: -gtk-gradient (linear, left top, left bottom,
  126. from (shade (@bg_color, 0.95)),
  127. to (shade (@bg_color, 1.0)));
  128. border-top-color: shade (@bg_color, 0.64);
  129. border-right-color: shade (@bg_color, 0.74);
  130. border-bottom-color: shade (@bg_color, 0.79);
  131. border-left-color: shade (@bg_color, 0.74);
  132. -unico-border-gradient: none;
  133. -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
  134. from (shade (@bg_color, 0.93)),
  135. to (shade (@bg_color, 0.94)));
  136. }
  137. .button:insensitive:backdrop,
  138. GtkComboBox.combobox-entry .button:insensitive:backdrop,
  139. .notebook .button:insensitive:backdrop,
  140. .inline-toolbar.toolbar .button:insensitive:backdrop {
  141. background-image: -gtk-gradient (linear, left top, left bottom,
  142. from (shade (@bg_color, 1.06)),
  143. to (shade (@bg_color, 0.98)));
  144. border-top-color: shade (@bg_color, 0.86);
  145. border-right-color: shade (@bg_color, 0.86);
  146. border-bottom-color: shade (@bg_color, 0.86);
  147. border-left-color: shade (@bg_color, 0.9);
  148. -unico-border-gradient: none;
  149. -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
  150. from (shade (@bg_color, 1.1)),
  151. to (shade (@bg_color, 1.0)));
  152. }
  153. /* default button */
  154. .button.default:backdrop {
  155. background-image: -gtk-gradient (linear, left top, left bottom,
  156. from (mix (shade (@backdrop_selected_bg_color, 1.16), @bg_color, 0.3)),
  157. to (mix (shade (@backdrop_selected_bg_color, 0.84), @bg_color, 0.3)));
  158. text-shadow: 0 1px alpha (shade (@backdrop_selected_bg_color, 1.26), 0.4);
  159. -unico-focus-border-color: @transparent;
  160. -unico-focus-outer-stroke-color: alpha (@backdrop_selected_bg_color, 0.2);
  161. -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
  162. from (mix (shade (@backdrop_selected_bg_color, 0.8), @bg_color, 0.3)),
  163. to (mix (shade (@backdrop_selected_bg_color, 0.64), @bg_color, 0.3)));
  164. -unico-glow-radius: 0;
  165. -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
  166. from (mix (shade (@backdrop_selected_bg_color, 1.26), @bg_color, 0.3)),
  167. to (mix (shade (@backdrop_selected_bg_color, 0.9), @bg_color, 0.3)));
  168. }
  169. .button.default:hover:backdrop {
  170. background-image: -gtk-gradient (linear, left top, left bottom,
  171. from (mix (shade (@backdrop_selected_bg_color, 1.21), @bg_color, 0.3)),
  172. to (mix (shade (@backdrop_selected_bg_color, 0.89), @bg_color, 0.3)));
  173. -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
  174. from (mix (shade (@backdrop_selected_bg_color, 0.83), @bg_color, 0.3)),
  175. to (mix (shade (@backdrop_selected_bg_color, 0.67), @bg_color, 0.3)));
  176. -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
  177. from (mix (shade (@backdrop_selected_bg_color, 1.3), @bg_color, 0.3)),
  178. to (mix (shade (@backdrop_selected_bg_color, 0.95), @bg_color, 0.3)));
  179. }
  180. .button.default:active:backdrop {
  181. background-image: -gtk-gradient (linear, left top, left bottom,
  182. from (mix (shade (@backdrop_selected_bg_color, 0.95), @bg_color, 0.3)),
  183. to (mix (shade (@backdrop_selected_bg_color, 1.05), @bg_color, 0.3)));
  184. -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
  185. from (mix (shade (@backdrop_selected_bg_color, 0.7), @bg_color, 0.3)),
  186. to (mix (shade (@backdrop_selected_bg_color, 0.7), @bg_color, 0.3)));
  187. -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
  188. from (mix (shade (@backdrop_selected_bg_color, 0.9), @bg_color, 0.3)),
  189. to (mix (shade (@backdrop_selected_bg_color, 1.0), @bg_color, 0.3)));
  190. }
  191. .button.default:active:hover:backdrop {
  192. background-image: -gtk-gradient (linear, left top, left bottom,
  193. from (mix (shade (@backdrop_selected_bg_color, 1.0), @bg_color, 0.3)),
  194. to (mix (shade (@backdrop_selected_bg_color, 1.1), @bg_color, 0.3)));
  195. -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
  196. from (mix (shade (@backdrop_selected_bg_color, 0.7), @bg_color, 0.3)),
  197. to (mix (shade (@backdrop_selected_bg_color, 0.7), @bg_color, 0.3)));
  198. -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
  199. from (mix (shade (@backdrop_selected_bg_color, 0.95), @bg_color, 0.3)),
  200. to (mix (shade (@backdrop_selected_bg_color, 1.05), @bg_color, 0.3)));
  201. }
  202. .button.default:insensitive:backdrop {
  203. -unico-glow-radius: 0;
  204. }
  205. /* Middle button */
  206. .linked .entry:backdrop,
  207. .linked .button:backdrop,
  208. .linked .button:active:backdrop,
  209. .linked .button:active:hover:backdrop,
  210. .linked .button:insensitive:backdrop,
  211. .primary-toolbar .linked .entry:backdrop,
  212. .primary-toolbar .linked .button:backdrop,
  213. .primary-toolbar .linked .button:active:backdrop,
  214. .primary-toolbar .linked .button:active:hover:backdrop,
  215. .primary-toolbar .linked .button:insensitive:backdrop {
  216. border-width: 1px;
  217. border-right-width: 0;
  218. border-radius: 0;
  219. -unico-outer-stroke-width: 1px 0 1px 0;
  220. }
  221. /* Leftmost button */
  222. .linked .entry:first-child:backdrop,
  223. .linked .button:first-child:backdrop,
  224. .linked .button:active:first-child:backdrop,
  225. .linked .button:active:hover:first-child:backdrop,
  226. .linked .button:insensitive:first-child:backdrop,
  227. .primary-toolbar .linked .entry:first-child:backdrop,
  228. .primary-toolbar .linked .button:first-child:backdrop,
  229. .primary-toolbar .linked .button:active:first-child:backdrop,
  230. .primary-toolbar .linked .button:active:hover:first-child:backdrop,
  231. .primary-toolbar .linked .button:insensitive:first-child:backdrop {
  232. border-width: 1px;
  233. border-right-width: 0;
  234. border-radius: 3px;
  235. border-bottom-right-radius: 0;
  236. border-top-right-radius: 0;
  237. -unico-outer-stroke-width: 1px 0 1px 1px;
  238. }
  239. /* Rightmost button */
  240. .linked .entry:last-child:backdrop,
  241. .linked .button:last-child:backdrop,
  242. .linked .button:active:last-child:backdrop,
  243. .linked .button:active:hover:last-child:backdrop,
  244. .linked .button:insensitive:last-child:backdrop,
  245. .primary-toolbar .linked .entry:last-child:backdrop,
  246. .primary-toolbar .linked .button:last-child:backdrop,
  247. .primary-toolbar .linked .button:active:last-child:backdrop,
  248. .primary-toolbar .linked .button:active:hover:last-child:backdrop,
  249. .primary-toolbar .linked .button:insensitive:last-child:backdrop {
  250. border-width: 1px;
  251. border-radius: 3px;
  252. border-bottom-left-radius: 0;
  253. border-top-left-radius: 0;
  254. -unico-outer-stroke-width: 1px 1px 1px 0;
  255. }
  256. /* Linked single button */
  257. .linked .entry:only-child:backdrop,
  258. .linked .button:only-child:backdrop,
  259. .linked .button:active:only-child:backdrop,
  260. .linked .button:active:hover:only-child:backdrop,
  261. .linked .button:insensitive:only-child:backdrop,
  262. .primary-toolbar .linked .entry:only-child:backdrop,
  263. .primary-toolbar .linked .button:only-child:backdrop,
  264. .primary-toolbar .linked .button:active:only-child:backdrop,
  265. .primary-toolbar .linked .button:active:hover:only-child:backdrop,
  266. .primary-toolbar .linked .button:insensitive:only-child:backdrop {
  267. border-width: 1px;
  268. border-radius: 3px;
  269. -unico-outer-stroke-width: 1px;
  270. }
  271. /****************
  272. * cell and row *
  273. ****************/
  274. .cell:backdrop {
  275. background-color: mix (@base_color, @bg_color, 0.4);
  276. border-radius: 0;
  277. border-width: 0;
  278. }
  279. .cell:selected:backdrop {
  280. }
  281. row:hover:backdrop {
  282. }
  283. row:insensitive:backdrop {
  284. }
  285. row:selected:backdrop {
  286. background-image: -gtk-gradient (linear, left top, left bottom,
  287. from (shade (@backdrop_selected_bg_color, 1.06)),
  288. to (shade (@backdrop_selected_bg_color, 1.0)));
  289. border-top-color: shade (@backdrop_selected_bg_color, 0.98);
  290. border-style: solid;
  291. border-width: 1px 0 0 0;
  292. color: @backdrop_selected_fg_color;
  293. }
  294. row:selected:focused {
  295. }
  296. /*******************
  297. * check and radio *
  298. *******************/
  299. .check row:selected:backdrop,
  300. .radio row:selected:backdrop,
  301. .check:backdrop,
  302. .check row:backdrop,
  303. .radio:backdrop,
  304. .radio row:backdrop {
  305. background-image: -gtk-gradient (linear, left top, left bottom,
  306. from (mix (shade (@base_color, 0.98), @bg_color, 0.4)),
  307. to (mix (@base_color, @bg_color, 0.4)));
  308. border-top-color: shade (@bg_color, 0.72);
  309. border-right-color: shade (@bg_color, 0.82);
  310. border-bottom-color: shade (@bg_color, 0.88);
  311. border-left-color: shade (@bg_color, 0.82);
  312. border-style: solid;
  313. border-width: 1px;
  314. color: mix (@fg_color, @base_color, 0.2);
  315. -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
  316. from (alpha (shade (@bg_color, 0.05), 0.02)),
  317. to (alpha (shade (@bg_color, 0.05), 0.01)));
  318. }
  319. .check:backdrop,
  320. .check row:backdrop {
  321. border-radius: 3px;
  322. }
  323. .radio:backdrop,
  324. .radio row:backdrop {
  325. border-radius: 10px;
  326. }
  327. /* FIXME (Cimi) this is horrible */
  328. .check:active:backdrop,
  329. .check row:selected:active:backdrop,
  330. .check row:selected:focused:active:backdrop,
  331. .notebook .check:active:backdrop,
  332. .notebook .radio:active:backdrop,
  333. .radio:active:backdrop,
  334. .radio row:selected:active:backdrop,
  335. .radio row:selected:focused:active:backdrop,
  336. .check:inconsistent:backdrop,
  337. .check row:selected:inconsistent:backdrop,
  338. .check row:selected:focused:inconsistent:backdrop,
  339. .notebook .check:inconsistent:backdrop,
  340. .notebook .radio:inconsistent:backdrop,
  341. .radio:inconsistent:backdrop,
  342. .radio row:selected:inconsistent:backdrop,
  343. .radio row:selected:focused:inconsistent:backdrop {
  344. background-image: -gtk-gradient (linear, left top, left bottom,
  345. from (shade (@backdrop_selected_bg_color, 1.06)),
  346. to (shade (@backdrop_selected_bg_color, 0.94)));
  347. -unico-bullet-color: shade (@backdrop_selected_bg_color, 0.54);
  348. -unico-bullet-outline-color: shade (@backdrop_selected_bg_color, 1.12);
  349. -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
  350. from (shade (@backdrop_selected_bg_color, 0.78)),
  351. to (shade (@backdrop_selected_bg_color, 0.74)));
  352. -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
  353. from (shade (@backdrop_selected_bg_color, 1.08)),
  354. to (shade (@backdrop_selected_bg_color, 0.96)));
  355. -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
  356. from (alpha (shade (@bg_color, 0.05), 0.01)),
  357. to (alpha (shade (@bg_color, 0.05), 0.03)));
  358. -unico-outer-stroke-width: 1px;
  359. }
  360. /* FIXME (Cimi) this is horrible */
  361. .check:active:hover:backdrop,
  362. .check row:selected:active:hover:backdrop,
  363. .check row:selected:focused:active:hover:backdrop,
  364. .notebook .check:active:hover:backdrop,
  365. .notebook .radio:active:hover:backdrop,
  366. .radio:active:hover:backdrop,
  367. .radio row:selected:active:hover:backdrop,
  368. .radio row:selected:focused:active:hover:backdrop
  369. .check:active:hover:inconsistent:backdrop,
  370. .check row:selected:active:hover:inconsistent:backdrop,
  371. .check row:selected:focused:active:hover:inconsistent:backdrop,
  372. .notebook .check:active:hover:inconsistent:backdrop,
  373. .notebook .radio:active:hover:inconsistent:backdrop,
  374. .radio:active:hover:inconsistent:backdrop,
  375. .radio row:selected:active:hover:inconsistent:backdrop,
  376. .radio row:selected:focused:active:hover:inconsistent:backdrop {
  377. background-image: -gtk-gradient (linear, left top, left bottom,
  378. from (shade (@backdrop_selected_bg_color, 1.1)),
  379. to (shade (@backdrop_selected_bg_color, 0.98)));
  380. -unico-bullet-color: shade (@backdrop_selected_bg_color, 0.54);
  381. -unico-bullet-outline-color: shade (@backdrop_selected_bg_color, 1.14);
  382. -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
  383. from (shade (@backdrop_selected_bg_color, 0.8)),
  384. to (shade (@backdrop_selected_bg_color, 0.76)));
  385. -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
  386. from (shade (@backdrop_selected_bg_color, 1.12)),
  387. to (shade (@backdrop_selected_bg_color, 1.0)));
  388. }
  389. .check:insensitive:backdrop,
  390. .radio:insensitive:backdrop {
  391. background-color: shade (@bg_color, 0.98);
  392. background-image: none;
  393. -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
  394. from (alpha (shade (@bg_color, 0.05), 0.02)),
  395. to (alpha (shade (@bg_color, 0.05), 0.01)));
  396. }
  397. .check:insensitive:active:backdrop,
  398. .radio:insensitive:active:backdrop,
  399. .check:insensitive:inconsistent:backdrop,
  400. .radio:insensitive:inconsistent:backdrop {
  401. background-image: -gtk-gradient (linear, left top, left bottom,
  402. from (shade (@bg_color, 1.0)),
  403. to (shade (@bg_color, 0.94)));
  404. -unico-bullet-color: shade (@bg_color, 0.7);
  405. -unico-bullet-outline-color: shade (@bg_color, 1.0);
  406. -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
  407. from (shade (@bg_color, 0.86)),
  408. to (shade (@bg_color, 0.8)));
  409. -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
  410. from (shade (@bg_color, 1.02)),
  411. to (shade (@bg_color, 0.96)));
  412. }
  413. /*****************
  414. * column-header *
  415. *****************/
  416. column-header .button:backdrop,
  417. column-header .button:active:backdrop,
  418. .notebook column-header .button:backdrop,
  419. .notebook column-header .button:active:backdrop {
  420. border-radius: 0;
  421. border-width: 0 1px 1px 0;
  422. -unico-glow-radius: 0;
  423. -unico-outer-stroke-width: 0;
  424. }
  425. column-header .button:backdrop,
  426. .notebook column-header .button:backdrop {
  427. background-image: -gtk-gradient (linear, left top, left bottom,
  428. from (shade (@bg_color, 1.04)),
  429. to (shade (@bg_color, 0.98)));
  430. text-shadow: 0 1px alpha (shade (@bg_color, 1.25), 0.4);
  431. -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
  432. from (shade (@bg_color, 0.88)),
  433. to (shade (@bg_color, 0.84)));
  434. -unico-glow-color: shade (@bg_color, 1.02);
  435. -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
  436. from (shade (@bg_color, 1.07)),
  437. to (shade (@bg_color, 1.01)));
  438. }
  439. column-header .button:hover:backdrop,
  440. .notebook column-header .button:hover:backdrop {
  441. background-image: -gtk-gradient (linear, left top, left bottom,
  442. from (shade (@bg_color, 1.06)),
  443. to (shade (@bg_color, 1.0)));
  444. -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
  445. from (shade (@bg_color, 0.9)),
  446. to (shade (@bg_color, 0.86)));
  447. -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
  448. from (shade (@bg_color, 1.09)),
  449. to (shade (@bg_color, 1.03)));
  450. }
  451. column-header:nth-child(last) .button:backdrop {
  452. border-width: 0 0 1px 0;
  453. }
  454. /******************
  455. * combobox entry *
  456. ******************/
  457. GtkComboBox.combobox-entry .button:backdrop,
  458. GtkComboBox.combobox-entry .button:hover:backdrop,
  459. GtkComboBox.combobox-entry .button:active:backdrop,
  460. GtkComboBox.combobox-entry .button:insensitive:backdrop {
  461. border-top-color: shade (@bg_color, 0.64);
  462. border-right-color: shade (@bg_color, 0.8);
  463. border-bottom-color: shade (@bg_color, 0.86);
  464. border-left-color: shade (@bg_color, 0.76);
  465. }
  466. /*********
  467. * entry *
  468. *********/
  469. .entry:backdrop {
  470. background-image: -gtk-gradient (linear, left top, left bottom,
  471. from (mix (shade (@base_color, 0.98), @bg_color, 0.4)),
  472. to (mix (@base_color, @bg_color, 0.4)));
  473. border-top-color: shade (@bg_color, 0.72);
  474. border-right-color: shade (@bg_color, 0.82);
  475. border-bottom-color: shade (@bg_color, 0.88);
  476. border-left-color: shade (@bg_color, 0.82);
  477. color: mix (@fg_color, @base_color, 0.2);
  478. -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
  479. from (alpha (shade (@bg_color, 0.05), 0.02)),
  480. to (alpha (shade (@bg_color, 0.05), 0.01)));
  481. }
  482. .entry:selected:backdrop,
  483. .entry:selected:focused:backdrop {
  484. background-color: @backdrop_selected_bg_color;
  485. color: @backdrop_selected_fg_color;
  486. }
  487. .entry:focused:backdrop {
  488. -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
  489. from (shade (@backdrop_selected_bg_color, 0.75)),
  490. to (shade (@backdrop_selected_bg_color, 0.8)));
  491. -unico-inner-stroke-color: alpha (@backdrop_selected_bg_color, 0.3);
  492. -unico-inner-stroke-gradient: none;
  493. }
  494. .entry:insensitive:backdrop {
  495. background-color: shade (@bg_color, 0.98);
  496. background-image: none;
  497. color: mix (@text_color, @base_color, 0.5);
  498. -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
  499. from (alpha (shade (@bg_color, 0.05), 0.02)),
  500. to (alpha (shade (@bg_color, 0.05), 0.01)));
  501. }
  502. .primary-toolbar .entry.progressbar:backdrop,
  503. .primary-toolbar .entry.progressbar:backdrop,
  504. .entry.progressbar:backdrop {
  505. }
  506. /************
  507. * expander *
  508. ************/
  509. .expander:backdrop {
  510. }
  511. /*********
  512. * frame *
  513. *********/
  514. .frame:backdrop {
  515. }
  516. /************
  517. * iconview *
  518. ************/
  519. GtkIconView.view.cell:selected:backdrop,
  520. GtkIconView.view.cell:selected:focused:backdrop {
  521. background-image: -gtk-gradient (linear, left top, left bottom,
  522. from (shade (@backdrop_selected_bg_color, 1.0)),
  523. to (shade (@backdrop_selected_bg_color, 0.9)));
  524. border-radius: 4px;
  525. border-style: solid;
  526. border-width: 1px;
  527. color: @backdrop_selected_fg_color;
  528. -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
  529. from (shade (@backdrop_selected_bg_color, 0.7)),
  530. to (shade (@backdrop_selected_bg_color, 0.7)));
  531. -unico-glow-radius: 8;
  532. -unico-glow-color: shade (@backdrop_selected_bg_color, 1.3);
  533. -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
  534. from (shade (@backdrop_selected_bg_color, 1.2)),
  535. to (shade (@backdrop_selected_bg_color, 1.08)));
  536. -unico-inner-stroke-width: 1px;
  537. }
  538. .rubberband:backdrop {
  539. background-color: alpha (@backdrop_selected_bg_color, 0.35);
  540. border-color: @backdrop_selected_bg_color;
  541. border-radius: 0;
  542. border-style: solid;
  543. border-width: 1px;
  544. }
  545. /***********
  546. * infobar *
  547. ***********/
  548. .info:backdrop {
  549. }
  550. .warning:backdrop {
  551. }
  552. .question:backdrop {
  553. }
  554. .error:backdrop {
  555. }
  556. /***********
  557. * menubar *
  558. ***********/
  559. .menubar:backdrop,
  560. .menubar .menuitem:backdrop {
  561. color: shade (#a39e9a, 0.86); /* metacity unfocused color */
  562. }
  563. /************
  564. * notebook *
  565. ************/
  566. .notebook:backdrop {
  567. background-color: shade (@bg_color, 1.01);
  568. }
  569. .notebook tab:active:backdrop {
  570. }
  571. .notebook tab:backdrop {
  572. }
  573. /*************************
  574. * progressbar and scale *
  575. *************************/
  576. .scale.highlight.left:backdrop,
  577. .progressbar:backdrop,
  578. .progressbar row:backdrop,
  579. .progressbar row:hover:backdrop,
  580. .progressbar row:selected:backdrop,
  581. .progressbar row:selected:focused:backdrop {
  582. background-image: -gtk-gradient (linear, left top, left bottom,
  583. from (shade (@backdrop_selected_bg_color, 1.05)),
  584. to (shade (@backdrop_selected_bg_color, 0.95)));
  585. border-width: 1px;
  586. -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
  587. from (shade (@backdrop_selected_bg_color, 0.8)),
  588. to (shade (@backdrop_selected_bg_color, 0.8)));
  589. -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
  590. from (shade (@backdrop_selected_bg_color, 1.07)),
  591. to (shade (@backdrop_selected_bg_color, 0.965)));
  592. -unico-outer-stroke-color: @transparent;
  593. -unico-outer-stroke-gradient: none;
  594. -unico-outer-stroke-width: 0;
  595. }
  596. .scale.highlight.bottom:backdrop,
  597. .progressbar.vertical:backdrop {
  598. background-image: -gtk-gradient (linear, left top, right top,
  599. from (shade (@backdrop_selected_bg_color, 1.05)),
  600. to (shade (@backdrop_selected_bg_color, 0.95)));
  601. -unico-border-gradient: -gtk-gradient (linear, left top, right top,
  602. from (shade (@backdrop_selected_bg_color, 0.86)),
  603. to (shade (@backdrop_selected_bg_color, 0.86)));
  604. -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, right top,
  605. from (shade (@backdrop_selected_bg_color, 1.07)),
  606. to (shade (@backdrop_selected_bg_color, 0.965)));
  607. }
  608. .scale.highlight.left:insensitive:backdrop {
  609. background-image: -gtk-gradient (linear, left top, left bottom,
  610. from (shade (@bg_color, 0.98)),
  611. to (shade (@bg_color, 0.88)));
  612. -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
  613. from (shade (@bg_color, 0.82)),
  614. to (shade (@bg_color, 0.82)));
  615. -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
  616. from (shade (@bg_color, 1.0)),
  617. to (shade (@bg_color, 0.90)));
  618. }
  619. .scale.highlight.bottom:insensitive:backdrop {
  620. background-image: -gtk-gradient (linear, left top, right top,
  621. from (shade (@bg_color, 0.98)),
  622. to (shade (@bg_color, 0.88)));
  623. -unico-border-gradient: -gtk-gradient (linear, left top, right top,
  624. from (shade (@bg_color, 0.82)),
  625. to (shade (@bg_color, 0.82)));
  626. -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, right top,
  627. from (shade (@bg_color, 1.0)),
  628. to (shade (@bg_color, 0.90)));
  629. }
  630. .trough:backdrop,
  631. .trough row:backdrop,
  632. .trough row:hover:backdrop,
  633. .trough row:selected:backdrop,
  634. .trough row:selected:focused:backdrop {
  635. background-image: -gtk-gradient (linear, left top, left bottom,
  636. from (shade (@bg_color, 0.94)),
  637. to (shade (@bg_color, 0.98)));
  638. -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
  639. from (shade (@bg_color, 0.85)),
  640. to (shade (@bg_color, 1.05)));
  641. }
  642. .trough.vertical:backdrop {
  643. background-image: -gtk-gradient (linear, left top, right top,
  644. from (shade (@bg_color, 0.94)),
  645. to (shade (@bg_color, 0.98)));
  646. -unico-border-gradient: -gtk-gradient (linear, left top, right top,
  647. from (shade (@bg_color, 0.85)),
  648. to (shade (@bg_color, 1.05)));
  649. }
  650. GtkScale.slider:backdrop {
  651. background-image: url("assets/slider_backdrop.png");
  652. }
  653. GtkScale.slider:hover:backdrop {
  654. background-image: url("assets/slider_prelight.png");
  655. }
  656. GtkScale.slider:insensitive:backdrop {
  657. background-image: url("assets/slider_insensitive_backdrop.png");
  658. }
  659. GtkScale.slider.vertical:backdrop {
  660. background-image: url("assets/slider_vertical_backdrop.png");
  661. }
  662. GtkScale.slider.vertical:hover:backdrop {
  663. background-image: url("assets/slider_prelight_vertical.png");
  664. }
  665. GtkScale.slider.vertical:insensitive:backdrop {
  666. background-image: url("assets/slider_vertical_insensitive_backdrop.png");
  667. }
  668. GtkScale.mark:backdrop {
  669. }
  670. /*******************
  671. * scrolled window *
  672. *******************/
  673. GtkScrolledWindow.frame:backdrop {
  674. }
  675. /*************
  676. * separator *
  677. *************/
  678. .separator:backdrop {
  679. border-color: shade (@bg_color, 0.92);
  680. -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.4);
  681. }
  682. .button .separator:backdrop,
  683. .button.separator:backdrop {
  684. border-color: shade (@bg_color, 0.86);
  685. -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.5);
  686. }
  687. .notebook .button .separator:backdrop,
  688. .notebook .button.separator:backdrop {
  689. border-color: shade (@bg_color, 0.86);
  690. -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.5);
  691. }
  692. .button .separator:insensitive:backdrop,
  693. .button.separator:insensitive:backdrop {
  694. border-color: shade (@bg_color, 0.92);
  695. -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.6);
  696. }
  697. .notebook .button .separator:insensitive:backdrop,
  698. .notebook .button.separator:insensitive:backdrop {
  699. border-color: shade (@bg_color, 0.92);
  700. -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.6);
  701. }
  702. .menuitem.separator:backdrop {
  703. }
  704. .menubar .menuitem.separator:backdrop,
  705. .primary-toolbar .menuitem.separator:backdrop {
  706. }
  707. /***********
  708. * sidebar *
  709. ***********/
  710. .sidebar:backdrop,
  711. .sidebar .view:backdrop {
  712. }
  713. .sidebar row:selected:backdrop {
  714. text-shadow: 0 1px shade (@backdrop_selected_bg_color, 0.7);
  715. }
  716. .sidebar .frame:backdrop {
  717. }
  718. /**************
  719. * spinbutton *
  720. **************/
  721. .spinbutton.button:active:backdrop,
  722. .spinbutton.button:insensitive:backdrop,
  723. .notebook .spinbutton.button:active:backdrop,
  724. .notebook .spinbutton.button:insensitive:backdrop,
  725. .spinbutton.button:backdrop,
  726. .notebook .spinbutton.button:backdrop {
  727. }
  728. .spinbutton.button:active:nth-child(last):backdrop,
  729. .spinbutton.button:insensitive:nth-child(last):backdrop,
  730. .notebook .spinbutton.button:active:nth-child(last):backdrop,
  731. .notebook .spinbutton.button:insensitive:nth-child(last):backdrop,
  732. .spinbutton.button:nth-child(last):backdrop,
  733. .notebook .spinbutton.button:nth-child(last):backdrop {
  734. }
  735. .spinbutton.button:backdrop,
  736. .notebook .spinbutton.button:backdrop {
  737. background-image: -gtk-gradient (linear, left top, left bottom,
  738. from (shade (@bg_color, 1.06)),
  739. to (shade (@bg_color, 0.94)));
  740. border-top-color: shade (@bg_color, 0.72);
  741. border-right-color: shade (@bg_color, 0.82);
  742. border-bottom-color: shade (@bg_color, 0.88);
  743. border-left-color: shade (@bg_color, 0.82);
  744. -unico-border-gradient: none;
  745. }
  746. .spinbutton:backdrop,
  747. .spinbutton:hover:backdrop {
  748. }
  749. /***********
  750. * spinner *
  751. ***********/
  752. .menu.spinner:backdrop,
  753. .primary-toolbar .spinner:backdrop,
  754. .primary-toolbar .spinner:backdrop {
  755. color: @backdrop_selected_bg_color;
  756. }
  757. /*************
  758. * statusbar *
  759. *************/
  760. GtkStatusbar:backdrop {
  761. }
  762. /**********
  763. * switch *
  764. **********/
  765. GtkSwitch:backdrop {
  766. border-radius: 4px;
  767. padding: 0;
  768. -unico-focus-border-radius: 4;
  769. -unico-focus-border-color: alpha (@backdrop_selected_bg_color, 0.3);
  770. -unico-focus-fill-color: @transparent;
  771. }
  772. GtkSwitch.trough:backdrop {
  773. background-image: -gtk-gradient (linear, left top, left bottom,
  774. from (shade (@bg_color, 0.89)),
  775. to (shade (@bg_color, 0.96)));
  776. color: mix (@fg_color, @bg_color, 0.17);
  777. text-shadow: 0 1px alpha (shade (@bg_color, 1.25), 0.3);
  778. -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
  779. from (shade (@bg_color, 0.75)),
  780. to (shade (@bg_color, 0.78)));
  781. -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
  782. from (shade (@bg_color, 0.85)),
  783. to (shade (@bg_color, 0.92)));
  784. }
  785. GtkSwitch.trough:active:backdrop {
  786. background-image: -gtk-gradient (linear, left top, left bottom,
  787. from (shade (@backdrop_selected_bg_color, 0.93)),
  788. to (shade (@backdrop_selected_bg_color, 0.99)));
  789. color: @backdrop_selected_fg_color;
  790. text-shadow: 0 1px alpha (shade (@backdrop_selected_bg_color, 1.25), 0.4);
  791. -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
  792. from (shade (@backdrop_selected_bg_color, 0.75)),
  793. to (shade (@backdrop_selected_bg_color, 0.78)));
  794. -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
  795. from (shade (@backdrop_selected_bg_color, 0.86)),
  796. to (shade (@backdrop_selected_bg_color, 0.94)));
  797. }
  798. GtkSwitch.trough:insensitive:backdrop {
  799. background-image: -gtk-gradient (linear, left top, left bottom,
  800. from (shade (@bg_color, 0.95)),
  801. to (shade (@bg_color, 0.99)));
  802. color: mix (shade (@bg_color, 0.6), @bg_color, 0.17);
  803. text-shadow: 0 1px alpha (shade (@bg_color, 1.25), 0.5);
  804. -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
  805. from (shade (@bg_color, 0.8)),
  806. to (shade (@bg_color, 0.84)));
  807. -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
  808. from (shade (@bg_color, 0.91)),
  809. to (shade (@bg_color, 0.965)));
  810. }
  811. GtkSwitch.slider:backdrop {
  812. background-image: -gtk-gradient (linear, left top, left bottom,
  813. from (shade (@bg_color, 1.06)),
  814. to (shade (@bg_color, 0.94)));
  815. -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
  816. from (shade (@bg_color, 0.75)),
  817. to (shade (@bg_color, 0.78)));
  818. -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
  819. from (shade (@bg_color, 1.08)),
  820. to (shade (@bg_color, 0.96)));
  821. }
  822. GtkSwitch.slider:insensitive:backdrop {
  823. -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
  824. from (shade (@bg_color, 0.8)),
  825. to (shade (@bg_color, 0.84)));
  826. }
  827. /************
  828. * textview *
  829. ************/
  830. GtkTextView:backdrop {
  831. background-color: mix (@base_color, @bg_color, 0.4);
  832. }
  833. /***********
  834. * toolbar *
  835. ***********/
  836. .toolbar:backdrop {
  837. border-style: none;
  838. }
  839. /* primary-toolbar */
  840. .primary-toolbar:backdrop,
  841. .primary-toolbar .toolbar:backdrop,
  842. .primary-toolbar.toolbar:backdrop {
  843. background-color: @dark_bg_color;
  844. background-image: none;
  845. border-bottom-color: shade (@dark_bg_color, 0.94);
  846. border-style: solid;
  847. border-width: 0 0 1px 0;
  848. padding: 2px;
  849. color: shade (#a39e9a, 0.86); /* metacity unfocused color */
  850. text-shadow: 0 1px shade (@dark_bg_color, 1.06);
  851. -unico-border-gradient: none;
  852. -unico-inner-stroke-gradient: none;
  853. -unico-inner-stroke-width: 0;
  854. }
  855. .primary-toolbar :insensitive:backdrop {
  856. text-shadow: 0 -1px shade (@dark_bg_color, 0.82);
  857. }
  858. .primary-toolbar GtkComboBox:backdrop,
  859. .primary-toolbar .button *:backdrop,
  860. .primary-toolbar .button:backdrop {
  861. background-color: @transparent;
  862. background-image: none;
  863. border-color: @transparent;
  864. border-radius: 3px;
  865. border-width: 1px;
  866. padding: 2px;
  867. color: shade (#a39e9a, 0.86); /* metacity unfocused color */
  868. text-shadow: 0 1px shade (@dark_bg_color, 1.06);
  869. /* This breaks Gtk+ 3.5.x, lp #1015497. */
  870. /* transition: 0ms ease-in-out; */
  871. -unico-focus-border-radius: 4;
  872. -unico-focus-border-color: alpha (@backdrop_selected_bg_color, 0.5);
  873. -unico-focus-fill-color: alpha (@backdrop_selected_bg_color, 0.2);
  874. -unico-focus-outer-stroke-color: @transparent;
  875. -unico-border-gradient: none;
  876. -unico-glow-radius: 0;
  877. -unico-inner-stroke-width: 0;
  878. -unico-outer-stroke-width: 0;
  879. }
  880. .primary-toolbar .button *:hover:backdrop {
  881. color: shade (shade (#a39e9a, 0.86), 1.1);
  882. }
  883. .primary-toolbar .raised .button:backdrop,
  884. .primary-toolbar .raised.button:backdrop,
  885. .primary-toolbar .button:hover:backdrop,
  886. .primary-toolbar .button:active:backdrop,
  887. .primary-toolbar .button:insensitive:backdrop {
  888. border-width: 1px;
  889. /* This breaks Gtk+ 3.5.x, lp #1015497. */
  890. /* transition: 0ms ease-in-out; */
  891. -unico-focus-border-radius: 0;
  892. -unico-focus-fill-color: @transparent;
  893. -unico-focus-border-color: @transparent;
  894. -unico-focus-outer-stroke-color: @transparent;
  895. -unico-inner-stroke-width: 1px;
  896. -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
  897. from (shade (@dark_bg_color, 1.01)),
  898. to (shade (@dark_bg_color, 1.06)));
  899. -unico-outer-stroke-width: 1px;
  900. }
  901. .primary-toolbar GtkComboBox.combobox-entry .button:backdrop {
  902. -unico-inner-stroke-width: 1px;
  903. -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
  904. from (shade (@dark_bg_color, 1.01)),
  905. to (shade (@dark_bg_color, 1.06)));
  906. }
  907. .primary-toolbar GtkComboBox.combobox-entry .button:backdrop,
  908. .primary-toolbar .raised .button:backdrop,
  909. .primary-toolbar .raised.button:backdrop,
  910. .primary-toolbar .button:hover:backdrop {
  911. background-image: -gtk-gradient (linear, left top, left bottom,
  912. from (shade (@dark_bg_color, 1.06)),
  913. to (shade (@dark_bg_color, 0.98)));
  914. -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
  915. from (shade (@dark_bg_color, 0.9)),
  916. to (shade (@dark_bg_color, 0.87)));
  917. -unico-glow-radius: 0;
  918. -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
  919. from (shade (@dark_bg_color, 1.12)),
  920. to (shade (@dark_bg_color, 1.02)));
  921. }
  922. .primary-toolbar .button:active:backdrop {
  923. background-image: -gtk-gradient (linear, left top, left bottom,
  924. from (shade (@dark_bg_color, 0.9)),
  925. to (shade (@dark_bg_color, 0.95)));
  926. text-shadow: 0 1px shade (@dark_bg_color, 0.95);
  927. -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
  928. from (shade (@dark_bg_color, 0.75)),
  929. to (shade (@dark_bg_color, 0.85)));
  930. -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
  931. from (shade (@dark_bg_color, 0.88)),
  932. to (shade (@dark_bg_color, 0.93)))
  933. }
  934. .primary-toolbar .button:active:hover:backdrop {
  935. background-image: -gtk-gradient (linear, left top, left bottom,
  936. from (shade (@dark_bg_color, 0.95)),
  937. to (shade (@dark_bg_color, 1.0)));
  938. -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
  939. from (shade (@dark_bg_color, 0.75)),
  940. to (shade (@dark_bg_color, 0.85)));
  941. -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
  942. from (shade (@dark_bg_color, 0.93)),
  943. to (shade (@dark_bg_color, 0.94)))
  944. }
  945. .primary-toolbar .button:active:insensitive:backdrop,
  946. .primary-toolbar .button:insensitive:backdrop {
  947. text-shadow: none;
  948. -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
  949. from (shade (@dark_bg_color, 0.85)),
  950. to (shade (@dark_bg_color, 0.95)));
  951. -unico-glow-radius: 0;
  952. -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
  953. from (shade (@dark_bg_color, 1.01)),
  954. to (shade (@dark_bg_color, 1.06)));
  955. }
  956. .primary-toolbar .button:insensitive:backdrop {
  957. background-image: -gtk-gradient (linear, left top, left bottom,
  958. from (shade (@dark_bg_color, 1.01)),
  959. to (shade (@dark_bg_color, 0.99)));
  960. -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
  961. from (shade (@dark_bg_color, 1.1)),
  962. to (shade (@dark_bg_color, 1.04)));
  963. }
  964. .primary-toolbar .button:active:insensitive:backdrop {
  965. background-image: -gtk-gradient (linear, left top, left bottom,
  966. from (shade (@dark_bg_color, 0.94)),
  967. to (shade (@dark_bg_color, 1.02)));
  968. -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
  969. from (shade (@dark_bg_color, 0.92)),
  970. to (shade (@dark_bg_color, 1.0)));
  971. }
  972. .primary-toolbar .entry:backdrop,
  973. .primary-toolbar .entry:active:backdrop,
  974. .primary-toolbar .entry:focused:backdrop {
  975. border-radius: 3px;
  976. color: @text_color;
  977. -unico-outer-stroke-width: 1px;
  978. -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
  979. from (shade (@dark_bg_color, 1.01)),
  980. to (shade (@dark_bg_color, 1.06)));
  981. }
  982. .primary-toolbar .entry:backdrop {
  983. -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
  984. from (shade (@dark_bg_color, 0.75)),
  985. to (shade (@dark_bg_color, 0.95)));
  986. -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
  987. from (alpha (shade (@bg_color, 0.05), 0.02)),
  988. to (alpha (shade (@bg_color, 0.05), 0.01)));
  989. }
  990. .primary-toolbar .entry:insensitive:backdrop {
  991. -unico-outer-stroke-width: 1px;
  992. -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
  993. from (shade (@dark_bg_color, 1.01)),
  994. to (shade (@dark_bg_color, 1.06)));
  995. }
  996. .primary-toolbar .entry:focused:backdrop {
  997. -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
  998. from (shade (@backdrop_selected_bg_color, 0.75)),
  999. to (shade (@backdrop_selected_bg_color, 0.8)));
  1000. -unico-inner-stroke-color: alpha (@backdrop_selected_bg_color, 0.2);
  1001. -unico-inner-stroke-gradient: none;
  1002. }
  1003. .primary-toolbar GtkSeparatorToolItem:backdrop,
  1004. .primary-toolbar .separator:backdrop,
  1005. .primary-toolbar .separator:insensitive:backdrop {
  1006. border-color: shade (@dark_bg_color, 0.94);
  1007. border-style: solid;
  1008. -unico-border-gradient: none;
  1009. -unico-inner-stroke-color: shade (@dark_bg_color, 1.04);
  1010. -unico-inner-stroke-gradient: none;
  1011. }
  1012. /* inline-toolbar */
  1013. .inline-toolbar.toolbar:backdrop {
  1014. -GtkToolbar-button-relief: normal;
  1015. background-image: -gtk-gradient (linear, left top, left bottom,
  1016. from (shade (#f2f1ef, 0.96)),
  1017. color-stop (0.08, #f2f1ef),
  1018. to (#ffffff));
  1019. border-radius: 0;
  1020. border-style: solid;
  1021. border-width: 1px;
  1022. padding: 3px 4px 4px 4px;
  1023. }
  1024. .inline-toolbar.toolbar:nth-child(last):backdrop {
  1025. border-bottom-color: shade (@bg_color, 0.76);
  1026. border-color: shade (@bg_color, 0.8);
  1027. border-radius: 0 0 3px 3px;
  1028. border-width: 0 1px 1px 1px;
  1029. }
  1030. .inline-toolbar.toolbar .button:backdrop {
  1031. background-image: -gtk-gradient (linear, left top, left bottom,
  1032. from (shade (@bg_color, 1.06)),
  1033. to (shade (@bg_color, 0.94)));
  1034. border-radius: 0;
  1035. border-style: solid;
  1036. border-width: 1px 0 1px 1px;
  1037. padding: 1px;
  1038. icon-shadow: 0 1px shade (@bg_color, 1.16);
  1039. -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
  1040. from (shade (@bg_color, 1.09)),
  1041. to (shade (@bg_color, 0.97)));
  1042. -unico-outer-stroke-width: 1px 0 1px 0;
  1043. -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
  1044. from (alpha (shade (@bg_color, 0.05), 0.01)),
  1045. to (alpha (shade (@bg_color, 0.05), 0.03)));
  1046. }
  1047. .inline-toolbar.toolbar .button *:active:backdrop,
  1048. .inline-toolbar.toolbar .button *:insensitive:backdrop,
  1049. .inline-toolbar.toolbar GtkToolButton .button:active:backdrop,
  1050. .inline-toolbar.toolbar GtkToolButton .button:insensitive:backdrop {
  1051. -unico-outer-stroke-width: 1px 0 1px 0;
  1052. -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
  1053. from (alpha (shade (@bg_color, 0.05), 0.008)),
  1054. to (alpha (shade (@bg_color, 0.05), 0.01)));
  1055. }
  1056. .inline-toolbar.toolbar .button *:insensitive:backdrop,
  1057. .inline-toolbar.toolbar GtkToolButton .button:insensitive:backdrop {
  1058. background-image: -gtk-gradi

Large files files are truncated, but you can click here to view the full file