Index: src/wp-admin/css/colors/_admin.scss
===================================================================
--- src/wp-admin/css/colors/_admin.scss	(revision 29446)
+++ src/wp-admin/css/colors/_admin.scss	(working copy)
@@ -492,6 +492,83 @@
 
 /* Customize */
 
+.wp-customizer .wp-full-overlay-sidebar,
+.customize-controls-close,
+.control-panel-back {
+	background: $customize-background;
+	border-right-color: $customize-line-color;
+	color: $customize-background-text;
+}
+
+#customize-controls .accordion-section-content {
+	background: $body-background;
+}
+
+#customize-info .accordion-section-title,
+#customize-theme-controls .accordion-section-title {
+	background: $customize-nav-background;
+	border-color: $customize-line-color;
+	color: $customize-nav-text;
+}
+
+#customize-controls .accordion-section-title:after {
+	color: $customize-nav-text;
+}
+
+#customize-info.open,
+#customize-theme-controls .control-section.open,
+#customize-theme-controls .control-section:last-of-type.open,
+#customize-theme-controls .control-section:last-of-type .accordion-section-title {
+	border-bottom-color: $customize-line-color;
+}
+
+#customize-theme-controls .control-section.open .accordion-section-title {
+	border-bottom-color: $customize-line-color !important;
+}
+
+#customize-info.open .accordion-section-title,
+#customize-info .accordion-section-title:hover,
+#customize-info .accordion-section-title:focus,
+#customize-theme-controls .control-section:hover > .accordion-section-title,
+#customize-theme-controls .control-section .accordion-section-title:hover,
+#customize-theme-controls .control-section.open .accordion-section-title,
+#customize-theme-controls .control-section .accordion-section-title:focus {
+	color: $customize-active-text;
+	background: $customize-active-background;
+}
+
+.js .control-section:hover .accordion-section-title,
+.js .control-section .accordion-section-title:hover,
+.js .control-section.open .accordion-section-title,
+.js .control-section .accordion-section-title:focus {
+	background: $customize-active-background;
+}
+
+#customize-info.open .accordion-section-title:after,
+#customize-info .accordion-section-title:hover:after,
+#customize-info .accordion-section-title:focus:after,
+#customize-theme-controls .control-section:hover > .accordion-section-title:after,
+#customize-theme-controls .control-section .accordion-section-title:hover:after,
+#customize-theme-controls .control-section.open .accordion-section-title:after,
+#customize-theme-controls .control-section .accordion-section-title:focus:after {
+	color: $customize-active-text;
+}
+
+#customize-info,
+.accordion-sub-container.control-panel-content {
+	border-top-color: $customize-line-color;
+}
+
+.control-section.control-panel > h3.accordion-section-title:hover:after,
+.control-section.control-panel > h3.accordion-section-title:focus:after {
+	background: $customize-active-background-alt;
+}
+
+.control-section.control-panel > .accordion-section-title:after {
+	background: $customize-background;
+	border-left-color: $customize-line-color;
+}
+
 #customize-theme-controls .widget-area-select .selected {
 	background-color: $menu-highlight-background;
 	color: $menu-highlight-text;
@@ -505,6 +582,11 @@
 	color: $menu-highlight-text;
 }
 
+.wp-customizer .wp-full-overlay a.collapse-sidebar {
+	color: $customize-background-text;
+}
+
+
 /* jQuery UI Slider */
 
 .wp-slider .ui-slider-handle,
Index: src/wp-admin/css/colors/_variables.scss
===================================================================
--- src/wp-admin/css/colors/_variables.scss	(revision 29446)
+++ src/wp-admin/css/colors/_variables.scss	(working copy)
@@ -56,3 +56,19 @@
 $adminbar-input-background: lighten( $menu-background, 7% ) !default;
 
 $menu-customizer-text: mix( $base-color, $text-color, 40% ) !default;
+
+
+// Customizer
+
+$customize-nav-background: $menu-background !default;
+$customize-nav-text: $text-color !default;
+
+$customize-background: $menu-submenu-background !default;
+$customize-background-text: $menu-submenu-text !default;
+
+$customize-line-color: $customize-nav-background !default;
+
+$customize-active-background: $menu-highlight-background !default;
+$customize-active-background-alt: darken( $menu-highlight-background, %7 ) !default;
+$customize-active-text: $menu-highlight-text !default;
+
Index: src/wp-admin/css/customize-controls.css
===================================================================
--- src/wp-admin/css/customize-controls.css	(revision 29446)
+++ src/wp-admin/css/customize-controls.css	(working copy)
@@ -18,6 +18,10 @@
 	color: #666666;
 }
 
+#customize-controls .accordion-section-content {
+	background: #f1f1f1;
+}
+
 #customize-header-actions .button-primary {
 	float: right;
 	margin-top: 9px;
@@ -39,21 +43,21 @@
 
 #customize-info {
 	border: none;
-	border-top: 1px solid #ddd;
+	border-top: 1px solid #222;
 }
 
 #customize-info .accordion-section-title {
-	background-color: #fff;
-	color: #666666;
+	background-color: #222;
+	color: #eee;
 	border-left: none;
 	border-right: none;
-	border-bottom: 1px solid #eeeeee;
+	border-bottom: 1px solid #222;
 }
 
 #customize-info.open .accordion-section-title:after,
 #customize-info .accordion-section-title:hover:after,
 #customize-info .accordion-section-title:focus:after {
-	color: #555555;
+	color: #fff;
 }
 
 #customize-info .preview-notice {
@@ -83,14 +87,17 @@
 }
 
 #customize-theme-controls .accordion-section-title {
-	color: #555555;
-	background-color: #fff;
-	border-bottom: 1px solid #eeeeee;
+	color: #eee;
+	background-color: #222;
+	border-bottom: 1px solid #222;
 }
 
+#customize-controls .accordion-section-title:after {
+	color: #eee;
+}
+
 #customize-theme-controls .accordion-section-content {
 	color: #555555;
-	background: white;
 }
 
 #customize-info.open .accordion-section-title,
@@ -100,8 +107,8 @@
 #customize-theme-controls .control-section .accordion-section-title:hover,
 #customize-theme-controls .control-section.open .accordion-section-title,
 #customize-theme-controls .control-section .accordion-section-title:focus {
-	color: #555555;
-	background: #f5f5f5;
+	color: #fff;
+	background: #0074a2;
 }
 
 .js .control-section:hover .accordion-section-title,
@@ -108,7 +115,7 @@
 .js .control-section .accordion-section-title:hover,
 .js .control-section.open .accordion-section-title,
 .js .control-section .accordion-section-title:focus {
-	background: #f5f5f5;
+	background: #0074a2;
 }
 
 #customize-theme-controls .control-section:hover > .accordion-section-title:after,
@@ -115,21 +122,21 @@
 #customize-theme-controls .control-section .accordion-section-title:hover:after,
 #customize-theme-controls .control-section.open .accordion-section-title:after,
 #customize-theme-controls .control-section .accordion-section-title:focus:after {
-	color: #555555;
+	color: #fff;
 }
 
 #customize-info.open,
 #customize-theme-controls .control-section.open {
-	border-bottom: 1px solid #eeeeee;
+	border-bottom: 1px solid #222;
 }
 
 #customize-theme-controls .control-section.open .accordion-section-title {
-	border-bottom-color: #eeeeee !important;
+	border-bottom-color: #222 !important;
 }
 
 #customize-theme-controls .control-section:last-of-type.open,
 #customize-theme-controls .control-section:last-of-type .accordion-section-title {
-	border-bottom-color: #ddd;
+	border-bottom-color: #222;
 }
 
 #customize-theme-controls > ul,
@@ -138,9 +145,22 @@
 }
 
 .control-section.control-panel > .accordion-section-title:after {
-	content: "\f139";
+	content: "\f345";
+	background: #333;
+	width: 38px;
+	height: 100%;
+	margin: -11px -10px -11px 0;
+	line-height: 45px;
+	padding-left: 5px;
+	border-left: 1px solid #000;
 }
 
+.control-section.control-panel > h3.accordion-section-title:hover:after,
+.control-section.control-panel > h3.accordion-section-title:focus:after {
+	background: #006290;
+	color: #fff;
+}
+
 .rtl .control-section.control-panel > .accordion-section-title:after {
 	content: "\f141";
 }
@@ -151,7 +171,7 @@
 	left: 300px;
 	top: 0;
 	width: 300px;
-	border-top: 1px solid #ddd;
+	border-top: 1px solid #222;
 	-webkit-transition: left ease-in-out .18s;
 	transition: left ease-in-out .18s;
 }
@@ -172,9 +192,9 @@
 	width: 45px;
 	height: 45px;
 	padding-right: 2px;
-	background: #eee;
-	border-right: 1px solid #ddd;
-	color: #444;
+	background: #333;
+	border-right: 1px solid #222;
+	color: #bbb;
 	cursor: pointer;
 	-webkit-transition: color .1s ease-in-out, background .1s ease-in-out;
 	transition: color .1s ease-in-out, background .1s ease-in-out;
@@ -189,8 +209,9 @@
 	width: 45px;
 	height: 45px;
 	padding-right: 2px;
-	background: #eee;
-	border-right: 1px solid #ddd;
+	background: #333;
+	border-right: 1px solid #222;
+	color: #bbb;
 	cursor: pointer;
 	-webkit-transition: left .18s ease-in-out, color .1s ease-in-out, background .1s ease-in-out;
 	transition: left .18s ease-in-out, color .1s ease-in-out, background .1s ease-in-out;
@@ -390,9 +411,9 @@
 	height: 100%;
 }
 
-.wp-full-overlay-sidebar {
-	background: #eeeeee;
-	border-right: 1px solid #ddd;
+.wp-customizer .wp-full-overlay-sidebar {
+	background: #333;
+	border-right: 1px solid #222;
 }
 
 .collapse-sidebar {
@@ -404,7 +425,19 @@
 	border-radius: 0 !important;
 }
 
+.wp-customizer .wp-full-overlay a.collapse-sidebar {
+	color: #aaa;
+}
 
+.wp-customizer .wp-full-overlay .collapse-sidebar-arrow:before {
+	background: transparent;
+}
+
+.wp-customizer .wp-full-overlay a.collapse-sidebar:hover,
+.wp-customizer .wp-full-overlay a.collapse-sidebar:focus {
+	color: #2ea2cc
+}
+
 .collapse-sidebar:active,
 .collapse-sidebar:active .collapse-sidebar-label,
 .collapse-sidebar:active .collapse-sidebar-arrow:before {