style-editor.css 3.0 KB

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