Advertisement
Guest User

Untitled

a guest
Apr 21st, 2022
86
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.03 KB | None | 0 0
  1. /*
  2. ***********************************
  3. ** Libadwaita Border Enhancement **
  4. ***********************************
  5. */
  6. /* This config adds borders and subtle shadows to buttons */
  7.  
  8. /**********
  9. * Global *
  10. **********/
  11.  
  12. /* global config for all buttons */
  13. button {
  14. box-shadow: 0 0 0 1px alpha(@view_fg_color, 0.13) inset;
  15. }
  16.  
  17. /* global config for flat buttons */
  18. button.flat {
  19. box-shadow: none;
  20. }
  21.  
  22. /* global config for flat hovered buttons */
  23. button.flat:hover {
  24. box-shadow: 0 0 0 1px alpha(@view_fg_color, 0.13) inset;
  25. }
  26.  
  27. /* global config for checked buttons */
  28. button:active,
  29. button:checked {
  30. box-shadow: 0 0 2px mix(@shade_color, @dark_5, 0.07), 0 0 0 1px alpha(@view_fg_color, 0.25) inset;
  31. }
  32.  
  33. /*****************
  34. * Linked Button *
  35. *****************/
  36.  
  37. /* config for linked buttons */
  38. .linked button,
  39. .linked button:active,
  40. .linked button:checked {
  41. /*box-shadow: 0 0 0 1px alpha(@view_fg_color, 0.13) inset;*/
  42. box-shadow: 0 0 0 1px mix(@window_bg_color, #919191, 0.5) inset;
  43. }
  44.  
  45. /* config for linked combo buttons */
  46. .linked button.combo {
  47. box-shadow: 0 0 0 1px alpha(@view_fg_color, 0.13) inset;
  48. }
  49.  
  50. .linked button.combo:active,
  51. .linked button.combo:checked {
  52. box-shadow: 0 0 2px mix(@shade_color, @dark_5, 0.07), 0 0 0 1px alpha(@view_fg_color, 0.25) inset;
  53. }
  54.  
  55. /***************
  56. * Menu Button *
  57. ***************/
  58.  
  59. modelbutton.flat {
  60. box-shadow: none;
  61. }
  62.  
  63. modelbutton.flat:hover,
  64. modelbutton.flat:selected,
  65. modelbutton.flat:hover:focus-within {
  66. box-shadow: 0 0 0 1px alpha(@view_fg_color, 0.08) inset;
  67. }
  68.  
  69. menubutton.flat button:not(:hover):not(:active):not(:checked) {
  70. box-shadow: none;
  71. }
  72.  
  73. /*************
  74. * Headerbar *
  75. *************/
  76.  
  77. /* config for all headerbar buttons */
  78. headerbar button {
  79. box-shadow: none;
  80. }
  81.  
  82. /* config for hovered headerbar buttons*/
  83. headerbar button:hover {
  84. box-shadow: 0 0 0 1px alpha(@view_fg_color, 0.13) inset;
  85. }
  86.  
  87. /* config for checked headerbar buttons*/
  88. headerbar button:active,
  89. headerbar button:checked {
  90. box-shadow: 0 0 2px mix(@shade_color, @dark_5, 0.07), 0 0 0 1px alpha(@view_fg_color, 0.25) inset;
  91. }
  92.  
  93. /* config for linked switch headerbar buttons */
  94. headerbar stackswitcher.linked button {
  95. box-shadow: none;
  96. }
  97.  
  98. headerbar stackswitcher.linked button:active,
  99. headerbar stackswitcher.linked button:checked,
  100. headerbar stackswitcher.linked button:checked:hover {
  101. box-shadow: 0 0 0 1px alpha(@view_fg_color, 0.13) inset;
  102. }
  103.  
  104. /* config for switch headerbar buttons */
  105. headerbar viewswitcher button.flat:hover {
  106. box-shadow: 0 0 0 1px alpha(@view_fg_color, 0.04) inset;
  107. }
  108.  
  109. headerbar viewswitcher button.flat:active,
  110. headerbar viewswitcher button.flat:checked,
  111. headerbar viewswitcher button.flat:checked:hover {
  112. box-shadow: 0 0 0 1px alpha(@view_fg_color, 0.13) inset;
  113. }
  114.  
  115. /*******************
  116. * Window Controls *
  117. *******************/
  118.  
  119. /* removes the borders from the window buttons */
  120. windowcontrols button.close,
  121. windowcontrols button.maximize,
  122. windowcontrols button.minimize {
  123. box-shadow: none;
  124. }
  125.  
  126. /*windowcontrols button image:not(:hover) {
  127. background-color: transparent;
  128. }*/
  129.  
  130. /**********************
  131. * Navigation Sidebar *
  132. **********************/
  133.  
  134. /* config for navigation sidebar selected buttons */
  135. .navigation-sidebar > row:selected {
  136. box-shadow: 0 0 0 1px alpha(@view_fg_color, 0.08) inset;
  137. }
  138.  
  139. /***********
  140. * Popover *
  141. ***********/
  142.  
  143. /* config for popover buttons*/
  144. popover list > row:hover,
  145. popover list > row:active {
  146. box-shadow: 0 0 0 1px alpha(@view_fg_color, 0.08) inset;
  147. }
  148.  
  149. /*********
  150. * Lists *
  151. *********/
  152.  
  153. listview > row:hover {
  154. box-shadow: 0 0 0 1px alpha(@view_fg_color, 0.08) inset;
  155. }
  156.  
  157. /***************
  158. * Spin Button *
  159. ***************/
  160.  
  161. /* puts borders around spinbuttons */
  162. spinbutton {
  163. box-shadow: 0 0 0 1px alpha(@view_fg_color, 0.08) inset;
  164. }
  165.  
  166. /* removes the borders of spinbutton buttons */
  167. spinbutton > button {
  168. box-shadow: none;
  169. }
  170.  
  171. /**********
  172. * Dialog *
  173. **********/
  174.  
  175. /* remove borders from window controls */
  176. window.dialog.csd headerbar windowcontrols button.close {
  177. box-shadow: none;
  178. }
  179.  
  180. /* remove borders from message dialog buttons */
  181. window.dialog.message.csd .dialog-action-area button {
  182. box-shadow: none;
  183. }
  184.  
  185. /************
  186. * Treeview *
  187. ************/
  188.  
  189. treeview.view header > button {
  190. box-shadow: none;
  191. }
  192.  
  193. /****************
  194. * Split Button *
  195. ****************/
  196.  
  197. splitbutton button {
  198. box-shadow: none;
  199. }
  200.  
  201. splitbutton {
  202. box-shadow: 0 0 0 1px alpha(@view_fg_color, 0.10) inset;
  203. }
  204.  
  205. splitbutton.flat {
  206. box-shadow: none;
  207. }
  208.  
  209. /***********
  210. * Toolbar *
  211. ***********/
  212.  
  213. .horizontal.osd.toolbar button {
  214. box-shadow: none;
  215. }
  216.  
  217. /***************
  218. * Card Button *
  219. ***************/
  220.  
  221. button.card {
  222. box-shadow: 0 0 0 1px rgba(0,0,0,0.03), 0 1px 3px 1px rgba(0,0,0,0.07), 0 2px 6px 2px rgba(0,0,0,0.03);
  223. }
  224.  
  225. /***************
  226. * Grid Button *
  227. ***************/
  228.  
  229. grid button.background-preview-button.toggle {
  230. box-shadow: none;
  231. }
  232.  
  233. grid button.background-preview-button.toggle:checked {
  234. box-shadow: 0 0 0 3px @accent_color;
  235. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement