| changeset 19 | 3d72ae0968f4 |
| parent 18 | be944660c56a |
| child 21 | 48c4eec2b7e6 |
| 18:be944660c56a | 19:3d72ae0968f4 |
|---|---|
39 /** |
39 /** |
40 * React Native specific. |
40 * React Native specific. |
41 * These variables do not appear to be used anywhere else. |
41 * These variables do not appear to be used anywhere else. |
42 */ |
42 */ |
43 /** |
43 /** |
44 * Converts a hex value into the rgb equivalent. |
|
45 * |
|
46 * @param {string} hex - the hexadecimal value to convert |
|
47 * @return {string} comma separated rgb values |
|
48 */ |
|
49 /** |
|
44 * Breakpoint mixins |
50 * Breakpoint mixins |
45 */ |
51 */ |
46 /** |
52 /** |
47 * Long content fade mixin |
53 * Long content fade mixin |
48 * |
54 * |
68 /** |
74 /** |
69 * Reset the WP Admin page styles for Gutenberg-like pages. |
75 * Reset the WP Admin page styles for Gutenberg-like pages. |
70 */ |
76 */ |
71 :root { |
77 :root { |
72 --wp-admin-theme-color: #007cba; |
78 --wp-admin-theme-color: #007cba; |
79 --wp-admin-theme-color--rgb: 0, 124, 186; |
|
73 --wp-admin-theme-color-darker-10: #006ba1; |
80 --wp-admin-theme-color-darker-10: #006ba1; |
81 --wp-admin-theme-color-darker-10--rgb: 0, 107, 161; |
|
74 --wp-admin-theme-color-darker-20: #005a87; |
82 --wp-admin-theme-color-darker-20: #005a87; |
83 --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; |
|
75 --wp-admin-border-width-focus: 2px; |
84 --wp-admin-border-width-focus: 2px; |
76 } |
85 } |
77 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
86 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
78 :root { |
87 :root { |
79 --wp-admin-border-width-focus: 1.5px; |
88 --wp-admin-border-width-focus: 1.5px; |
111 .interface-complementary-area-header .components-button.has-icon { |
120 .interface-complementary-area-header .components-button.has-icon { |
112 display: flex; |
121 display: flex; |
113 } |
122 } |
114 } |
123 } |
115 |
124 |
125 @media (min-width: 782px) { |
|
126 .components-panel__header + .interface-complementary-area-header { |
|
127 margin-top: 0; |
|
128 } |
|
129 } |
|
130 |
|
116 .interface-complementary-area { |
131 .interface-complementary-area { |
117 background: #fff; |
132 background: #fff; |
118 color: #1e1e1e; |
133 color: #1e1e1e; |
119 } |
134 } |
120 @media (min-width: 600px) { |
135 @media (min-width: 600px) { |
146 } |
161 } |
147 } |
162 } |
148 .interface-complementary-area p { |
163 .interface-complementary-area p { |
149 margin-top: 0; |
164 margin-top: 0; |
150 } |
165 } |
151 .interface-complementary-area h2, |
166 .interface-complementary-area h2 { |
167 font-size: 13px; |
|
168 color: #1e1e1e; |
|
169 margin-bottom: 1.5em; |
|
170 } |
|
152 .interface-complementary-area h3 { |
171 .interface-complementary-area h3 { |
153 font-size: 13px; |
172 font-size: 11px; |
173 text-transform: uppercase; |
|
174 font-weight: 500; |
|
154 color: #1e1e1e; |
175 color: #1e1e1e; |
155 margin-bottom: 1.5em; |
176 margin-bottom: 1.5em; |
156 } |
177 } |
157 .interface-complementary-area hr { |
178 .interface-complementary-area hr { |
158 border-top: none; |
179 border-top: none; |
372 .interface-interface-skeleton__actions:focus { |
393 .interface-interface-skeleton__actions:focus { |
373 top: auto; |
394 top: auto; |
374 bottom: 0; |
395 bottom: 0; |
375 } |
396 } |
376 |
397 |
398 .interface-more-menu-dropdown { |
|
399 margin-left: -4px; |
|
400 } |
|
401 .interface-more-menu-dropdown .components-button { |
|
402 width: auto; |
|
403 padding: 0 2px; |
|
404 } |
|
405 @media (min-width: 600px) { |
|
406 .interface-more-menu-dropdown { |
|
407 margin-left: 0; |
|
408 } |
|
409 .interface-more-menu-dropdown .components-button { |
|
410 padding: 0 4px; |
|
411 } |
|
412 } |
|
413 |
|
414 .interface-more-menu-dropdown__content .components-popover__content { |
|
415 min-width: 280px; |
|
416 } |
|
417 @media (min-width: 480px) { |
|
418 .interface-more-menu-dropdown__content .components-popover__content { |
|
419 width: auto; |
|
420 max-width: 480px; |
|
421 } |
|
422 } |
|
423 .interface-more-menu-dropdown__content .components-popover__content .components-dropdown-menu__menu { |
|
424 padding: 0; |
|
425 } |
|
426 |
|
427 .components-popover.interface-more-menu-dropdown__content { |
|
428 z-index: 99998; |
|
429 } |
|
430 |
|
377 .interface-pinned-items { |
431 .interface-pinned-items { |
378 display: flex; |
432 display: flex; |
379 } |
433 } |
380 .interface-pinned-items .components-button:not(:first-child) { |
434 .interface-pinned-items .components-button:not(:first-child) { |
381 display: none; |
435 display: none; |
389 margin-left: 4px; |
443 margin-left: 4px; |
390 } |
444 } |
391 .interface-pinned-items .components-button svg { |
445 .interface-pinned-items .components-button svg { |
392 max-width: 24px; |
446 max-width: 24px; |
393 max-height: 24px; |
447 max-height: 24px; |
448 } |
|
449 |
|
450 @media (min-width: 600px) { |
|
451 .interface-preferences-modal { |
|
452 width: calc(100% - 32px); |
|
453 height: calc(100% - 120px); |
|
454 } |
|
455 } |
|
456 @media (min-width: 782px) { |
|
457 .interface-preferences-modal { |
|
458 width: 750px; |
|
459 } |
|
460 } |
|
461 @media (min-width: 960px) { |
|
462 .interface-preferences-modal { |
|
463 height: 70%; |
|
464 } |
|
465 } |
|
466 @media (max-width: 781px) { |
|
467 .interface-preferences-modal .components-modal__content { |
|
468 padding: 0; |
|
469 } |
|
470 .interface-preferences-modal .components-modal__content::before { |
|
471 content: none; |
|
472 } |
|
473 } |
|
474 |
|
475 .interface-preferences__tabs .components-tab-panel__tabs { |
|
476 position: absolute; |
|
477 top: 84px; |
|
478 left: 16px; |
|
479 width: 160px; |
|
480 } |
|
481 .interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item { |
|
482 border-radius: 2px; |
|
483 font-weight: 400; |
|
484 } |
|
485 .interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active { |
|
486 background: #f0f0f0; |
|
487 box-shadow: none; |
|
488 font-weight: 500; |
|
489 } |
|
490 .interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus:not(:disabled) { |
|
491 box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
|
492 } |
|
493 .interface-preferences__tabs .components-tab-panel__tab-content { |
|
494 padding-left: 24px; |
|
495 margin-left: 160px; |
|
496 } |
|
497 |
|
498 @media (max-width: 781px) { |
|
499 .interface-preferences__provider { |
|
500 height: 100%; |
|
501 } |
|
502 } |
|
503 .interface-preferences-modal__section { |
|
504 margin: 0 0 2.5rem 0; |
|
505 } |
|
506 .interface-preferences-modal__section:last-child { |
|
507 margin: 0; |
|
508 } |
|
509 |
|
510 .interface-preferences-modal__section-title { |
|
511 font-size: 0.9rem; |
|
512 font-weight: 600; |
|
513 margin-top: 0; |
|
514 } |
|
515 |
|
516 .interface-preferences-modal__section-description { |
|
517 margin: -8px 0 8px 0; |
|
518 font-size: 12px; |
|
519 font-style: normal; |
|
520 color: #757575; |
|
521 } |
|
522 |
|
523 .interface-preferences-modal__option .components-base-control .components-base-control__field { |
|
524 align-items: center; |
|
525 display: flex; |
|
526 margin-bottom: 0; |
|
527 } |
|
528 .interface-preferences-modal__option .components-base-control .components-base-control__field > label { |
|
529 flex-grow: 1; |
|
530 padding: 0.6rem 0 0.6rem 10px; |
|
531 } |
|
532 .interface-preferences-modal__option .components-base-control__help { |
|
533 margin: -8px 0 8px 58px; |
|
534 font-size: 12px; |
|
535 font-style: normal; |
|
536 color: #757575; |
|
394 } |
537 } |
395 |
538 |
396 .wp-block[data-type="core/widget-area"] { |
539 .wp-block[data-type="core/widget-area"] { |
397 max-width: 700px; |
540 max-width: 700px; |
398 margin-left: auto; |
541 margin-left: auto; |
410 .wp-block[data-type="core/widget-area"] .components-panel__body > .components-panel__body-title:hover { |
553 .wp-block[data-type="core/widget-area"] .components-panel__body > .components-panel__body-title:hover { |
411 background: #fff; |
554 background: #fff; |
412 } |
555 } |
413 .wp-block[data-type="core/widget-area"] .block-list-appender.wp-block { |
556 .wp-block[data-type="core/widget-area"] .block-list-appender.wp-block { |
414 width: initial; |
557 width: initial; |
558 position: relative; |
|
415 } |
559 } |
416 .wp-block[data-type="core/widget-area"] .editor-styles-wrapper .wp-block.wp-block.wp-block.wp-block.wp-block { |
560 .wp-block[data-type="core/widget-area"] .editor-styles-wrapper .wp-block.wp-block.wp-block.wp-block.wp-block { |
417 max-width: 100%; |
561 max-width: 100%; |
418 } |
562 } |
419 .wp-block[data-type="core/widget-area"] .components-panel__body.is-opened { |
563 .wp-block[data-type="core/widget-area"] .components-panel__body.is-opened { |
490 } |
634 } |
491 |
635 |
492 .edit-widgets-header-toolbar { |
636 .edit-widgets-header-toolbar { |
493 border: none; |
637 border: none; |
494 } |
638 } |
495 .edit-widgets-header-toolbar > .components-button.has-icon, |
639 .edit-widgets-header-toolbar > .components-button.has-icon.has-icon.has-icon, |
496 .edit-widgets-header-toolbar > .components-dropdown > .components-button.has-icon { |
640 .edit-widgets-header-toolbar > .components-dropdown > .components-button.has-icon.has-icon { |
497 height: 36px; |
641 height: 36px; |
498 min-width: 36px; |
642 min-width: 36px; |
499 padding: 6px; |
643 padding: 6px; |
500 } |
644 } |
501 .edit-widgets-header-toolbar > .components-button.has-icon.is-pressed, |
645 .edit-widgets-header-toolbar > .components-button.has-icon.has-icon.has-icon.is-pressed, |
502 .edit-widgets-header-toolbar > .components-dropdown > .components-button.has-icon.is-pressed { |
646 .edit-widgets-header-toolbar > .components-dropdown > .components-button.has-icon.has-icon.is-pressed { |
503 background: #1e1e1e; |
647 background: #1e1e1e; |
504 } |
648 } |
505 .edit-widgets-header-toolbar > .components-button.has-icon:focus:not(:disabled), |
649 .edit-widgets-header-toolbar > .components-button.has-icon.has-icon.has-icon:focus:not(:disabled), |
506 .edit-widgets-header-toolbar > .components-dropdown > .components-button.has-icon:focus:not(:disabled) { |
650 .edit-widgets-header-toolbar > .components-dropdown > .components-button.has-icon.has-icon:focus:not(:disabled) { |
507 box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 1px #fff; |
651 box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 1px #fff; |
508 outline: 1px solid transparent; |
652 outline: 1px solid transparent; |
509 } |
653 } |
510 .edit-widgets-header-toolbar > .components-button.has-icon::before, |
654 .edit-widgets-header-toolbar > .components-button.has-icon.has-icon.has-icon::before, |
511 .edit-widgets-header-toolbar > .components-dropdown > .components-button.has-icon::before { |
655 .edit-widgets-header-toolbar > .components-dropdown > .components-button.has-icon.has-icon::before { |
512 display: none; |
656 display: none; |
513 } |
657 } |
514 |
658 |
515 .edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle { |
659 .edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle { |
516 padding-left: 8px; |
660 padding-left: 8px; |
522 padding-right: 12px; |
666 padding-right: 12px; |
523 } |
667 } |
524 } |
668 } |
525 .edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle::after { |
669 .edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle::after { |
526 content: none; |
670 content: none; |
671 } |
|
672 .edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle svg { |
|
673 transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; |
|
674 } |
|
675 @media (prefers-reduced-motion: reduce) { |
|
676 .edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle svg { |
|
677 transition-duration: 0s; |
|
678 transition-delay: 0s; |
|
679 } |
|
680 } |
|
681 .edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle.is-pressed svg { |
|
682 transform: rotate(45deg); |
|
527 } |
683 } |
528 |
684 |
529 .edit-widgets-keyboard-shortcut-help-modal__section { |
685 .edit-widgets-keyboard-shortcut-help-modal__section { |
530 margin: 0 0 2rem 0; |
686 margin: 0 0 2rem 0; |
531 } |
687 } |
573 border-radius: 8%; |
729 border-radius: 8%; |
574 margin: 0 0.2rem 0 0.2rem; |
730 margin: 0 0.2rem 0 0.2rem; |
575 } |
731 } |
576 .edit-widgets-keyboard-shortcut-help-modal__shortcut-key:last-child { |
732 .edit-widgets-keyboard-shortcut-help-modal__shortcut-key:last-child { |
577 margin: 0 0 0 0.2rem; |
733 margin: 0 0 0 0.2rem; |
578 } |
|
579 |
|
580 .edit-widgets-more-menu { |
|
581 margin-left: -4px; |
|
582 } |
|
583 .edit-widgets-more-menu .components-button { |
|
584 width: auto; |
|
585 padding: 0 2px; |
|
586 } |
|
587 @media (min-width: 600px) { |
|
588 .edit-widgets-more-menu { |
|
589 margin-left: 0; |
|
590 } |
|
591 .edit-widgets-more-menu .components-button { |
|
592 padding: 0 4px; |
|
593 } |
|
594 } |
|
595 |
|
596 .edit-widgets-more-menu__content .components-popover__content { |
|
597 min-width: 280px; |
|
598 } |
|
599 @media (min-width: 480px) { |
|
600 .edit-widgets-more-menu__content .components-popover__content { |
|
601 width: auto; |
|
602 max-width: 480px; |
|
603 } |
|
604 } |
|
605 .edit-widgets-more-menu__content .components-popover__content .components-dropdown-menu__menu { |
|
606 padding: 0; |
|
607 } |
|
608 |
|
609 .components-popover.edit-widgets-more-menu__content { |
|
610 z-index: 99998; |
|
611 } |
734 } |
612 |
735 |
613 .components-panel__header.edit-widgets-sidebar__panel-tabs { |
736 .components-panel__header.edit-widgets-sidebar__panel-tabs { |
614 justify-content: flex-start; |
737 justify-content: flex-start; |
615 padding-left: 0; |
738 padding-left: 0; |
756 padding-top: 8px; |
879 padding-top: 8px; |
757 padding-right: 8px; |
880 padding-right: 8px; |
758 display: flex; |
881 display: flex; |
759 justify-content: flex-end; |
882 justify-content: flex-end; |
760 } |
883 } |
761 @media (min-width: 782px) { |
|
762 .edit-widgets-layout__inserter-panel-header { |
|
763 display: none; |
|
764 } |
|
765 } |
|
766 |
884 |
767 .edit-widgets-layout__inserter-panel-content { |
885 .edit-widgets-layout__inserter-panel-content { |
768 height: calc(100% - 36px - 8px); |
886 height: calc(100% - 36px - 8px); |
769 } |
887 } |
770 @media (min-width: 782px) { |
888 @media (min-width: 782px) { |
777 width: 312px; |
895 width: 312px; |
778 } |
896 } |
779 .edit-widgets-welcome-guide__image { |
897 .edit-widgets-welcome-guide__image { |
780 background: #00a0d2; |
898 background: #00a0d2; |
781 margin: 0 0 16px; |
899 margin: 0 0 16px; |
900 } |
|
901 .edit-widgets-welcome-guide__image > img { |
|
902 display: block; |
|
903 max-width: 100%; |
|
904 -o-object-fit: cover; |
|
905 object-fit: cover; |
|
782 } |
906 } |
783 .edit-widgets-welcome-guide__heading { |
907 .edit-widgets-welcome-guide__heading { |
784 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
908 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
785 font-size: 24px; |
909 font-size: 24px; |
786 line-height: 1.4; |
910 line-height: 1.4; |
819 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
943 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
820 font-size: 13px; |
944 font-size: 13px; |
821 } |
945 } |
822 .edit-widgets-block-editor .components-button.is-tertiary, .edit-widgets-block-editor .components-button.has-icon { |
946 .edit-widgets-block-editor .components-button.is-tertiary, .edit-widgets-block-editor .components-button.has-icon { |
823 padding: 6px; |
947 padding: 6px; |
948 } |
|
949 |
|
950 .edit-widgets-editor__list-view-panel { |
|
951 height: 100%; |
|
952 display: flex; |
|
953 flex-direction: column; |
|
954 min-width: 350px; |
|
955 } |
|
956 |
|
957 .edit-widgets-editor__list-view-panel-content { |
|
958 height: calc(100% - 36px - 8px); |
|
959 overflow-y: auto; |
|
960 padding: 8px; |
|
961 } |
|
962 |
|
963 .edit-widgets-editor__list-view-panel-header { |
|
964 align-items: center; |
|
965 border-bottom: 1px solid #ddd; |
|
966 display: flex; |
|
967 justify-content: space-between; |
|
968 height: 48px; |
|
969 padding-left: 16px; |
|
970 padding-right: 4px; |
|
824 } |
971 } |
825 |
972 |
826 html.wp-toolbar { |
973 html.wp-toolbar { |
827 background: #fff; |
974 background: #fff; |
828 } |
975 } |
911 display: none !important; |
1058 display: none !important; |
912 } |
1059 } |
913 |
1060 |
914 body.admin-color-light { |
1061 body.admin-color-light { |
915 --wp-admin-theme-color: #0085ba; |
1062 --wp-admin-theme-color: #0085ba; |
1063 --wp-admin-theme-color--rgb: 0, 133, 186; |
|
916 --wp-admin-theme-color-darker-10: #0073a1; |
1064 --wp-admin-theme-color-darker-10: #0073a1; |
1065 --wp-admin-theme-color-darker-10--rgb: 0, 115, 161; |
|
917 --wp-admin-theme-color-darker-20: #006187; |
1066 --wp-admin-theme-color-darker-20: #006187; |
1067 --wp-admin-theme-color-darker-20--rgb: 0, 97, 135; |
|
918 --wp-admin-border-width-focus: 2px; |
1068 --wp-admin-border-width-focus: 2px; |
919 } |
1069 } |
920 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
1070 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
921 body.admin-color-light { |
1071 body.admin-color-light { |
922 --wp-admin-border-width-focus: 1.5px; |
1072 --wp-admin-border-width-focus: 1.5px; |
923 } |
1073 } |
924 } |
1074 } |
925 |
1075 |
926 body.admin-color-modern { |
1076 body.admin-color-modern { |
927 --wp-admin-theme-color: #3858e9; |
1077 --wp-admin-theme-color: #3858e9; |
1078 --wp-admin-theme-color--rgb: 56, 88, 233; |
|
928 --wp-admin-theme-color-darker-10: #2145e6; |
1079 --wp-admin-theme-color-darker-10: #2145e6; |
1080 --wp-admin-theme-color-darker-10--rgb: 33, 69, 230; |
|
929 --wp-admin-theme-color-darker-20: #183ad6; |
1081 --wp-admin-theme-color-darker-20: #183ad6; |
1082 --wp-admin-theme-color-darker-20--rgb: 24, 58, 214; |
|
930 --wp-admin-border-width-focus: 2px; |
1083 --wp-admin-border-width-focus: 2px; |
931 } |
1084 } |
932 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
1085 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
933 body.admin-color-modern { |
1086 body.admin-color-modern { |
934 --wp-admin-border-width-focus: 1.5px; |
1087 --wp-admin-border-width-focus: 1.5px; |
935 } |
1088 } |
936 } |
1089 } |
937 |
1090 |
938 body.admin-color-blue { |
1091 body.admin-color-blue { |
939 --wp-admin-theme-color: #096484; |
1092 --wp-admin-theme-color: #096484; |
1093 --wp-admin-theme-color--rgb: 9, 100, 132; |
|
940 --wp-admin-theme-color-darker-10: #07526c; |
1094 --wp-admin-theme-color-darker-10: #07526c; |
1095 --wp-admin-theme-color-darker-10--rgb: 7, 82, 108; |
|
941 --wp-admin-theme-color-darker-20: #064054; |
1096 --wp-admin-theme-color-darker-20: #064054; |
1097 --wp-admin-theme-color-darker-20--rgb: 6, 64, 84; |
|
942 --wp-admin-border-width-focus: 2px; |
1098 --wp-admin-border-width-focus: 2px; |
943 } |
1099 } |
944 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
1100 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
945 body.admin-color-blue { |
1101 body.admin-color-blue { |
946 --wp-admin-border-width-focus: 1.5px; |
1102 --wp-admin-border-width-focus: 1.5px; |
947 } |
1103 } |
948 } |
1104 } |
949 |
1105 |
950 body.admin-color-coffee { |
1106 body.admin-color-coffee { |
951 --wp-admin-theme-color: #46403c; |
1107 --wp-admin-theme-color: #46403c; |
1108 --wp-admin-theme-color--rgb: 70, 64, 60; |
|
952 --wp-admin-theme-color-darker-10: #383330; |
1109 --wp-admin-theme-color-darker-10: #383330; |
1110 --wp-admin-theme-color-darker-10--rgb: 56, 51, 48; |
|
953 --wp-admin-theme-color-darker-20: #2b2724; |
1111 --wp-admin-theme-color-darker-20: #2b2724; |
1112 --wp-admin-theme-color-darker-20--rgb: 43, 39, 36; |
|
954 --wp-admin-border-width-focus: 2px; |
1113 --wp-admin-border-width-focus: 2px; |
955 } |
1114 } |
956 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
1115 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
957 body.admin-color-coffee { |
1116 body.admin-color-coffee { |
958 --wp-admin-border-width-focus: 1.5px; |
1117 --wp-admin-border-width-focus: 1.5px; |
959 } |
1118 } |
960 } |
1119 } |
961 |
1120 |
962 body.admin-color-ectoplasm { |
1121 body.admin-color-ectoplasm { |
963 --wp-admin-theme-color: #523f6d; |
1122 --wp-admin-theme-color: #523f6d; |
1123 --wp-admin-theme-color--rgb: 82, 63, 109; |
|
964 --wp-admin-theme-color-darker-10: #46365d; |
1124 --wp-admin-theme-color-darker-10: #46365d; |
1125 --wp-admin-theme-color-darker-10--rgb: 70, 54, 93; |
|
965 --wp-admin-theme-color-darker-20: #3a2c4d; |
1126 --wp-admin-theme-color-darker-20: #3a2c4d; |
1127 --wp-admin-theme-color-darker-20--rgb: 58, 44, 77; |
|
966 --wp-admin-border-width-focus: 2px; |
1128 --wp-admin-border-width-focus: 2px; |
967 } |
1129 } |
968 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
1130 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
969 body.admin-color-ectoplasm { |
1131 body.admin-color-ectoplasm { |
970 --wp-admin-border-width-focus: 1.5px; |
1132 --wp-admin-border-width-focus: 1.5px; |
971 } |
1133 } |
972 } |
1134 } |
973 |
1135 |
974 body.admin-color-midnight { |
1136 body.admin-color-midnight { |
975 --wp-admin-theme-color: #e14d43; |
1137 --wp-admin-theme-color: #e14d43; |
1138 --wp-admin-theme-color--rgb: 225, 77, 67; |
|
976 --wp-admin-theme-color-darker-10: #dd382d; |
1139 --wp-admin-theme-color-darker-10: #dd382d; |
1140 --wp-admin-theme-color-darker-10--rgb: 221, 56, 45; |
|
977 --wp-admin-theme-color-darker-20: #d02c21; |
1141 --wp-admin-theme-color-darker-20: #d02c21; |
1142 --wp-admin-theme-color-darker-20--rgb: 208, 44, 33; |
|
978 --wp-admin-border-width-focus: 2px; |
1143 --wp-admin-border-width-focus: 2px; |
979 } |
1144 } |
980 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
1145 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
981 body.admin-color-midnight { |
1146 body.admin-color-midnight { |
982 --wp-admin-border-width-focus: 1.5px; |
1147 --wp-admin-border-width-focus: 1.5px; |
983 } |
1148 } |
984 } |
1149 } |
985 |
1150 |
986 body.admin-color-ocean { |
1151 body.admin-color-ocean { |
987 --wp-admin-theme-color: #627c83; |
1152 --wp-admin-theme-color: #627c83; |
1153 --wp-admin-theme-color--rgb: 98, 124, 131; |
|
988 --wp-admin-theme-color-darker-10: #576e74; |
1154 --wp-admin-theme-color-darker-10: #576e74; |
1155 --wp-admin-theme-color-darker-10--rgb: 87, 110, 116; |
|
989 --wp-admin-theme-color-darker-20: #4c6066; |
1156 --wp-admin-theme-color-darker-20: #4c6066; |
1157 --wp-admin-theme-color-darker-20--rgb: 76, 96, 102; |
|
990 --wp-admin-border-width-focus: 2px; |
1158 --wp-admin-border-width-focus: 2px; |
991 } |
1159 } |
992 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
1160 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
993 body.admin-color-ocean { |
1161 body.admin-color-ocean { |
994 --wp-admin-border-width-focus: 1.5px; |
1162 --wp-admin-border-width-focus: 1.5px; |
995 } |
1163 } |
996 } |
1164 } |
997 |
1165 |
998 body.admin-color-sunrise { |
1166 body.admin-color-sunrise { |
999 --wp-admin-theme-color: #dd823b; |
1167 --wp-admin-theme-color: #dd823b; |
1168 --wp-admin-theme-color--rgb: 221, 130, 59; |
|
1000 --wp-admin-theme-color-darker-10: #d97426; |
1169 --wp-admin-theme-color-darker-10: #d97426; |
1170 --wp-admin-theme-color-darker-10--rgb: 217, 116, 38; |
|
1001 --wp-admin-theme-color-darker-20: #c36922; |
1171 --wp-admin-theme-color-darker-20: #c36922; |
1172 --wp-admin-theme-color-darker-20--rgb: 195, 105, 34; |
|
1002 --wp-admin-border-width-focus: 2px; |
1173 --wp-admin-border-width-focus: 2px; |
1003 } |
1174 } |
1004 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
1175 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
1005 body.admin-color-sunrise { |
1176 body.admin-color-sunrise { |
1006 --wp-admin-border-width-focus: 1.5px; |
1177 --wp-admin-border-width-focus: 1.5px; |