style-editor.css 8.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267
  1. /* stop bootstrap box-sizing resets on dashboard theme names */
  2. .theme-name {
  3. height: auto !important;
  4. }
  5. /* stop bootstrap 0 margin resets on ul */
  6. body {
  7. background: #e9e4dc;
  8. }
  9. :root {
  10. --wp-components-color-accent: #006837;
  11. --wp-admin-theme-color: #E9E4DC;
  12. }
  13. #wpcontent a {
  14. color: #484c57;
  15. }
  16. a:hover {
  17. color: var(--wp-components-color-accent);
  18. }
  19. .wp-core-ui .button, .wp-core-ui .button-secondary {
  20. color: #484c57;
  21. border-color: #484c57;
  22. background: #f6f7f7;
  23. vertical-align:top
  24. }
  25. .wrap .add-new-h2, .wrap .add-new-h2:active, .wrap .page-title-action, .wrap .page-title-action:active {
  26. border: 1px solid #484c57;
  27. color: #484c57;
  28. }
  29. #wp-admin-bar-site-name .ab-item::before {
  30. background-image: url(../gwp/img/_gwp_icon.svg) !important;
  31. background-position: center !important;
  32. background: no-repeat;
  33. display: block;
  34. width: 25px;
  35. height: 25px;
  36. content: '' !important;
  37. }
  38. .edit-site-site-icon__image {
  39. display: none !important;
  40. }
  41. .edit-site-site-icon svg {
  42. display: none !important;
  43. }
  44. .edit-site-site-icon {
  45. background-image: url(../gwp/img/_gwp_icon.svg) !important;
  46. background: no-repeat;
  47. background-size: 70% !important;
  48. background-position: center !important;
  49. display: block;
  50. width: 25px;
  51. height: 25px;
  52. }
  53. .edit-post-fullscreen-mode-close.components-button {
  54. background-image: url(../gwp/img/_gwp_icon.svg) !important;
  55. background-color: #484c57;
  56. border-bottom: 1px solid #d3d3d3;
  57. background: no-repeat;
  58. background-size: 70% !important;
  59. background-position: center !important;
  60. display: block;
  61. }
  62. .edit-post-fullscreen-mode-close_site-icon {
  63. display: none !important;
  64. }
  65. .edit-post-fullscreen-mode-close.components-button:before {
  66. content: none !important;
  67. }
  68. .edit-post-fullscreen-mode-close.components-button svg {
  69. display: none !important;
  70. }
  71. .edit-site-layout__view-mode-toggle.components-button {
  72. transform: scale(0.8);
  73. border-bottom: none;
  74. }
  75. .is-edit-mode .edit-site-site-hub__view-mode-toggle-container {
  76. border-bottom: 1px solid #d3d3d3;
  77. }
  78. .dashicons-admin-media::before {
  79. content: '\f322' !important;
  80. }
  81. #adminmenu,
  82. #adminmenuback,
  83. #adminmenuwrap,
  84. #adminmenuwrap,
  85. #wpadminbar {
  86. background-color: #484c57;
  87. }
  88. #adminbar,
  89. #adminmenu .wp-submenu,
  90. #adminmenu .wp-submenu-wrap,
  91. #adminmenu li.menu-top:hover,
  92. #adminmenu li.opensub {
  93. background-color: #383b44;
  94. }
  95. #adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head, #adminmenu .wp-menu-arrow, #adminmenu .wp-menu-arrow div, #adminmenu li.current a.menu-top, #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu, #adminmenu li.wp-has-current-submenu:hover, #adminmenu li.wp-has-current-submenu.opensub:hover, #adminmenu li:hover, #adminmenu li.opensub:hover {
  96. background-color: #006837;
  97. }
  98. @media (prefers-color-scheme: dark) {
  99. #wpcontent.wp-admin a {
  100. color: #484c57;
  101. }
  102. #wpcontent.wp-admin a:hover {
  103. color: #006837;
  104. }
  105. }
  106. /***********************************************************
  107. ################## Block Editor Styles #####################
  108. ************************************************************/
  109. @media (prefers-color-scheme: dark) {
  110. .editor-post-title__block,
  111. .editor-post-publish-panel,
  112. .editor-post-publish-panel__header,
  113. .editor-post-publish-panel__content,
  114. .editor-post-publish-panel__footer,
  115. .editor-default-block-appender,
  116. .editor-block-list__block,
  117. .editor-block-list__layout,
  118. .edit-post-editor__list-view-container,
  119. .edit-post-editor__document-overview-panel .edit-post-editor__document-overview-panel__close-button,
  120. .edit-post-editor__document-overview-panel__tab-panel,
  121. .edit-site-layout__header-container,
  122. .edit-post-sidebar__panel-tabs,
  123. .edit-post-header,
  124. .edit-site-page,
  125. .edit-site-page-header,
  126. .edit-site-page-header .components-heading,
  127. .edit-site-layout__content,
  128. .edit-site-sidebar-navigation-screen__title-icon,
  129. .edit-site-editor__list-view-panel-content,
  130. .edit-site-editor__list-view-panel-header,
  131. .edit-site-site-hub__view-mode-toggle-container,
  132. .edit-site-patterns__header,
  133. .edit-site-patterns__pattern-title .edit-site-patterns__pattern-icon,
  134. .edit-site-style-book__tab-panel .components-tab-panel__tabs,
  135. .edit-site-sidebar-edit-mode__panel-tabs,
  136. .edit-site-sidebar-navigation-screen__footer,
  137. .edit-site-header-edit-mode,
  138. .edit-site-layout__actions,
  139. .entities-saved-states__panel-header,
  140. .edit-site-layout__sidebar,
  141. .edit-site-sidebar__content,
  142. .media-modal-content,
  143. .media-frame-content,
  144. .attachments-browser .media-toolbar,
  145. .media-sidebar,
  146. .document-outline__item-content,
  147. .block-editor__container,
  148. .block-editor-block-toolbar,
  149. .block-editor-inserter__menu,
  150. .block-editor-block-types-list__item-icon,
  151. .block-editor-block-contextual-toolbar,
  152. .block-editor-block-breadcrumb__button,
  153. .block-editor-block-patterns-list,
  154. .block-editor-inserter__patterns-category-panel-header,
  155. .block-editor-inserter__quick-inserter-expand,
  156. .block-editor-block-inspector__no-block-tools, .block-editor-block-inspector__no-blocks,
  157. .block-editor-inserter__media-dialog,
  158. .block-editor-block-breadcrumb__current,
  159. .interface-interface-skeleton__body,
  160. .interface-interface-skeleton__sidebar,
  161. .interface-complementary-area,
  162. .interface-complementary-area-header,
  163. .interface-complementary-area h2,
  164. .interface-interface-skeleton__footer,
  165. .interface-interface-skeleton__footer .block-editor-block-breadcrumb,
  166. .entities-saved-states__text-prompt,
  167. .components-button,
  168. .components-panel,
  169. .components-placeholder,
  170. .components-toolbar-group,
  171. .components-panel__body-title,
  172. .components-tab-panel__tabs,
  173. .components-panel__body-toggle,
  174. .components-toggle-group-control,
  175. .components-font-size-picker__controls,
  176. .components-menu-group,
  177. .components-popover__content,
  178. .components-button.block-editor-block-types-list__item,
  179. .components-toolbar-group .block-editor-block-toolbar__block-controls,
  180. .components-base-control,
  181. .components-form-token-field__suggestion,
  182. .components-panel__body-toggle.components-button,
  183. .components-modal__content,
  184. .components-modal__header,
  185. .commands-command-menu__container [cmdk-item]:active,
  186. .commands-command-menu__container [cmdk-item][aria-selected=true]
  187. {
  188. background-color: #484c57;
  189. color: rgb(213, 213, 213);
  190. }
  191. .edit-post-header {
  192. background: #484c57 !important;
  193. }
  194. .block-editor-block-parent-selector__button {
  195. border-color:rgb(213, 213, 213) !important;
  196. }
  197. .block-editor-block-toolbar .components-toolbar,
  198. .block-editor-block-toolbar .components-toolbar-group {
  199. border-color:rgb(213, 213, 213) !important;
  200. border-right-color:rgb(213, 213, 213) !important;
  201. border-left-color: rgb(213, 213, 213) !important;
  202. }
  203. .block-editor-block-contextual-toolbar,
  204. .block-editor-block-toolbar {
  205. border: 1px solid rgb(88, 88, 100) !important;
  206. }
  207. .edit-site-visual-editor {
  208. background-color: #2a2d36;
  209. }
  210. .edit-site-document-actions__command {
  211. background-color: #cacaca;
  212. }
  213. .edit-site-document-actions .edit-site-document-actions__command {
  214. background: #bababa;
  215. }
  216. .edit-site-patterns .edit-site-patterns__search input[type=search],
  217. .edit-site-sidebar-navigation-item.components-item[aria-current] {
  218. background: #2a2d36;
  219. }
  220. .components-button {
  221. color: rgb(213, 213, 213);
  222. }
  223. .components-heading {
  224. color: rgb(213, 213, 213);
  225. }
  226. .components-button.is-secondary {
  227. color: #8fff96;
  228. box-shadow: inset 0 0 0 1px #fff;
  229. }
  230. .components-button.is-tertiary {
  231. color: #8fff96;
  232. }
  233. .block-editor-list-view-leaf .block-editor-list-view-block-select-button:hover {
  234. color: #8fff96;
  235. }
  236. .components-button .edit-post-fullscreen-mode-close {
  237. background-color: #484c57;
  238. }
  239. .components-button .edit-site-document-actions__command {
  240. background-color: #cacaca;
  241. }
  242. .commands-command-menu__header input,
  243. .commands-command-menu__header svg,
  244. .commands-command-menu__container [cmdk-input],
  245. .commands-command-menu__container [cmdk-item] {
  246. background-color: #484c57;
  247. color: rgb(213, 213, 213);
  248. fill: rgb(213, 213, 213);
  249. }
  250. .commands-command-menu__container [cmdk-item] svg {
  251. fill:rgb(213, 213, 213);
  252. }
  253. .block-editor-block-contextual-toolbar,
  254. .block-editor-block-toolbar {
  255. border: 1px solid #484c57 !important;
  256. }
  257. }