style-editor.css 6.5 KB

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