style-editor.css 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182
  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. .components-panel__header li {
  7. margin-top: 16px !important;
  8. }
  9. body {
  10. background: #e9e4dc;
  11. }
  12. :root {
  13. --wp-components-color-accent: #006837;
  14. --wp-admin-theme-color: #e9e4dc;
  15. }
  16. #wp-admin-bar-site-name .ab-item::before {
  17. background-image: url(../gwp/img/_gwp_icon.svg) !important;
  18. background: no-repeat;
  19. display: block;
  20. width: 30px;
  21. height: 30px;
  22. content: '' !important;
  23. }
  24. .edit-site-site-icon svg {
  25. display: none !important;
  26. }
  27. .edit-site-site-icon {
  28. background-image: url(../gwp/img/_gwp_icon.svg) !important;
  29. background: no-repeat;
  30. background-size: 70% !important;
  31. background-position: center !important;
  32. display: block;
  33. width: 30px;
  34. height: 30px;
  35. }
  36. .edit-post-fullscreen-mode-close.components-button {
  37. background-image: url(../gwp/img/_gwp_icon.svg) !important;
  38. background-color: #484c57;
  39. border-bottom: 1px solid #d3d3d3;
  40. background: no-repeat;
  41. background-size: 70% !important;
  42. background-position: center !important;
  43. display: block;
  44. }
  45. .edit-post-fullscreen-mode-close.components-button:before {
  46. content: none !important;
  47. }
  48. .edit-post-fullscreen-mode-close.components-button svg {
  49. display: none !important;
  50. }
  51. .edit-site-layout__view-mode-toggle.components-button {
  52. transform: scale(0.8);
  53. border-bottom: none;
  54. }
  55. .is-edit-mode .edit-site-site-hub__view-mode-toggle-container {
  56. border-bottom: 1px solid #d3d3d3;
  57. }
  58. .dashicons-admin-media::before {
  59. content: '\f322' !important;
  60. }
  61. #adminmenu,
  62. #adminmenuback,
  63. #adminmenuwrap,
  64. #adminmenuwrap,
  65. #wpadminbar {
  66. background-color: #484c57;
  67. }
  68. #adminbar,
  69. #adminmenu .wp-submenu,
  70. #adminmenu .wp-submenu-wrap,
  71. #adminmenu li.menu-top:hover,
  72. #adminmenu li.opensub {
  73. background-color: #383b44;
  74. }
  75. #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 {
  76. background-color: #006837;
  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-layout__content,
  94. .edit-site-sidebar-navigation-screen__title-icon,
  95. .edit-site-editor__list-view-panel-content,
  96. .edit-site-editor__list-view-panel-header,
  97. .edit-site-site-hub__view-mode-toggle-container,
  98. .edit-site-patterns__header,
  99. .edit-site-style-book__tab-panel .components-tab-panel__tabs,
  100. .edit-site-sidebar-edit-mode__panel-tabs,
  101. .edit-site-sidebar-navigation-screen__footer,
  102. .edit-site-header-edit-mode,
  103. .edit-site-layout__actions,
  104. .entities-saved-states__panel-header,
  105. .edit-site-layout__sidebar,
  106. .edit-site-sidebar__content,
  107. .media-modal-content,
  108. .media-frame-content,
  109. .attachments-browser .media-toolbar,
  110. .media-sidebar,
  111. .document-outline__item-content,
  112. .block-editor__container,
  113. .block-editor-block-toolbar,
  114. .block-editor-inserter__menu,
  115. .block-editor-block-types-list__item-icon,
  116. .block-editor-block-contextual-toolbar,
  117. .block-editor-block-breadcrumb__button,
  118. .block-editor-block-patterns-list,
  119. .block-editor-inserter__patterns-category-panel-header,
  120. .block-editor-inserter__quick-inserter-expand,
  121. .block-editor-block-inspector__no-block-tools, .block-editor-block-inspector__no-blocks,
  122. .block-editor-inserter__media-dialog,
  123. .block-editor-block-breadcrumb__current,
  124. .interface-interface-skeleton__body,
  125. .interface-interface-skeleton__sidebar,
  126. .interface-complementary-area,
  127. .interface-complementary-area-header,
  128. .interface-complementary-area h2,
  129. .interface-interface-skeleton__footer,
  130. .interface-interface-skeleton__footer .block-editor-block-breadcrumb,
  131. .entities-saved-states__text-prompt,
  132. .components-button,
  133. .components-panel,
  134. .components-placeholder,
  135. .components-toolbar-group,
  136. .components-panel__body-title,
  137. .components-tab-panel__tabs,
  138. .components-panel__body-toggle,
  139. .components-toggle-group-control,
  140. .components-font-size-picker__controls,
  141. .components-menu-group,
  142. .components-popover__content,
  143. .components-button.block-editor-block-types-list__item,
  144. .components-toolbar-group .block-editor-block-toolbar__block-controls,
  145. .components-base-control,
  146. .components-form-token-field__suggestion,
  147. .components-panel__body-toggle.components-button
  148. {
  149. background: #6f7891;
  150. background-color: #484c57;
  151. color: rgb(213, 213, 213);
  152. }
  153. .edit-site-visual-editor {
  154. background-color: #2a2d36;
  155. }
  156. .edit-site-document-actions__command {
  157. background-color: #cacaca;
  158. }
  159. .components-button {
  160. color: rgb(213, 213, 213);
  161. }
  162. .components-button.is-secondary {
  163. color: rgb(161, 216, 134);
  164. box-shadow: inset 0 0 0 1px #fff;
  165. }
  166. .components-button.is-tertiary {
  167. color: rgb(161, 216, 134);
  168. }
  169. .block-editor-list-view-leaf .block-editor-list-view-block-select-button:hover {
  170. color: rgb(161, 216, 134);
  171. }
  172. .components-button .edit-post-fullscreen-mode-close {
  173. background-color: #484c57;
  174. }
  175. .components-button .edit-site-document-actions__command {
  176. background-color: #cacaca;
  177. }
  178. }