Ticket #2583: 2583.diff

src/includes/admin/styles/_admin.scss

@@ -31 +31 @@
 /* Forms */
 
 input[type=checkbox]:checked:before {
-    color: $form-checked;
+        color: $form-checked;
 }
 
 input[type=radio]:checked:before {
-    background: $form-checked;
+        background: $form-checked;
 }
 
 .wp-core-ui input[type="reset"]:hover,
@@ -386 +386 @@
 
 .wp-pointer .wp-pointer-content h3 {
         background-color: $highlight-color;
+        border-color: darken( $highlight-color, 5% );
 }
 
 .wp-pointer .wp-pointer-content h3:before {
@@ -432 +433 @@
         background: $highlight-color;
 }
 
+.theme-section.current,
+.theme-filter.current {
+        border-bottom-color: $menu-background;
+}
+
+body.more-filters-opened .more-filters,
+body.more-filters-opened .more-filters:before {
+        color: $menu-text;
+        background-color: $menu-background;
+}
+
+body.more-filters-opened .more-filters:hover,
+body.more-filters-opened .more-filters:focus,
+body.more-filters-opened .more-filters:hover:before,
+body.more-filters-opened .more-filters:focus:before {
+        background-color: $menu-highlight-background;
+        color: $menu-highlight-text;
+}
+
+/* Widgets */
+
+.widgets-chooser li.widgets-chooser-selected {
+        background-color: $menu-highlight-background;
+        color: $menu-highlight-text;
+}
+
+.widgets-chooser li.widgets-chooser-selected:before,
+.widgets-chooser li.widgets-chooser-selected:focus:before {
+        color: $menu-highlight-text;
+}
+
+/* Customize */
+
+#customize-theme-controls .widget-area-select .selected {
+        background-color: $menu-highlight-background;
+        color: $menu-highlight-text;
+}
+
+
 /* jQuery UI Slider */
 
 .wp-slider .ui-slider-handle,
@@ -439 +479 @@
 .wp-slider .ui-slider-handle.focus {
         background: $button-color;
         border-color: darken( $button-color, 10% );
-        -webkit-box-shadow: inset 0 1px 0 lighten( $button-color, 15% ), 0 1px 0 rgba(0,0,0,.15);
         box-shadow: inset 0 1px 0 lighten( $button-color, 15% ), 0 1px 0 rgba(0,0,0,.15);
 }
 

src/includes/admin/styles/_mixins.scss

@@ -1 +1 @@
 /*
- * Button mixin- creates 3d-ish button effect with correct 
+ * Button mixin- creates 3d-ish button effect with correct
  * highlights/shadows, based on a base color.
  */
 @mixin button( $button-color, $text-color: white ) {
@@ -6 +6 @@
         background: $button-color;
         border-color: darken( $button-color, 10% );
         color: $text-color;
-        -webkit-box-shadow: inset 0 1px 0 lighten( $button-color, 15% ), 0 1px 0 rgba(0,0,0,.15);
         box-shadow: inset 0 1px 0 lighten( $button-color, 15% ), 0 1px 0 rgba(0,0,0,.15);
 
         &:hover,
@@ -14 +13 @@
                 background: darken( $button-color, 5% );
                 border-color: darken( $button-color, 15% );
                 color: $text-color;
-                -webkit-box-shadow: inset 0 1px 0 lighten( $button-color, 10% ), 0 1px 0 rgba(0,0,0,.15);
                 box-shadow: inset 0 1px 0 lighten( $button-color, 10% ), 0 1px 0 rgba(0,0,0,.15);
         }
 
@@ -22 +20 @@
                 background: darken( $button-color, 10% );
                 border-color: darken( $button-color, 15% );
                 color: $text-color;
-                -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
                 box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
         }
 
         &[disabled],
         &:disabled,
-        &.button-primary-disabled {
+        &.button-primary-disabled,
+        &.disabled {
                 color: hsl( hue( $button-color ), 10%, 80% ) !important;
                 background: darken( $button-color, 8% ) !important;
                 border-color: darken( $button-color, 15% ) !important;