* Button mixin- creates 3d-ish button effect with correct
* highlights/shadows, based on a base color.
*/
-html {
+body {
background: #f1f1f1;
}
.wp-core-ui .button-primary {
background: #dd823b;
border-color: #c36922 #ad5d1e #ad5d1e;
- color: white;
+ color: #fff;
-webkit-box-shadow: 0 1px 0 #ad5d1e;
box-shadow: 0 1px 0 #ad5d1e;
text-shadow: 0 -1px 1px #ad5d1e, 1px 0 1px #ad5d1e, 0 1px 1px #ad5d1e, -1px 0 1px #ad5d1e;
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
background: #df8a48;
border-color: #ad5d1e;
- color: white;
+ color: #fff;
-webkit-box-shadow: 0 1px 0 #ad5d1e;
box-shadow: 0 1px 0 #ad5d1e;
}
}
/* Admin Menu: collapse button */
-#collapse-menu {
+#collapse-button {
color: #f3f1f1;
}
-#collapse-menu:hover {
- color: #fff;
-}
-
-#collapse-button div:after {
- color: #f3f1f1;
-}
-
-#collapse-menu:hover #collapse-button div:after {
- color: #fff;
+#collapse-button:hover,
+#collapse-button:focus {
+ color: #f7e3d3;
}
/* Admin Bar */
#wpadminbar li:hover .ab-item:before,
#wpadminbar li a:focus .ab-icon:before,
#wpadminbar li .ab-item:focus:before,
+#wpadminbar li .ab-item:focus .ab-icon:before,
#wpadminbar li.hover .ab-icon:before,
#wpadminbar li.hover .ab-item:before,
#wpadminbar li:hover #adminbarsearch:before,
color: #fff;
}
-/* Customize */
-#customize-theme-controls .widget-area-select .selected {
- background-color: #dd823b;
- color: #fff;
-}
-
-#customize-footer-actions .devices button:focus {
- border-bottom-color: #dd823b;
-}
-
/* Responsive Component */
div#wp-responsive-toggle a:before {
color: #f3f1f1;