style-editor.css 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131
  1. /* stop bootstrap box-sizing resets on dashboard theme names */
  2. .theme-name {
  3. height: auto !important;
  4. }
  5. body {
  6. background: #e9e4dc;
  7. }
  8. #wp-admin-bar-site-name .ab-item::before {
  9. background-image: url(../gwp/img/_gwp_icon.svg) !important;
  10. background: no-repeat;
  11. display: block;
  12. width: 30px;
  13. height: 30px;
  14. content: '' !important;
  15. }
  16. .edit-site-site-icon svg {
  17. display: none !important;
  18. }
  19. .edit-site-site-icon {
  20. background-image: url(../gwp/img/_gwp_icon.svg) !important;
  21. background: no-repeat;
  22. display: block;
  23. width: 30px;
  24. height: 30px;
  25. }
  26. .edit-site-layout__view-mode-toggle.components-button {
  27. transform: scale(0.8);
  28. border-bottom: none;
  29. }
  30. .is-edit-mode .edit-site-site-hub__view-mode-toggle-container {
  31. border-bottom: 1px solid #d3d3d3;
  32. }
  33. .dashicons-admin-media::before {
  34. content: '\f322' !important;
  35. }
  36. #adminmenu,
  37. #adminmenuback,
  38. #adminmenuwrap,
  39. #adminmenuwrap,
  40. #wpadminbar {
  41. background-color: #484c57;
  42. }
  43. #adminbar,
  44. #adminmenu .wp-submenu,
  45. #adminmenu .wp-submenu-wrap,
  46. #adminmenu li.menu-top:hover,
  47. #adminmenu li.opensub {
  48. background-color: #383b44;
  49. }
  50. @media (prefers-color-scheme: dark) {
  51. .editor-post-title__block,
  52. .editor-default-block-appender,
  53. .editor-block-list__block,
  54. .editor-block-list__layout,
  55. .edit-post-editor__list-view-container,
  56. .edit-post-editor__document-overview-panel .edit-post-editor__document-overview-panel__close-button,
  57. .edit-post-editor__document-overview-panel__tab-panel,
  58. .edit-site-layout__header-container,
  59. .edit-post-sidebar__panel-tabs,
  60. .edit-post-header,
  61. .edit-site-layout__content,
  62. .edit-site-sidebar-navigation-screen__title-icon,
  63. .edit-site-editor__list-view-panel-content,
  64. .edit-site-editor__list-view-panel-header,
  65. .edit-site-site-hub__view-mode-toggle-container,
  66. .edit-site-patterns__header,
  67. .entities-saved-states__text-prompt,
  68. .edit-site-sidebar-edit-mode__panel-tabs,
  69. .edit-site-sidebar-navigation-screen__footer,
  70. .edit-site-header-edit-mode,
  71. .edit-site-layout__sidebar,
  72. .edit-site-sidebar__content,
  73. .media-modal-content,
  74. .media-frame-content,
  75. .attachments-browser .media-toolbar,
  76. .media-sidebar,
  77. .document-outline__item-content,
  78. .block-editor__container,
  79. .block-editor-block-toolbar,
  80. .block-editor-inserter__menu,
  81. .block-editor-block-types-list__item-icon,
  82. .block-editor-block-contextual-toolbar,
  83. .block-editor-block-breadcrumb__button,
  84. .block-editor-block-patterns-list,
  85. .block-editor-inserter__patterns-category-panel-header,
  86. .block-editor-inserter__media-dialog,
  87. .block-editor-block-breadcrumb__current,
  88. .interface-interface-skeleton__body,
  89. .interface-interface-skeleton__sidebar,
  90. .interface-complementary-area h2,
  91. .interface-interface-skeleton__footer,
  92. .interface-interface-skeleton__footer .block-editor-block-breadcrumb,
  93. .components-button,
  94. .components-panel,
  95. .components-placeholder,
  96. .components-toolbar-group,
  97. .components-panel__body-title,
  98. .components-menu-group,
  99. .components-popover__content,
  100. .components-button.block-editor-block-types-list__item,
  101. .components-toolbar-group .block-editor-block-toolbar__block-controls,
  102. .components-base-control,
  103. .components-form-token-field__suggestion,
  104. .components-panel__body-toggle.components-button
  105. {
  106. background: #484c57;
  107. background-color: #484c57;
  108. color: rgb(213, 213, 213);
  109. }
  110. .components-button {
  111. color: rgb(213, 213, 213);
  112. }
  113. .components-button.is-secondary {
  114. color: rgb(161, 216, 134);
  115. box-shadow: inset 0 0 0 1px #fff;
  116. }
  117. .components-button.is-tertiary {
  118. color: rgb(161, 216, 134);
  119. }
  120. .block-editor-list-view-leaf .block-editor-list-view-block-select-button:hover {
  121. color: rgb(161, 216, 134);
  122. }
  123. .components-button edit-post-fullscreen-mode-close {
  124. background-color: #484c57;
  125. }
  126. .components-button .edit-site-document-actions__command {
  127. background-color: #cacaca;
  128. }
  129. }