Index: src/wp-content/themes/twentyseventeen/assets/css/colors-dark.css
===================================================================
--- src/wp-content/themes/twentyseventeen/assets/css/colors-dark.css	(revision 38981)
+++ src/wp-content/themes/twentyseventeen/assets/css/colors-dark.css	(working copy)
@@ -51,6 +51,10 @@
 .colors-dark .entry-footer .tags-links a:hover,
 .colors-dark .post-navigation a:focus,
 .colors-dark .post-navigation a:hover,
+.colors-dark .pagination a:not(.prev):not(.next):focus,
+.colors-dark .pagination a:not(.prev):not(.next):hover,
+.colors-dark .comments-pagination a:not(.prev):not(.next):focus,
+.colors-dark .comments-pagination a:not(.prev):not(.next):hover,
 .colors-dark .logged-in-as a:focus,
 .colors-dark .logged-in-as a:hover,
 .colors-dark a:focus .nav-title,
@@ -102,10 +106,10 @@
 .colors-dark .entry-footer .tags-links a:hover,
 .colors-dark .post-navigation a:focus,
 .colors-dark .post-navigation a:hover,
-.colors-dark .pagination a:focus,
-.colors-dark .pagination a:hover,
-.colors-dark .comments-pagination a:focus,
-.colors-dark .comments-pagination a:hover,
+.colors-dark .pagination a:not(.prev):not(.next):focus,
+.colors-dark .pagination a:not(.prev):not(.next):hover,
+.colors-dark .comments-pagination a:not(.prev):not(.next):focus,
+.colors-dark .comments-pagination a:not(.prev):not(.next):hover,
 .colors-dark .logged-in-as a:focus,
 .colors-dark .logged-in-as a:hover,
 .colors-dark a:focus .nav-title,
@@ -459,6 +463,7 @@
 .colors-dark .comment-reply-link,
 .colors-dark a .nav-title,
 .colors-dark .pagination a,
+.colors-dark .comments-pagination a,
 .colors-dark .widget .widget-title a,
 .colors-dark .widget ul li a,
 .colors-dark .site-footer .widget-area ul li a,
@@ -500,11 +505,7 @@
 .colors-dark .wp_widget_tag_cloud a:focus,
 .colors-dark .wp_widget_tag_cloud a:hover,
 .colors-dark .entry-footer .edit-link a.post-edit-link:focus,
-.colors-dark .entry-footer .edit-link a.post-edit-link:hover,
-.colors-dark .prev.page-numbers:focus,
-.colors-dark .prev.page-numbers:hover,
-.colors-dark .next.page-numbers:focus,
-.colors-dark .next.page-numbers:hover {
+.colors-dark .entry-footer .edit-link a.post-edit-link:hover {
 	-webkit-box-shadow: none;
 	box-shadow: none;
 }
Index: src/wp-content/themes/twentyseventeen/inc/color-patterns.php
===================================================================
--- src/wp-content/themes/twentyseventeen/inc/color-patterns.php	(revision 38981)
+++ src/wp-content/themes/twentyseventeen/inc/color-patterns.php	(working copy)
@@ -70,6 +70,10 @@
 .colors-custom .entry-footer .tags-links a:hover,
 .colors-custom .post-navigation a:focus,
 .colors-custom .post-navigation a:hover,
+.colors-custom .pagination a:not(.prev):not(.next):focus,
+.colors-custom .pagination a:not(.prev):not(.next):hover,
+.colors-custom .comments-pagination a:not(.prev):not(.next):focus,
+.colors-custom .comments-pagination a:not(.prev):not(.next):hover,
 .colors-custom .logged-in-as a:focus,
 .colors-custom .logged-in-as a:hover,
 .colors-custom a:focus .nav-title,
@@ -180,10 +184,10 @@
 .colors-custom .entry-footer .tags-links a:hover,
 .colors-custom .post-navigation a:focus,
 .colors-custom .post-navigation a:hover,
-.colors-custom .pagination a:focus,
-.colors-custom .pagination a:hover,
-.colors-custom .comments-pagination a:focus,
-.colors-custom .comments-pagination a:hover,
+.colors-custom .pagination a:not(.prev):not(.next):focus,
+.colors-custom .pagination a:not(.prev):not(.next):hover,
+.colors-custom .comments-pagination a:not(.prev):not(.next):focus,
+.colors-custom .comments-pagination a:not(.prev):not(.next):hover,
 .colors-custom .logged-in-as a:focus,
 .colors-custom .logged-in-as a:hover,
 .colors-custom a:focus .nav-title,
@@ -476,11 +480,7 @@
 .colors-custom .wp_widget_tag_cloud a:focus,
 .colors-custom .wp_widget_tag_cloud a:hover,
 .colors-custom .entry-footer .edit-link a.post-edit-link:focus,
-.colors-custom .entry-footer .edit-link a.post-edit-link:hover,
-.colors-custom .prev.page-numbers:focus,
-.colors-custom .prev.page-numbers:hover,
-.colors-custom .next.page-numbers:focus,
-.colors-custom .next.page-numbers:hover {
+.colors-custom .entry-footer .edit-link a.post-edit-link:hover {
 	-webkit-box-shadow: none !important;
 	box-shadow: none !important;
 }
Index: src/wp-content/themes/twentyseventeen/style.css
===================================================================
--- src/wp-content/themes/twentyseventeen/style.css	(revision 38981)
+++ src/wp-content/themes/twentyseventeen/style.css	(working copy)
@@ -1210,6 +1210,7 @@
 .comment-reply-link,
 a .nav-title,
 .pagination a,
+.comments-pagination a,
 .site-info a,
 .widget .widget-title a,
 .widget ul li a,
@@ -1256,6 +1257,10 @@
 .entry-footer .tags-links a:hover,
 .post-navigation a:focus,
 .post-navigation a:hover,
+.pagination a:not(.prev):not(.next):focus,
+.pagination a:not(.prev):not(.next):hover,
+.comments-pagination a:not(.prev):not(.next):focus,
+.comments-pagination a:not(.prev):not(.next):hover,
 .logged-in-as a:focus,
 .logged-in-as a:hover,
 a:focus .nav-title,
@@ -1359,7 +1364,7 @@
 
 .main-navigation > div > ul {
 	border-top: 1px solid #eee;
-	padding: 0.75em 3.375em;
+	padding: 0.75em 1.695em;
 }
 
 .js .main-navigation.toggled-on > div > ul {
@@ -1528,8 +1533,8 @@
 	margin-left: auto;
 	margin-right: auto;
 	max-width: 700px;
-	padding-left: 3em;
-	padding-right: 3em;
+	padding-left: 2em;
+	padding-right: 2em;
 }
 
 .wrap:after {
@@ -1871,22 +1876,32 @@
 }
 
 .page-numbers {
-	padding: 0.5em 1em;
+	display: none;
+	padding: 0.5em 0.75em;
 }
 
 .page-numbers.current {
 	color: #767676;
+	display: inline-block;
 }
 
+.page-numbers.current .screen-reader-text {
+	clip: auto;
+	height: auto;
+	overflow: auto;
+	position: relative !important;
+	width: auto;
+}
+
 .prev.page-numbers,
 .next.page-numbers {
 	background-color: #ddd;
 	-webkit-border-radius: 2px;
 	border-radius: 2px;
+	display: inline-block;
 	font-size: 24px;
 	font-size: 1.5rem;
 	line-height: 1;
-	margin-top: -0.3em;
 	padding: 0.25em 0.5em 0.4em;
 }
 
@@ -3199,6 +3214,10 @@
 		font-size: 0.875rem;
 	}
 
+	.page-numbers.current {
+		font-size: 16px;
+		font-size: 1rem;
+	}
 
 	/* Site Footer */
 
@@ -3254,6 +3273,8 @@
 
 	.wrap {
 		max-width: 1000px;
+		padding-left: 3em;
+		padding-right: 3em;
 	}
 
 	.has-sidebar:not(.error404) #primary {
@@ -3972,6 +3993,25 @@
 		width: 32px;
 	}
 
+	/* Pagination */
+
+	.page-numbers {
+		display: inline-block;
+	}
+
+	.page-numbers.current {
+		font-size: 15px;
+		font-size: 0.9375rem;
+	}
+
+	.page-numbers.current .screen-reader-text {
+		clip: rect(1px, 1px, 1px, 1px);
+		height: 1px;
+		overflow: hidden;
+		position: absolute !important;
+		width: 1px;
+	}
+
 	/* Comments */
 
 	.comment-body {