style-editor.css 7.9 KB

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