acf-dark.css 8.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321
  1. /*!***************************************************************************************************************************************************************************************************************!*\
  2. !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/advanced-custom-fields-pro/assets/src/sass/acf-dark.scss ***!
  3. \***************************************************************************************************************************************************************************************************************/
  4. /*--------------------------------------------------------------------------------------------
  5. *
  6. * Dark mode
  7. *
  8. * WordPress plugin: https://en-au.wordpress.org/plugins/dark-mode/
  9. * Github Documentation: https://github.com/danieltj27/Dark-Mode/wiki/Help:-Plugin-Compatibility-Guide
  10. *
  11. *--------------------------------------------------------------------------------------------*/
  12. /*---------------------------------------------------------------------------------------------
  13. *
  14. * Global
  15. *
  16. *---------------------------------------------------------------------------------------------*/
  17. .acf-box {
  18. background-color: #32373c;
  19. border-color: #191f25;
  20. color: #bbc8d4;
  21. }
  22. .acf-box .title,
  23. .acf-box .footer {
  24. border-color: #23282d;
  25. }
  26. .acf-box h2 {
  27. color: #bbc8d4;
  28. }
  29. .acf-box table, .acf-box tbody, .acf-box tr {
  30. background: transparent !important;
  31. }
  32. .acf-thead {
  33. color: #bbc8d4;
  34. border-color: #191f25;
  35. }
  36. .acf-tfoot {
  37. background-color: #2d3136;
  38. border-color: #23282d;
  39. }
  40. .acf-table.-clear,
  41. .acf-table.-clear tr {
  42. background: transparent !important;
  43. }
  44. .acf-loading-overlay {
  45. background: rgba(0, 0, 0, 0.5);
  46. }
  47. /*---------------------------------------------------------------------------------------------
  48. *
  49. * Fields
  50. *
  51. *---------------------------------------------------------------------------------------------*/
  52. .acf-fields > .acf-field {
  53. border-color: #23282d;
  54. }
  55. .acf-fields.-left > .acf-field:before {
  56. background: rgba(0, 0, 0, 0.1);
  57. border-color: #23282d;
  58. }
  59. .acf-fields.-border {
  60. background-color: #32373c;
  61. border-color: #191f25;
  62. color: #bbc8d4;
  63. }
  64. .acf-field[data-width] + .acf-field[data-width] {
  65. border-color: #23282d;
  66. }
  67. .acf-input-prepend,
  68. .acf-input-append {
  69. background-color: #32373c;
  70. border-color: #191f25;
  71. color: #bbc8d4;
  72. }
  73. .acf-fields > .acf-tab-wrap {
  74. background-color: #32373c;
  75. border-color: #191f25;
  76. color: #bbc8d4;
  77. }
  78. .acf-fields > .acf-tab-wrap .acf-tab-group {
  79. background-color: #2d3136;
  80. border-color: #23282d;
  81. }
  82. .acf-fields > .acf-tab-wrap .acf-tab-group li a {
  83. background-color: #2d3136;
  84. border-color: #23282d;
  85. }
  86. .acf-fields > .acf-tab-wrap .acf-tab-group li a:hover {
  87. background-color: #2d3136;
  88. border-color: #23282d;
  89. color: #bbc8d4;
  90. }
  91. .acf-fields > .acf-tab-wrap .acf-tab-group li.active a {
  92. background-color: #32373c;
  93. border-color: #191f25;
  94. color: #bbc8d4;
  95. }
  96. .acf-fields.-sidebar:before {
  97. background-color: #2d3136;
  98. border-color: #23282d;
  99. }
  100. .acf-fields.-sidebar.-left:before {
  101. background-color: #2d3136;
  102. border-color: #23282d;
  103. background: #23282d;
  104. }
  105. .acf-fields.-sidebar.-left > .acf-tab-wrap.-left .acf-tab-group li a {
  106. background-color: #2d3136;
  107. border-color: #23282d;
  108. }
  109. .acf-fields.-sidebar.-left > .acf-tab-wrap.-left .acf-tab-group li.active a {
  110. background-color: #2d3136;
  111. border-color: #23282d;
  112. }
  113. .acf-file-uploader .show-if-value {
  114. background-color: #32373c;
  115. border-color: #191f25;
  116. color: #bbc8d4;
  117. }
  118. .acf-file-uploader .show-if-value .file-icon {
  119. background-color: #2d3136;
  120. border-color: #23282d;
  121. }
  122. .acf-oembed {
  123. background-color: #2d3136;
  124. border-color: #23282d;
  125. }
  126. .acf-oembed .title {
  127. background-color: #50626f;
  128. border-color: #191f25;
  129. color: #fff;
  130. }
  131. .acf-gallery {
  132. background-color: #2d3136;
  133. border-color: #23282d;
  134. }
  135. .acf-gallery .acf-gallery-main {
  136. background: #23282d;
  137. }
  138. .acf-gallery .acf-gallery-attachment .margin {
  139. background-color: #2d3136;
  140. border-color: #23282d;
  141. }
  142. .acf-gallery .acf-gallery-side {
  143. background-color: #2d3136;
  144. border-color: #23282d;
  145. }
  146. .acf-gallery .acf-gallery-side .acf-gallery-side-info {
  147. background-color: #2d3136;
  148. border-color: #23282d;
  149. }
  150. .acf-gallery .acf-gallery-toolbar {
  151. background-color: #2d3136;
  152. border-color: #23282d;
  153. }
  154. .acf-button-group label:not(.selected) {
  155. background-color: #2d3136;
  156. border-color: #23282d;
  157. }
  158. .acf-switch:not(.-on) {
  159. background-color: #2d3136;
  160. border-color: #23282d;
  161. }
  162. .acf-switch:not(.-on) .acf-switch-slider {
  163. background-color: #50626f;
  164. border-color: #191f25;
  165. color: #fff;
  166. }
  167. .acf-link .link-wrap {
  168. background-color: #2d3136;
  169. border-color: #23282d;
  170. }
  171. .acf-relationship .filters {
  172. background-color: #32373c;
  173. border-color: #191f25;
  174. color: #bbc8d4;
  175. }
  176. .acf-relationship .selection {
  177. background-color: #2d3136;
  178. border-color: #23282d;
  179. }
  180. .acf-relationship .selection .choices,
  181. .acf-relationship .selection .choices-list,
  182. .acf-relationship .selection .values {
  183. background-color: #2d3136;
  184. border-color: #23282d;
  185. }
  186. .acf-taxonomy-field .categorychecklist-holder {
  187. background-color: #2d3136;
  188. border-color: #23282d;
  189. }
  190. .acf-google-map {
  191. background-color: #2d3136;
  192. border-color: #23282d;
  193. }
  194. .acf-google-map .title {
  195. background-color: #50626f;
  196. border-color: #191f25;
  197. color: #fff;
  198. }
  199. .acf-accordion {
  200. background-color: #32373c;
  201. border-color: #191f25;
  202. color: #bbc8d4;
  203. }
  204. .acf-field.acf-accordion .acf-accordion-content > .acf-fields {
  205. border-color: #191f25;
  206. }
  207. .acf-flexible-content .layout {
  208. background-color: #32373c;
  209. border-color: #191f25;
  210. color: #bbc8d4;
  211. }
  212. .acf-flexible-content .layout .acf-fc-layout-handle {
  213. background-color: #2d3136;
  214. border-color: #23282d;
  215. }
  216. .acf-flexible-content .layout .acf-fc-layout-handle .acf-fc-layout-order {
  217. background-color: #32373c;
  218. border-color: #191f25;
  219. color: #bbc8d4;
  220. }
  221. #wpbody .acf-table {
  222. background-color: #2d3136;
  223. border-color: #23282d;
  224. }
  225. #wpbody .acf-table > tbody > tr,
  226. #wpbody .acf-table > thead > tr {
  227. background: transparent;
  228. }
  229. #wpbody .acf-table > tbody > tr > td,
  230. #wpbody .acf-table > tbody > tr > th,
  231. #wpbody .acf-table > thead > tr > td,
  232. #wpbody .acf-table > thead > tr > th {
  233. border-color: #191f25;
  234. }
  235. .acf-field select optgroup, .acf-field select optgroup:nth-child(2n) {
  236. background: #50626f;
  237. }
  238. /*---------------------------------------------------------------------------------------------
  239. *
  240. * Field Group
  241. *
  242. *---------------------------------------------------------------------------------------------*/
  243. #acf-field-group-fields .acf-field-list-wrap {
  244. background-color: #32373c;
  245. border-color: #191f25;
  246. color: #bbc8d4;
  247. }
  248. #acf-field-group-fields .acf-field-list .no-fields-message {
  249. background-color: #32373c;
  250. border-color: #191f25;
  251. color: #bbc8d4;
  252. }
  253. #acf-field-group-fields .acf-field-object {
  254. background-color: #32373c;
  255. border-color: #191f25;
  256. color: #bbc8d4;
  257. border-color: #23282d;
  258. }
  259. #acf-field-group-fields .acf-field-object table, #acf-field-group-fields .acf-field-object tbody, #acf-field-group-fields .acf-field-object tr, #acf-field-group-fields .acf-field-object td, #acf-field-group-fields .acf-field-object th {
  260. background: transparent;
  261. border-color: #23282d;
  262. }
  263. #acf-field-group-fields .acf-field-object .acf-field .acf-label {
  264. background-color: #2d3136;
  265. border-color: #23282d;
  266. }
  267. #acf-field-group-fields .acf-field-object.ui-sortable-helper {
  268. border-color: #191f25;
  269. box-shadow: none;
  270. }
  271. #acf-field-group-fields .acf-field-object.ui-sortable-placeholder {
  272. background-color: #2d3136;
  273. border-color: #23282d;
  274. box-shadow: none;
  275. }
  276. #acf-field-group-fields .acf-field-object + .acf-field-object-tab::before,
  277. #acf-field-group-fields .acf-field-object + .acf-field-object-accordion::before {
  278. background-color: #2d3136;
  279. border-color: #23282d;
  280. }
  281. /*---------------------------------------------------------------------------------------------
  282. *
  283. * Admin: Tools
  284. *
  285. *---------------------------------------------------------------------------------------------*/
  286. .acf-meta-box-wrap .acf-fields {
  287. background-color: #50626f;
  288. border-color: #191f25;
  289. color: #fff;
  290. background: transparent;
  291. }
  292. /*# sourceMappingURL=acf-dark.css.map*/