href="/tum/whitesports/src/92ae4370cd234bd65e3d5b52dd06c8c029fc1665/app/wp-admin/admin-ajax.php">View File
27 
 header( 'Content-Type: text/html; charset=' . get_option( 'blog_charset' ) );
 27 
 header( 'Content-Type: text/html; charset=' . get_option( 'blog_charset' ) );
28 
 header( 'X-Robots-Tag: noindex' );
 28 
 header( 'X-Robots-Tag: noindex' );
29
29
30 
-// Require an action parameter.
31 
-if ( empty( $_REQUEST['action'] ) ) {
30 
+// Require a valid action parameter.
31 
+if ( empty( $_REQUEST['action'] ) || ! is_scalar( $_REQUEST['action'] ) ) {
32 
 	wp_die( '0', 400 );
 32 
 	wp_die( '0', 400 );
33 
 }
 33 
 }
34
34
168
168
169 
 add_action( 'wp_ajax_nopriv_heartbeat', 'wp_ajax_nopriv_heartbeat', 1 );
 169 
 add_action( 'wp_ajax_nopriv_heartbeat', 'wp_ajax_nopriv_heartbeat', 1 );
170
170
171 
-$action = ( isset( $_REQUEST['action'] ) ) ? $_REQUEST['action'] : '';
171 
+$action = $_REQUEST['action'];
172
172
173 
 if ( is_user_logged_in() ) {
 173 
 if ( is_user_logged_in() ) {
174 
 	// If no action is registered, return a Bad Request response.
 174 
 	// If no action is registered, return a Bad Request response.
201 
 	 */
 201 
 	 */
202 
 	do_action( "wp_ajax_nopriv_{$action}" );
 202 
 	do_action( "wp_ajax_nopriv_{$action}" );
203 
 }
 203 
 }
204 
+
204 
 // Default status.
 205 
 // Default status.
205 
 wp_die( '0' );
 206 
 wp_die( '0' );

+ 21 - 5
app/wp-admin/admin-header.php
View File

18 
  * @global string    $hook_suffix
 18 
  * @global string    $hook_suffix
19 
  * @global WP_Screen $current_screen     WordPress current screen object.
 19 
  * @global WP_Screen $current_screen     WordPress current screen object.
20 
  * @global WP_Locale $wp_locale          WordPress date and time locale object.
 20 
  * @global WP_Locale $wp_locale          WordPress date and time locale object.
21 
- * @global string    $pagenow
21 
+ * @global string    $pagenow            The filename of the current screen.
22 
  * @global string    $update_title
 22 
  * @global string    $update_title
23 
  * @global int       $total_update_count
 23 
  * @global int       $total_update_count
24 
  * @global string    $parent_file
 24 
  * @global string    $parent_file
25 
+ * @global string    $typenow            The post type of the current screen.
25 
  */
 26 
  */
26 
 global $title, $hook_suffix, $current_screen, $wp_locale, $pagenow,
 27 
 global $title, $hook_suffix, $current_screen, $wp_locale, $pagenow,
27 
-	$update_title, $total_update_count, $parent_file;
28 
+	$update_title, $total_update_count, $parent_file, $typenow;
28
29
29 
 // Catch plugins that include admin-header.php before admin.php completes.
 30 
 // Catch plugins that include admin-header.php before admin.php completes.
30 
 if ( empty( $current_screen ) ) {
 31 
 if ( empty( $current_screen ) ) {
48 
 	/* translators: Admin screen title. %s: Admin screen name. */
 49 
 	/* translators: Admin screen title. %s: Admin screen name. */
49 
 	$admin_title = sprintf( __( '%s — WordPress' ), $title );
 50 
 	$admin_title = sprintf( __( '%s — WordPress' ), $title );
50 
 } else {
 51 
 } else {
52 
+	$screen_title = $title;
53 
+
54 
+	if ( 'post' === $current_screen->base && 'add' !== $current_screen->action ) {
55 
+		$post_title = get_the_title();
56 
+		if ( ! empty( $post_title ) ) {
57 
+			$post_type_obj = get_post_type_object( $typenow );
58 
+			$screen_title  = sprintf(
59 
+				/* translators: Editor admin screen title. 1: "Edit item" text for the post type, 2: Post title. */
60 
+				__( '%1$s “%2$s”' ),
61 
+				$post_type_obj->labels->edit_item,
62 
+				$post_title
63 
+			);
64 
+		}
65 
+	}
66 
+
51 
 	/* translators: Admin screen title. 1: Admin screen name, 2: Network or site name. */
 67 
 	/* translators: Admin screen title. 1: Admin screen name, 2: Network or site name. */
52 
-	$admin_title = sprintf( __( '%1$s ‹ %2$s — WordPress' ), $title, $admin_title );
68 
+	$admin_title = sprintf( __( '%1$s ‹ %2$s — WordPress' ), $screen_title, $admin_title );
53 
 }
 69 
 }
54
70
55 
 if ( wp_is_recovery_mode() ) {
 71 
 if ( wp_is_recovery_mode() ) {
81 
 $admin_body_class = preg_replace( '/[^a-z0-9_-]+/i', '-', $hook_suffix );
 97 
 $admin_body_class = preg_replace( '/[^a-z0-9_-]+/i', '-', $hook_suffix );
82 
 ?>
 98 
 ?>
83 
 <script type="text/javascript">
 99 
 <script type="text/javascript">
84 
-addLoadEvent = function(func){if(typeof jQuery!=='undefined')jQuery(document).ready(func);else if(typeof wpOnload!=='function'){wpOnload=func;}else{var oldonload=wpOnload;wpOnload=function(){oldonload();func();}}};
100 
+addLoadEvent = function(func){if(typeof jQuery!=='undefined')jQuery(function(){func();});else if(typeof wpOnload!=='function'){wpOnload=func;}else{var oldonload=wpOnload;wpOnload=function(){oldonload();func();}}};
85 
 var ajaxurl = '<?php echo esc_js( admin_url( 'admin-ajax.php', 'relative' ) ); ?>',
 101 
 var ajaxurl = '<?php echo esc_js( admin_url( 'admin-ajax.php', 'relative' ) ); ?>',
86 
 	pagenow = '<?php echo esc_js( $current_screen->id ); ?>',
 102 
 	pagenow = '<?php echo esc_js( $current_screen->id ); ?>',
87 
 	typenow = '<?php echo esc_js( $current_screen->post_type ); ?>',
 103 
 	typenow = '<?php echo esc_js( $current_screen->post_type ); ?>',
132 
 /**
 148 
 /**
133 
  * Fires in head section for a specific admin page.
 149 
  * Fires in head section for a specific admin page.
134 
  *
 150 
  *
135 
- * The dynamic portion of the hook, `$hook_suffix`, refers to the hook suffix
151 
+ * The dynamic portion of the hook name, `$hook_suffix`, refers to the hook suffix
136 
  * for the admin page.
 152 
  * for the admin page.
137 
  *
 153 
  *
138 
  * @since 2.1.0
 154 
  * @since 2.1.0

+ 16 - 1
app/wp-admin/admin-post.php
View File

29 
 /** This action is documented in wp-admin/admin.php */
 29 
 /** This action is documented in wp-admin/admin.php */
30 
 do_action( 'admin_init' );
 30 
 do_action( 'admin_init' );
31
31
32 
-$action = empty( $_REQUEST['action'] ) ? '' : $_REQUEST['action'];
32 
+$action = ! empty( $_REQUEST['action'] ) ? $_REQUEST['action'] : '';
33 
+
34 
+// Reject invalid parameters.
35 
+if ( ! is_scalar( $action ) ) {
36 
+	wp_die( '', 400 );
37 
+}
33
38
34 
 if ( ! is_user_logged_in() ) {
 39 
 if ( ! is_user_logged_in() ) {
35 
 	if ( empty( $action ) ) {
 40 
 	if ( empty( $action ) ) {
40 
 		 */
 45 
 		 */
41 
 		do_action( 'admin_post_nopriv' );
 46 
 		do_action( 'admin_post_nopriv' );
42 
 	} else {
 47 
 	} else {
48 
+		// If no action is registered, return a Bad Request response.
49 
+		if ( ! has_action( "admin_post_nopriv_{$action}" ) ) {
50 
+			wp_die( '', 400 );
51 
+		}
52 
+
43 
 		/**
 53 
 		/**
44 
 		 * Fires on a non-authenticated admin post request for the given action.
 54 
 		 * Fires on a non-authenticated admin post request for the given action.
45 
 		 *
 55 
 		 *
59 
 		 */
 69 
 		 */
60 
 		do_action( 'admin_post' );
 70 
 		do_action( 'admin_post' );
61 
 	} else {
 71 
 	} else {
72 
+		// If no action is registered, return a Bad Request response.
73 
+		if ( ! has_action( "admin_post_{$action}" ) ) {
74 
+			wp_die( '', 400 );
75 
+		}
76 
+
62 
 		/**
 77 
 		/**
63 
 		 * Fires on an authenticated admin post request for the given action.
 78 
 		 * Fires on an authenticated admin post request for the given action.
64 
 		 *
 79 
 		 *

+ 19 - 8
app/wp-admin/admin.php
View File

116 
 wp_enqueue_script( 'common' );
 116 
 wp_enqueue_script( 'common' );
117
117
118 
 /**
 118 
 /**
119 
- * $pagenow is set in vars.php
120 
- * $wp_importers is sometimes set in wp-admin/includes/import.php
121 
- * The remaining variables are imported as globals elsewhere, declared as globals here
119 
+ * $pagenow is set in vars.php.
120 
+ * $wp_importers is sometimes set in wp-admin/includes/import.php.
121 
+ * The remaining variables are imported as globals elsewhere, declared as globals here.
122 
  *
 122 
  *
123 
- * @global string $pagenow
123 
+ * @global string $pagenow      The filename of the current screen.
124 
  * @global array  $wp_importers
 124 
  * @global array  $wp_importers
125 
  * @global string $hook_suffix
 125 
  * @global string $hook_suffix
126 
  * @global string $plugin_page
 126 
  * @global string $plugin_page
127 
- * @global string $typenow
128 
- * @global string $taxnow
127 
+ * @global string $typenow      The post type of the current screen.
128 
+ * @global string $taxnow       The taxonomy of the current screen.
129 
  */
 129 
  */
130 
 global $pagenow, $wp_importers, $hook_suffix, $plugin_page, $typenow, $taxnow;
 130 
 global $pagenow, $wp_importers, $hook_suffix, $plugin_page, $typenow, $taxnow;
131
131
320 
 	 *
 320 
 	 *
321 
 	 * The dynamic portion of the hook name, `$importer`, refers to the importer slug.
 321 
 	 * The dynamic portion of the hook name, `$importer`, refers to the importer slug.
322 
 	 *
 322 
 	 *
323 
+	 * Possible hook names include:
324 
+	 *
325 
+	 *  - `load-importer-blogger`
326 
+	 *  - `load-importer-wpcat2tag`
327 
+	 *  - `load-importer-livejournal`
328 
+	 *  - `load-importer-mt`
329 
+	 *  - `load-importer-rss`
330 
+	 *  - `load-importer-tumblr`
331 
+	 *  - `load-importer-wordpress`
332 
+	 *
323 
 	 * @since 3.5.0
 333 
 	 * @since 3.5.0
324 
 	 */
 334 
 	 */
325 
 	do_action( "load-importer-{$importer}" ); // phpcs:ignore WordPress.NamingConventions.ValidHookName.UseUnderscores
 335 
 	do_action( "load-importer-{$importer}" ); // phpcs:ignore WordPress.NamingConventions.ValidHookName.UseUnderscores
326
336
337 
+	// Used in the HTML title tag.
338 
+	$title        = __( 'Import' );
327 
 	$parent_file  = 'tools.php';
 339 
 	$parent_file  = 'tools.php';
328 
 	$submenu_file = 'import.php';
 340 
 	$submenu_file = 'import.php';
329 
-	$title        = __( 'Import' );
330
341
331 
 	if ( ! isset( $_GET['noheader'] ) ) {
 342 
 	if ( ! isset( $_GET['noheader'] ) ) {
332 
 		require_once ABSPATH . 'wp-admin/admin-header.php';
 343 
 		require_once ABSPATH . 'wp-admin/admin-header.php';
365 
 	 * The load-* hook fires in a number of contexts. This hook is for core screens.
 376 
 	 * The load-* hook fires in a number of contexts. This hook is for core screens.
366 
 	 *
 377 
 	 *
367 
 	 * The dynamic portion of the hook name, `$pagenow`, is a global variable
 378 
 	 * The dynamic portion of the hook name, `$pagenow`, is a global variable
368 
-	 * referring to the filename of the current page, such as 'admin.php',
379 
+	 * referring to the filename of the current screen, such as 'admin.php',
369 
 	 * 'post-new.php' etc. A complete hook for the latter would be
 380 
 	 * 'post-new.php' etc. A complete hook for the latter would be
370 
 	 * 'load-post-new.php'.
 381 
 	 * 'load-post-new.php'.
371 
 	 *
 382 
 	 *

+ 1 - 1
app/wp-admin/async-upload.php
View File

74 
 					</span>
 74 
 					</span>
75 
 					<?php
 75 
 					<?php
76 
 					if ( current_user_can( 'edit_post', $id ) ) {
 76 
 					if ( current_user_can( 'edit_post', $id ) ) {
77 
-						echo '<a class="edit-attachment" href="' . esc_url( get_edit_post_link( $id ) ) . '" target="_blank">' . _x( 'Edit', 'media item' ) . '</a>';
77 
+						echo '<a class="edit-attachment" href="' . esc_url( get_edit_post_link( $id ) ) . '">' . _x( 'Edit', 'media item' ) . '</a>';
78 
 					} else {
 78 
 					} else {
79 
 						echo '<span class="edit-attachment">' . _x( 'Success', 'media item' ) . '</span>';
 79 
 						echo '<span class="edit-attachment">' . _x( 'Success', 'media item' ) . '</span>';
80 
 					}
 80 
 					}

+ 27 - 14
app/wp-admin/authorize-application.php
View File

62 
 	}
 62 
 	}
63 
 }
 63 
 }
64
64
65 
+// Used in the HTML title tag.
65 
 $title = __( 'Authorize Application' );
 66 
 $title = __( 'Authorize Application' );
66
67
67 
 $app_name    = ! empty( $_REQUEST['app_name'] ) ? $_REQUEST['app_name'] : '';
 68 
 $app_name    = ! empty( $_REQUEST['app_name'] ) ? $_REQUEST['app_name'] : '';
90
91
91 
 if ( wp_is_site_protected_by_basic_auth( 'front' ) ) {
 92 
 if ( wp_is_site_protected_by_basic_auth( 'front' ) ) {
92 
 	wp_die(
 93 
 	wp_die(
93 
-		__( 'Your website appears to use Basic Authentication, which is not currently compatible with Application Passwords.' ),
94 
+		__( 'Your website appears to use Basic Authentication, which is not currently compatible with application passwords.' ),
94 
 		__( 'Cannot Authorize Application' ),
 95 
 		__( 'Cannot Authorize Application' ),
95 
 		array(
 96 
 		array(
96 
 			'response'  => 501,
 97 
 			'response'  => 501,
147 
 				<?php
 148 
 				<?php
148 
 				printf(
 149 
 				printf(
149 
 					/* translators: %s: Application name. */
 150 
 					/* translators: %s: Application name. */
150 
-					__( 'Would you like to give the application identifying itself as %s access to your account? You should only do this if you trust the app in question.' ),
151 
+					__( 'Would you like to give the application identifying itself as %s access to your account? You should only do this if you trust the application in question.' ),
151 
 					'<strong>' . esc_html( $app_name ) . '</strong>'
 152 
 					'<strong>' . esc_html( $app_name ) . '</strong>'
152 
 				);
 153 
 				);
153 
 				?>
 154 
 				?>
154 
 			</p>
 155 
 			</p>
155 
 		<?php else : ?>
 156 
 		<?php else : ?>
156 
-			<p><?php _e( 'Would you like to give this application access to your account? You should only do this if you trust the app in question.' ); ?></p>
157 
+			<p><?php _e( 'Would you like to give this application access to your account? You should only do this if you trust the application in question.' ); ?></p>
157 
 		<?php endif; ?>
 158 
 		<?php endif; ?>
158
159
159 
 		<?php
 160 
 		<?php
160 
 		if ( is_multisite() ) {
 161 
 		if ( is_multisite() ) {
161 
 			$blogs       = get_blogs_of_user( $user->ID, true );
 162 
 			$blogs       = get_blogs_of_user( $user->ID, true );
162 
 			$blogs_count = count( $blogs );
 163 
 			$blogs_count = count( $blogs );
164 
+
163 
 			if ( $blogs_count > 1 ) {
 165 
 			if ( $blogs_count > 1 ) {
164 
 				?>
 166 
 				?>
165 
 				<p>
 167 
 				<p>
166 
 					<?php
 168 
 					<?php
167 
-					printf(
169 
+					/* translators: 1: URL to my-sites.php, 2: Number of sites the user has. */
170 
+					$message = _n(
171 
+						'This will grant access to <a href="%1$s">the %2$s site in this installation that you have permissions on</a>.',
172 
+						'This will grant access to <a href="%1$s">all %2$s sites in this installation that you have permissions on</a>.',
173 
+						$blogs_count
174 
+					);
175 
+
176 
+					if ( is_super_admin() ) {
168 
 						/* translators: 1: URL to my-sites.php, 2: Number of sites the user has. */
 177 
 						/* translators: 1: URL to my-sites.php, 2: Number of sites the user has. */
169 
-						_n(
170 
-							'This will grant access to <a href="%1$s">the %2$s site in this installation that you have permissions on</a>.',
171 
-							'This will grant access to <a href="%1$s">all %2$s sites in this installation that you have permissions on</a>.',
178 
+						$message = _n(
179 
+							'This will grant access to <a href="%1$s">the %2$s site on the network as you have Super Admin rights</a>.',
180 
+							'This will grant access to <a href="%1$s">all %2$s sites on the network as you have Super Admin rights</a>.',
172 
 							$blogs_count
 181 
 							$blogs_count
173 
-						),
182 
+						);
183 
+					}
184 
+
185 
+					printf(
186 
+						$message,
174 
 						admin_url( 'my-sites.php' ),
 187 
 						admin_url( 'my-sites.php' ),
175 
 						number_format_i18n( $blogs_count )
 188 
 						number_format_i18n( $blogs_count )
176 
 					);
 189 
 					);
224
237
225 
 				<div class="form-field">
 238 
 				<div class="form-field">
226 
 					<label for="app_name"><?php _e( 'New Application Password Name' ); ?></label>
 239 
 					<label for="app_name"><?php _e( 'New Application Password Name' ); ?></label>
227 
-					<input type="text" id="app_name" name="app_name" value="<?php echo esc_attr( $app_name ); ?>" placeholder="<?php esc_attr_e( 'WordPress App on My Phone' ); ?>" required />
240 
+					<input type="text" id="app_name" name="app_name" value="<?php echo esc_attr( $app_name ); ?>" required />
228 
 				</div>
 241 
 				</div>
229
242
230 
 				<?php
 243 
 				<?php
247
260
248 
 				<?php
 261 
 				<?php
249 
 				submit_button(
 262 
 				submit_button(
250 
-					__( 'Yes, I approve of this connection.' ),
263 
+					__( 'Yes, I approve of this connection' ),
251 
 					'primary',
 264 
 					'primary',
252 
 					'approve',
 265 
 					'approve',
253 
 					false,
 266 
 					false,
262 
 						printf(
 275 
 						printf(
263 
 							/* translators: %s: The URL the user is being redirected to. */
 276 
 							/* translators: %s: The URL the user is being redirected to. */
264 
 							__( 'You will be sent to %s' ),
 277 
 							__( 'You will be sent to %s' ),
265 
-							'<strong><kbd>' . esc_html(
278 
+							'<strong><code>' . esc_html(
266 
 								add_query_arg(
 279 
 								add_query_arg(
267 
 									array(
 280 
 									array(
268 
 										'site_url'   => site_url(),
 281 
 										'site_url'   => site_url(),
271 
 									),
 284 
 									),
272 
 									$success_url
 285 
 									$success_url
273 
 								)
 286 
 								)
274 
-							) . '</kbd></strong>'
287 
+							) . '</code></strong>'
275 
 						);
 288 
 						);
276 
 					} else {
 289 
 					} else {
277 
 						_e( 'You will be given a password to manually enter into the application in question.' );
 290 
 						_e( 'You will be given a password to manually enter into the application in question.' );
281
294
282 
 				<?php
 295 
 				<?php
283 
 				submit_button(
 296 
 				submit_button(
284 
-					__( 'No, I do not approve of this connection.' ),
297 
+					__( 'No, I do not approve of this connection' ),
285 
 					'secondary',
 298 
 					'secondary',
286 
 					'reject',
 299 
 					'reject',
287 
 					false,
 300 
 					false,
296 
 						printf(
 309 
 						printf(
297 
 							/* translators: %s: The URL the user is being redirected to. */
 310 
 							/* translators: %s: The URL the user is being redirected to. */
298 
 							__( 'You will be sent to %s' ),
 311 
 							__( 'You will be sent to %s' ),
299 
-							'<strong><kbd>' . esc_html( $reject_url ) . '</kbd></strong>'
312 
+							'<strong><code>' . esc_html( $reject_url ) . '</code></strong>'
300 
 						);
 313 
 						);
301 
 					} else {
 314 
 					} else {
302 
 						_e( 'You will be returned to the WordPress Dashboard, and no changes will be made.' );
 315 
 						_e( 'You will be returned to the WordPress Dashboard, and no changes will be made.' );

+ 3 - 1
app/wp-admin/comment.php
View File

43 
 	// Prevent actions on a comment associated with a trashed post.
 43 
 	// Prevent actions on a comment associated with a trashed post.
44 
 	if ( $comment && 'trash' === get_post_status( $comment->comment_post_ID ) ) {
 44 
 	if ( $comment && 'trash' === get_post_status( $comment->comment_post_ID ) ) {
45 
 		wp_die(
 45 
 		wp_die(
46 
-			__( 'You can&#8217;t edit this comment because the associated post is in the Trash. Please restore the post first, then try again.' )
46 
+			__( 'You cannot edit this comment because the associated post is in the Trash. Please restore the post first, then try again.' )
47 
 		);
 47 
 		);
48 
 	}
 48 
 	}
49 
 } else {
 49 
 } else {
53 
 switch ( $action ) {
 53 
 switch ( $action ) {
54
54
55 
 	case 'editcomment':
 55 
 	case 'editcomment':
56 
+		// Used in the HTML title tag.
56 
 		$title = __( 'Edit Comment' );
 57 
 		$title = __( 'Edit Comment' );
57
58
58 
 		get_current_screen()->add_help_tab(
 59 
 		get_current_screen()->add_help_tab(
96 
 	case 'approve':
 97 
 	case 'approve':
97 
 	case 'trash':
 98 
 	case 'trash':
98 
 	case 'spam':
 99 
 	case 'spam':
100 
+		// Used in the HTML title tag.
99 
 		$title = __( 'Moderate Comment' );
 101 
 		$title = __( 'Moderate Comment' );
100
102
101 
 		if ( ! $comment ) {
 103 
 		if ( ! $comment ) {

+ 8 - 1
app/wp-admin/credits.php
View File

10 
 require_once __DIR__ . '/admin.php';
 10 
 require_once __DIR__ . '/admin.php';
11 
 require_once __DIR__ . '/includes/credits.php';
 11 
 require_once __DIR__ . '/includes/credits.php';
12
12
13 
+// Used in the HTML title tag.
13 
 $title = __( 'Credits' );
 14 
 $title = __( 'Credits' );
14
15
15 
 list( $display_version ) = explode( '-', get_bloginfo( 'version' ) );
 16 
 list( $display_version ) = explode( '-', get_bloginfo( 'version' ) );
28 
 		</div>
 29 
 		</div>
29
30
30 
 		<div class="about__header-text">
 31 
 		<div class="about__header-text">
31 
-			<?php _e( 'WordPress 5.8 was created by a worldwide team of passionate individuals' ); ?>
32 
+			<?php
33 
+			printf(
34 
+				/* translators: %s: Version number. */
35 
+				__( 'WordPress %s was created by a worldwide team of passionate individuals' ),
36 
+				$display_version
37 
+			);
38 
+			?>
32 
 		</div>
 39 
 		</div>
33
40
34 
 		<nav class="about__header-navigation nav-tab-wrapper wp-clearfix" aria-label="<?php esc_attr_e( 'Secondary menu' ); ?>">
 41 
 		<nav class="about__header-navigation nav-tab-wrapper wp-clearfix" aria-label="<?php esc_attr_e( 'Secondary menu' ); ?>">

+ 152 - 91
app/wp-admin/css/about-rtl.css
View File

22 
 .about__container {
 22 
 .about__container {
23 
 	/* Section backgrounds */
 23 
 	/* Section backgrounds */
24 
 	--background: transparent;
 24 
 	--background: transparent;
25 
-	--subtle-background: #def;
25 
+	--subtle-background: #f0f0f0;
26
26
27 
 	/* Main text color */
 27 
 	/* Main text color */
28 
 	--text: #000;
 28 
 	--text: #000;
30
30
31 
 	/* Accent colors: used in header, on special classes. */
 31 
 	/* Accent colors: used in header, on special classes. */
32 
 	--accent-1: #3858e9; /* Accent background, link color */
 32 
 	--accent-1: #3858e9; /* Accent background, link color */
33 
-	--accent-2: #2d46ba; /* Header background */
33 
+	--accent-2: #3858e9; /* Header background */
34
34
35 
 	/* Navigation colors. */
 35 
 	/* Navigation colors. */
36 
 	--nav-background: #fff;
 36 
 	--nav-background: #fff;
49 
 .credits-php,
 49 
 .credits-php,
50 
 .freedoms-php,
 50 
 .freedoms-php,
51 
 .privacy-php {
 51 
 .privacy-php {
52 
-	background: #f0f7ff;
52 
+	background: #fff;
53 
 }
 53 
 }
54
54
55 
 .about-php #wpcontent,
 55 
 .about-php #wpcontent,
56 
 .credits-php #wpcontent,
 56 
 .credits-php #wpcontent,
57 
 .freedoms-php #wpcontent,
 57 
 .freedoms-php #wpcontent,
58 
 .privacy-php #wpcontent {
 58 
 .privacy-php #wpcontent {
59 
-	background: linear-gradient(-180deg, #fff 50%, #f0f7ff 100%);
59 
+	background: #fff;
60 
 	padding: 0 24px;
 60 
 	padding: 0 24px;
61 
 }
 61 
 }
62
62
141 
 	margin: 0 0 var(--gap);
 141 
 	margin: 0 0 var(--gap);
142 
 }
 142 
 }
143
143
144 
-.about__section .column {
144 
+.about__section .column:not(.is-edge-to-edge) {
145 
 	padding: var(--gap);
 145 
 	padding: var(--gap);
146 
 }
 146 
 }
147
147
148 
-.about__section + .about__section .column {
149 
-	padding-top: 0;
150 
-}
151 
-
152 
 .about__section + .about__section .is-section-header {
 148 
 .about__section + .about__section .is-section-header {
153 
 	padding-bottom: var(--gap);
 149 
 	padding-bottom: var(--gap);
154 
 }
 150 
 }
155
151
156 
 .about__section .column[class*="background-color"],
 152 
 .about__section .column[class*="background-color"],
153 
+.about__section:where([class*="background-color"]) .column,
157 
 .about__section .column.has-border {
 154 
 .about__section .column.has-border {
158 
 	padding-top: var(--gap);
 155 
 	padding-top: var(--gap);
159 
-}
160 
-
161 
-.about__section .column.is-edge-to-edge {
162 
-	padding: 0;
156 
+	padding-bottom: var(--gap);
163 
 }
 157 
 }
164
158
165 
 .about__section .column p:first-of-type {
 159 
 .about__section .column p:first-of-type {
215 
 }
 209 
 }
216
210
217 
 .about__section.has-gutters {
 211 
 .about__section.has-gutters {
218 
-	gap: calc(var(--gap) / 2);
212 
+	gap: var(--gap);
213 
+	margin-bottom: calc(var(--gap) * 2);
219 
 }
 214 
 }
220
215
221 
 .about__section.has-2-columns {
 216 
 .about__section.has-2-columns {
223 
 }
 218 
 }
224
219
225 
 .about__section.has-2-columns.is-wider-right {
 220 
 .about__section.has-2-columns.is-wider-right {
226 
-	grid-template-columns: 1fr 2fr;
221 
+	grid-template-columns: 2fr 3fr;
227 
 }
 222 
 }
228
223
229 
 .about__section.has-2-columns.is-wider-left {
 224 
 .about__section.has-2-columns.is-wider-left {
230 
-	grid-template-columns: 2fr 1fr;
225 
+	grid-template-columns: 3fr 2fr;
231 
 }
 226 
 }
232
227
233 
 .about__section.has-2-columns .is-section-header {
 228 
 .about__section.has-2-columns .is-section-header {
329 
 	.about__section.has-2-columns.is-wider-left,
 324 
 	.about__section.has-2-columns.is-wider-left,
330 
 	.about__section.has-3-columns {
 325 
 	.about__section.has-3-columns {
331 
 		display: block;
 326 
 		display: block;
332 
-		padding-bottom: calc(var(--gap) / 2);
327 
+		margin-bottom: calc(var(--gap) / 2);
328 
+	}
329 
+
330 
+	.about__section .column:not(.is-edge-to-edge) {
331 
+		padding-top: var(--gap);
332 
+		padding-bottom: var(--gap);
333 
+	}
334 
+
335 
+	.about__section.has-2-columns.has-gutters.is-wider-right,
336 
+	.about__section.has-2-columns.has-gutters.is-wider-left,
337 
+	.about__section.has-3-columns.has-gutters {
338 
+		margin-bottom: calc(var(--gap) * 2);
333 
 	}
 339 
 	}
334
340
335 
 	.about__section.has-2-columns.has-gutters .column,
 341 
 	.about__section.has-2-columns.has-gutters .column,
336 
 	.about__section.has-2-columns.has-gutters .column,
 342 
 	.about__section.has-2-columns.has-gutters .column,
337 
 	.about__section.has-3-columns.has-gutters .column {
 343 
 	.about__section.has-3-columns.has-gutters .column {
338 
-		margin-bottom: calc(var(--gap) / 2);
344 
+		margin-bottom: var(--gap);
339 
 	}
 345 
 	}
340
346
341 
 	.about__section.has-2-columns.has-gutters .column:last-child,
 347 
 	.about__section.has-2-columns.has-gutters .column:last-child,
394 
 @media screen and (max-width: 600px) {
 400 
 @media screen and (max-width: 600px) {
395 
 	.about__section.has-2-columns {
 401 
 	.about__section.has-2-columns {
396 
 		display: block;
 402 
 		display: block;
403 
+		margin-bottom: var(--gap);
404 
+	}
405 
+
406 
+	.about__section.has-2-columns:not(.has-gutters) .column:nth-of-type(n) {
407 
+		padding-top: calc(var(--gap) / 2);
397 
 		padding-bottom: calc(var(--gap) / 2);
 408 
 		padding-bottom: calc(var(--gap) / 2);
398 
 	}
 409 
 	}
399
410
411 
+	.about__section.has-2-columns.has-gutters {
412 
+		margin-bottom: calc(var(--gap) * 2);
413 
+	}
414 
+
400 
 	.about__section.has-2-columns.has-gutters .column {
 415 
 	.about__section.has-2-columns.has-gutters .column {
401 
-		margin-bottom: calc(var(--gap) / 2);
416 
+		margin-bottom: var(--gap);
402 
 	}
 417 
 	}
403
418
404 
 	.about__section.has-2-columns.has-gutters .column:last-child {
 419 
 	.about__section.has-2-columns.has-gutters .column:last-child {
405 
 		margin-bottom: 0;
 420 
 		margin-bottom: 0;
406 
 	}
 421 
 	}
407 
-
408 
-	.about__section.has-2-columns .column:nth-of-type(n) {
409 
-		padding-top: calc(var(--gap) / 2);
410 
-		padding-bottom: calc(var(--gap) / 2);
411 
-	}
412 
 }
 422 
 }
413
423
414 
 @media screen and (max-width: 480px) {
 424 
 @media screen and (max-width: 480px) {
452 
 .about__container h3.is-larger-heading {
 462 
 .about__container h3.is-larger-heading {
453 
 	margin-top: 0;
 463 
 	margin-top: 0;
454 
 	margin-bottom: 0.5em;
 464 
 	margin-bottom: 0.5em;
455 
-	font-size: 2em;
456 
-	line-height: 1.2;
465 
+	font-size: 2rem;
457 
 	font-weight: 700;
 466 
 	font-weight: 700;
467 
+	line-height: 1.16;
458 
 }
 468 
 }
459
469
460 
 .about__container h3,
 470 
 .about__container h3,
461 
 .about__container h1.is-smaller-heading,
 471 
 .about__container h1.is-smaller-heading,
462 
 .about__container h2.is-smaller-heading {
 472 
 .about__container h2.is-smaller-heading {
463 
 	margin-top: 0;
 473 
 	margin-top: 0;
464 
-	font-size: 1.6em;
465 
-	line-height: 1.3;
466 
-	font-weight: 400;
474 
+	font-size: 1.625rem;
475 
+	font-weight: 700;
476 
+	line-height: 1.4;
467 
 }
 477 
 }
468
478
469 
 .about__container p {
 479 
 .about__container p {
471 
 	line-height: inherit;
 481 
 	line-height: inherit;
472 
 }
 482 
 }
473
483
484 
+.about__container p.is-subheading {
485 
+	margin-top: 0;
486 
+	font-size: 1.5rem;
487 
+	font-weight: 300;
488 
+	line-height: 160%;
489 
+}
490 
+
474 
 .about__section a {
 491 
 .about__section a {
475 
 	color: var(--accent-1);
 492 
 	color: var(--accent-1);
476 
 	text-decoration: underline;
 493 
 	text-decoration: underline;
498 
 	margin-right: calc(var(--gap) / 2);
 515 
 	margin-right: calc(var(--gap) / 2);
499 
 }
 516 
 }
500
517
518 
+.about__container li {
519 
+	margin-bottom: 0.75rem;
520 
+}
521 
+
501 
 .about__container img {
 522 
 .about__container img {
502 
 	margin: 0;
 523 
 	margin: 0;
503 
 	max-width: 100%;
 524 
 	max-width: 100%;
524 
 	margin-left: auto;
 545 
 	margin-left: auto;
525 
 }
 546 
 }
526
547
527 
-.about__container .about__image-comparison {
528 
-	position: relative;
529 
-	display: inline-block;
530 
-	max-width: 100%;
531 
-}
532 
-
533 
-.about__container .about__image-comparison img {
534 
-	-webkit-user-select: none;
535 
-	user-select: none;
536 
-	width: auto;
537 
-	max-width: none;
538 
-	max-height: 100%;
539 
-}
540 
-
541 
-.about__container .about__image-comparison > img {
542 
-	max-width: 100%;
543 
-}
544 
-
545 
-.about__container .about__image-comparison-resize {
546 
-	position: absolute !important; /* Needed to override inline style on ResizableBox */
547 
-	top: 0;
548 
-	bottom: 0;
549 
-	right: 0;
550 
-	width: 50%;
551 
-	max-width: 100%;
552 
-}
553 
-
554 
-.about__container .about__image-comparison.no-js .about__image-comparison-resize {
555 
-	overflow: hidden;
556 
-	border-left: 2px solid var(--wp-admin-theme-color);
557 
-}
558 
-
559 
-.about__container .about__image-comparison-resize .components-resizable-box__side-handle::before {
560 
-	width: 4px;
561 
-	left: calc(50% - 2px);
562 
-	transition: none;
563 
-	animation: none;
564 
-	opacity: 1;
565 
-}
566 
-
567 
 .about__container .about__image + h3 {
 548 
 .about__container .about__image + h3 {
568 
 	margin-top: 1.5em;
 549 
 	margin-top: 1.5em;
569 
 }
 550 
 }
570
551
552 
+.about__container .column .about__image {
553 
+	margin-bottom: calc(var(--gap) / 2);
554 
+}
555 
+
571 
 .about__container hr {
 556 
 .about__container hr {
572 
 	margin: 0;
 557 
 	margin: 0;
573 
 	height: var(--gap);
 558 
 	height: var(--gap);
590 
 }
 575 
 }
591
576
592 
 .about__section {
 577 
 .about__section {
593 
-	font-size: 1.2em;
578 
+	font-size: 1.125rem;
579 
+	line-height: 1.55;
594 
 }
 580 
 }
595
581
596 
 .about__section.is-feature {
 582 
 .about__section.is-feature {
612 
 /* 1.3 - Header */
 598 
 /* 1.3 - Header */
613
599
614 
 .about__header {
 600 
 .about__header {
601 
+	--about-header-image-width: 521px;
602 
+	--about-header-image-height: 504px;
603 
+	--about-header-bg-width: var(--about-header-image-width);
604 
+	--about-header-bg-height: var(--about-header-image-height);
605 
+	--about-header-bg-offset-inline: calc(var(--gap) * -2);
606 
+
607 
+	position: relative;
615 
 	margin-bottom: var(--gap);
 608 
 	margin-bottom: var(--gap);
616 
 	padding-top: 0;
 609 
 	padding-top: 0;
617 
-	background-position: center;
618 
-	background-repeat: no-repeat;
619 
-	background-size: cover;
620 
-	background-image: url('../images/about-header-about.svg');
621 
-	background-color: var(--accent-2);
622 
-	color: var(--text-light);
610 
+	background: var(--subtle-background) url('../images/about-header-about.svg?ver=6.0') no-repeat;
611 
+	background-size: var(--about-header-bg-width) var(--about-header-bg-height);
612 
+	background-position: left var(--about-header-bg-offset-inline) center;
623 
 }
 613 
 }
624
614
625 
 .credits-php .about__header {
 615 
 .credits-php .about__header {
626 
-	background-image: url('../images/about-header-credits.svg');
616 
+	--about-header-image-width: 477px;
617 
+	--about-header-image-height: 470px;
618 
+	--about-header-bg-offset-inline: calc(var(--gap) * -4);
619 
+
620 
+	background-image: url('../images/about-header-credits.svg?ver=6.0');
621 
+	background-position: left var(--about-header-bg-offset-inline) top var(--gap);
627 
 }
 622 
 }
628
623
629 
 .freedoms-php .about__header {
 624 
 .freedoms-php .about__header {
630 
-	background-image: url('../images/about-header-freedoms.svg');
625 
+	--about-header-image-width: 411px;
626 
+	--about-header-image-height: 498px;
627 
+	--about-header-bg-offset-inline: var(--gap);
628 
+
629 
+	background-image: url('../images/about-header-freedoms.svg?ver=6.0');
630 
+	background-position: left var(--about-header-bg-offset-inline) top calc(var(--gap) * 4);
631 
 }
 631 
 }
632
632
633 
 .privacy-php .about__header {
 633 
 .privacy-php .about__header {
634 
-	background-image: url('../images/about-header-privacy.svg');
634 
+	--about-header-image-width: 277px;
635 
+	--about-header-image-height: 361px;
636 
+	--about-header-bg-offset-inline: var(--gap);
637 
+
638 
+	background-image: url('../images/about-header-privacy.svg?ver=6.0');
639 
+	background-position: left var(--about-header-bg-offset-inline) top var(--gap);
635 
 }
 640 
 }
636
641
637 
 .about__header-image {
 642 
 .about__header-image {
639 
 }
 644 
 }
640
645
641 
 .about__header-title {
 646 
 .about__header-title {
642 
-	padding: 2rem 0 0;
643 
-	margin: 0 2rem;
647 
+	box-sizing: border-box;
648 
+	margin: 0 var(--gap) 0 0;
649 
+	padding: 8rem 0 0;
650 
+	padding-left: calc(var(--about-header-bg-width) + var(--about-header-bg-offset-inline) + var(--gap));
651 
+}
652 
+
653 
+.credits-php .about__header-title,
654 
+.privacy-php .about__header-title {
655 
+	padding-top: 6rem;
656 
+}
657 
+
658 
+.freedoms-php .about__header-title {
659 
+	padding-top: 3rem;
644 
 }
 660 
 }
645
661
646 
 .about__header-title h1 {
 662 
 .about__header-title h1 {
647 
-	margin: 0 0 0.5rem;
663 
+	margin: 0 0 1rem;
648 
 	padding: 0;
 664 
 	padding: 0;
649 
-	font-size: 4.5rem;
665 
+	font-size: clamp(3rem, 18.46vw - 8.08rem, 6rem);
650 
 	line-height: 1;
 666 
 	line-height: 1;
651 
 	font-weight: 400;
 667 
 	font-weight: 400;
652 
 }
 668 
 }
653
669
654 
 .about__header-text {
 670 
 .about__header-text {
655 
-	max-width: 42rem;
656 
-	margin: 0 0 5em;
657 
-	padding: 0 2rem;
658 
-	font-size: 2rem;
671 
+	box-sizing: border-box;
672 
+	margin: 0 0 9rem;
673 
+	padding: 0 2rem 0 0;
674 
+	padding-left: calc(var(--about-header-bg-width) + var(--about-header-bg-offset-inline) + var(--gap));
675 
+	font-size: 1.6rem;
659 
 	line-height: 1.15;
 676 
 	line-height: 1.15;
660 
 }
 677 
 }
661
678
679 
+.credits-php .about__header-text,
680 
+.privacy-php .about__header-text {
681 
+	margin-bottom: 7rem;
682 
+}
683 
+
684 
+.freedoms-php .about__header-text {
685 
+	margin-bottom: 6rem;
686 
+}
687 
+
662 
 .about__header-navigation {
 688 
 .about__header-navigation {
689 
+	position: relative;
690 
+	z-index: 1;
663 
 	display: flex;
 691 
 	display: flex;
664 
 	justify-content: center;
 692 
 	justify-content: center;
665 
 	padding-top: 0;
 693 
 	padding-top: 0;
701 
 	border-color: var(--nav-current);
 729 
 	border-color: var(--nav-current);
702 
 }
 730 
 }
703
731
704 
-@media screen and (max-width: 960px){
732 
+@media screen and (max-width: 960px) {
733 
+	.about__header {
734 
+		--about-header-bg-width: calc(var(--about-header-image-width) * 0.7);
735 
+		--about-header-bg-height: calc(var(--about-header-image-height) * 0.7);
736 
+		--about-header-bg-offset-inline: calc(var(--gap) * -1);
737 
+	}
738 
+
705 
 	.about__header-title h1 {
 739 
 	.about__header-title h1 {
706 
-		font-size: 4.8em;
740 
+		font-size: clamp(3rem, 18.46vw - 5.08rem, 6rem);
707 
 	}
 741 
 	}
708 
 }
 742 
 }
709
743
722 
 		margin-left: calc(var(--gap) / 2);
 756 
 		margin-left: calc(var(--gap) / 2);
723 
 	}
 757 
 	}
724
758
725 
-	.about__header-text,
759 
+	.about__header-text {
760 
+		margin-top: 0;
761 
+		margin-left: 0;
762 
+		padding-right: calc(var(--gap) / 2);
763 
+	}
764 
+
726 
 	.about__header-navigation .nav-tab {
 765 
 	.about__header-navigation .nav-tab {
727 
 		margin-top: 0;
 766 
 		margin-top: 0;
728 
 		margin-left: 0;
 767 
 		margin-left: 0;
731 
 	}
 770 
 	}
732 
 }
 771 
 }
733
772
773 
+@media screen and (max-width: 600px) {
774 
+	.about__header,
775 
+	.credits-php .about__header,
776 
+	.privacy-php .about__header,
777 
+	.freedoms-php .about__header {
778 
+		background-image: none;
779 
+	}
780 
+
781 
+	.about__header-title,
782 
+	.about__header-text {
783 
+		padding-left: calc(var(--gap) / 2) !important;
784 
+	}
785 
+
786 
+	.about__header-title h1 {
787 
+		font-size: clamp(2rem, 11.43vw - 0.29rem, 4rem);
788 
+	}
789 
+}
790 
+
734 
 @media screen and (max-width: 480px) {
 791 
 @media screen and (max-width: 480px) {
735 
 	.about__header-title p {
 792 
 	.about__header-title p {
736 
 		font-size: 2.4em;
 793 
 		font-size: 2.4em;
737 
 	}
 794 
 	}
738
795
796 
+	.about__header-title {
797 
+		padding-top: 2rem;
798 
+	}
799 
+
739 
 	.about__header-text {
 800 
 	.about__header-text {
740 
-		margin-bottom: 1em;
801 
+		margin-bottom: 2rem;
741 
 	}
 802 
 	}
742
803
743 
 	.about__header-navigation {
 804 
 	.about__header-navigation {

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/about-rtl.min.css


+ 152 - 91
app/wp-admin/css/about.css
View File

21 
 .about__container {
 21 
 .about__container {
22 
 	/* Section backgrounds */
 22 
 	/* Section backgrounds */
23 
 	--background: transparent;
 23 
 	--background: transparent;
24 
-	--subtle-background: #def;
24 
+	--subtle-background: #f0f0f0;
25
25
26 
 	/* Main text color */
 26 
 	/* Main text color */
27 
 	--text: #000;
 27 
 	--text: #000;
29
29
30 
 	/* Accent colors: used in header, on special classes. */
 30 
 	/* Accent colors: used in header, on special classes. */
31 
 	--accent-1: #3858e9; /* Accent background, link color */
 31 
 	--accent-1: #3858e9; /* Accent background, link color */
32 
-	--accent-2: #2d46ba; /* Header background */
32 
+	--accent-2: #3858e9; /* Header background */
33
33
34 
 	/* Navigation colors. */
 34 
 	/* Navigation colors. */
35 
 	--nav-background: #fff;
 35 
 	--nav-background: #fff;
48 
 .credits-php,
 48 
 .credits-php,
49 
 .freedoms-php,
 49 
 .freedoms-php,
50 
 .privacy-php {
 50 
 .privacy-php {
51 
-	background: #f0f7ff;
51 
+	background: #fff;
52 
 }
 52 
 }
53
53
54 
 .about-php #wpcontent,
 54 
 .about-php #wpcontent,
55 
 .credits-php #wpcontent,
 55 
 .credits-php #wpcontent,
56 
 .freedoms-php #wpcontent,
 56 
 .freedoms-php #wpcontent,
57 
 .privacy-php #wpcontent {
 57 
 .privacy-php #wpcontent {
58 
-	background: linear-gradient(180deg, #fff 50%, #f0f7ff 100%);
58 
+	background: #fff;
59 
 	padding: 0 24px;
 59 
 	padding: 0 24px;
60 
 }
 60 
 }
61
61
140 
 	margin: 0 0 var(--gap);
 140 
 	margin: 0 0 var(--gap);
141 
 }
 141 
 }
142
142
143 
-.about__section .column {
143 
+.about__section .column:not(.is-edge-to-edge) {
144 
 	padding: var(--gap);
 144 
 	padding: var(--gap);
145 
 }
 145 
 }
146
146
147 
-.about__section + .about__section .column {
148 
-	padding-top: 0;
149 
-}
150 
-
151 
 .about__section + .about__section .is-section-header {
 147 
 .about__section + .about__section .is-section-header {
152 
 	padding-bottom: var(--gap);
 148 
 	padding-bottom: var(--gap);
153 
 }
 149 
 }
154
150
155 
 .about__section .column[class*="background-color"],
 151 
 .about__section .column[class*="background-color"],
152 
+.about__section:where([class*="background-color"]) .column,
156 
 .about__section .column.has-border {
 153 
 .about__section .column.has-border {
157 
 	padding-top: var(--gap);
 154 
 	padding-top: var(--gap);
158 
-}
159 
-
160 
-.about__section .column.is-edge-to-edge {
161 
-	padding: 0;
155 
+	padding-bottom: var(--gap);
162 
 }
 156 
 }
163
157
164 
 .about__section .column p:first-of-type {
 158 
 .about__section .column p:first-of-type {
214 
 }
 208 
 }
215
209
216 
 .about__section.has-gutters {
 210 
 .about__section.has-gutters {
217 
-	gap: calc(var(--gap) / 2);
211 
+	gap: var(--gap);
212 
+	margin-bottom: calc(var(--gap) * 2);
218 
 }
 213 
 }
219
214
220 
 .about__section.has-2-columns {
 215 
 .about__section.has-2-columns {
222 
 }
 217 
 }
223
218
224 
 .about__section.has-2-columns.is-wider-right {
 219 
 .about__section.has-2-columns.is-wider-right {
225 
-	grid-template-columns: 1fr 2fr;
220 
+	grid-template-columns: 2fr 3fr;
226 
 }
 221 
 }
227
222
228 
 .about__section.has-2-columns.is-wider-left {
 223 
 .about__section.has-2-columns.is-wider-left {
229 
-	grid-template-columns: 2fr 1fr;
224 
+	grid-template-columns: 3fr 2fr;
230 
 }
 225 
 }
231
226
232 
 .about__section.has-2-columns .is-section-header {
 227 
 .about__section.has-2-columns .is-section-header {
328 
 	.about__section.has-2-columns.is-wider-left,
 323 
 	.about__section.has-2-columns.is-wider-left,
329 
 	.about__section.has-3-columns {
 324 
 	.about__section.has-3-columns {
330 
 		display: block;
 325 
 		display: block;
331 
-		padding-bottom: calc(var(--gap) / 2);
326 
+		margin-bottom: calc(var(--gap) / 2);
327 
+	}
328 
+
329 
+	.about__section .column:not(.is-edge-to-edge) {
330 
+		padding-top: var(--gap);
331 
+		padding-bottom: var(--gap);
332 
+	}
333 
+
334 
+	.about__section.has-2-columns.has-gutters.is-wider-right,
335 
+	.about__section.has-2-columns.has-gutters.is-wider-left,
336 
+	.about__section.has-3-columns.has-gutters {
337 
+		margin-bottom: calc(var(--gap) * 2);
332 
 	}
 338 
 	}
333
339
334 
 	.about__section.has-2-columns.has-gutters .column,
 340 
 	.about__section.has-2-columns.has-gutters .column,
335 
 	.about__section.has-2-columns.has-gutters .column,
 341 
 	.about__section.has-2-columns.has-gutters .column,
336 
 	.about__section.has-3-columns.has-gutters .column {
 342 
 	.about__section.has-3-columns.has-gutters .column {
337 
-		margin-bottom: calc(var(--gap) / 2);
343 
+		margin-bottom: var(--gap);
338 
 	}
 344 
 	}
339
345
340 
 	.about__section.has-2-columns.has-gutters .column:last-child,
 346 
 	.about__section.has-2-columns.has-gutters .column:last-child,
393 
 @media screen and (max-width: 600px) {
 399 
 @media screen and (max-width: 600px) {
394 
 	.about__section.has-2-columns {
 400 
 	.about__section.has-2-columns {
395 
 		display: block;
 401 
 		display: block;
402 
+		margin-bottom: var(--gap);
403 
+	}
404 
+
405 
+	.about__section.has-2-columns:not(.has-gutters) .column:nth-of-type(n) {
406 
+		padding-top: calc(var(--gap) / 2);
396 
 		padding-bottom: calc(var(--gap) / 2);
 407 
 		padding-bottom: calc(var(--gap) / 2);
397 
 	}
 408 
 	}
398
409
410 
+	.about__section.has-2-columns.has-gutters {
411 
+		margin-bottom: calc(var(--gap) * 2);
412 
+	}
413 
+
399 
 	.about__section.has-2-columns.has-gutters .column {
 414 
 	.about__section.has-2-columns.has-gutters .column {
400 
-		margin-bottom: calc(var(--gap) / 2);
415 
+		margin-bottom: var(--gap);
401 
 	}
 416 
 	}
402
417
403 
 	.about__section.has-2-columns.has-gutters .column:last-child {
 418 
 	.about__section.has-2-columns.has-gutters .column:last-child {
404 
 		margin-bottom: 0;
 419 
 		margin-bottom: 0;
405 
 	}
 420 
 	}
406 
-
407 
-	.about__section.has-2-columns .column:nth-of-type(n) {
408 
-		padding-top: calc(var(--gap) / 2);
409 
-		padding-bottom: calc(var(--gap) / 2);
410 
-	}
411 
 }
 421 
 }
412
422
413 
 @media screen and (max-width: 480px) {
 423 
 @media screen and (max-width: 480px) {
451 
 .about__container h3.is-larger-heading {
 461 
 .about__container h3.is-larger-heading {
452 
 	margin-top: 0;
 462 
 	margin-top: 0;
453 
 	margin-bottom: 0.5em;
 463 
 	margin-bottom: 0.5em;
454 
-	font-size: 2em;
455 
-	line-height: 1.2;
464 
+	font-size: 2rem;
456 
 	font-weight: 700;
 465 
 	font-weight: 700;
466 
+	line-height: 1.16;
457 
 }
 467 
 }
458
468
459 
 .about__container h3,
 469 
 .about__container h3,
460 
 .about__container h1.is-smaller-heading,
 470 
 .about__container h1.is-smaller-heading,
461 
 .about__container h2.is-smaller-heading {
 471 
 .about__container h2.is-smaller-heading {
462 
 	margin-top: 0;
 472 
 	margin-top: 0;
463 
-	font-size: 1.6em;
464 
-	line-height: 1.3;
465 
-	font-weight: 400;
473 
+	font-size: 1.625rem;
474 
+	font-weight: 700;
475 
+	line-height: 1.4;
466 
 }
 476 
 }
467
477
468 
 .about__container p {
 478 
 .about__container p {
470 
 	line-height: inherit;
 480 
 	line-height: inherit;
471 
 }
 481 
 }
472
482
483 
+.about__container p.is-subheading {
484 
+	margin-top: 0;
485 
+	font-size: 1.5rem;
486 
+	font-weight: 300;
487 
+	line-height: 160%;
488 
+}
489 
+
473 
 .about__section a {
 490 
 .about__section a {
474 
 	color: var(--accent-1);
 491 
 	color: var(--accent-1);
475 
 	text-decoration: underline;
 492 
 	text-decoration: underline;
497 
 	margin-left: calc(var(--gap) / 2);
 514 
 	margin-left: calc(var(--gap) / 2);
498 
 }
 515 
 }
499
516
517 
+.about__container li {
518 
+	margin-bottom: 0.75rem;
519 
+}
520 
+
500 
 .about__container img {
 521 
 .about__container img {
501 
 	margin: 0;
 522 
 	margin: 0;
502 
 	max-width: 100%;
 523 
 	max-width: 100%;
523 
 	margin-right: auto;
 544 
 	margin-right: auto;
524 
 }
 545 
 }
525
546
526 
-.about__container .about__image-comparison {
527 
-	position: relative;
528 
-	display: inline-block;
529 
-	max-width: 100%;
530 
-}
531 
-
532 
-.about__container .about__image-comparison img {
533 
-	-webkit-user-select: none;
534 
-	user-select: none;
535 
-	width: auto;
536 
-	max-width: none;
537 
-	max-height: 100%;
538 
-}
539 
-
540 
-.about__container .about__image-comparison > img {
541 
-	max-width: 100%;
542 
-}
543 
-
544 
-.about__container .about__image-comparison-resize {
545 
-	position: absolute !important; /* Needed to override inline style on ResizableBox */
546 
-	top: 0;
547 
-	bottom: 0;
548 
-	left: 0;
549 
-	width: 50%;
550 
-	max-width: 100%;
551 
-}
552 
-
553 
-.about__container .about__image-comparison.no-js .about__image-comparison-resize {
554 
-	overflow: hidden;
555 
-	border-right: 2px solid var(--wp-admin-theme-color);
556 
-}
557 
-
558 
-.about__container .about__image-comparison-resize .components-resizable-box__side-handle::before {
559 
-	width: 4px;
560 
-	right: calc(50% - 2px);
561 
-	transition: none;
562 
-	animation: none;
563 
-	opacity: 1;
564 
-}
565 
-
566 
 .about__container .about__image + h3 {
 547 
 .about__container .about__image + h3 {
567 
 	margin-top: 1.5em;
 548 
 	margin-top: 1.5em;
568 
 }
 549 
 }
569
550
551 
+.about__container .column .about__image {
552 
+	margin-bottom: calc(var(--gap) / 2);
553 
+}
554 
+
570 
 .about__container hr {
 555 
 .about__container hr {
571 
 	margin: 0;
 556 
 	margin: 0;
572 
 	height: var(--gap);
 557 
 	height: var(--gap);
589 
 }
 574 
 }
590
575
591 
 .about__section {
 576 
 .about__section {
592 
-	font-size: 1.2em;
577 
+	font-size: 1.125rem;
578 
+	line-height: 1.55;
593 
 }
 579 
 }
594
580
595 
 .about__section.is-feature {
 581 
 .about__section.is-feature {
611 
 /* 1.3 - Header */
 597 
 /* 1.3 - Header */
612
598
613 
 .about__header {
 599 
 .about__header {
600 
+	--about-header-image-width: 521px;
601 
+	--about-header-image-height: 504px;
602 
+	--about-header-bg-width: var(--about-header-image-width);
603 
+	--about-header-bg-height: var(--about-header-image-height);
604 
+	--about-header-bg-offset-inline: calc(var(--gap) * -2);
605 
+
606 
+	position: relative;
614 
 	margin-bottom: var(--gap);
 607 
 	margin-bottom: var(--gap);
615 
 	padding-top: 0;
 608 
 	padding-top: 0;
616 
-	background-position: center;
617 
-	background-repeat: no-repeat;
618 
-	background-size: cover;
619 
-	background-image: url('../images/about-header-about.svg');
620 
-	background-color: var(--accent-2);
621 
-	color: var(--text-light);
609 
+	background: var(--subtle-background) url('../images/about-header-about.svg?ver=6.0') no-repeat;
610 
+	background-size: var(--about-header-bg-width) var(--about-header-bg-height);
611 
+	background-position: right var(--about-header-bg-offset-inline) center;
622 
 }
 612 
 }
623
613
624 
 .credits-php .about__header {
 614 
 .credits-php .about__header {
625 
-	background-image: url('../images/about-header-credits.svg');
615 
+	--about-header-image-width: 477px;
616 
+	--about-header-image-height: 470px;
617 
+	--about-header-bg-offset-inline: calc(var(--gap) * -4);
618 
+
619 
+	background-image: url('../images/about-header-credits.svg?ver=6.0');
620 
+	background-position: right var(--about-header-bg-offset-inline) top var(--gap);
626 
 }
 621 
 }
627
622
628 
 .freedoms-php .about__header {
 623 
 .freedoms-php .about__header {
629 
-	background-image: url('../images/about-header-freedoms.svg');
624 
+	--about-header-image-width: 411px;
625 
+	--about-header-image-height: 498px;
626 
+	--about-header-bg-offset-inline: var(--gap);
627 
+
628 
+	background-image: url('../images/about-header-freedoms.svg?ver=6.0');
629 
+	background-position: right var(--about-header-bg-offset-inline) top calc(var(--gap) * 4);
630 
 }
 630 
 }
631
631
632 
 .privacy-php .about__header {
 632 
 .privacy-php .about__header {
633 
-	background-image: url('../images/about-header-privacy.svg');
633 
+	--about-header-image-width: 277px;
634 
+	--about-header-image-height: 361px;
635 
+	--about-header-bg-offset-inline: var(--gap);
636 
+
637 
+	background-image: url('../images/about-header-privacy.svg?ver=6.0');
638 
+	background-position: right var(--about-header-bg-offset-inline) top var(--gap);
634 
 }
 639 
 }
635
640
636 
 .about__header-image {
 641 
 .about__header-image {
638 
 }
 643 
 }
639
644
640 
 .about__header-title {
 645 
 .about__header-title {
641 
-	padding: 2rem 0 0;
642 
-	margin: 0 2rem;
646 
+	box-sizing: border-box;
647 
+	margin: 0 0 0 var(--gap);
648 
+	padding: 8rem 0 0;
649 
+	padding-right: calc(var(--about-header-bg-width) + var(--about-header-bg-offset-inline) + var(--gap));
650 
+}
651 
+
652 
+.credits-php .about__header-title,
653 
+.privacy-php .about__header-title {
654 
+	padding-top: 6rem;
655 
+}
656 
+
657 
+.freedoms-php .about__header-title {
658 
+	padding-top: 3rem;
643 
 }
 659 
 }
644
660
645 
 .about__header-title h1 {
 661 
 .about__header-title h1 {
646 
-	margin: 0 0 0.5rem;
662 
+	margin: 0 0 1rem;
647 
 	padding: 0;
 663 
 	padding: 0;
648 
-	font-size: 4.5rem;
664 
+	font-size: clamp(3rem, 18.46vw - 8.08rem, 6rem);
649 
 	line-height: 1;
 665 
 	line-height: 1;
650 
 	font-weight: 400;
 666 
 	font-weight: 400;
651 
 }
 667 
 }
652
668
653 
 .about__header-text {
 669 
 .about__header-text {
654 
-	max-width: 42rem;
655 
-	margin: 0 0 5em;
656 
-	padding: 0 2rem;
657 
-	font-size: 2rem;
670 
+	box-sizing: border-box;
671 
+	margin: 0 0 9rem;
672 
+	padding: 0 0 0 2rem;
673 
+	padding-right: calc(var(--about-header-bg-width) + var(--about-header-bg-offset-inline) + var(--gap));
674 
+	font-size: 1.6rem;
658 
 	line-height: 1.15;
 675 
 	line-height: 1.15;
659 
 }
 676 
 }
660
677
678 
+.credits-php .about__header-text,
679 
+.privacy-php .about__header-text {
680 
+	margin-bottom: 7rem;
681 
+}
682 
+
683 
+.freedoms-php .about__header-text {
684 
+	margin-bottom: 6rem;
685 
+}
686 
+
661 
 .about__header-navigation {
 687 
 .about__header-navigation {
688 
+	position: relative;
689 
+	z-index: 1;
662 
 	display: flex;
 690 
 	display: flex;
663 
 	justify-content: center;
 691 
 	justify-content: center;
664 
 	padding-top: 0;
 692 
 	padding-top: 0;
700 
 	border-color: var(--nav-current);
 728 
 	border-color: var(--nav-current);
701 
 }
 729 
 }
702
730
703 
-@media screen and (max-width: 960px){
731 
+@media screen and (max-width: 960px) {
732 
+	.about__header {
733 
+		--about-header-bg-width: calc(var(--about-header-image-width) * 0.7);
734 
+		--about-header-bg-height: calc(var(--about-header-image-height) * 0.7);
735 
+		--about-header-bg-offset-inline: calc(var(--gap) * -1);
736 
+	}
737 
+
704 
 	.about__header-title h1 {
 738 
 	.about__header-title h1 {
705 
-		font-size: 4.8em;
739 
+		font-size: clamp(3rem, 18.46vw - 5.08rem, 6rem);
706 
 	}
 740 
 	}
707 
 }
 741 
 }
708
742
721 
 		margin-right: calc(var(--gap) / 2);
 755 
 		margin-right: calc(var(--gap) / 2);
722 
 	}
 756 
 	}
723
757
724 
-	.about__header-text,
758 
+	.about__header-text {
759 
+		margin-top: 0;
760 
+		margin-right: 0;
761 
+		padding-left: calc(var(--gap) / 2);
762 
+	}
763 
+
725 
 	.about__header-navigation .nav-tab {
 764 
 	.about__header-navigation .nav-tab {
726 
 		margin-top: 0;
 765 
 		margin-top: 0;
727 
 		margin-right: 0;
 766 
 		margin-right: 0;
730 
 	}
 769 
 	}
731 
 }
 770 
 }
732
771
772 
+@media screen and (max-width: 600px) {
773 
+	.about__header,
774 
+	.credits-php .about__header,
775 
+	.privacy-php .about__header,
776 
+	.freedoms-php .about__header {
777 
+		background-image: none;
778 
+	}
779 
+
780 
+	.about__header-title,
781 
+	.about__header-text {
782 
+		padding-right: calc(var(--gap) / 2) !important;
783 
+	}
784 
+
785 
+	.about__header-title h1 {
786 
+		font-size: clamp(2rem, 11.43vw - 0.29rem, 4rem);
787 
+	}
788 
+}
789 
+
733 
 @media screen and (max-width: 480px) {
 790 
 @media screen and (max-width: 480px) {
734 
 	.about__header-title p {
 791 
 	.about__header-title p {
735 
 		font-size: 2.4em;
 792 
 		font-size: 2.4em;
736 
 	}
 793 
 	}
737
794
795 
+	.about__header-title {
796 
+		padding-top: 2rem;
797 
+	}
798 
+
738 
 	.about__header-text {
 799 
 	.about__header-text {
739 
-		margin-bottom: 1em;
800 
+		margin-bottom: 2rem;
740 
 	}
 801 
 	}
741
802
742 
 	.about__header-navigation {
 803 
 	.about__header-navigation {

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/about.min.css


+ 5 - 6
app/wp-admin/css/admin-menu-rtl.css
View File

40 
 .icon16 {
 40 
 .icon16 {
41 
 	height: 18px;
 41 
 	height: 18px;
42 
 	width: 18px;
 42 
 	width: 18px;
43 
-	padding: 6px 6px;
43 
+	padding: 6px;
44 
 	margin: -6px -8px 0 0;
 44 
 	margin: -6px -8px 0 0;
45 
 	float: right;
 45 
 	float: right;
46 
 }
 46 
 }
162 
 #adminmenu li {
 162 
 #adminmenu li {
163 
 	margin: 0;
 163 
 	margin: 0;
164 
 	padding: 0;
 164 
 	padding: 0;
165 
-	cursor: pointer;
166 
 }
 165 
 }
167
166
168 
 #adminmenu a {
 167 
 #adminmenu a {
346 
 }
 345 
 }
347
346
348 
 #adminmenu .wp-menu-image img {
 347 
 #adminmenu .wp-menu-image img {
349 
-	padding: 9px 0 0 0;
348 
+	padding: 9px 0 0;
350 
 	opacity: 0.6;
 349 
 	opacity: 0.6;
351 
 	filter: alpha(opacity=60);
 350 
 	filter: alpha(opacity=60);
352 
 }
 351 
 }
489 
 #adminmenu li.wp-menu-separator {
 488 
 #adminmenu li.wp-menu-separator {
490 
 	height: 5px;
 489 
 	height: 5px;
491 
 	padding: 0;
 490 
 	padding: 0;
492 
-	margin: 0 0 6px 0;
491 
+	margin: 0 0 6px;
493 
 	cursor: inherit;
 492 
 	cursor: inherit;
494 
 }
 493 
 }
495
494
504 
 	font-weight: 400;
 503 
 	font-weight: 400;
505 
 	font-size: 14px;
 504 
 	font-size: 14px;
506 
 	padding: 5px 11px 5px 4px;
 505 
 	padding: 5px 11px 5px 4px;
507 
-	margin: -7px -5px 4px 0px;
506 
+	margin: -7px -5px 4px 0;
508 
 	border-width: 3px 5px 3px 0;
 507 
 	border-width: 3px 5px 3px 0;
509 
 	border-style: solid;
 508 
 	border-style: solid;
510 
 	border-color: transparent;
 509 
 	border-color: transparent;
655 
 	.auto-fold #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
 654 
 	.auto-fold #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
656 
 	.auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
 655 
 	.auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
657 
 	.auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu {
 656 
 	.auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu {
658 
-		top: 0px;
657 
+		top: 0;
659 
 		right: 36px;
 658 
 		right: 36px;
660 
 	}
 659 
 	}
661
660

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/admin-menu-rtl.min.css


+ 5 - 6
app/wp-admin/css/admin-menu.css
View File

39 
 .icon16 {
 39 
 .icon16 {
40 
 	height: 18px;
 40 
 	height: 18px;
41 
 	width: 18px;
 41 
 	width: 18px;
42 
-	padding: 6px 6px;
42 
+	padding: 6px;
43 
 	margin: -6px 0 0 -8px;
 43 
 	margin: -6px 0 0 -8px;
44 
 	float: left;
 44 
 	float: left;
45 
 }
 45 
 }
161 
 #adminmenu li {
 161 
 #adminmenu li {
162 
 	margin: 0;
 162 
 	margin: 0;
163 
 	padding: 0;
 163 
 	padding: 0;
164 
-	cursor: pointer;
165 
 }
 164 
 }
166
165
167 
 #adminmenu a {
 166 
 #adminmenu a {
345 
 }
 344 
 }
346
345
347 
 #adminmenu .wp-menu-image img {
 346 
 #adminmenu .wp-menu-image img {
348 
-	padding: 9px 0 0 0;
347 
+	padding: 9px 0 0;
349 
 	opacity: 0.6;
 348 
 	opacity: 0.6;
350 
 	filter: alpha(opacity=60);
 349 
 	filter: alpha(opacity=60);
351 
 }
 350 
 }
488 
 #adminmenu li.wp-menu-separator {
 487 
 #adminmenu li.wp-menu-separator {
489 
 	height: 5px;
 488 
 	height: 5px;
490 
 	padding: 0;
 489 
 	padding: 0;
491 
-	margin: 0 0 6px 0;
490 
+	margin: 0 0 6px;
492 
 	cursor: inherit;
 491 
 	cursor: inherit;
493 
 }
 492 
 }
494
493
503 
 	font-weight: 400;
 502 
 	font-weight: 400;
504 
 	font-size: 14px;
 503 
 	font-size: 14px;
505 
 	padding: 5px 4px 5px 11px;
 504 
 	padding: 5px 4px 5px 11px;
506 
-	margin: -7px 0px 4px -5px;
505 
+	margin: -7px 0 4px -5px;
507 
 	border-width: 3px 0 3px 5px;
 506 
 	border-width: 3px 0 3px 5px;
508 
 	border-style: solid;
 507 
 	border-style: solid;
509 
 	border-color: transparent;
 508 
 	border-color: transparent;
654 
 	.auto-fold #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
 653 
 	.auto-fold #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
655 
 	.auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
 654 
 	.auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
656 
 	.auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu {
 655 
 	.auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu {
657 
-		top: 0px;
656 
+		top: 0;
658 
 		left: 36px;
 657 
 		left: 36px;
659 
 	}
 658 
 	}
660
659

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/admin-menu.min.css


+ 1 - 1
app/wp-admin/css/color-picker-rtl.css
View File

12 
 /* Needs higher specificiity. */
 12 
 /* Needs higher specificiity. */
13 
 .wp-picker-container .wp-color-result.button {
 13 
 .wp-picker-container .wp-color-result.button {
14 
 	min-height: 30px;
 14 
 	min-height: 30px;
15 
-	margin: 0 0px 6px 6px;
15 
+	margin: 0 0 6px 6px;
16 
 	padding: 0 30px 0 0;
 16 
 	padding: 0 30px 0 0;
17 
 	font-size: 11px;
 17 
 	font-size: 11px;
18 
 }
 18 
 }

+ 1 - 1
app/wp-admin/css/color-picker.css
View File

11 
 /* Needs higher specificiity. */
 11 
 /* Needs higher specificiity. */
12 
 .wp-picker-container .wp-color-result.button {
 12 
 .wp-picker-container .wp-color-result.button {
13 
 	min-height: 30px;
 13 
 	min-height: 30px;
14 
-	margin: 0 6px 6px 0px;
14 
+	margin: 0 6px 6px 0;
15 
 	padding: 0 0 0 30px;
 15 
 	padding: 0 0 0 30px;
16 
 	font-size: 11px;
 16 
 	font-size: 11px;
17 
 }
 17 
 }

+ 17 - 0
app/wp-admin/css/colors/_admin.scss
View File

781 
 		color: $link;
 781 
 		color: $link;
782 
 	}
 782 
 	}
783 
 }
 783 
 }
784 
+
785 
+/* Welcome Panel */
786 
+.welcome-panel {
787 
+	background-color: mix($dashboard-accent-1, white, 12%);
788 
+}
789 
+
790 
+.welcome-panel-header-image .about-six {
791 
+	fill: $dashboard-accent-1;
792 
+}
793 
+
794 
+.welcome-panel-header-image .about-zero {
795 
+	fill: $dashboard-accent-2;
796 
+}
797 
+
798 
+[class*="welcome-panel-icon"] {
799 
+	background-color: $dashboard-icon-background;
800 
+}

+ 7 - 0
app/wp-admin/css/colors/_variables.scss
View File

1 
 // assign default value to all undefined variables
 1 
 // assign default value to all undefined variables
2
2
3 
+$scheme-name: "default" !default;
3
4
4 
 // core variables
 5 
 // core variables
5
6
62
63
63 
 $menu-customizer-text: mix( $base-color, $text-color, 40% ) !default;
 64 
 $menu-customizer-text: mix( $base-color, $text-color, 40% ) !default;
64
65
66 
+// Dashboard Colors
67 
+
68 
+$dashboard-accent-1: $highlight-color !default;
69 
+$dashboard-accent-2: $base-color !default;
70 
+$dashboard-icon-background: $dashboard-accent-2 !default;
71 
+
65 
 $low-contrast-theme: "false" !default;
 72 
 $low-contrast-theme: "false" !default;

+ 17 - 0
app/wp-admin/css/colors/blue/colors-rtl.css
View File

702 
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
 702 
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
703 
   border-bottom-color: #e1a948;
 703 
   border-bottom-color: #e1a948;
704 
   color: #0073aa;
 704 
   color: #0073aa;
705 
+}
706 
+
707 
+/* Welcome Panel */
708 
+.welcome-panel {
709 
+  background-color: #e1ecf0;
710 
+}
711 
+
712 
+.welcome-panel-header-image .about-six {
713 
+  fill: #096484;
714 
+}
715 
+
716 
+.welcome-panel-header-image .about-zero {
717 
+  fill: #52accc;
718 
+}
719 
+
720 
+[class*=welcome-panel-icon] {
721 
+  background-color: #096484;
705 
 }
 722 
 }

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/colors/blue/colors-rtl.min.css


+ 17 - 0
app/wp-admin/css/colors/blue/colors.css
View File

702 
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
 702 
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
703 
   border-bottom-color: #e1a948;
 703 
   border-bottom-color: #e1a948;
704 
   color: #0073aa;
 704 
   color: #0073aa;
705 
+}
706 
+
707 
+/* Welcome Panel */
708 
+.welcome-panel {
709 
+  background-color: #e1ecf0;
710 
+}
711 
+
712 
+.welcome-panel-header-image .about-six {
713 
+  fill: #096484;
714 
+}
715 
+
716 
+.welcome-panel-header-image .about-zero {
717 
+  fill: #52accc;
718 
+}
719 
+
720 
+[class*=welcome-panel-icon] {
721 
+  background-color: #096484;
705 
 }
 722 
 }

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/colors/blue/colors.min.css


+ 3 - 0
app/wp-admin/css/colors/blue/colors.scss
View File

1 
+$scheme-name: "blue";
1 
 $base-color: #52accc;
 2 
 $base-color: #52accc;
2 
 $icon-color: #e5f8ff;
 3 
 $icon-color: #e5f8ff;
3 
 $highlight-color: #096484;
 4 
 $highlight-color: #096484;
8 
 $menu-submenu-focus-text: #fff;
 9 
 $menu-submenu-focus-text: #fff;
9 
 $menu-submenu-background: #4796b3;
 10 
 $menu-submenu-background: #4796b3;
10
11
12 
+$dashboard-icon-background: $highlight-color;
13 
+
11 
 @import "../_admin.scss";
 14 
 @import "../_admin.scss";

+ 26 - 9
app/wp-admin/css/colors/coffee/colors-rtl.css
View File

167 
   color: #9ea476;
 167 
   color: #9ea476;
168 
 }
 168 
 }
169 
 .wp-core-ui .wp-ui-text-icon {
 169 
 .wp-core-ui .wp-ui-text-icon {
170 
-  color: #f3f2f1;
170 
+  color: hsl(27.6923076923deg, 7%, 95%);
171 
 }
 171 
 }
172
172
173 
 /* List tables */
 173 
 /* List tables */
196 
 }
 196 
 }
197
197
198 
 #adminmenu div.wp-menu-image:before {
 198 
 #adminmenu div.wp-menu-image:before {
199 
-  color: #f3f2f1;
199 
+  color: hsl(27.6923076923deg, 7%, 95%);
200 
 }
 200 
 }
201
201
202 
 #adminmenu a:hover,
 202 
 #adminmenu a:hover,
308
308
309 
 /* Admin Menu: collapse button */
 309 
 /* Admin Menu: collapse button */
310 
 #collapse-button {
 310 
 #collapse-button {
311 
-  color: #f3f2f1;
311 
+  color: hsl(27.6923076923deg, 7%, 95%);
312 
 }
 312 
 }
313
313
314 
 #collapse-button:hover,
 314 
 #collapse-button:hover,
333 
 #wpadminbar .ab-icon:before,
 333 
 #wpadminbar .ab-icon:before,
334 
 #wpadminbar .ab-item:before,
 334 
 #wpadminbar .ab-item:before,
335 
 #wpadminbar .ab-item:after {
 335 
 #wpadminbar .ab-item:after {
336 
-  color: #f3f2f1;
336 
+  color: hsl(27.6923076923deg, 7%, 95%);
337 
 }
 337 
 }
338
338
339 
 #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
 339 
 #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
377
377
378 
 #wpadminbar .quicklinks li .blavatar,
 378 
 #wpadminbar .quicklinks li .blavatar,
379 
 #wpadminbar .menupop .menupop > .ab-item:before {
 379 
 #wpadminbar .menupop .menupop > .ab-item:before {
380 
-  color: #f3f2f1;
380 
+  color: hsl(27.6923076923deg, 7%, 95%);
381 
 }
 381 
 }
382
382
383 
 #wpadminbar .quicklinks .menupop ul li a:hover,
 383 
 #wpadminbar .quicklinks .menupop ul li a:hover,
412
412
413 
 #wpadminbar.mobile .quicklinks .hover .ab-icon:before,
 413 
 #wpadminbar.mobile .quicklinks .hover .ab-icon:before,
414 
 #wpadminbar.mobile .quicklinks .hover .ab-item:before {
 414 
 #wpadminbar.mobile .quicklinks .hover .ab-item:before {
415 
-  color: #f3f2f1;
415 
+  color: hsl(27.6923076923deg, 7%, 95%);
416 
 }
 416 
 }
417
417
418 
 /* Admin Bar: search */
 418 
 /* Admin Bar: search */
419 
 #wpadminbar #adminbarsearch:before {
 419 
 #wpadminbar #adminbarsearch:before {
420 
-  color: #f3f2f1;
420 
+  color: hsl(27.6923076923deg, 7%, 95%);
421 
 }
 421 
 }
422
422
423 
 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
 423 
 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
553
553
554 
 /* Responsive Component */
 554 
 /* Responsive Component */
555 
 div#wp-responsive-toggle a:before {
 555 
 div#wp-responsive-toggle a:before {
556 
-  color: #f3f2f1;
556 
+  color: hsl(27.6923076923deg, 7%, 95%);
557 
 }
 557 
 }
558
558
559 
 .wp-responsive-open div#wp-responsive-toggle a {
 559 
 .wp-responsive-open div#wp-responsive-toggle a {
566 
 }
 566 
 }
567
567
568 
 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
 568 
 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
569 
-  color: #f3f2f1;
569 
+  color: hsl(27.6923076923deg, 7%, 95%);
570 
 }
 570 
 }
571
571
572 
 /* TinyMCE */
 572 
 /* TinyMCE */
669 
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
 669 
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
670 
   border-bottom-color: #c7a589;
 670 
   border-bottom-color: #c7a589;
671 
   color: #0073aa;
 671 
   color: #0073aa;
672 
+}
673 
+
674 
+/* Welcome Panel */
675 
+.welcome-panel {
676 
+  background-color: #f8f4f1;
677 
+}
678 
+
679 
+.welcome-panel-header-image .about-six {
680 
+  fill: #c7a589;
681 
+}
682 
+
683 
+.welcome-panel-header-image .about-zero {
684 
+  fill: #59524c;
685 
+}
686 
+
687 
+[class*=welcome-panel-icon] {
688 
+  background-color: #59524c;
672 
 }
 689 
 }

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/colors/coffee/colors-rtl.min.css


+ 26 - 9
app/wp-admin/css/colors/coffee/colors.css
View File

167 
   color: #9ea476;
 167 
   color: #9ea476;
168 
 }
 168 
 }
169 
 .wp-core-ui .wp-ui-text-icon {
 169 
 .wp-core-ui .wp-ui-text-icon {
170 
-  color: #f3f2f1;
170 
+  color: hsl(27.6923076923deg, 7%, 95%);
171 
 }
 171 
 }
172
172
173 
 /* List tables */
 173 
 /* List tables */
196 
 }
 196 
 }
197
197
198 
 #adminmenu div.wp-menu-image:before {
 198 
 #adminmenu div.wp-menu-image:before {
199 
-  color: #f3f2f1;
199 
+  color: hsl(27.6923076923deg, 7%, 95%);
200 
 }
 200 
 }
201
201
202 
 #adminmenu a:hover,
 202 
 #adminmenu a:hover,
308
308
309 
 /* Admin Menu: collapse button */
 309 
 /* Admin Menu: collapse button */
310 
 #collapse-button {
 310 
 #collapse-button {
311 
-  color: #f3f2f1;
311 
+  color: hsl(27.6923076923deg, 7%, 95%);
312 
 }
 312 
 }
313
313
314 
 #collapse-button:hover,
 314 
 #collapse-button:hover,
333 
 #wpadminbar .ab-icon:before,
 333 
 #wpadminbar .ab-icon:before,
334 
 #wpadminbar .ab-item:before,
 334 
 #wpadminbar .ab-item:before,
335 
 #wpadminbar .ab-item:after {
 335 
 #wpadminbar .ab-item:after {
336 
-  color: #f3f2f1;
336 
+  color: hsl(27.6923076923deg, 7%, 95%);
337 
 }
 337 
 }
338
338
339 
 #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
 339 
 #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
377
377
378 
 #wpadminbar .quicklinks li .blavatar,
 378 
 #wpadminbar .quicklinks li .blavatar,
379 
 #wpadminbar .menupop .menupop > .ab-item:before {
 379 
 #wpadminbar .menupop .menupop > .ab-item:before {
380 
-  color: #f3f2f1;
380 
+  color: hsl(27.6923076923deg, 7%, 95%);
381 
 }
 381 
 }
382
382
383 
 #wpadminbar .quicklinks .menupop ul li a:hover,
 383 
 #wpadminbar .quicklinks .menupop ul li a:hover,
412
412
413 
 #wpadminbar.mobile .quicklinks .hover .ab-icon:before,
 413 
 #wpadminbar.mobile .quicklinks .hover .ab-icon:before,
414 
 #wpadminbar.mobile .quicklinks .hover .ab-item:before {
 414 
 #wpadminbar.mobile .quicklinks .hover .ab-item:before {
415 
-  color: #f3f2f1;
415 
+  color: hsl(27.6923076923deg, 7%, 95%);
416 
 }
 416 
 }
417
417
418 
 /* Admin Bar: search */
 418 
 /* Admin Bar: search */
419 
 #wpadminbar #adminbarsearch:before {
 419 
 #wpadminbar #adminbarsearch:before {
420 
-  color: #f3f2f1;
420 
+  color: hsl(27.6923076923deg, 7%, 95%);
421 
 }
 421 
 }
422
422
423 
 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
 423 
 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
553
553
554 
 /* Responsive Component */
 554 
 /* Responsive Component */
555 
 div#wp-responsive-toggle a:before {
 555 
 div#wp-responsive-toggle a:before {
556 
-  color: #f3f2f1;
556 
+  color: hsl(27.6923076923deg, 7%, 95%);
557 
 }
 557 
 }
558
558
559 
 .wp-responsive-open div#wp-responsive-toggle a {
 559 
 .wp-responsive-open div#wp-responsive-toggle a {
566 
 }
 566 
 }
567
567
568 
 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
 568 
 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
569 
-  color: #f3f2f1;
569 
+  color: hsl(27.6923076923deg, 7%, 95%);
570 
 }
 570 
 }
571
571
572 
 /* TinyMCE */
 572 
 /* TinyMCE */
669 
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
 669 
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
670 
   border-bottom-color: #c7a589;
 670 
   border-bottom-color: #c7a589;
671 
   color: #0073aa;
 671 
   color: #0073aa;
672 
+}
673 
+
674 
+/* Welcome Panel */
675 
+.welcome-panel {
676 
+  background-color: #f8f4f1;
677 
+}
678 
+
679 
+.welcome-panel-header-image .about-six {
680 
+  fill: #c7a589;
681 
+}
682 
+
683 
+.welcome-panel-header-image .about-zero {
684 
+  fill: #59524c;
685 
+}
686 
+
687 
+[class*=welcome-panel-icon] {
688 
+  background-color: #59524c;
672 
 }
 689 
 }

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/colors/coffee/colors.min.css


+ 1 - 0
app/wp-admin/css/colors/coffee/colors.scss
View File

1 
+$scheme-name: "coffee";
1 
 $base-color: #59524c;
 2 
 $base-color: #59524c;
2 
 $highlight-color: #c7a589;
 3 
 $highlight-color: #c7a589;
3 
 $notification-color: #9ea476;
 4 
 $notification-color: #9ea476;

+ 17 - 0
app/wp-admin/css/colors/ectoplasm/colors-rtl.css
View File

702 
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
 702 
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
703 
   border-bottom-color: #a3b745;
 703 
   border-bottom-color: #a3b745;
704 
   color: #0073aa;
 704 
   color: #0073aa;
705 
+}
706 
+
707 
+/* Welcome Panel */
708 
+.welcome-panel {
709 
+  background-color: #f4f6e9;
710 
+}
711 
+
712 
+.welcome-panel-header-image .about-six {
713 
+  fill: #a3b745;
714 
+}
715 
+
716 
+.welcome-panel-header-image .about-zero {
717 
+  fill: #523f6d;
718 
+}
719 
+
720 
+[class*=welcome-panel-icon] {
721 
+  background-color: #523f6d;
705 
 }
 722 
 }

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/colors/ectoplasm/colors-rtl.min.css


+ 17 - 0
app/wp-admin/css/colors/ectoplasm/colors.css
View File

702 
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
 702 
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
703 
   border-bottom-color: #a3b745;
 703 
   border-bottom-color: #a3b745;
704 
   color: #0073aa;
 704 
   color: #0073aa;
705 
+}
706 
+
707 
+/* Welcome Panel */
708 
+.welcome-panel {
709 
+  background-color: #f4f6e9;
710 
+}
711 
+
712 
+.welcome-panel-header-image .about-six {
713 
+  fill: #a3b745;
714 
+}
715 
+
716 
+.welcome-panel-header-image .about-zero {
717 
+  fill: #523f6d;
718 
+}
719 
+
720 
+[class*=welcome-panel-icon] {
721 
+  background-color: #523f6d;
705 
 }
 722 
 }

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/colors/ectoplasm/colors.min.css


+ 1 - 0
app/wp-admin/css/colors/ectoplasm/colors.scss
View File

1 
+$scheme-name: "ectoplasm";
1 
 $base-color: #523f6d;
 2 
 $base-color: #523f6d;
2 
 $icon-color: #ece6f6;
 3 
 $icon-color: #ece6f6;
3 
 $highlight-color: #a3b745;
 4 
 $highlight-color: #a3b745;

+ 17 - 0
app/wp-admin/css/colors/light/colors-rtl.css
View File

704 
   color: #0073aa;
 704 
   color: #0073aa;
705 
 }
 705 
 }
706
706
707 
+/* Welcome Panel */
708 
+.welcome-panel {
709 
+  background-color: #e1f4f9;
710 
+}
711 
+
712 
+.welcome-panel-header-image .about-six {
713 
+  fill: #04a4cc;
714 
+}
715 
+
716 
+.welcome-panel-header-image .about-zero {
717 
+  fill: #999;
718 
+}
719 
+
720 
+[class*=welcome-panel-icon] {
721 
+  background-color: #333;
722 
+}
723 
+
707 
 /* Override the theme filter highlight color for this scheme */
 724 
 /* Override the theme filter highlight color for this scheme */
708 
 .theme-section.current,
 725 
 .theme-section.current,
709 
 .theme-filter.current {
 726 
 .theme-filter.current {

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/colors/light/colors-rtl.min.css


+ 17 - 0
app/wp-admin/css/colors/light/colors.css
View File

704 
   color: #0073aa;
 704 
   color: #0073aa;
705 
 }
 705 
 }
706
706
707 
+/* Welcome Panel */
708 
+.welcome-panel {
709 
+  background-color: #e1f4f9;
710 
+}
711 
+
712 
+.welcome-panel-header-image .about-six {
713 
+  fill: #04a4cc;
714 
+}
715 
+
716 
+.welcome-panel-header-image .about-zero {
717 
+  fill: #999;
718 
+}
719 
+
720 
+[class*=welcome-panel-icon] {
721 
+  background-color: #333;
722 
+}
723 
+
707 
 /* Override the theme filter highlight color for this scheme */
 724 
 /* Override the theme filter highlight color for this scheme */
708 
 .theme-section.current,
 725 
 .theme-section.current,
709 
 .theme-filter.current {
 726 
 .theme-filter.current {

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/colors/light/colors.min.css


+ 4 - 0
app/wp-admin/css/colors/light/colors.scss
View File

1 
+$scheme-name: "light";
1 
 $base-color: #e5e5e5;
 2 
 $base-color: #e5e5e5;
2 
 $icon-color: #999;
 3 
 $icon-color: #999;
3 
 $text-color: #333;
 4 
 $text-color: #333;
17 
 $menu-collapse-text: #777;
 18 
 $menu-collapse-text: #777;
18 
 $menu-collapse-focus-icon: #555;
 19 
 $menu-collapse-focus-icon: #555;
19
20
21 
+$dashboard-accent-2: $icon-color;
22 
+$dashboard-icon-background: $text-color;
23 
+
20 
 @import "../_admin.scss";
 24 
 @import "../_admin.scss";
21
25
22 
 /* Override the theme filter highlight color for this scheme */
 26 
 /* Override the theme filter highlight color for this scheme */

+ 26 - 9
app/wp-admin/css/colors/midnight/colors-rtl.css
View File

188 
   color: #69a8bb;
 188 
   color: #69a8bb;
189 
 }
 189 
 }
190 
 .wp-core-ui .wp-ui-text-icon {
 190 
 .wp-core-ui .wp-ui-text-icon {
191 
-  color: #f1f2f3;
191 
+  color: hsl(206.6666666667deg, 7%, 95%);
192 
 }
 192 
 }
193
193
194 
 /* List tables */
 194 
 /* List tables */
229 
 }
 229 
 }
230
230
231 
 #adminmenu div.wp-menu-image:before {
 231 
 #adminmenu div.wp-menu-image:before {
232 
-  color: #f1f2f3;
232 
+  color: hsl(206.6666666667deg, 7%, 95%);
233 
 }
 233 
 }
234
234
235 
 #adminmenu a:hover,
 235 
 #adminmenu a:hover,
341
341
342 
 /* Admin Menu: collapse button */
 342 
 /* Admin Menu: collapse button */
343 
 #collapse-button {
 343 
 #collapse-button {
344 
-  color: #f1f2f3;
344 
+  color: hsl(206.6666666667deg, 7%, 95%);
345 
 }
 345 
 }
346
346
347 
 #collapse-button:hover,
 347 
 #collapse-button:hover,
366 
 #wpadminbar .ab-icon:before,
 366 
 #wpadminbar .ab-icon:before,
367 
 #wpadminbar .ab-item:before,
 367 
 #wpadminbar .ab-item:before,
368 
 #wpadminbar .ab-item:after {
 368 
 #wpadminbar .ab-item:after {
369 
-  color: #f1f2f3;
369 
+  color: hsl(206.6666666667deg, 7%, 95%);
370 
 }
 370 
 }
371
371
372 
 #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
 372 
 #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
410
410
411 
 #wpadminbar .quicklinks li .blavatar,
 411 
 #wpadminbar .quicklinks li .blavatar,
412 
 #wpadminbar .menupop .menupop > .ab-item:before {
 412 
 #wpadminbar .menupop .menupop > .ab-item:before {
413 
-  color: #f1f2f3;
413 
+  color: hsl(206.6666666667deg, 7%, 95%);
414 
 }
 414 
 }
415
415
416 
 #wpadminbar .quicklinks .menupop ul li a:hover,
 416 
 #wpadminbar .quicklinks .menupop ul li a:hover,
445
445
446 
 #wpadminbar.mobile .quicklinks .hover .ab-icon:before,
 446 
 #wpadminbar.mobile .quicklinks .hover .ab-icon:before,
447 
 #wpadminbar.mobile .quicklinks .hover .ab-item:before {
 447 
 #wpadminbar.mobile .quicklinks .hover .ab-item:before {
448 
-  color: #f1f2f3;
448 
+  color: hsl(206.6666666667deg, 7%, 95%);
449 
 }
 449 
 }
450
450
451 
 /* Admin Bar: search */
 451 
 /* Admin Bar: search */
452 
 #wpadminbar #adminbarsearch:before {
 452 
 #wpadminbar #adminbarsearch:before {
453 
-  color: #f1f2f3;
453 
+  color: hsl(206.6666666667deg, 7%, 95%);
454 
 }
 454 
 }
455
455
456 
 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
 456 
 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
586
586
587 
 /* Responsive Component */
 587 
 /* Responsive Component */
588 
 div#wp-responsive-toggle a:before {
 588 
 div#wp-responsive-toggle a:before {
589 
-  color: #f1f2f3;
589 
+  color: hsl(206.6666666667deg, 7%, 95%);
590 
 }
 590 
 }
591
591
592 
 .wp-responsive-open div#wp-responsive-toggle a {
 592 
 .wp-responsive-open div#wp-responsive-toggle a {
599 
 }
 599 
 }
600
600
601 
 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
 601 
 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
602 
-  color: #f1f2f3;
602 
+  color: hsl(206.6666666667deg, 7%, 95%);
603 
 }
 603 
 }
604
604
605 
 /* TinyMCE */
 605 
 /* TinyMCE */
702 
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
 702 
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
703 
   border-bottom-color: #e14d43;
 703 
   border-bottom-color: #e14d43;
704 
   color: #0073aa;
 704 
   color: #0073aa;
705 
+}
706 
+
707 
+/* Welcome Panel */
708 
+.welcome-panel {
709 
+  background-color: #fbeae8;
710 
+}
711 
+
712 
+.welcome-panel-header-image .about-six {
713 
+  fill: #e14d43;
714 
+}
715 
+
716 
+.welcome-panel-header-image .about-zero {
717 
+  fill: #363b3f;
718 
+}
719 
+
720 
+[class*=welcome-panel-icon] {
721 
+  background-color: #e14d43;
705 
 }
 722 
 }

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/colors/midnight/colors-rtl.min.css


+ 26 - 9
app/wp-admin/css/colors/midnight/colors.css
View File

188 
   color: #69a8bb;
 188 
   color: #69a8bb;
189 
 }
 189 
 }
190 
 .wp-core-ui .wp-ui-text-icon {
 190 
 .wp-core-ui .wp-ui-text-icon {
191 
-  color: #f1f2f3;
191 
+  color: hsl(206.6666666667deg, 7%, 95%);
192 
 }
 192 
 }
193
193
194 
 /* List tables */
 194 
 /* List tables */
229 
 }
 229 
 }
230
230
231 
 #adminmenu div.wp-menu-image:before {
 231 
 #adminmenu div.wp-menu-image:before {
232 
-  color: #f1f2f3;
232 
+  color: hsl(206.6666666667deg, 7%, 95%);
233 
 }
 233 
 }
234
234
235 
 #adminmenu a:hover,
 235 
 #adminmenu a:hover,
341
341
342 
 /* Admin Menu: collapse button */
 342 
 /* Admin Menu: collapse button */
343 
 #collapse-button {
 343 
 #collapse-button {
344 
-  color: #f1f2f3;
344 
+  color: hsl(206.6666666667deg, 7%, 95%);
345 
 }
 345 
 }
346
346
347 
 #collapse-button:hover,
 347 
 #collapse-button:hover,
366 
 #wpadminbar .ab-icon:before,
 366 
 #wpadminbar .ab-icon:before,
367 
 #wpadminbar .ab-item:before,
 367 
 #wpadminbar .ab-item:before,
368 
 #wpadminbar .ab-item:after {
 368 
 #wpadminbar .ab-item:after {
369 
-  color: #f1f2f3;
369 
+  color: hsl(206.6666666667deg, 7%, 95%);
370 
 }
 370 
 }
371
371
372 
 #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
 372 
 #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
410
410
411 
 #wpadminbar .quicklinks li .blavatar,
 411 
 #wpadminbar .quicklinks li .blavatar,
412 
 #wpadminbar .menupop .menupop > .ab-item:before {
 412 
 #wpadminbar .menupop .menupop > .ab-item:before {
413 
-  color: #f1f2f3;
413 
+  color: hsl(206.6666666667deg, 7%, 95%);
414 
 }
 414 
 }
415
415
416 
 #wpadminbar .quicklinks .menupop ul li a:hover,
 416 
 #wpadminbar .quicklinks .menupop ul li a:hover,
445
445
446 
 #wpadminbar.mobile .quicklinks .hover .ab-icon:before,
 446 
 #wpadminbar.mobile .quicklinks .hover .ab-icon:before,
447 
 #wpadminbar.mobile .quicklinks .hover .ab-item:before {
 447 
 #wpadminbar.mobile .quicklinks .hover .ab-item:before {
448 
-  color: #f1f2f3;
448 
+  color: hsl(206.6666666667deg, 7%, 95%);
449 
 }
 449 
 }
450
450
451 
 /* Admin Bar: search */
 451 
 /* Admin Bar: search */
452 
 #wpadminbar #adminbarsearch:before {
 452 
 #wpadminbar #adminbarsearch:before {
453 
-  color: #f1f2f3;
453 
+  color: hsl(206.6666666667deg, 7%, 95%);
454 
 }
 454 
 }
455
455
456 
 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
 456 
 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
586
586
587 
 /* Responsive Component */
 587 
 /* Responsive Component */
588 
 div#wp-responsive-toggle a:before {
 588 
 div#wp-responsive-toggle a:before {
589 
-  color: #f1f2f3;
589 
+  color: hsl(206.6666666667deg, 7%, 95%);
590 
 }
 590 
 }
591
591
592 
 .wp-responsive-open div#wp-responsive-toggle a {
 592 
 .wp-responsive-open div#wp-responsive-toggle a {
599 
 }
 599 
 }
600
600
601 
 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
 601 
 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
602 
-  color: #f1f2f3;
602 
+  color: hsl(206.6666666667deg, 7%, 95%);
603 
 }
 603 
 }
604
604
605 
 /* TinyMCE */
 605 
 /* TinyMCE */
702 
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
 702 
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
703 
   border-bottom-color: #e14d43;
 703 
   border-bottom-color: #e14d43;
704 
   color: #0073aa;
 704 
   color: #0073aa;
705 
+}
706 
+
707 
+/* Welcome Panel */
708 
+.welcome-panel {
709 
+  background-color: #fbeae8;
710 
+}
711 
+
712 
+.welcome-panel-header-image .about-six {
713 
+  fill: #e14d43;
714 
+}
715 
+
716 
+.welcome-panel-header-image .about-zero {
717 
+  fill: #363b3f;
718 
+}
719 
+
720 
+[class*=welcome-panel-icon] {
721 
+  background-color: #e14d43;
705 
 }
 722 
 }

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/colors/midnight/colors.min.css


+ 3 - 0
app/wp-admin/css/colors/midnight/colors.scss
View File

1 
+$scheme-name: "midnight";
1 
 $base-color: #363b3f;
 2 
 $base-color: #363b3f;
2 
 $highlight-color: #e14d43;
 3 
 $highlight-color: #e14d43;
3 
 $notification-color: #69a8bb;
 4 
 $notification-color: #69a8bb;
4
5
6 
+$dashboard-icon-background: $highlight-color;
7 
+
5 
 @import "../_admin.scss";
 8 
 @import "../_admin.scss";

+ 26 - 9
app/wp-admin/css/colors/modern/colors-rtl.css
View File

188 
   color: #3858e9;
 188 
   color: #3858e9;
189 
 }
 189 
 }
190 
 .wp-core-ui .wp-ui-text-icon {
 190 
 .wp-core-ui .wp-ui-text-icon {
191 
-  color: #f3f1f1;
191 
+  color: hsl(0deg, 7%, 95%);
192 
 }
 192 
 }
193
193
194 
 /* List tables */
 194 
 /* List tables */
229 
 }
 229 
 }
230
230
231 
 #adminmenu div.wp-menu-image:before {
 231 
 #adminmenu div.wp-menu-image:before {
232 
-  color: #f3f1f1;
232 
+  color: hsl(0deg, 7%, 95%);
233 
 }
 233 
 }
234
234
235 
 #adminmenu a:hover,
 235 
 #adminmenu a:hover,
341
341
342 
 /* Admin Menu: collapse button */
 342 
 /* Admin Menu: collapse button */
343 
 #collapse-button {
 343 
 #collapse-button {
344 
-  color: #f3f1f1;
344 
+  color: hsl(0deg, 7%, 95%);
345 
 }
 345 
 }
346
346
347 
 #collapse-button:hover,
 347 
 #collapse-button:hover,
366 
 #wpadminbar .ab-icon:before,
 366 
 #wpadminbar .ab-icon:before,
367 
 #wpadminbar .ab-item:before,
 367 
 #wpadminbar .ab-item:before,
368 
 #wpadminbar .ab-item:after {
 368 
 #wpadminbar .ab-item:after {
369 
-  color: #f3f1f1;
369 
+  color: hsl(0deg, 7%, 95%);
370 
 }
 370 
 }
371
371
372 
 #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
 372 
 #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
410
410
411 
 #wpadminbar .quicklinks li .blavatar,
 411 
 #wpadminbar .quicklinks li .blavatar,
412 
 #wpadminbar .menupop .menupop > .ab-item:before {
 412 
 #wpadminbar .menupop .menupop > .ab-item:before {
413 
-  color: #f3f1f1;
413 
+  color: hsl(0deg, 7%, 95%);
414 
 }
 414 
 }
415
415
416 
 #wpadminbar .quicklinks .menupop ul li a:hover,
 416 
 #wpadminbar .quicklinks .menupop ul li a:hover,
445
445
446 
 #wpadminbar.mobile .quicklinks .hover .ab-icon:before,
 446 
 #wpadminbar.mobile .quicklinks .hover .ab-icon:before,
447 
 #wpadminbar.mobile .quicklinks .hover .ab-item:before {
 447 
 #wpadminbar.mobile .quicklinks .hover .ab-item:before {
448 
-  color: #f3f1f1;
448 
+  color: hsl(0deg, 7%, 95%);
449 
 }
 449 
 }
450
450
451 
 /* Admin Bar: search */
 451 
 /* Admin Bar: search */
452 
 #wpadminbar #adminbarsearch:before {
 452 
 #wpadminbar #adminbarsearch:before {
453 
-  color: #f3f1f1;
453 
+  color: hsl(0deg, 7%, 95%);
454 
 }
 454 
 }
455
455
456 
 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
 456 
 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
586
586
587 
 /* Responsive Component */
 587 
 /* Responsive Component */
588 
 div#wp-responsive-toggle a:before {
 588 
 div#wp-responsive-toggle a:before {
589 
-  color: #f3f1f1;
589 
+  color: hsl(0deg, 7%, 95%);
590 
 }
 590 
 }
591
591
592 
 .wp-responsive-open div#wp-responsive-toggle a {
 592 
 .wp-responsive-open div#wp-responsive-toggle a {
599 
 }
 599 
 }
600
600
601 
 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
 601 
 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
602 
-  color: #f3f1f1;
602 
+  color: hsl(0deg, 7%, 95%);
603 
 }
 603 
 }
604
604
605 
 /* TinyMCE */
 605 
 /* TinyMCE */
702 
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
 702 
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
703 
   border-bottom-color: #3858e9;
 703 
   border-bottom-color: #3858e9;
704 
   color: #3858e9;
 704 
   color: #3858e9;
705 
+}
706 
+
707 
+/* Welcome Panel */
708 
+.welcome-panel {
709 
+  background-color: #e7ebfc;
710 
+}
711 
+
712 
+.welcome-panel-header-image .about-six {
713 
+  fill: #3858e9;
714 
+}
715 
+
716 
+.welcome-panel-header-image .about-zero {
717 
+  fill: #1b8362;
718 
+}
719 
+
720 
+[class*=welcome-panel-icon] {
721 
+  background-color: #1d2327;
705 
 }
 722 
 }

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/colors/modern/colors-rtl.min.css


+ 26 - 9
app/wp-admin/css/colors/modern/colors.css
View File

188 
   color: #3858e9;
 188 
   color: #3858e9;
189 
 }
 189 
 }
190 
 .wp-core-ui .wp-ui-text-icon {
 190 
 .wp-core-ui .wp-ui-text-icon {
191 
-  color: #f3f1f1;
191 
+  color: hsl(0deg, 7%, 95%);
192 
 }
 192 
 }
193
193
194 
 /* List tables */
 194 
 /* List tables */
229 
 }
 229 
 }
230
230
231 
 #adminmenu div.wp-menu-image:before {
 231 
 #adminmenu div.wp-menu-image:before {
232 
-  color: #f3f1f1;
232 
+  color: hsl(0deg, 7%, 95%);
233 
 }
 233 
 }
234
234
235 
 #adminmenu a:hover,
 235 
 #adminmenu a:hover,
341
341
342 
 /* Admin Menu: collapse button */
 342 
 /* Admin Menu: collapse button */
343 
 #collapse-button {
 343 
 #collapse-button {
344 
-  color: #f3f1f1;
344 
+  color: hsl(0deg, 7%, 95%);
345 
 }
 345 
 }
346
346
347 
 #collapse-button:hover,
 347 
 #collapse-button:hover,
366 
 #wpadminbar .ab-icon:before,
 366 
 #wpadminbar .ab-icon:before,
367 
 #wpadminbar .ab-item:before,
 367 
 #wpadminbar .ab-item:before,
368 
 #wpadminbar .ab-item:after {
 368 
 #wpadminbar .ab-item:after {
369 
-  color: #f3f1f1;
369 
+  color: hsl(0deg, 7%, 95%);
370 
 }
 370 
 }
371
371
372 
 #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
 372 
 #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
410
410
411 
 #wpadminbar .quicklinks li .blavatar,
 411 
 #wpadminbar .quicklinks li .blavatar,
412 
 #wpadminbar .menupop .menupop > .ab-item:before {
 412 
 #wpadminbar .menupop .menupop > .ab-item:before {
413 
-  color: #f3f1f1;
413 
+  color: hsl(0deg, 7%, 95%);
414 
 }
 414 
 }
415
415
416 
 #wpadminbar .quicklinks .menupop ul li a:hover,
 416 
 #wpadminbar .quicklinks .menupop ul li a:hover,
445
445
446 
 #wpadminbar.mobile .quicklinks .hover .ab-icon:before,
 446 
 #wpadminbar.mobile .quicklinks .hover .ab-icon:before,
447 
 #wpadminbar.mobile .quicklinks .hover .ab-item:before {
 447 
 #wpadminbar.mobile .quicklinks .hover .ab-item:before {
448 
-  color: #f3f1f1;
448 
+  color: hsl(0deg, 7%, 95%);
449 
 }
 449 
 }
450
450
451 
 /* Admin Bar: search */
 451 
 /* Admin Bar: search */
452 
 #wpadminbar #adminbarsearch:before {
 452 
 #wpadminbar #adminbarsearch:before {
453 
-  color: #f3f1f1;
453 
+  color: hsl(0deg, 7%, 95%);
454 
 }
 454 
 }
455
455
456 
 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
 456 
 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
586
586
587 
 /* Responsive Component */
 587 
 /* Responsive Component */
588 
 div#wp-responsive-toggle a:before {
 588 
 div#wp-responsive-toggle a:before {
589 
-  color: #f3f1f1;
589 
+  color: hsl(0deg, 7%, 95%);
590 
 }
 590 
 }
591
591
592 
 .wp-responsive-open div#wp-responsive-toggle a {
 592 
 .wp-responsive-open div#wp-responsive-toggle a {
599 
 }
 599 
 }
600
600
601 
 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
 601 
 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
602 
-  color: #f3f1f1;
602 
+  color: hsl(0deg, 7%, 95%);
603 
 }
 603 
 }
604
604
605 
 /* TinyMCE */
 605 
 /* TinyMCE */
702 
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
 702 
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
703 
   border-bottom-color: #3858e9;
 703 
   border-bottom-color: #3858e9;
704 
   color: #3858e9;
 704 
   color: #3858e9;
705 
+}
706 
+
707 
+/* Welcome Panel */
708 
+.welcome-panel {
709 
+  background-color: #e7ebfc;
710 
+}
711 
+
712 
+.welcome-panel-header-image .about-six {
713 
+  fill: #3858e9;
714 
+}
715 
+
716 
+.welcome-panel-header-image .about-zero {
717 
+  fill: #1b8362;
718 
+}
719 
+
720 
+[class*=welcome-panel-icon] {
721 
+  background-color: #1d2327;
705 
 }
 722 
 }

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/colors/modern/colors.min.css


+ 5 - 0
app/wp-admin/css/colors/modern/colors.scss
View File

1 
+$scheme-name: "modern";
1 
 $base-color: #1e1e1e;
 2 
 $base-color: #1e1e1e;
2 
 $highlight-color: #3858e9;
 3 
 $highlight-color: #3858e9;
3 
 $menu-submenu-focus-text: #33f078;
 4 
 $menu-submenu-focus-text: #33f078;
6 
 $link: $highlight-color;
 7 
 $link: $highlight-color;
7 
 $link-focus: darken($highlight-color, 10%);
 8 
 $link-focus: darken($highlight-color, 10%);
8
9
10 
+$dashboard-accent-1: #3858e9;
11 
+$dashboard-accent-2: #1b8362;
12 
+$dashboard-icon-background: #1d2327;
13 
+
9 
 @import "../_admin.scss";
 14 
 @import "../_admin.scss";

+ 17 - 0
app/wp-admin/css/colors/ocean/colors-rtl.css
View File

669 
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
 669 
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
670 
   border-bottom-color: #9ebaa0;
 670 
   border-bottom-color: #9ebaa0;
671 
   color: #0073aa;
 671 
   color: #0073aa;
672 
+}
673 
+
674 
+/* Welcome Panel */
675 
+.welcome-panel {
676 
+  background-color: #f3f7f4;
677 
+}
678 
+
679 
+.welcome-panel-header-image .about-six {
680 
+  fill: #9ebaa0;
681 
+}
682 
+
683 
+.welcome-panel-header-image .about-zero {
684 
+  fill: #738e96;
685 
+}
686 
+
687 
+[class*=welcome-panel-icon] {
688 
+  background-color: #738e96;
672 
 }
 689 
 }

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/colors/ocean/colors-rtl.min.css


+ 17 - 0
app/wp-admin/css/colors/ocean/colors.css
View File

669 
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
 669 
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
670 
   border-bottom-color: #9ebaa0;
 670 
   border-bottom-color: #9ebaa0;
671 
   color: #0073aa;
 671 
   color: #0073aa;
672 
+}
673 
+
674 
+/* Welcome Panel */
675 
+.welcome-panel {
676 
+  background-color: #f3f7f4;
677 
+}
678 
+
679 
+.welcome-panel-header-image .about-six {
680 
+  fill: #9ebaa0;
681 
+}
682 
+
683 
+.welcome-panel-header-image .about-zero {
684 
+  fill: #738e96;
685 
+}
686 
+
687 
+[class*=welcome-panel-icon] {
688 
+  background-color: #738e96;
672 
 }
 689 
 }

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/colors/ocean/colors.min.css


+ 1 - 0
app/wp-admin/css/colors/ocean/colors.scss
View File

1 
+$scheme-name: "ocean";
1 
 $base-color: #738e96;
 2 
 $base-color: #738e96;
2 
 $icon-color: #f2fcff;
 3 
 $icon-color: #f2fcff;
3 
 $highlight-color: #9ebaa0;
 4 
 $highlight-color: #9ebaa0;

+ 26 - 9
app/wp-admin/css/colors/sunrise/colors-rtl.css
View File

188 
   color: #ccaf0b;
 188 
   color: #ccaf0b;
189 
 }
 189 
 }
190 
 .wp-core-ui .wp-ui-text-icon {
 190 
 .wp-core-ui .wp-ui-text-icon {
191 
-  color: #f3f1f1;
191 
+  color: hsl(2.1582733813deg, 7%, 95%);
192 
 }
 192 
 }
193
193
194 
 /* List tables */
 194 
 /* List tables */
229 
 }
 229 
 }
230
230
231 
 #adminmenu div.wp-menu-image:before {
 231 
 #adminmenu div.wp-menu-image:before {
232 
-  color: #f3f1f1;
232 
+  color: hsl(2.1582733813deg, 7%, 95%);
233 
 }
 233 
 }
234
234
235 
 #adminmenu a:hover,
 235 
 #adminmenu a:hover,
341
341
342 
 /* Admin Menu: collapse button */
 342 
 /* Admin Menu: collapse button */
343 
 #collapse-button {
 343 
 #collapse-button {
344 
-  color: #f3f1f1;
344 
+  color: hsl(2.1582733813deg, 7%, 95%);
345 
 }
 345 
 }
346
346
347 
 #collapse-button:hover,
 347 
 #collapse-button:hover,
366 
 #wpadminbar .ab-icon:before,
 366 
 #wpadminbar .ab-icon:before,
367 
 #wpadminbar .ab-item:before,
 367 
 #wpadminbar .ab-item:before,
368 
 #wpadminbar .ab-item:after {
 368 
 #wpadminbar .ab-item:after {
369 
-  color: #f3f1f1;
369 
+  color: hsl(2.1582733813deg, 7%, 95%);
370 
 }
 370 
 }
371
371
372 
 #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
 372 
 #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
410
410
411 
 #wpadminbar .quicklinks li .blavatar,
 411 
 #wpadminbar .quicklinks li .blavatar,
412 
 #wpadminbar .menupop .menupop > .ab-item:before {
 412 
 #wpadminbar .menupop .menupop > .ab-item:before {
413 
-  color: #f3f1f1;
413 
+  color: hsl(2.1582733813deg, 7%, 95%);
414 
 }
 414 
 }
415
415
416 
 #wpadminbar .quicklinks .menupop ul li a:hover,
 416 
 #wpadminbar .quicklinks .menupop ul li a:hover,
445
445
446 
 #wpadminbar.mobile .quicklinks .hover .ab-icon:before,
 446 
 #wpadminbar.mobile .quicklinks .hover .ab-icon:before,
447 
 #wpadminbar.mobile .quicklinks .hover .ab-item:before {
 447 
 #wpadminbar.mobile .quicklinks .hover .ab-item:before {
448 
-  color: #f3f1f1;
448 
+  color: hsl(2.1582733813deg, 7%, 95%);
449 
 }
 449 
 }
450
450
451 
 /* Admin Bar: search */
 451 
 /* Admin Bar: search */
452 
 #wpadminbar #adminbarsearch:before {
 452 
 #wpadminbar #adminbarsearch:before {
453 
-  color: #f3f1f1;
453 
+  color: hsl(2.1582733813deg, 7%, 95%);
454 
 }
 454 
 }
455
455
456 
 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
 456 
 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
586
586
587 
 /* Responsive Component */
 587 
 /* Responsive Component */
588 
 div#wp-responsive-toggle a:before {
 588 
 div#wp-responsive-toggle a:before {
589 
-  color: #f3f1f1;
589 
+  color: hsl(2.1582733813deg, 7%, 95%);
590 
 }
 590 
 }
591
591
592 
 .wp-responsive-open div#wp-responsive-toggle a {
 592 
 .wp-responsive-open div#wp-responsive-toggle a {
599 
 }
 599 
 }
600
600
601 
 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
 601 
 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
602 
-  color: #f3f1f1;
602 
+  color: hsl(2.1582733813deg, 7%, 95%);
603 
 }
 603 
 }
604
604
605 
 /* TinyMCE */
 605 
 /* TinyMCE */
702 
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
 702 
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
703 
   border-bottom-color: #dd823b;
 703 
   border-bottom-color: #dd823b;
704 
   color: #0073aa;
 704 
   color: #0073aa;
705 
+}
706 
+
707 
+/* Welcome Panel */
708 
+.welcome-panel {
709 
+  background-color: #fbf0e7;
710 
+}
711 
+
712 
+.welcome-panel-header-image .about-six {
713 
+  fill: #dd823b;
714 
+}
715 
+
716 
+.welcome-panel-header-image .about-zero {
717 
+  fill: #cf4944;
718 
+}
719 
+
720 
+[class*=welcome-panel-icon] {
721 
+  background-color: #cf4944;
705 
 }
 722 
 }

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/colors/sunrise/colors-rtl.min.css


+ 26 - 9
app/wp-admin/css/colors/sunrise/colors.css
View File

188 
   color: #ccaf0b;
 188 
   color: #ccaf0b;
189 
 }
 189 
 }
190 
 .wp-core-ui .wp-ui-text-icon {
 190 
 .wp-core-ui .wp-ui-text-icon {
191 
-  color: #f3f1f1;
191 
+  color: hsl(2.1582733813deg, 7%, 95%);
192 
 }
 192 
 }
193
193
194 
 /* List tables */
 194 
 /* List tables */
229 
 }
 229 
 }
230
230
231 
 #adminmenu div.wp-menu-image:before {
 231 
 #adminmenu div.wp-menu-image:before {
232 
-  color: #f3f1f1;
232 
+  color: hsl(2.1582733813deg, 7%, 95%);
233 
 }
 233 
 }
234
234
235 
 #adminmenu a:hover,
 235 
 #adminmenu a:hover,
341
341
342 
 /* Admin Menu: collapse button */
 342 
 /* Admin Menu: collapse button */
343 
 #collapse-button {
 343 
 #collapse-button {
344 
-  color: #f3f1f1;
344 
+  color: hsl(2.1582733813deg, 7%, 95%);
345 
 }
 345 
 }
346
346
347 
 #collapse-button:hover,
 347 
 #collapse-button:hover,
366 
 #wpadminbar .ab-icon:before,
 366 
 #wpadminbar .ab-icon:before,
367 
 #wpadminbar .ab-item:before,
 367 
 #wpadminbar .ab-item:before,
368 
 #wpadminbar .ab-item:after {
 368 
 #wpadminbar .ab-item:after {
369 
-  color: #f3f1f1;
369 
+  color: hsl(2.1582733813deg, 7%, 95%);
370 
 }
 370 
 }
371
371
372 
 #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
 372 
 #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
410
410
411 
 #wpadminbar .quicklinks li .blavatar,
 411 
 #wpadminbar .quicklinks li .blavatar,
412 
 #wpadminbar .menupop .menupop > .ab-item:before {
 412 
 #wpadminbar .menupop .menupop > .ab-item:before {
413 
-  color: #f3f1f1;
413 
+  color: hsl(2.1582733813deg, 7%, 95%);
414 
 }
 414 
 }
415
415
416 
 #wpadminbar .quicklinks .menupop ul li a:hover,
 416 
 #wpadminbar .quicklinks .menupop ul li a:hover,
445
445
446 
 #wpadminbar.mobile .quicklinks .hover .ab-icon:before,
 446 
 #wpadminbar.mobile .quicklinks .hover .ab-icon:before,
447 
 #wpadminbar.mobile .quicklinks .hover .ab-item:before {
 447 
 #wpadminbar.mobile .quicklinks .hover .ab-item:before {
448 
-  color: #f3f1f1;
448 
+  color: hsl(2.1582733813deg, 7%, 95%);
449 
 }
 449 
 }
450
450
451 
 /* Admin Bar: search */
 451 
 /* Admin Bar: search */
452 
 #wpadminbar #adminbarsearch:before {
 452 
 #wpadminbar #adminbarsearch:before {
453 
-  color: #f3f1f1;
453 
+  color: hsl(2.1582733813deg, 7%, 95%);
454 
 }
 454 
 }
455
455
456 
 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
 456 
 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
586
586
587 
 /* Responsive Component */
 587 
 /* Responsive Component */
588 
 div#wp-responsive-toggle a:before {
 588 
 div#wp-responsive-toggle a:before {
589 
-  color: #f3f1f1;
589 
+  color: hsl(2.1582733813deg, 7%, 95%);
590 
 }
 590 
 }
591
591
592 
 .wp-responsive-open div#wp-responsive-toggle a {
 592 
 .wp-responsive-open div#wp-responsive-toggle a {
599 
 }
 599 
 }
600
600
601 
 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
 601 
 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
602 
-  color: #f3f1f1;
602 
+  color: hsl(2.1582733813deg, 7%, 95%);
603 
 }
 603 
 }
604
604
605 
 /* TinyMCE */
 605 
 /* TinyMCE */
702 
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
 702 
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
703 
   border-bottom-color: #dd823b;
 703 
   border-bottom-color: #dd823b;
704 
   color: #0073aa;
 704 
   color: #0073aa;
705 
+}
706 
+
707 
+/* Welcome Panel */
708 
+.welcome-panel {
709 
+  background-color: #fbf0e7;
710 
+}
711 
+
712 
+.welcome-panel-header-image .about-six {
713 
+  fill: #dd823b;
714 
+}
715 
+
716 
+.welcome-panel-header-image .about-zero {
717 
+  fill: #cf4944;
718 
+}
719 
+
720 
+[class*=welcome-panel-icon] {
721 
+  background-color: #cf4944;
705 
 }
 722 
 }

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/colors/sunrise/colors.min.css


+ 1 - 0
app/wp-admin/css/colors/sunrise/colors.scss
View File

1 
+$scheme-name: "sunrise";
1 
 $base-color: #cf4944;
 2 
 $base-color: #cf4944;
2 
 $highlight-color: #dd823b;
 3 
 $highlight-color: #dd823b;
3 
 $notification-color: #ccaf0b;
 4 
 $notification-color: #ccaf0b;

+ 22 - 25
app/wp-admin/css/common-rtl.css
View File

271
271
272 
 a:focus,
 272 
 a:focus,
273 
 a:focus .media-icon img,
 273 
 a:focus .media-icon img,
274 
+a:focus .plugin-icon,
274 
 .wp-person a:focus .gravatar {
 275 
 .wp-person a:focus .gravatar {
275 
 	color: #043959;
 276 
 	color: #043959;
276 
 	box-shadow:
 277 
 	box-shadow:
418
419
419 
 kbd,
 420 
 kbd,
420 
 code {
 421 
 code {
421 
-	padding: 3px 5px 2px 5px;
422 
+	padding: 3px 5px 2px;
422 
 	margin: 0 1px;
 423 
 	margin: 0 1px;
423 
 	background: #f0f0f1;
 424 
 	background: #f0f0f1;
424 
 	background: rgba(0, 0, 0, 0.07);
 425 
 	background: rgba(0, 0, 0, 0.07);
583 
 	font-size: 23px;
 584 
 	font-size: 23px;
584 
 	font-weight: 400;
 585 
 	font-weight: 400;
585 
 	margin: 0;
 586 
 	margin: 0;
586 
-	padding: 9px 0 4px 0;
587 
+	padding: 9px 0 4px;
587 
 	line-height: 1.3;
 588 
 	line-height: 1.3;
588 
 }
 589 
 }
589
590
789 
 /* @todo can we combine these into a class or use an existing dashicon one? */
 790 
 /* @todo can we combine these into a class or use an existing dashicon one? */
790 
 .welcome-panel .welcome-panel-close:before,
 791 
 .welcome-panel .welcome-panel-close:before,
791 
 .tagchecklist .ntdelbutton .remove-tag-icon:before,
 792 
 .tagchecklist .ntdelbutton .remove-tag-icon:before,
792 
-#bulk-titles div a:before,
793 
+#bulk-titles .ntdelbutton:before,
793 
 .notice-dismiss:before {
 794 
 .notice-dismiss:before {
794 
 	background: none;
 795 
 	background: none;
795 
 	color: #787c82;
 796 
 	color: #787c82;
808 
 	margin: 0;
 809 
 	margin: 0;
809 
 }
 810 
 }
810
811
811 
-#bulk-titles div a:before {
812 
-	margin: 1px 0;
813 
-}
814 
-
815 
 .tagchecklist .ntdelbutton .remove-tag-icon:before {
 812 
 .tagchecklist .ntdelbutton .remove-tag-icon:before {
816 
 	margin-right: 2px;
 813 
 	margin-right: 2px;
817 
 	border-radius: 50%;
 814 
 	border-radius: 50%;
824 
 	outline: 0;
 821 
 	outline: 0;
825 
 }
 822 
 }
826
823
827 
-.welcome-panel .welcome-panel-close:hover:before,
828 
-.welcome-panel .welcome-panel-close:focus:before,
829 
 .tagchecklist .ntdelbutton:hover .remove-tag-icon:before,
 824 
 .tagchecklist .ntdelbutton:hover .remove-tag-icon:before,
830 
 .tagchecklist .ntdelbutton:focus .remove-tag-icon:before,
 825 
 .tagchecklist .ntdelbutton:focus .remove-tag-icon:before,
831 
-#bulk-titles div a:hover:before,
832 
-#bulk-titles div a:focus:before {
826 
+#bulk-titles .ntdelbutton:hover:before,
827 
+#bulk-titles .ntdelbutton:focus:before {
833 
 	color: #d63638;
 828 
 	color: #d63638;
834 
 }
 829 
 }
835
830
884 
 #media-items a.delete-permanently,
 879 
 #media-items a.delete-permanently,
885 
 #nav-menu-footer .menu-delete,
 880 
 #nav-menu-footer .menu-delete,
886 
 #delete-link a.delete,
 881 
 #delete-link a.delete,
887 
-a#remove-post-thumbnail {
882 
+a#remove-post-thumbnail,
883 
+.privacy_requests .remove-personal-data .remove-personal-data-handle {
888 
 	color: #b32d2e;
 884 
 	color: #b32d2e;
889 
 }
 885 
 }
890
886
902 
 #media-items a.delete-permanently:hover,
 898 
 #media-items a.delete-permanently:hover,
903 
 #nav-menu-footer .menu-delete:hover,
 899 
 #nav-menu-footer .menu-delete:hover,
904 
 #delete-link a.delete:hover,
 900 
 #delete-link a.delete:hover,
905 
-a#remove-post-thumbnail:hover {
901 
+a#remove-post-thumbnail:hover,
902 
+.privacy_requests .remove-personal-data .remove-personal-data-handle:hover {
906 
 	color: #b32d2e;
 903 
 	color: #b32d2e;
907 
 	border: none;
 904 
 	border: none;
908 
 }
 905 
 }
958 
 }
 955 
 }
959
956
960 
 #minor-publishing-actions {
 957 
 #minor-publishing-actions {
961 
-	padding: 10px 10px 0 10px;
958 
+	padding: 10px 10px 0;
962 
 	text-align: left;
 959 
 	text-align: left;
963 
 }
 960 
 }
964
961
1233
1230
1234 
 .filter-group .filter-group-feature label {
 1231 
 .filter-group .filter-group-feature label {
1235 
 	display: block;
 1232 
 	display: block;
1236 
-	margin: 14px 23px 14px 0px;
1233 
+	margin: 14px 23px 14px 0;
1237 
 }
 1234 
 }
1238
1235
1239 
 .filter-drawer .buttons {
 1236 
 .filter-drawer .buttons {
1610 
 form.upgrade .hint {
 1607 
 form.upgrade .hint {
1611 
 	font-style: italic;
 1608 
 	font-style: italic;
1612 
 	font-size: 85%;
 1609 
 	font-size: 85%;
1613 
-	margin: -0.5em 0 2em 0;
1610 
+	margin: -0.5em 0 2em;
1614 
 }
 1611 
 }
1615
1612
1616 
 .update-php .spinner {
 1613 
 .update-php .spinner {
1708 
 /* screen options and help tabs revert */
 1705 
 /* screen options and help tabs revert */
1709 
 #screen-meta {
 1706 
 #screen-meta {
1710 
 	display: none;
 1707 
 	display: none;
1711 
-	margin: 0 0px -1px 20px;
1708 
+	margin: 0 0 -1px 20px;
1712 
 	position: relative;
 1709 
 	position: relative;
1713 
 	background-color: #fff;
 1710 
 	background-color: #fff;
1714 
 	border: 1px solid #c3c4c7;
 1711 
 	border: 1px solid #c3c4c7;
1838
1835
1839 
 .metabox-prefs .screen-options .screen-per-page {
 1836 
 .metabox-prefs .screen-options .screen-per-page {
1840 
 	margin-left: 15px;
 1837 
 	margin-left: 15px;
1838 
+	padding-left: 0;
1841 
 }
 1839 
 }
1842
1840
1843 
 .metabox-prefs .screen-options label {
 1841 
 .metabox-prefs .screen-options label {
3144 
 	width: 300px;
 3142 
 	width: 300px;
3145 
 }
 3143 
 }
3146
3144
3147 
-/* Theme/Plugin Editor */
3145 
+/* Theme/Plugin file editor */
3148 
 .alignleft h2 {
 3146 
 .alignleft h2 {
3149 
 	margin: 0;
 3147 
 	margin: 0;
3150 
 }
 3148 
 }
3153 
 	font-family: Consolas, Monaco, monospace;
 3151 
 	font-family: Consolas, Monaco, monospace;
3154 
 	font-size: 13px;
 3152 
 	font-size: 13px;
3155 
 	background: #f6f7f7;
 3153 
 	background: #f6f7f7;
3156 
-	-moz-tab-size: 4;
3157 
 	-o-tab-size: 4;
 3154 
 	-o-tab-size: 4;
3158 
 	tab-size: 4;
 3155 
 	tab-size: 4;
3159 
 }
 3156 
 }
3197 
 }
 3194 
 }
3198
3195
3199 
 /*
 3196 
 /*
3200 
- * Styles for Theme and Plugin editors.
3197 
+ * Styles for Theme and Plugin file editors.
3201 
  */
 3198 
  */
3202
3199
3203 
 /* Hide collapsed items. */
 3200 
 /* Hide collapsed items. */
3286 
 .tree-folder > .current-file::before {
 3283 
 .tree-folder > .current-file::before {
3287 
 	right: 4px;
 3284 
 	right: 4px;
3288 
 	height: 15px;
 3285 
 	height: 15px;
3289 
-	width: 0px;
3286 
+	width: 0;
3290 
 	border-right: none;
 3287 
 	border-right: none;
3291 
 	top: 3px;
 3288 
 	top: 3px;
3292 
 }
 3289 
 }
3381 
 }
 3378 
 }
3382
3379
3383 
 #templateside li.howto {
 3380 
 #templateside li.howto {
3384 
-	padding: 6px 12px 12px 12px;
3381 
+	padding: 6px 12px 12px;
3385 
 }
 3382 
 }
3386
3383
3387 
 .theme-editor-php .highlight {
 3384 
 .theme-editor-php .highlight {
3433 
 }
 3430 
 }
3434
3431
3435 
 .widget-top .widget-action .toggle-indicator:before {
 3432 
 .widget-top .widget-action .toggle-indicator:before {
3436 
-	padding: 1px 0px 1px 2px;
3433 
+	padding: 1px 0 1px 2px;
3437 
 	border-radius: 50%;
 3434 
 	border-radius: 50%;
3438 
 }
 3435 
 }
3439
3436
3828 
 	.wrap div.updated,
 3825 
 	.wrap div.updated,
3829 
 	.wrap div.error,
 3826 
 	.wrap div.error,
3830 
 	.media-upload-form div.error {
 3827 
 	.media-upload-form div.error {
3831 
-		margin: 20px 0 10px 0;
3828 
+		margin: 20px 0 10px;
3832 
 		padding: 5px 10px;
 3829 
 		padding: 5px 10px;
3833 
 		font-size: 14px;
 3830 
 		font-size: 14px;
3834 
 		line-height: 175%;
 3831 
 		line-height: 175%;
3938 
 		right: -8px;
 3935 
 		right: -8px;
3939 
 	}
 3936 
 	}
3940 
 	.tree-folder > li::before {
 3937 
 	.tree-folder > li::before {
3941 
-		top: 0px;
3938 
+		top: 0;
3942 
 		height: 13px;
 3939 
 		height: 13px;
3943 
 	}
 3940 
 	}
3944 
 	.tree-folder > .current-file::before {
 3941 
 	.tree-folder > .current-file::before {

File diff suppressed because it is too large
+ 2 - 2
app/wp-admin/css/common-rtl.min.css


+ 22 - 25
app/wp-admin/css/common.css
View File

270
270
271 
 a:focus,
 271 
 a:focus,
272 
 a:focus .media-icon img,
 272 
 a:focus .media-icon img,
273 
+a:focus .plugin-icon,
273 
 .wp-person a:focus .gravatar {
 274 
 .wp-person a:focus .gravatar {
274 
 	color: #043959;
 275 
 	color: #043959;
275 
 	box-shadow:
 276 
 	box-shadow:
417
418
418 
 kbd,
 419 
 kbd,
419 
 code {
 420 
 code {
420 
-	padding: 3px 5px 2px 5px;
421 
+	padding: 3px 5px 2px;
421 
 	margin: 0 1px;
 422 
 	margin: 0 1px;
422 
 	background: #f0f0f1;
 423 
 	background: #f0f0f1;
423 
 	background: rgba(0, 0, 0, 0.07);
 424 
 	background: rgba(0, 0, 0, 0.07);
582 
 	font-size: 23px;
 583 
 	font-size: 23px;
583 
 	font-weight: 400;
 584 
 	font-weight: 400;
584 
 	margin: 0;
 585 
 	margin: 0;
585 
-	padding: 9px 0 4px 0;
586 
+	padding: 9px 0 4px;
586 
 	line-height: 1.3;
 587 
 	line-height: 1.3;
587 
 }
 588 
 }
588
589
788 
 /* @todo can we combine these into a class or use an existing dashicon one? */
 789 
 /* @todo can we combine these into a class or use an existing dashicon one? */
789 
 .welcome-panel .welcome-panel-close:before,
 790 
 .welcome-panel .welcome-panel-close:before,
790 
 .tagchecklist .ntdelbutton .remove-tag-icon:before,
 791 
 .tagchecklist .ntdelbutton .remove-tag-icon:before,
791 
-#bulk-titles div a:before,
792 
+#bulk-titles .ntdelbutton:before,
792 
 .notice-dismiss:before {
 793 
 .notice-dismiss:before {
793 
 	background: none;
 794 
 	background: none;
794 
 	color: #787c82;
 795 
 	color: #787c82;
807 
 	margin: 0;
 808 
 	margin: 0;
808 
 }
 809 
 }
809
810
810 
-#bulk-titles div a:before {
811 
-	margin: 1px 0;
812 
-}
813 
-
814 
 .tagchecklist .ntdelbutton .remove-tag-icon:before {
 811 
 .tagchecklist .ntdelbutton .remove-tag-icon:before {
815 
 	margin-left: 2px;
 812 
 	margin-left: 2px;
816 
 	border-radius: 50%;
 813 
 	border-radius: 50%;
823 
 	outline: 0;
 820 
 	outline: 0;
824 
 }
 821 
 }
825
822
826 
-.welcome-panel .welcome-panel-close:hover:before,
827 
-.welcome-panel .welcome-panel-close:focus:before,
828 
 .tagchecklist .ntdelbutton:hover .remove-tag-icon:before,
 823 
 .tagchecklist .ntdelbutton:hover .remove-tag-icon:before,
829 
 .tagchecklist .ntdelbutton:focus .remove-tag-icon:before,
 824 
 .tagchecklist .ntdelbutton:focus .remove-tag-icon:before,
830 
-#bulk-titles div a:hover:before,
831 
-#bulk-titles div a:focus:before {
825 
+#bulk-titles .ntdelbutton:hover:before,
826 
+#bulk-titles .ntdelbutton:focus:before {
832 
 	color: #d63638;
 827 
 	color: #d63638;
833 
 }
 828 
 }
834
829
883 
 #media-items a.delete-permanently,
 878 
 #media-items a.delete-permanently,
884 
 #nav-menu-footer .menu-delete,
 879 
 #nav-menu-footer .menu-delete,
885 
 #delete-link a.delete,
 880 
 #delete-link a.delete,
886 
-a#remove-post-thumbnail {
881 
+a#remove-post-thumbnail,
882 
+.privacy_requests .remove-personal-data .remove-personal-data-handle {
887 
 	color: #b32d2e;
 883 
 	color: #b32d2e;
888 
 }
 884 
 }
889
885
901 
 #media-items a.delete-permanently:hover,
 897 
 #media-items a.delete-permanently:hover,
902 
 #nav-menu-footer .menu-delete:hover,
 898 
 #nav-menu-footer .menu-delete:hover,
903 
 #delete-link a.delete:hover,
 899 
 #delete-link a.delete:hover,
904 
-a#remove-post-thumbnail:hover {
900 
+a#remove-post-thumbnail:hover,
901 
+.privacy_requests .remove-personal-data .remove-personal-data-handle:hover {
905 
 	color: #b32d2e;
 902 
 	color: #b32d2e;
906 
 	border: none;
 903 
 	border: none;
907 
 }
 904 
 }
957 
 }
 954 
 }
958
955
959 
 #minor-publishing-actions {
 956 
 #minor-publishing-actions {
960 
-	padding: 10px 10px 0 10px;
957 
+	padding: 10px 10px 0;
961 
 	text-align: right;
 958 
 	text-align: right;
962 
 }
 959 
 }
963
960
1232
1229
1233 
 .filter-group .filter-group-feature label {
 1230 
 .filter-group .filter-group-feature label {
1234 
 	display: block;
 1231 
 	display: block;
1235 
-	margin: 14px 0px 14px 23px;
1232 
+	margin: 14px 0 14px 23px;
1236 
 }
 1233 
 }
1237
1234
1238 
 .filter-drawer .buttons {
 1235 
 .filter-drawer .buttons {
1609 
 form.upgrade .hint {
 1606 
 form.upgrade .hint {
1610 
 	font-style: italic;
 1607 
 	font-style: italic;
1611 
 	font-size: 85%;
 1608 
 	font-size: 85%;
1612 
-	margin: -0.5em 0 2em 0;
1609 
+	margin: -0.5em 0 2em;
1613 
 }
 1610 
 }
1614
1611
1615 
 .update-php .spinner {
 1612 
 .update-php .spinner {
1707 
 /* screen options and help tabs revert */
 1704 
 /* screen options and help tabs revert */
1708 
 #screen-meta {
 1705 
 #screen-meta {
1709 
 	display: none;
 1706 
 	display: none;
1710 
-	margin: 0 20px -1px 0px;
1707 
+	margin: 0 20px -1px 0;
1711 
 	position: relative;
 1708 
 	position: relative;
1712 
 	background-color: #fff;
 1709 
 	background-color: #fff;
1713 
 	border: 1px solid #c3c4c7;
 1710 
 	border: 1px solid #c3c4c7;
1837
1834
1838 
 .metabox-prefs .screen-options .screen-per-page {
 1835 
 .metabox-prefs .screen-options .screen-per-page {
1839 
 	margin-right: 15px;
 1836 
 	margin-right: 15px;
1837 
+	padding-right: 0;
1840 
 }
 1838 
 }
1841
1839
1842 
 .metabox-prefs .screen-options label {
 1840 
 .metabox-prefs .screen-options label {
3143 
 	width: 300px;
 3141 
 	width: 300px;
3144 
 }
 3142 
 }
3145
3143
3146 
-/* Theme/Plugin Editor */
3144 
+/* Theme/Plugin file editor */
3147 
 .alignleft h2 {
 3145 
 .alignleft h2 {
3148 
 	margin: 0;
 3146 
 	margin: 0;
3149 
 }
 3147 
 }
3152 
 	font-family: Consolas, Monaco, monospace;
 3150 
 	font-family: Consolas, Monaco, monospace;
3153 
 	font-size: 13px;
 3151 
 	font-size: 13px;
3154 
 	background: #f6f7f7;
 3152 
 	background: #f6f7f7;
3155 
-	-moz-tab-size: 4;
3156 
 	-o-tab-size: 4;
 3153 
 	-o-tab-size: 4;
3157 
 	tab-size: 4;
 3154 
 	tab-size: 4;
3158 
 }
 3155 
 }
3196 
 }
 3193 
 }
3197
3194
3198 
 /*
 3195 
 /*
3199 
- * Styles for Theme and Plugin editors.
3196 
+ * Styles for Theme and Plugin file editors.
3200 
  */
 3197 
  */
3201
3198
3202 
 /* Hide collapsed items. */
 3199 
 /* Hide collapsed items. */
3285 
 .tree-folder > .current-file::before {
 3282 
 .tree-folder > .current-file::before {
3286 
 	left: 4px;
 3283 
 	left: 4px;
3287 
 	height: 15px;
 3284 
 	height: 15px;
3288 
-	width: 0px;
3285 
+	width: 0;
3289 
 	border-left: none;
 3286 
 	border-left: none;
3290 
 	top: 3px;
 3287 
 	top: 3px;
3291 
 }
 3288 
 }
3380 
 }
 3377 
 }
3381
3378
3382 
 #templateside li.howto {
 3379 
 #templateside li.howto {
3383 
-	padding: 6px 12px 12px 12px;
3380 
+	padding: 6px 12px 12px;
3384 
 }
 3381 
 }
3385
3382
3386 
 .theme-editor-php .highlight {
 3383 
 .theme-editor-php .highlight {
3432 
 }
 3429 
 }
3433
3430
3434 
 .widget-top .widget-action .toggle-indicator:before {
 3431 
 .widget-top .widget-action .toggle-indicator:before {
3435 
-	padding: 1px 2px 1px 0px;
3432 
+	padding: 1px 2px 1px 0;
3436 
 	border-radius: 50%;
 3433 
 	border-radius: 50%;
3437 
 }
 3434 
 }
3438
3435
3827 
 	.wrap div.updated,
 3824 
 	.wrap div.updated,
3828 
 	.wrap div.error,
 3825 
 	.wrap div.error,
3829 
 	.media-upload-form div.error {
 3826 
 	.media-upload-form div.error {
3830 
-		margin: 20px 0 10px 0;
3827 
+		margin: 20px 0 10px;
3831 
 		padding: 5px 10px;
 3828 
 		padding: 5px 10px;
3832 
 		font-size: 14px;
 3829 
 		font-size: 14px;
3833 
 		line-height: 175%;
 3830 
 		line-height: 175%;
3937 
 		left: -8px;
 3934 
 		left: -8px;
3938 
 	}
 3935 
 	}
3939 
 	.tree-folder > li::before {
 3936 
 	.tree-folder > li::before {
3940 
-		top: 0px;
3937 
+		top: 0;
3941 
 		height: 13px;
 3938 
 		height: 13px;
3942 
 	}
 3939 
 	}
3943 
 	.tree-folder > .current-file::before {
 3940 
 	.tree-folder > .current-file::before {

File diff suppressed because it is too large
+ 2 - 2
app/wp-admin/css/common.min.css


+ 54 - 15
app/wp-admin/css/customize-controls-rtl.css
View File

106 
 	height: 100%;
 106 
 	height: 100%;
107 
 }
 107 
 }
108
108
109 
+@media (prefers-reduced-motion: reduce) {
110 
+	#customize-sidebar-outer-content {
111 
+		transition: none;
112 
+	}
113 
+}
114 
+
109 
 #customize-theme-controls .control-section-outer {
 115 
 #customize-theme-controls .control-section-outer {
110 
 	display: none !important;
 116 
 	display: none !important;
111 
 }
 117 
 }
124 
 	transition: right .18s;
 130 
 	transition: right .18s;
125 
 }
 131 
 }
126
132
133 
+@media (prefers-reduced-motion: reduce) {
134 
+	.outer-section-open .wp-full-overlay.expanded #customize-sidebar-outer-content {
135 
+		transition: none;
136 
+	}
137 
+}
138 
+
127 
 .customize-outer-pane-parent {
 139 
 .customize-outer-pane-parent {
128 
 	margin: 0;
 140 
 	margin: 0;
129 
 }
 141 
 }
538 
 		.15s border-color ease-in-out;
 550 
 		.15s border-color ease-in-out;
539 
 }
 551 
 }
540
552
553 
+@media (prefers-reduced-motion: reduce) {
554 
+	#customize-theme-controls .accordion-section-title,
555 
+	#customize-outer-theme-controls .accordion-section-title {
556 
+		transition: none;
557 
+	}
558 
+}
559 
+
541 
 #customize-controls #customize-theme-controls .customize-themes-panel .accordion-section-title {
 560 
 #customize-controls #customize-theme-controls .customize-themes-panel .accordion-section-title {
542 
 	color: #50575e;
 561 
 	color: #50575e;
543 
 	background-color: #fff;
 562 
 	background-color: #fff;
636 
 	transition: 0.18s transform cubic-bezier(0.645, 0.045, 0.355, 1); /* easeInOutCubic */
 655 
 	transition: 0.18s transform cubic-bezier(0.645, 0.045, 0.355, 1); /* easeInOutCubic */
637 
 }
 656 
 }
638
657
658 
+@media (prefers-reduced-motion: reduce) {
659 
+	#customize-info,
660 
+	#customize-theme-controls .customize-pane-parent,
661 
+	#customize-theme-controls .customize-pane-child {
662 
+		transition: none;
663 
+	}
664 
+}
665 
+
639 
 #customize-theme-controls .customize-pane-child.skip-transition {
 666 
 #customize-theme-controls .customize-pane-child.skip-transition {
640 
 	transition: none;
 667 
 	transition: none;
641 
 }
 668 
 }
717 
 }
 744 
 }
718
745
719 
 .customize-section-title {
 746 
 .customize-section-title {
720 
-	margin: -12px -12px 0 -12px;
747 
+	margin: -12px -12px 0;
721 
 	border-bottom: 1px solid #dcdcde;
 748 
 	border-bottom: 1px solid #dcdcde;
722 
 	background: #fff;
 749 
 	background: #fff;
723 
 }
 750 
 }
740
767
741 
 #customize-theme-controls .customize-themes-panel h3.customize-section-title:first-child {
 768 
 #customize-theme-controls .customize-themes-panel h3.customize-section-title:first-child {
742 
 	border-bottom: 1px solid #dcdcde;
 769 
 	border-bottom: 1px solid #dcdcde;
743 
-	padding: 12px 12px 12px 12px;
770 
+	padding: 12px;
744 
 }
 771 
 }
745
772
746 
 .ios #customize-theme-controls .customize-themes-panel h3.customize-section-title:first-child {
 773 
 .ios #customize-theme-controls .customize-themes-panel h3.customize-section-title:first-child {
747 
-	padding: 12px 12px 13px 12px;
774 
+	padding: 12px 12px 13px;
748 
 }
 775 
 }
749
776
750 
 .customize-section-title h3,
 777 
 .customize-section-title h3,
923 
 .customize-control input[type="number"],
 950 
 .customize-control input[type="number"],
924 
 .customize-control input[type="search"],
 951 
 .customize-control input[type="search"],
925 
 .customize-control input[type="tel"],
 952 
 .customize-control input[type="tel"],
926 
-.customize-control input[type="url"] {
953 
+.customize-control input[type="url"],
954 
+.customize-control input[type="range"] {
927 
 	width: 100%;
 955 
 	width: 100%;
928 
 	margin: 0;
 956 
 	margin: 0;
929 
 }
 957 
 }
963
991
964 
 .customize-section-description a.external-link:after {
 992 
 .customize-section-description a.external-link:after {
965 
 	font: 16px/11px dashicons;
 993 
 	font: 16px/11px dashicons;
966 
-	content: "\f310";
994 
+	content: "\f504";
967 
 	top: 3px;
 995 
 	top: 3px;
968 
 	position: relative;
 996 
 	position: relative;
969 
 	padding-right: 3px;
 997 
 	padding-right: 3px;
1114 
  */
 1142 
  */
1115
1143
1116 
 #customize-controls .customize-control-notifications-container { /* Scoped to #customize-controls for specificity over notification styles in common.css. */
 1144 
 #customize-controls .customize-control-notifications-container { /* Scoped to #customize-controls for specificity over notification styles in common.css. */
1117 
-	margin: 4px 0 8px 0;
1145 
+	margin: 4px 0 8px;
1118 
 	padding: 0;
 1146 
 	padding: 0;
1119 
 	cursor: default;
 1147 
 	cursor: default;
1120 
 }
 1148 
 }
1127
1155
1128 
 #customize-controls .customize-control-notifications-container li.notice {
 1156 
 #customize-controls .customize-control-notifications-container li.notice {
1129 
 	list-style: none;
 1157 
 	list-style: none;
1130 
-	margin: 0 0 6px 0;
1158 
+	margin: 0 0 6px;
1131 
 	padding: 9px 14px;
 1159 
 	padding: 9px 14px;
1132 
 	overflow: hidden;
 1160 
 	overflow: hidden;
1133 
 }
 1161 
 }
1429 
 }
 1457 
 }
1430
1458
1431 
 .customize-control-header .header-view:last-child {
 1459 
 .customize-control-header .header-view:last-child {
1432 
-	margin-bottom: 0px;
1460 
+	margin-bottom: 0;
1433 
 }
 1461 
 }
1434
1462
1435 
 /* Convoluted, but 'outline' support isn't good enough yet */
 1463 
 /* Convoluted, but 'outline' support isn't good enough yet */
1578 
 	font-family: Consolas, Monaco, monospace;
 1606 
 	font-family: Consolas, Monaco, monospace;
1579 
 	font-size: 12px;
 1607 
 	font-size: 12px;
1580 
 	padding: 6px 8px;
 1608 
 	padding: 6px 8px;
1581 
-	-moz-tab-size: 2;
1582 
 	-o-tab-size: 2;
 1609 
 	-o-tab-size: 2;
1583 
 	tab-size: 2;
 1610 
 	tab-size: 2;
1584 
 }
 1611 
 }
1665 
 	border-bottom: 1px solid #dcdcde;
 1692 
 	border-bottom: 1px solid #dcdcde;
1666 
 	border-right: none;
 1693 
 	border-right: none;
1667 
 	border-left: none;
 1694 
 	border-left: none;
1668 
-	margin: 0 0 15px 0;
1695 
+	margin: 0 0 15px;
1669 
 	padding-left: 100px; /* Space for the button */
 1696 
 	padding-left: 100px; /* Space for the button */
1670 
 }
 1697 
 }
1671
1698
1706 
 	font-weight: 400;
 1733 
 	font-weight: 400;
1707 
 }
 1734 
 }
1708
1735
1736 
+#customize-notifications-area .notification-message button.switch-to-editor {
1737 
+	display: block;
1738 
+	margin-top: 6px;
1739 
+	font-weight: 400;
1740 
+}
1741 
+
1709 
 #customize-theme-controls .control-panel-themes > .accordion-section-title:after {
 1742 
 #customize-theme-controls .control-panel-themes > .accordion-section-title:after {
1710 
 	display: none;
 1743 
 	display: none;
1711 
 }
 1744 
 }
1724 
 	z-index: 20;
 1757 
 	z-index: 20;
1725 
 }
 1758 
 }
1726
1759
1760 
+@media (prefers-reduced-motion: reduce) {
1761 
+	.control-panel-themes .customize-themes-full-container {
1762 
+		transition: none;
1763 
+	}
1764 
+}
1765 
+
1727 
 @media screen and (min-width: 1670px) {
 1766 
 @media screen and (min-width: 1670px) {
1728 
 	.control-panel-themes .customize-themes-full-container {
 1767 
 	.control-panel-themes .customize-themes-full-container {
1729 
 		width: 82%;
 1768 
 		width: 82%;
1861 
 }
 1900 
 }
1862
1901
1863 
 .control-panel-themes .customize-themes-notifications .notice {
 1902 
 .control-panel-themes .customize-themes-notifications .notice {
1864 
-	margin: 0 0 25px 0;
1903 
+	margin: 0 0 25px;
1865 
 }
 1904 
 }
1866
1905
1867 
 .customize-themes-full-container .customize-themes-section {
 1906 
 .customize-themes-full-container .customize-themes-section {
1875
1914
1876 
 .control-section .customize-section-text-before {
 1915 
 .control-section .customize-section-text-before {
1877 
 	padding: 0 15px 8px 0;
 1916 
 	padding: 0 15px 8px 0;
1878 
-	margin: 15px 0 0 0;
1917 
+	margin: 15px 0 0;
1879 
 	line-height: 16px;
 1918 
 	line-height: 16px;
1880 
 	border-bottom: 1px solid #dcdcde;
 1919 
 	border-bottom: 1px solid #dcdcde;
1881 
 	color: #50575e;
 1920 
 	color: #50575e;
2096 
 		position: relative;
 2135 
 		position: relative;
2097 
 		right: 0;
 2136 
 		right: 0;
2098 
 		width: 100%;
 2137 
 		width: 100%;
2099 
-		margin: 0 0 25px 0;
2138 
+		margin: 0 0 25px;
2100 
 	}
 2139 
 	}
2101 
 	.filter-drawer {
 2140 
 	.filter-drawer {
2102 
 		top: 46px;
 2141 
 		top: 46px;
2206 
 		width: 26px;
 2245 
 		width: 26px;
2207 
 		display: block;
 2246 
 		display: block;
2208 
 		line-height: 2.3;
 2247 
 		line-height: 2.3;
2209 
-		padding: 0 8px 0 8px;
2248 
+		padding: 0 8px;
2210 
 		border-left: 1px solid #dcdcde;
 2249 
 		border-left: 1px solid #dcdcde;
2211 
 	}
 2250 
 	}
2212
2251
2367 
 	color: #50575e;
 2406 
 	color: #50575e;
2368 
 	font-size: 24px;
 2407 
 	font-size: 24px;
2369 
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
 2408 
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
2370 
-	margin: 30px 0 0 0;
2409 
+	margin: 30px 0 0;
2371 
 	padding: 0 0 7px;
 2410 
 	padding: 0 0 7px;
2372 
 }
 2411 
 }
2373
2412

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/customize-controls-rtl.min.css


+ 54 - 15
app/wp-admin/css/customize-controls.css
View File

105 
 	height: 100%;
 105 
 	height: 100%;
106 
 }
 106 
 }
107
107
108 
+@media (prefers-reduced-motion: reduce) {
109 
+	#customize-sidebar-outer-content {
110 
+		transition: none;
111 
+	}
112 
+}
113 
+
108 
 #customize-theme-controls .control-section-outer {
 114 
 #customize-theme-controls .control-section-outer {
109 
 	display: none !important;
 115 
 	display: none !important;
110 
 }
 116 
 }
123 
 	transition: left .18s;
 129 
 	transition: left .18s;
124 
 }
 130 
 }
125
131
132 
+@media (prefers-reduced-motion: reduce) {
133 
+	.outer-section-open .wp-full-overlay.expanded #customize-sidebar-outer-content {
134 
+		transition: none;
135 
+	}
136 
+}
137 
+
126 
 .customize-outer-pane-parent {
 138 
 .customize-outer-pane-parent {
127 
 	margin: 0;
 139 
 	margin: 0;
128 
 }
 140 
 }
537 
 		.15s border-color ease-in-out;
 549 
 		.15s border-color ease-in-out;
538 
 }
 550 
 }
539
551
552 
+@media (prefers-reduced-motion: reduce) {
553 
+	#customize-theme-controls .accordion-section-title,
554 
+	#customize-outer-theme-controls .accordion-section-title {
555 
+		transition: none;
556 
+	}
557 
+}
558 
+
540 
 #customize-controls #customize-theme-controls .customize-themes-panel .accordion-section-title {
 559 
 #customize-controls #customize-theme-controls .customize-themes-panel .accordion-section-title {
541 
 	color: #50575e;
 560 
 	color: #50575e;
542 
 	background-color: #fff;
 561 
 	background-color: #fff;
635 
 	transition: 0.18s transform cubic-bezier(0.645, 0.045, 0.355, 1); /* easeInOutCubic */
 654 
 	transition: 0.18s transform cubic-bezier(0.645, 0.045, 0.355, 1); /* easeInOutCubic */
636 
 }
 655 
 }
637
656
657 
+@media (prefers-reduced-motion: reduce) {
658 
+	#customize-info,
659 
+	#customize-theme-controls .customize-pane-parent,
660 
+	#customize-theme-controls .customize-pane-child {
661 
+		transition: none;
662 
+	}
663 
+}
664 
+
638 
 #customize-theme-controls .customize-pane-child.skip-transition {
 665 
 #customize-theme-controls .customize-pane-child.skip-transition {
639 
 	transition: none;
 666 
 	transition: none;
640 
 }
 667 
 }
716 
 }
 743 
 }
717
744
718 
 .customize-section-title {
 745 
 .customize-section-title {
719 
-	margin: -12px -12px 0 -12px;
746 
+	margin: -12px -12px 0;
720 
 	border-bottom: 1px solid #dcdcde;
 747 
 	border-bottom: 1px solid #dcdcde;
721 
 	background: #fff;
 748 
 	background: #fff;
722 
 }
 749 
 }
739
766
740 
 #customize-theme-controls .customize-themes-panel h3.customize-section-title:first-child {
 767 
 #customize-theme-controls .customize-themes-panel h3.customize-section-title:first-child {
741 
 	border-bottom: 1px solid #dcdcde;
 768 
 	border-bottom: 1px solid #dcdcde;
742 
-	padding: 12px 12px 12px 12px;
769 
+	padding: 12px;
743 
 }
 770 
 }
744
771
745 
 .ios #customize-theme-controls .customize-themes-panel h3.customize-section-title:first-child {
 772 
 .ios #customize-theme-controls .customize-themes-panel h3.customize-section-title:first-child {
746 
-	padding: 12px 12px 13px 12px;
773 
+	padding: 12px 12px 13px;
747 
 }
 774 
 }
748
775
749 
 .customize-section-title h3,
 776 
 .customize-section-title h3,
922 
 .customize-control input[type="number"],
 949 
 .customize-control input[type="number"],
923 
 .customize-control input[type="search"],
 950 
 .customize-control input[type="search"],
924 
 .customize-control input[type="tel"],
 951 
 .customize-control input[type="tel"],
925 
-.customize-control input[type="url"] {
952 
+.customize-control input[type="url"],
953 
+.customize-control input[type="range"] {
926 
 	width: 100%;
 954 
 	width: 100%;
927 
 	margin: 0;
 955 
 	margin: 0;
928 
 }
 956 
 }
962
990
963 
 .customize-section-description a.external-link:after {
 991 
 .customize-section-description a.external-link:after {
964 
 	font: 16px/11px dashicons;
 992 
 	font: 16px/11px dashicons;
965 
-	content: "\f310";
993 
+	content: "\f504";
966 
 	top: 3px;
 994 
 	top: 3px;
967 
 	position: relative;
 995 
 	position: relative;
968 
 	padding-left: 3px;
 996 
 	padding-left: 3px;
1113 
  */
 1141 
  */
1114
1142
1115 
 #customize-controls .customize-control-notifications-container { /* Scoped to #customize-controls for specificity over notification styles in common.css. */
 1143 
 #customize-controls .customize-control-notifications-container { /* Scoped to #customize-controls for specificity over notification styles in common.css. */
1116 
-	margin: 4px 0 8px 0;
1144 
+	margin: 4px 0 8px;
1117 
 	padding: 0;
 1145 
 	padding: 0;
1118 
 	cursor: default;
 1146 
 	cursor: default;
1119 
 }
 1147 
 }
1126
1154
1127 
 #customize-controls .customize-control-notifications-container li.notice {
 1155 
 #customize-controls .customize-control-notifications-container li.notice {
1128 
 	list-style: none;
 1156 
 	list-style: none;
1129 
-	margin: 0 0 6px 0;
1157 
+	margin: 0 0 6px;
1130 
 	padding: 9px 14px;
 1158 
 	padding: 9px 14px;
1131 
 	overflow: hidden;
 1159 
 	overflow: hidden;
1132 
 }
 1160 
 }
1428 
 }
 1456 
 }
1429
1457
1430 
 .customize-control-header .header-view:last-child {
 1458 
 .customize-control-header .header-view:last-child {
1431 
-	margin-bottom: 0px;
1459 
+	margin-bottom: 0;
1432 
 }
 1460 
 }
1433
1461
1434 
 /* Convoluted, but 'outline' support isn't good enough yet */
 1462 
 /* Convoluted, but 'outline' support isn't good enough yet */
1577 
 	font-family: Consolas, Monaco, monospace;
 1605 
 	font-family: Consolas, Monaco, monospace;
1578 
 	font-size: 12px;
 1606 
 	font-size: 12px;
1579 
 	padding: 6px 8px;
 1607 
 	padding: 6px 8px;
1580 
-	-moz-tab-size: 2;
1581 
 	-o-tab-size: 2;
 1608 
 	-o-tab-size: 2;
1582 
 	tab-size: 2;
 1609 
 	tab-size: 2;
1583 
 }
 1610 
 }
1664 
 	border-bottom: 1px solid #dcdcde;
 1691 
 	border-bottom: 1px solid #dcdcde;
1665 
 	border-left: none;
 1692 
 	border-left: none;
1666 
 	border-right: none;
 1693 
 	border-right: none;
1667 
-	margin: 0 0 15px 0;
1694 
+	margin: 0 0 15px;
1668 
 	padding-right: 100px; /* Space for the button */
 1695 
 	padding-right: 100px; /* Space for the button */
1669 
 }
 1696 
 }
1670
1697
1705 
 	font-weight: 400;
 1732 
 	font-weight: 400;
1706 
 }
 1733 
 }
1707
1734
1735 
+#customize-notifications-area .notification-message button.switch-to-editor {
1736 
+	display: block;
1737 
+	margin-top: 6px;
1738 
+	font-weight: 400;
1739 
+}
1740 
+
1708 
 #customize-theme-controls .control-panel-themes > .accordion-section-title:after {
 1741 
 #customize-theme-controls .control-panel-themes > .accordion-section-title:after {
1709 
 	display: none;
 1742 
 	display: none;
1710 
 }
 1743 
 }
1723 
 	z-index: 20;
 1756 
 	z-index: 20;
1724 
 }
 1757 
 }
1725
1758
1759 
+@media (prefers-reduced-motion: reduce) {
1760 
+	.control-panel-themes .customize-themes-full-container {
1761 
+		transition: none;
1762 
+	}
1763 
+}
1764 
+
1726 
 @media screen and (min-width: 1670px) {
 1765 
 @media screen and (min-width: 1670px) {
1727 
 	.control-panel-themes .customize-themes-full-container {
 1766 
 	.control-panel-themes .customize-themes-full-container {
1728 
 		width: 82%;
 1767 
 		width: 82%;
1860 
 }
 1899 
 }
1861
1900
1862 
 .control-panel-themes .customize-themes-notifications .notice {
 1901 
 .control-panel-themes .customize-themes-notifications .notice {
1863 
-	margin: 0 0 25px 0;
1902 
+	margin: 0 0 25px;
1864 
 }
 1903 
 }
1865
1904
1866 
 .customize-themes-full-container .customize-themes-section {
 1905 
 .customize-themes-full-container .customize-themes-section {
1874
1913
1875 
 .control-section .customize-section-text-before {
 1914 
 .control-section .customize-section-text-before {
1876 
 	padding: 0 0 8px 15px;
 1915 
 	padding: 0 0 8px 15px;
1877 
-	margin: 15px 0 0 0;
1916 
+	margin: 15px 0 0;
1878 
 	line-height: 16px;
 1917 
 	line-height: 16px;
1879 
 	border-bottom: 1px solid #dcdcde;
 1918 
 	border-bottom: 1px solid #dcdcde;
1880 
 	color: #50575e;
 1919 
 	color: #50575e;
2095 
 		position: relative;
 2134 
 		position: relative;
2096 
 		left: 0;
 2135 
 		left: 0;
2097 
 		width: 100%;
 2136 
 		width: 100%;
2098 
-		margin: 0 0 25px 0;
2137 
+		margin: 0 0 25px;
2099 
 	}
 2138 
 	}
2100 
 	.filter-drawer {
 2139 
 	.filter-drawer {
2101 
 		top: 46px;
 2140 
 		top: 46px;
2205 
 		width: 26px;
 2244 
 		width: 26px;
2206 
 		display: block;
 2245 
 		display: block;
2207 
 		line-height: 2.3;
 2246 
 		line-height: 2.3;
2208 
-		padding: 0 8px 0 8px;
2247 
+		padding: 0 8px;
2209 
 		border-right: 1px solid #dcdcde;
 2248 
 		border-right: 1px solid #dcdcde;
2210 
 	}
 2249 
 	}
2211
2250
2366 
 	color: #50575e;
 2405 
 	color: #50575e;
2367 
 	font-size: 24px;
 2406 
 	font-size: 24px;
2368 
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
 2407 
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
2369 
-	margin: 30px 0 0 0;
2408 
+	margin: 30px 0 0;
2370 
 	padding: 0 0 7px;
 2409 
 	padding: 0 0 7px;
2371 
 }
 2410 
 }
2372
2411

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/customize-controls.min.css


+ 10 - 10
app/wp-admin/css/customize-nav-menus-rtl.css
View File

12 
 #customize-theme-controls .customize-section-title-nav_menus-heading,
 12 
 #customize-theme-controls .customize-section-title-nav_menus-heading,
13 
 #customize-theme-controls .customize-section-title-menu_locations-heading,
 13 
 #customize-theme-controls .customize-section-title-menu_locations-heading,
14 
 #customize-theme-controls .customize-section-title-menu_locations-description {
 14 
 #customize-theme-controls .customize-section-title-menu_locations-description {
15 
-	padding: 0 12px 0 12px;
15 
+	padding: 0 12px;
16 
 }
 16 
 }
17
17
18 
 #customize-theme-controls .customize-control-description.customize-section-title-menu_locations-description {
 18 
 #customize-theme-controls .customize-control-description.customize-section-title-menu_locations-description {
101 
 .wp-customizer .menu-item-settings .description-thin {
 101 
 .wp-customizer .menu-item-settings .description-thin {
102 
 	width: 100%;
 102 
 	width: 100%;
103 
 	height: auto;
 103 
 	height: auto;
104 
-	margin: 0 0 8px 0;
104 
+	margin: 0 0 8px;
105 
 }
 105 
 }
106
106
107 
 .wp-customizer .menu-item-settings input[type="text"] {
 107 
 .wp-customizer .menu-item-settings input[type="text"] {
186 
 }
 186 
 }
187
187
188 
 .wp-customizer .menu-settings dl {
 188 
 .wp-customizer .menu-settings dl {
189 
-	margin: 12px 0 0 0;
189 
+	margin: 12px 0 0;
190 
 	padding: 0;
 190 
 	padding: 0;
191 
 }
 191 
 }
192
192
323 
 #available-menu-items .accordion-section-title .toggle-indicator:before {
 323 
 #available-menu-items .accordion-section-title .toggle-indicator:before {
324 
 	content: "\f140";
 324 
 	content: "\f140";
325 
 	display: block;
 325 
 	display: block;
326 
-	padding: 1px 0px 1px 2px;
326 
+	padding: 1px 0 1px 2px;
327 
 	speak: never;
 327 
 	speak: never;
328 
 	border-radius: 50%;
 328 
 	border-radius: 50%;
329 
 	color: #787c82;
 329 
 	color: #787c82;
582 
 }
 582 
 }
583
583
584 
 #available-menu-items .accordion-section-content .available-menu-items-list {
 584 
 #available-menu-items .accordion-section-content .available-menu-items-list {
585 
-	margin: 0 0 45px 0;
586 
-	padding: 1px 15px 15px 15px;
585 
+	margin: 0 0 45px;
586 
+	padding: 1px 15px 15px;
587 
 }
 587 
 }
588
588
589 
 #available-menu-items .accordion-section-content .available-menu-items-list:only-child { /* Types that do not support new items for the current user */
 589 
 #available-menu-items .accordion-section-content .available-menu-items-list:only-child { /* Types that do not support new items for the current user */
591 
 }
 591 
 }
592
592
593 
 #new-custom-menu-item .accordion-section-content {
 593 
 #new-custom-menu-item .accordion-section-content {
594 
-	padding: 0 15px 15px 15px;
594 
+	padding: 0 15px 15px;
595 
 }
 595 
 }
596
596
597 
 #available-menu-items .menu-item-tpl {
 597 
 #available-menu-items .menu-item-tpl {
691 
 	position: absolute;
 691 
 	position: absolute;
692 
 	right: 0;
 692 
 	right: 0;
693 
 	top: 60px; /* below title div / search input */
 693 
 	top: 60px; /* below title div / search input */
694 
-	bottom: 0px; /* 100% height that still triggers lazy load */
694 
+	bottom: 0; /* 100% height that still triggers lazy load */
695 
 	max-height: none;
 695 
 	max-height: none;
696 
 	width: 100%;
 696 
 	width: 100%;
697 
 	padding: 1px 15px 15px;
 697 
 	padding: 1px 15px 15px;
796
796
797 
 #create-new-menu-submit {
 797 
 #create-new-menu-submit {
798 
 	float: left;
 798 
 	float: left;
799 
-	margin: 0 0 12px 0;
799 
+	margin: 0 0 12px;
800 
 }
 800 
 }
801
801
802 
 .menu-delete-item {
 802 
 .menu-delete-item {
806 
 }
 806 
 }
807
807
808 
 .assigned-menu-locations-title p {
 808 
 .assigned-menu-locations-title p {
809 
-	margin: 0 0 8px 0;
809 
+	margin: 0 0 8px;
810 
 }
 810 
 }
811
811
812 
 li.assigned-to-menu-location .menu-delete-item {
 812 
 li.assigned-to-menu-location .menu-delete-item {

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/customize-nav-menus-rtl.min.css


+ 10 - 10
app/wp-admin/css/customize-nav-menus.css
View File

11 
 #customize-theme-controls .customize-section-title-nav_menus-heading,
 11 
 #customize-theme-controls .customize-section-title-nav_menus-heading,
12 
 #customize-theme-controls .customize-section-title-menu_locations-heading,
 12 
 #customize-theme-controls .customize-section-title-menu_locations-heading,
13 
 #customize-theme-controls .customize-section-title-menu_locations-description {
 13 
 #customize-theme-controls .customize-section-title-menu_locations-description {
14 
-	padding: 0 12px 0 12px;
14 
+	padding: 0 12px;
15 
 }
 15 
 }
16
16
17 
 #customize-theme-controls .customize-control-description.customize-section-title-menu_locations-description {
 17 
 #customize-theme-controls .customize-control-description.customize-section-title-menu_locations-description {
100 
 .wp-customizer .menu-item-settings .description-thin {
 100 
 .wp-customizer .menu-item-settings .description-thin {
101 
 	width: 100%;
 101 
 	width: 100%;
102 
 	height: auto;
 102 
 	height: auto;
103 
-	margin: 0 0 8px 0;
103 
+	margin: 0 0 8px;
104 
 }
 104 
 }
105
105
106 
 .wp-customizer .menu-item-settings input[type="text"] {
 106 
 .wp-customizer .menu-item-settings input[type="text"] {
185 
 }
 185 
 }
186
186
187 
 .wp-customizer .menu-settings dl {
 187 
 .wp-customizer .menu-settings dl {
188 
-	margin: 12px 0 0 0;
188 
+	margin: 12px 0 0;
189 
 	padding: 0;
 189 
 	padding: 0;
190 
 }
 190 
 }
191
191
322 
 #available-menu-items .accordion-section-title .toggle-indicator:before {
 322 
 #available-menu-items .accordion-section-title .toggle-indicator:before {
323 
 	content: "\f140";
 323 
 	content: "\f140";
324 
 	display: block;
 324 
 	display: block;
325 
-	padding: 1px 2px 1px 0px;
325 
+	padding: 1px 2px 1px 0;
326 
 	speak: never;
 326 
 	speak: never;
327 
 	border-radius: 50%;
 327 
 	border-radius: 50%;
328 
 	color: #787c82;
 328 
 	color: #787c82;
581 
 }
 581 
 }
582
582
583 
 #available-menu-items .accordion-section-content .available-menu-items-list {
 583 
 #available-menu-items .accordion-section-content .available-menu-items-list {
584 
-	margin: 0 0 45px 0;
585 
-	padding: 1px 15px 15px 15px;
584 
+	margin: 0 0 45px;
585 
+	padding: 1px 15px 15px;
586 
 }
 586 
 }
587
587
588 
 #available-menu-items .accordion-section-content .available-menu-items-list:only-child { /* Types that do not support new items for the current user */
 588 
 #available-menu-items .accordion-section-content .available-menu-items-list:only-child { /* Types that do not support new items for the current user */
590 
 }
 590 
 }
591
591
592 
 #new-custom-menu-item .accordion-section-content {
 592 
 #new-custom-menu-item .accordion-section-content {
593 
-	padding: 0 15px 15px 15px;
593 
+	padding: 0 15px 15px;
594 
 }
 594 
 }
595
595
596 
 #available-menu-items .menu-item-tpl {
 596 
 #available-menu-items .menu-item-tpl {
690 
 	position: absolute;
 690 
 	position: absolute;
691 
 	left: 0;
 691 
 	left: 0;
692 
 	top: 60px; /* below title div / search input */
 692 
 	top: 60px; /* below title div / search input */
693 
-	bottom: 0px; /* 100% height that still triggers lazy load */
693 
+	bottom: 0; /* 100% height that still triggers lazy load */
694 
 	max-height: none;
 694 
 	max-height: none;
695 
 	width: 100%;
 695 
 	width: 100%;
696 
 	padding: 1px 15px 15px;
 696 
 	padding: 1px 15px 15px;
795
795
796 
 #create-new-menu-submit {
 796 
 #create-new-menu-submit {
797 
 	float: right;
 797 
 	float: right;
798 
-	margin: 0 0 12px 0;
798 
+	margin: 0 0 12px;
799 
 }
 799 
 }
800
800
801 
 .menu-delete-item {
 801 
 .menu-delete-item {
805 
 }
 805 
 }
806
806
807 
 .assigned-menu-locations-title p {
 807 
 .assigned-menu-locations-title p {
808 
-	margin: 0 0 8px 0;
808 
+	margin: 0 0 8px;
809 
 }
 809 
 }
810
810
811 
 li.assigned-to-menu-location .menu-delete-item {
 811 
 li.assigned-to-menu-location .menu-delete-item {

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/customize-nav-menus.min.css


+ 1 - 1
app/wp-admin/css/customize-widgets-rtl.css
View File

82 
 }
 82 
 }
83
83
84 
 .widget-inside {
 84 
 .widget-inside {
85 
-	padding: 1px 10px 10px 10px;
85 
+	padding: 1px 10px 10px;
86 
 	border-top: none;
 86 
 	border-top: none;
87 
 	line-height: 1.23076923;
 87 
 	line-height: 1.23076923;
88 
 }
 88 
 }

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/customize-widgets-rtl.min.css


+ 1 - 1
app/wp-admin/css/customize-widgets.css
View File

81 
 }
 81 
 }
82
82
83 
 .widget-inside {
 83 
 .widget-inside {
84 
-	padding: 1px 10px 10px 10px;
84 
+	padding: 1px 10px 10px;
85 
 	border-top: none;
 85 
 	border-top: none;
86 
 	line-height: 1.23076923;
 86 
 	line-height: 1.23076923;
87 
 }
 87 
 }

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/customize-widgets.min.css


+ 225 - 59
app/wp-admin/css/dashboard-rtl.css
View File

111 
 	max-width: 100%;
 111 
 	max-width: 100%;
112 
 }
 112 
 }
113
113
114 
+/* Screen meta exception for when the "Dashboard" heading is missing or located below the Welcome Panel. */
115 
+.index-php #screen-meta-links {
116 
+	margin: 0 0 8px 20px;
117 
+}
118 
+
114 
 /* Welcome Panel */
 119 
 /* Welcome Panel */
115 
 .welcome-panel {
 120 
 .welcome-panel {
116 
 	position: relative;
 121 
 	position: relative;
117 
 	overflow: auto;
 122 
 	overflow: auto;
118 
 	margin: 16px 0;
 123 
 	margin: 16px 0;
119 
-	padding: 23px 10px 0;
120 
-	border: 1px solid #c3c4c7;
121 
-	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
122 
-	background: #fff;
123 
-	font-size: 13px;
124 
-	line-height: 1.7;
124 
+	background-color: #e7ebfd;
125 
+	font-size: 14px;
126 
+	line-height: 1.3;
127 
+	clear: both;
125 
 }
 128 
 }
126
129
127 
 .welcome-panel h2 {
 130 
 .welcome-panel h2 {
128 
 	margin: 0;
 131 
 	margin: 0;
129 
-	font-size: 21px;
130 
-	font-weight: 400;
131 
-	line-height: 1.2;
132 
+	font-size: 48px;
133 
+	font-weight: 600;
134 
+	line-height: 1.25;
132 
 }
 135 
 }
133
136
134 
 .welcome-panel h3 {
 137 
 .welcome-panel h3 {
135 
-	margin: 1.33em 0 0;
136 
-	font-size: 16px;
138 
+	margin: 0;
139 
+	font-size: 20px;
140 
+	font-weight: 400;
141 
+	line-height: 1.4;
137 
 }
 142 
 }
138
143
139 
-.welcome-panel li {
140 
-	font-size: 14px;
144 
+.welcome-panel p {
145 
+	font-size: inherit;
146 
+	line-height: inherit;
141 
 }
 147 
 }
142
148
143 
-.welcome-panel p {
144 
-	color: #646970;
149 
+.welcome-panel-header {
150 
+	--about-header-image-width: 521px;
151 
+	--about-header-bg-width: calc(var(--about-header-image-width) * 0.55);
152 
+	--about-header-bg-offset-inline: 2rem;
153 
+
154 
+	position: relative;
145 
 }
 155 
 }
146
156
147 
-.welcome-panel li a {
157 
+.welcome-panel-header-image {
158 
+	position: absolute;
159 
+	top: -1rem;
160 
+	left: var(--about-header-bg-offset-inline);
161 
+	bottom: 0;
162 
+	width: var(--about-header-bg-width);
163 
+	height: auto;
164 
+}
165 
+
166 
+.welcome-panel-header-image svg {
167 
+	width: 100%;
168 
+	height: auto;
169 
+}
170 
+
171 
+.welcome-panel-header a {
172 
+	color: inherit;
173 
+}
174 
+
175 
+.welcome-panel-header a:focus,
176 
+.welcome-panel-header a:hover {
177 
+	color: inherit;
148 
 	text-decoration: none;
 178 
 	text-decoration: none;
149 
 }
 179 
 }
150
180
151 
-.welcome-panel .about-description {
152 
-	font-size: 16px;
153 
-	margin: 0;
181 
+.welcome-panel-header a:focus,
182 
+.welcome-panel .welcome-panel-close:focus {
183 
+	outline-color: currentColor;
184 
+	outline-offset: 1px;
185 
+	box-shadow: none;
186 
+}
187 
+
188 
+.welcome-panel-header p {
189 
+	margin: 0.5em 0 0;
190 
+	font-size: 20px;
191 
+	line-height: 1.4;
154 
 }
 192 
 }
155
193
156 
 .welcome-panel .welcome-panel-close {
 194 
 .welcome-panel .welcome-panel-close {
157 
 	position: absolute;
 195 
 	position: absolute;
158 
 	top: 10px;
 196 
 	top: 10px;
159 
 	left: 10px;
 197 
 	left: 10px;
160 
-	padding: 10px 21px 10px 15px;
198 
+	padding: 10px 24px 10px 15px;
161 
 	font-size: 13px;
 199 
 	font-size: 13px;
162 
 	line-height: 1.23076923; /* Chrome rounding, needs to be 16px equivalent */
 200 
 	line-height: 1.23076923; /* Chrome rounding, needs to be 16px equivalent */
163 
 	text-decoration: none;
 201 
 	text-decoration: none;
202 
+	z-index: 1; /* Raise above the version image. */
164 
 }
 203 
 }
165
204
166 
 .welcome-panel .welcome-panel-close:before {
 205 
 .welcome-panel .welcome-panel-close:before {
168 
 	top: 8px;
 207 
 	top: 8px;
169 
 	right: 0;
 208 
 	right: 0;
170 
 	transition: all .1s ease-in-out;
 209 
 	transition: all .1s ease-in-out;
210 
+	content: '\f335';
211 
+	font-size: 24px;
212 
+	color: #1d2327;
171 
 }
 213 
 }
172
214
215 
+.welcome-panel .welcome-panel-close {
216 
+	color: #1d2327;
217 
+}
218 
+
219 
+.welcome-panel .welcome-panel-close:hover,
220 
+.welcome-panel .welcome-panel-close:focus,
221 
+.welcome-panel .welcome-panel-close:hover::before,
222 
+.welcome-panel .welcome-panel-close:focus::before {
223 
+	color: #2271b1;
224 
+}
225 
+
226 
+/* @deprecated 5.9.0 -- Button removed from panel. */
173 
 .wp-core-ui .welcome-panel .button.button-hero {
 227 
 .wp-core-ui .welcome-panel .button.button-hero {
174 
 	margin: 15px 0 3px 13px;
 228 
 	margin: 15px 0 3px 13px;
175 
 	padding: 12px 36px;
 229 
 	padding: 12px 36px;
179 
 }
 233 
 }
180
234
181 
 .welcome-panel-content {
 235 
 .welcome-panel-content {
182 
-	margin-right: 13px;
236 
+	min-height: 400px;
237 
+	display: flex;
238 
+	flex-direction: column;
239 
+	justify-content: space-between;
240 
+}
241 
+
242 
+.welcome-panel-header {
243 
+	box-sizing: border-box;
244 
+	margin-right: auto;
245 
+	margin-left: auto;
183 
 	max-width: 1500px;
 246 
 	max-width: 1500px;
247 
+	width: 100%;
248 
+	padding: 48px 48px 80px 0;
249 
+	padding-left: calc(var(--about-header-bg-width) + (var(--about-header-bg-offset-inline) * 2));
184 
 }
 250 
 }
185
251
186 
 .welcome-panel .welcome-panel-column-container {
 252 
 .welcome-panel .welcome-panel-column-container {
253 
+	box-sizing: border-box;
254 
+	width: 100%;
187 
 	clear: both;
 255 
 	clear: both;
188 
-	position: relative;
256 
+	display: grid;
257 
+	z-index: 1;
258 
+	padding: 48px;
259 
+	grid-template-columns: repeat(3, 1fr);
260 
+	gap: 32px;
261 
+	align-self: flex-end;
262 
+	background: #fff;
189 
 }
 263 
 }
190
264
191 
-.welcome-panel .welcome-panel-column {
192 
-	width: 32%;
193 
-	min-width: 200px;
194 
-	float: right;
265 
+[class*="welcome-panel-icon"] {
266 
+	height: 60px;
267 
+	width: 60px;
268 
+	background-color: #1d2327;
269 
+	background-position: center;
270 
+	background-size: 24px 24px;
271 
+	background-repeat: no-repeat;
272 
+	border-radius: 100%;
273 
+}
274 
+
275 
+.welcome-panel-column {
276 
+	display: grid;
277 
+	grid-template-columns: min-content 1fr;
278 
+	gap: 24px;
195 
 }
 279 
 }
196
280
197 
-.welcome-panel .welcome-panel-column:first-child {
198 
-	width: 36%;
281 
+.welcome-panel-icon-pages {
282 
+	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M7 13.8h6v-1.5H7v1.5zM18 16V4c0-1.1-.9-2-2-2H6c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2zM5.5 16V4c0-.3.2-.5.5-.5h10c.3 0 .5.2.5.5v12c0 .3-.2.5-.5.5H6c-.3 0-.5-.2-.5-.5zM7 10.5h8V9H7v1.5zm0-3.3h8V5.8H7v1.4zM20.2 6v13c0 .7-.6 1.2-1.2 1.2H8v1.5h11c1.5 0 2.7-1.2 2.7-2.8V6h-1.5z' /%3E%3C/svg%3E");
199 
 }
 283 
 }
200
284
201 
-.welcome-panel-column p.hide-if-no-customize {
202 
-	margin-top: 10px;
285 
+.welcome-panel-icon-layout {
286 
+	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M18 5.5H6a.5.5 0 00-.5.5v3h13V6a.5.5 0 00-.5-.5zm.5 5H10v8h8a.5.5 0 00.5-.5v-7.5zm-10 0h-3V18a.5.5 0 00.5.5h2.5v-8zM6 4h12a2 2 0 012 2v12a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2z' /%3E%3C/svg%3E");
203 
 }
 287 
 }
204
288
205 
-.welcome-panel-column p {
206 
-	margin-top: 7px;
207 
-	color: #3c434a;
289 
+.welcome-panel-icon-styles {
290 
+	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M12 4c-4.4 0-8 3.6-8 8v.1c0 4.1 3.2 7.5 7.2 7.9h.8c4.4 0 8-3.6 8-8s-3.6-8-8-8zm0 15V5c3.9 0 7 3.1 7 7s-3.1 7-7 7z' /%3E%3C/svg%3E");
208 
 }
 291 
 }
209
292
293 
+/* @deprecated 5.9.0 -- Section removed from welcome panel. */
210 
 .welcome-panel .welcome-widgets-menus {
 294 
 .welcome-panel .welcome-widgets-menus {
211 
 	line-height: 1.14285714;
 295 
 	line-height: 1.14285714;
212 
 }
 296 
 }
213
297
298 
+/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
214 
 .welcome-panel .welcome-panel-column ul {
 299 
 .welcome-panel .welcome-panel-column ul {
215 
 	margin: 0.8em 0 1em 1em;
 300 
 	margin: 0.8em 0 1em 1em;
216 
 }
 301 
 }
217
302
303 
+/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
304 
+.welcome-panel li {
305 
+	font-size: 14px;
306 
+}
307 
+
308 
+/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
309 
+.welcome-panel li a {
310 
+	text-decoration: none;
311 
+}
312 
+
313 
+/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
218 
 .welcome-panel .welcome-panel-column li {
 314 
 .welcome-panel .welcome-panel-column li {
219 
 	line-height: 1.14285714;
 315 
 	line-height: 1.14285714;
220 
 	list-style-type: none;
 316 
 	list-style-type: none;
221 
 	padding: 0 0 8px;
 317 
 	padding: 0 0 8px;
222 
 }
 318 
 }
223
319
320 
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
224 
 .welcome-panel .welcome-icon {
 321 
 .welcome-panel .welcome-icon {
225 
 	background: transparent !important;
 322 
 	background: transparent !important;
226 
 }
 323 
 }
227
324
228 
 /* Welcome Panel and Right Now common Icons style */
 325 
 /* Welcome Panel and Right Now common Icons style */
229
326
327 
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
230 
 .welcome-panel .welcome-icon:before,
 328 
 .welcome-panel .welcome-icon:before,
231 
 #dashboard_right_now li a:before,
 329 
 #dashboard_right_now li a:before,
232 
 #dashboard_right_now li span:before,
 330 
 #dashboard_right_now li span:before,
245
343
246 
 /* Welcome Panel specific Icons styles */
 344 
 /* Welcome Panel specific Icons styles */
247
345
346 
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
248 
 .welcome-panel .welcome-write-blog:before,
 347 
 .welcome-panel .welcome-write-blog:before,
249 
 .welcome-panel .welcome-edit-page:before {
 348 
 .welcome-panel .welcome-edit-page:before {
250 
 	content: "\f119";
 349 
 	content: "\f119";
251 
 	top: -3px;
 350 
 	top: -3px;
252 
 }
 351 
 }
253
352
353 
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
254 
 .welcome-panel .welcome-add-page:before {
 354 
 .welcome-panel .welcome-add-page:before {
255 
 	content: "\f132";
 355 
 	content: "\f132";
256 
 	top: -1px;
 356 
 	top: -1px;
257 
 }
 357 
 }
258
358
359 
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
259 
 .welcome-panel .welcome-setup-home:before {
 360 
 .welcome-panel .welcome-setup-home:before {
260 
 	content: "\f102";
 361 
 	content: "\f102";
261 
 	top: -1px;
 362 
 	top: -1px;
262 
 }
 363 
 }
263
364
365 
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
264 
 .welcome-panel .welcome-view-site:before {
 366 
 .welcome-panel .welcome-view-site:before {
265 
 	content: "\f115";
 367 
 	content: "\f115";
266 
 	top: -2px;
 368 
 	top: -2px;
267 
 }
 369 
 }
268
370
371 
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
269 
 .welcome-panel .welcome-widgets-menus:before {
 372 
 .welcome-panel .welcome-widgets-menus:before {
270 
 	content: "\f116";
 373 
 	content: "\f116";
271 
 	top: -2px;
 374 
 	top: -2px;
272 
 }
 375 
 }
273
376
377 
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
274 
 .welcome-panel .welcome-widgets:before {
 378 
 .welcome-panel .welcome-widgets:before {
275 
 	content: "\f538";
 379 
 	content: "\f538";
276 
 	top: -2px;
 380 
 	top: -2px;
277 
 }
 381 
 }
278
382
383 
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
279 
 .welcome-panel .welcome-menus:before {
 384 
 .welcome-panel .welcome-menus:before {
280 
 	content: "\f163";
 385 
 	content: "\f163";
281 
 	top: -2px;
 386 
 	top: -2px;
282 
 }
 387 
 }
283
388
389 
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
284 
 .welcome-panel .welcome-comments:before {
 390 
 .welcome-panel .welcome-comments:before {
285 
 	content: "\f117";
 391 
 	content: "\f117";
286 
 	top: -1px;
 392 
 	top: -1px;
287 
 }
 393 
 }
288
394
395 
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
289 
 .welcome-panel .welcome-learn-more:before {
 396 
 .welcome-panel .welcome-learn-more:before {
290 
 	content: "\f118";
 397 
 	content: "\f118";
291 
 	top: -1px;
 398 
 	top: -1px;
355 
 .community-events-errors [aria-hidden="true"],
 462 
 .community-events-errors [aria-hidden="true"],
356 
 .community-events-loading[aria-hidden="true"],
 463 
 .community-events-loading[aria-hidden="true"],
357 
 .community-events[aria-hidden="true"],
 464 
 .community-events[aria-hidden="true"],
358 
-.community-events [aria-hidden="true"] {
465 
+.community-events form[aria-hidden="true"] {
359 
 	display: none;
 466 
 	display: none;
360 
 }
 467 
 }
361
468
519
626
520 
 #dashboard_primary .rss-widget {
 627 
 #dashboard_primary .rss-widget {
521 
 	font-size: 13px;
 628 
 	font-size: 13px;
522 
-	padding: 0 12px 0;
629 
+	padding: 0 12px;
523 
 }
 630 
 }
524
631
525 
 #dashboard_primary .rss-widget:last-child {
 632 
 #dashboard_primary .rss-widget:last-child {
600 
 	color: #50575e;
 707 
 	color: #50575e;
601 
 	background: #f6f7f7;
 708 
 	background: #f6f7f7;
602 
 	border-top: 1px solid #f0f0f1;
 709 
 	border-top: 1px solid #f0f0f1;
603 
-	padding: 10px 12px 6px 12px;
710 
+	padding: 10px 12px 6px;
604 
 }
 711 
 }
605
712
606 
 #dashboard_right_now .sub h3 {
 713 
 #dashboard_right_now .sub h3 {
836 
 }
 943 
 }
837
944
838 
 #activity-widget #the-comment-list .comment-item p.row-actions {
 945 
 #activity-widget #the-comment-list .comment-item p.row-actions {
839 
-	margin: 4px 0 0 0;
946 
+	margin: 4px 0 0;
840 
 }
 947 
 }
841
948
842 
 #activity-widget #the-comment-list .comment-item:first-child {
 949 
 #activity-widget #the-comment-list .comment-item:first-child {
1103 
 /* =Media Queries
 1210 
 /* =Media Queries
1104 
 -------------------------------------------------------------- */
 1211 
 -------------------------------------------------------------- */
1105
1212
1213 
+@media only screen and (min-width: 1600px) {
1214 
+	.welcome-panel .welcome-panel-column-container {
1215 
+		display: flex;
1216 
+		justify-content: center;
1217 
+	}
1218 
+
1219 
+	.welcome-panel-column {
1220 
+		width: 100%;
1221 
+		max-width: 460px;
1222 
+	}
1223 
+}
1224 
+
1106 
 /* one column on the dash */
 1225 
 /* one column on the dash */
1107 
 @media only screen and (max-width: 799px) {
 1226 
 @media only screen and (max-width: 799px) {
1108 
 	#wpbody-content #dashboard-widgets .postbox-container {
 1227 
 	#wpbody-content #dashboard-widgets .postbox-container {
1214 
 }
 1333 
 }
1215
1334
1216 
 @media screen and (max-width: 870px) {
 1335 
 @media screen and (max-width: 870px) {
1217 
-	.welcome-panel .welcome-panel-column,
1218 
-	.welcome-panel .welcome-panel-column:first-child {
1219 
-		display: block;
1220 
-		float: none;
1221 
-		width: 100%;
1222 
-	}
1223 
-
1336 
+	/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
1224 
 	.welcome-panel .welcome-panel-column li {
 1337 
 	.welcome-panel .welcome-panel-column li {
1225 
 		display: inline-block;
 1338 
 		display: inline-block;
1226 
 		margin-left: 13px;
 1339 
 		margin-left: 13px;
1227 
 	}
 1340 
 	}
1228
1341
1342 
+	/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
1229 
 	.welcome-panel .welcome-panel-column ul {
 1343 
 	.welcome-panel .welcome-panel-column ul {
1230 
 		margin: 0.4em 0 0;
 1344 
 		margin: 0.4em 0 0;
1231 
 	}
 1345 
 	}
1232
1346
1233 
 }
 1347 
 }
1234
1348
1349 
+@media screen and (max-width: 1180px) and (min-width: 783px) {
1350 
+	.welcome-panel-column {
1351 
+		grid-template-columns: 1fr;
1352 
+	}
1353 
+
1354 
+	[class*="welcome-panel-icon"] {
1355 
+		display: none;
1356 
+	}
1357 
+}
1358 
+
1235 
 @media screen and (max-width: 782px) {
 1359 
 @media screen and (max-width: 782px) {
1360 
+	.welcome-panel-header {
1361 
+		--about-header-bg-width: calc(var(--about-header-image-width) * 0.4);
1362 
+		--about-header-bg-offset-inline: 1rem;
1363 
+	}
1364 
+
1365 
+	.welcome-panel-header-image {
1366 
+		top: 2rem;
1367 
+	}
1368 
+
1369 
+	.welcome-panel .welcome-panel-column-container {
1370 
+		grid-template-columns: 1fr;
1371 
+		box-sizing: border-box;
1372 
+		padding: 32px;
1373 
+		width: 100%;
1374 
+	}
1375 
+
1376 
+	.welcome-panel .welcome-panel-column-content {
1377 
+		max-width: 520px;
1378 
+	}
1379 
+
1380 
+	/* Keep the close icon from overlapping the Welcome text. */
1381 
+	.welcome-panel .welcome-panel-close {
1382 
+		overflow: hidden;
1383 
+		text-indent: 40px;
1384 
+		white-space: nowrap;
1385 
+		width: 20px;
1386 
+		height: 20px;
1387 
+		padding: 5px;
1388 
+		top: 5px;
1389 
+		left: 5px;
1390 
+	}
1391 
+
1392 
+	.welcome-panel .welcome-panel-close::before {
1393 
+		top: 5px;
1394 
+		right: -35px;
1395 
+	}
1396 
+
1236 
 	#dashboard-widgets h2 {
 1397 
 	#dashboard-widgets h2 {
1237 
 		padding: 12px;
 1398 
 		padding: 12px;
1238 
 	}
 1399 
 	}
1275
1436
1276 
 /* Smartphone */
 1437 
 /* Smartphone */
1277 
 @media screen and (max-width: 600px) {
 1438 
 @media screen and (max-width: 600px) {
1278 
-	/* Keep the close icon from overlapping the Welcome text. */
1279 
-	.welcome-panel .welcome-panel-close {
1280 
-		overflow: hidden;
1281 
-		text-indent: 40px;
1282 
-		white-space: nowrap;
1283 
-		width: 20px;
1284 
-		height: 20px;
1285 
-		padding: 5px;
1286 
-		top: 5px;
1287 
-		left: 5px;
1439 
+	.welcome-panel-header {
1440 
+		padding: 32px 32px 64px;
1288 
 	}
 1441 
 	}
1289
1442
1290 
-	/* Make the close icon larger for tappability. */
1291 
-	.welcome-panel .welcome-panel-close:before {
1292 
-		font-size: 20px;
1293 
-		top: 5px;
1294 
-		right: -35px;
1443 
+	.welcome-panel-header-image {
1444 
+		display: none;
1445 
+	}
1446 
+}
1447 
+
1448 
+@media screen and (max-width: 480px) {
1449 
+	.welcome-panel-column {
1450 
+		gap: 16px;
1451 
+	}
1452 
+}
1453 
+
1454 
+@media screen and (max-width: 360px) {
1455 
+	.welcome-panel-column {
1456 
+		grid-template-columns: 1fr;
1457 
+	}
1458 
+
1459 
+	[class*="welcome-panel-icon"] {
1460 
+		display: none;
1295 
 	}
 1461 
 	}
1296 
 }
 1462 
 }
1297
1463

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/dashboard-rtl.min.css


+ 225 - 59
app/wp-admin/css/dashboard.css
View File

110 
 	max-width: 100%;
 110 
 	max-width: 100%;
111 
 }
 111 
 }
112
112
113 
+/* Screen meta exception for when the "Dashboard" heading is missing or located below the Welcome Panel. */
114 
+.index-php #screen-meta-links {
115 
+	margin: 0 20px 8px 0;
116 
+}
117 
+
113 
 /* Welcome Panel */
 118 
 /* Welcome Panel */
114 
 .welcome-panel {
 119 
 .welcome-panel {
115 
 	position: relative;
 120 
 	position: relative;
116 
 	overflow: auto;
 121 
 	overflow: auto;
117 
 	margin: 16px 0;
 122 
 	margin: 16px 0;
118 
-	padding: 23px 10px 0;
119 
-	border: 1px solid #c3c4c7;
120 
-	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
121 
-	background: #fff;
122 
-	font-size: 13px;
123 
-	line-height: 1.7;
123 
+	background-color: #e7ebfd;
124 
+	font-size: 14px;
125 
+	line-height: 1.3;
126 
+	clear: both;
124 
 }
 127 
 }
125
128
126 
 .welcome-panel h2 {
 129 
 .welcome-panel h2 {
127 
 	margin: 0;
 130 
 	margin: 0;
128 
-	font-size: 21px;
129 
-	font-weight: 400;
130 
-	line-height: 1.2;
131 
+	font-size: 48px;
132 
+	font-weight: 600;
133 
+	line-height: 1.25;
131 
 }
 134 
 }
132
135
133 
 .welcome-panel h3 {
 136 
 .welcome-panel h3 {
134 
-	margin: 1.33em 0 0;
135 
-	font-size: 16px;
137 
+	margin: 0;
138 
+	font-size: 20px;
139 
+	font-weight: 400;
140 
+	line-height: 1.4;
136 
 }
 141 
 }
137
142
138 
-.welcome-panel li {
139 
-	font-size: 14px;
143 
+.welcome-panel p {
144 
+	font-size: inherit;
145 
+	line-height: inherit;
140 
 }
 146 
 }
141
147
142 
-.welcome-panel p {
143 
-	color: #646970;
148 
+.welcome-panel-header {
149 
+	--about-header-image-width: 521px;
150 
+	--about-header-bg-width: calc(var(--about-header-image-width) * 0.55);
151 
+	--about-header-bg-offset-inline: 2rem;
152 
+
153 
+	position: relative;
144 
 }
 154 
 }
145
155
146 
-.welcome-panel li a {
156 
+.welcome-panel-header-image {
157 
+	position: absolute;
158 
+	top: -1rem;
159 
+	right: var(--about-header-bg-offset-inline);
160 
+	bottom: 0;
161 
+	width: var(--about-header-bg-width);
162 
+	height: auto;
163 
+}
164 
+
165 
+.welcome-panel-header-image svg {
166 
+	width: 100%;
167 
+	height: auto;
168 
+}
169 
+
170 
+.welcome-panel-header a {
171 
+	color: inherit;
172 
+}
173 
+
174 
+.welcome-panel-header a:focus,
175 
+.welcome-panel-header a:hover {
176 
+	color: inherit;
147 
 	text-decoration: none;
 177 
 	text-decoration: none;
148 
 }
 178 
 }
149
179
150 
-.welcome-panel .about-description {
151 
-	font-size: 16px;
152 
-	margin: 0;
180 
+.welcome-panel-header a:focus,
181 
+.welcome-panel .welcome-panel-close:focus {
182 
+	outline-color: currentColor;
183 
+	outline-offset: 1px;
184 
+	box-shadow: none;
185 
+}
186 
+
187 
+.welcome-panel-header p {
188 
+	margin: 0.5em 0 0;
189 
+	font-size: 20px;
190 
+	line-height: 1.4;
153 
 }
 191 
 }
154
192
155 
 .welcome-panel .welcome-panel-close {
 193 
 .welcome-panel .welcome-panel-close {
156 
 	position: absolute;
 194 
 	position: absolute;
157 
 	top: 10px;
 195 
 	top: 10px;
158 
 	right: 10px;
 196 
 	right: 10px;
159 
-	padding: 10px 15px 10px 21px;
197 
+	padding: 10px 15px 10px 24px;
160 
 	font-size: 13px;
 198 
 	font-size: 13px;
161 
 	line-height: 1.23076923; /* Chrome rounding, needs to be 16px equivalent */
 199 
 	line-height: 1.23076923; /* Chrome rounding, needs to be 16px equivalent */
162 
 	text-decoration: none;
 200 
 	text-decoration: none;
201 
+	z-index: 1; /* Raise above the version image. */
163 
 }
 202 
 }
164
203
165 
 .welcome-panel .welcome-panel-close:before {
 204 
 .welcome-panel .welcome-panel-close:before {
167 
 	top: 8px;
 206 
 	top: 8px;
168 
 	left: 0;
 207 
 	left: 0;
169 
 	transition: all .1s ease-in-out;
 208 
 	transition: all .1s ease-in-out;
209 
+	content: '\f335';
210 
+	font-size: 24px;
211 
+	color: #1d2327;
170 
 }
 212 
 }
171
213
214 
+.welcome-panel .welcome-panel-close {
215 
+	color: #1d2327;
216 
+}
217 
+
218 
+.welcome-panel .welcome-panel-close:hover,
219 
+.welcome-panel .welcome-panel-close:focus,
220 
+.welcome-panel .welcome-panel-close:hover::before,
221 
+.welcome-panel .welcome-panel-close:focus::before {
222 
+	color: #2271b1;
223 
+}
224 
+
225 
+/* @deprecated 5.9.0 -- Button removed from panel. */
172 
 .wp-core-ui .welcome-panel .button.button-hero {
 226 
 .wp-core-ui .welcome-panel .button.button-hero {
173 
 	margin: 15px 13px 3px 0;
 227 
 	margin: 15px 13px 3px 0;
174 
 	padding: 12px 36px;
 228 
 	padding: 12px 36px;
178 
 }
 232 
 }
179
233
180 
 .welcome-panel-content {
 234 
 .welcome-panel-content {
181 
-	margin-left: 13px;
235 
+	min-height: 400px;
236 
+	display: flex;
237 
+	flex-direction: column;
238 
+	justify-content: space-between;
239 
+}
240 
+
241 
+.welcome-panel-header {
242 
+	box-sizing: border-box;
243 
+	margin-left: auto;
244 
+	margin-right: auto;
182 
 	max-width: 1500px;
 245 
 	max-width: 1500px;
246 
+	width: 100%;
247 
+	padding: 48px 0 80px 48px;
248 
+	padding-right: calc(var(--about-header-bg-width) + (var(--about-header-bg-offset-inline) * 2));
183 
 }
 249 
 }
184
250
185 
 .welcome-panel .welcome-panel-column-container {
 251 
 .welcome-panel .welcome-panel-column-container {
252 
+	box-sizing: border-box;
253 
+	width: 100%;
186 
 	clear: both;
 254 
 	clear: both;
187 
-	position: relative;
255 
+	display: grid;
256 
+	z-index: 1;
257 
+	padding: 48px;
258 
+	grid-template-columns: repeat(3, 1fr);
259 
+	gap: 32px;
260 
+	align-self: flex-end;
261 
+	background: #fff;
188 
 }
 262 
 }
189
263
190 
-.welcome-panel .welcome-panel-column {
191 
-	width: 32%;
192 
-	min-width: 200px;
193 
-	float: left;
264 
+[class*="welcome-panel-icon"] {
265 
+	height: 60px;
266 
+	width: 60px;
267 
+	background-color: #1d2327;
268 
+	background-position: center;
269 
+	background-size: 24px 24px;
270 
+	background-repeat: no-repeat;
271 
+	border-radius: 100%;
272 
+}
273 
+
274 
+.welcome-panel-column {
275 
+	display: grid;
276 
+	grid-template-columns: min-content 1fr;
277 
+	gap: 24px;
194 
 }
 278 
 }
195
279
196 
-.welcome-panel .welcome-panel-column:first-child {
197 
-	width: 36%;
280 
+.welcome-panel-icon-pages {
281 
+	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M7 13.8h6v-1.5H7v1.5zM18 16V4c0-1.1-.9-2-2-2H6c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2zM5.5 16V4c0-.3.2-.5.5-.5h10c.3 0 .5.2.5.5v12c0 .3-.2.5-.5.5H6c-.3 0-.5-.2-.5-.5zM7 10.5h8V9H7v1.5zm0-3.3h8V5.8H7v1.4zM20.2 6v13c0 .7-.6 1.2-1.2 1.2H8v1.5h11c1.5 0 2.7-1.2 2.7-2.8V6h-1.5z' /%3E%3C/svg%3E");
198 
 }
 282 
 }
199
283
200 
-.welcome-panel-column p.hide-if-no-customize {
201 
-	margin-top: 10px;
284 
+.welcome-panel-icon-layout {
285 
+	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M18 5.5H6a.5.5 0 00-.5.5v3h13V6a.5.5 0 00-.5-.5zm.5 5H10v8h8a.5.5 0 00.5-.5v-7.5zm-10 0h-3V18a.5.5 0 00.5.5h2.5v-8zM6 4h12a2 2 0 012 2v12a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2z' /%3E%3C/svg%3E");
202 
 }
 286 
 }
203
287
204 
-.welcome-panel-column p {
205 
-	margin-top: 7px;
206 
-	color: #3c434a;
288 
+.welcome-panel-icon-styles {
289 
+	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M12 4c-4.4 0-8 3.6-8 8v.1c0 4.1 3.2 7.5 7.2 7.9h.8c4.4 0 8-3.6 8-8s-3.6-8-8-8zm0 15V5c3.9 0 7 3.1 7 7s-3.1 7-7 7z' /%3E%3C/svg%3E");
207 
 }
 290 
 }
208
291
292 
+/* @deprecated 5.9.0 -- Section removed from welcome panel. */
209 
 .welcome-panel .welcome-widgets-menus {
 293 
 .welcome-panel .welcome-widgets-menus {
210 
 	line-height: 1.14285714;
 294 
 	line-height: 1.14285714;
211 
 }
 295 
 }
212
296
297 
+/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
213 
 .welcome-panel .welcome-panel-column ul {
 298 
 .welcome-panel .welcome-panel-column ul {
214 
 	margin: 0.8em 1em 1em 0;
 299 
 	margin: 0.8em 1em 1em 0;
215 
 }
 300 
 }
216
301
302 
+/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
303 
+.welcome-panel li {
304 
+	font-size: 14px;
305 
+}
306 
+
307 
+/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
308 
+.welcome-panel li a {
309 
+	text-decoration: none;
310 
+}
311 
+
312 
+/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
217 
 .welcome-panel .welcome-panel-column li {
 313 
 .welcome-panel .welcome-panel-column li {
218 
 	line-height: 1.14285714;
 314 
 	line-height: 1.14285714;
219 
 	list-style-type: none;
 315 
 	list-style-type: none;
220 
 	padding: 0 0 8px;
 316 
 	padding: 0 0 8px;
221 
 }
 317 
 }
222
318
319 
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
223 
 .welcome-panel .welcome-icon {
 320 
 .welcome-panel .welcome-icon {
224 
 	background: transparent !important;
 321 
 	background: transparent !important;
225 
 }
 322 
 }
226
323
227 
 /* Welcome Panel and Right Now common Icons style */
 324 
 /* Welcome Panel and Right Now common Icons style */
228
325
326 
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
229 
 .welcome-panel .welcome-icon:before,
 327 
 .welcome-panel .welcome-icon:before,
230 
 #dashboard_right_now li a:before,
 328 
 #dashboard_right_now li a:before,
231 
 #dashboard_right_now li span:before,
 329 
 #dashboard_right_now li span:before,
244
342
245 
 /* Welcome Panel specific Icons styles */
 343 
 /* Welcome Panel specific Icons styles */
246
344
345 
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
247 
 .welcome-panel .welcome-write-blog:before,
 346 
 .welcome-panel .welcome-write-blog:before,
248 
 .welcome-panel .welcome-edit-page:before {
 347 
 .welcome-panel .welcome-edit-page:before {
249 
 	content: "\f119";
 348 
 	content: "\f119";
250 
 	top: -3px;
 349 
 	top: -3px;
251 
 }
 350 
 }
252
351
352 
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
253 
 .welcome-panel .welcome-add-page:before {
 353 
 .welcome-panel .welcome-add-page:before {
254 
 	content: "\f132";
 354 
 	content: "\f132";
255 
 	top: -1px;
 355 
 	top: -1px;
256 
 }
 356 
 }
257
357
358 
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
258 
 .welcome-panel .welcome-setup-home:before {
 359 
 .welcome-panel .welcome-setup-home:before {
259 
 	content: "\f102";
 360 
 	content: "\f102";
260 
 	top: -1px;
 361 
 	top: -1px;
261 
 }
 362 
 }
262
363
364 
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
263 
 .welcome-panel .welcome-view-site:before {
 365 
 .welcome-panel .welcome-view-site:before {
264 
 	content: "\f115";
 366 
 	content: "\f115";
265 
 	top: -2px;
 367 
 	top: -2px;
266 
 }
 368 
 }
267
369
370 
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
268 
 .welcome-panel .welcome-widgets-menus:before {
 371 
 .welcome-panel .welcome-widgets-menus:before {
269 
 	content: "\f116";
 372 
 	content: "\f116";
270 
 	top: -2px;
 373 
 	top: -2px;
271 
 }
 374 
 }
272
375
376 
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
273 
 .welcome-panel .welcome-widgets:before {
 377 
 .welcome-panel .welcome-widgets:before {
274 
 	content: "\f538";
 378 
 	content: "\f538";
275 
 	top: -2px;
 379 
 	top: -2px;
276 
 }
 380 
 }
277
381
382 
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
278 
 .welcome-panel .welcome-menus:before {
 383 
 .welcome-panel .welcome-menus:before {
279 
 	content: "\f163";
 384 
 	content: "\f163";
280 
 	top: -2px;
 385 
 	top: -2px;
281 
 }
 386 
 }
282
387
388 
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
283 
 .welcome-panel .welcome-comments:before {
 389 
 .welcome-panel .welcome-comments:before {
284 
 	content: "\f117";
 390 
 	content: "\f117";
285 
 	top: -1px;
 391 
 	top: -1px;
286 
 }
 392 
 }
287
393
394 
+/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
288 
 .welcome-panel .welcome-learn-more:before {
 395 
 .welcome-panel .welcome-learn-more:before {
289 
 	content: "\f118";
 396 
 	content: "\f118";
290 
 	top: -1px;
 397 
 	top: -1px;
354 
 .community-events-errors [aria-hidden="true"],
 461 
 .community-events-errors [aria-hidden="true"],
355 
 .community-events-loading[aria-hidden="true"],
 462 
 .community-events-loading[aria-hidden="true"],
356 
 .community-events[aria-hidden="true"],
 463 
 .community-events[aria-hidden="true"],
357 
-.community-events [aria-hidden="true"] {
464 
+.community-events form[aria-hidden="true"] {
358 
 	display: none;
 465 
 	display: none;
359 
 }
 466 
 }
360
467
518
625
519 
 #dashboard_primary .rss-widget {
 626 
 #dashboard_primary .rss-widget {
520 
 	font-size: 13px;
 627 
 	font-size: 13px;
521 
-	padding: 0 12px 0;
628 
+	padding: 0 12px;
522 
 }
 629 
 }
523
630
524 
 #dashboard_primary .rss-widget:last-child {
 631 
 #dashboard_primary .rss-widget:last-child {
599 
 	color: #50575e;
 706 
 	color: #50575e;
600 
 	background: #f6f7f7;
 707 
 	background: #f6f7f7;
601 
 	border-top: 1px solid #f0f0f1;
 708 
 	border-top: 1px solid #f0f0f1;
602 
-	padding: 10px 12px 6px 12px;
709 
+	padding: 10px 12px 6px;
603 
 }
 710 
 }
604
711
605 
 #dashboard_right_now .sub h3 {
 712 
 #dashboard_right_now .sub h3 {
835 
 }
 942 
 }
836
943
837 
 #activity-widget #the-comment-list .comment-item p.row-actions {
 944 
 #activity-widget #the-comment-list .comment-item p.row-actions {
838 
-	margin: 4px 0 0 0;
945 
+	margin: 4px 0 0;
839 
 }
 946 
 }
840
947
841 
 #activity-widget #the-comment-list .comment-item:first-child {
 948 
 #activity-widget #the-comment-list .comment-item:first-child {
1102 
 /* =Media Queries
 1209 
 /* =Media Queries
1103 
 -------------------------------------------------------------- */
 1210 
 -------------------------------------------------------------- */
1104
1211
1212 
+@media only screen and (min-width: 1600px) {
1213 
+	.welcome-panel .welcome-panel-column-container {
1214 
+		display: flex;
1215 
+		justify-content: center;
1216 
+	}
1217 
+
1218 
+	.welcome-panel-column {
1219 
+		width: 100%;
1220 
+		max-width: 460px;
1221 
+	}
1222 
+}
1223 
+
1105 
 /* one column on the dash */
 1224 
 /* one column on the dash */
1106 
 @media only screen and (max-width: 799px) {
 1225 
 @media only screen and (max-width: 799px) {
1107 
 	#wpbody-content #dashboard-widgets .postbox-container {
 1226 
 	#wpbody-content #dashboard-widgets .postbox-container {
1213 
 }
 1332 
 }
1214
1333
1215 
 @media screen and (max-width: 870px) {
 1334 
 @media screen and (max-width: 870px) {
1216 
-	.welcome-panel .welcome-panel-column,
1217 
-	.welcome-panel .welcome-panel-column:first-child {
1218 
-		display: block;
1219 
-		float: none;
1220 
-		width: 100%;
1221 
-	}
1222 
-
1335 
+	/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
1223 
 	.welcome-panel .welcome-panel-column li {
 1336 
 	.welcome-panel .welcome-panel-column li {
1224 
 		display: inline-block;
 1337 
 		display: inline-block;
1225 
 		margin-right: 13px;
 1338 
 		margin-right: 13px;
1226 
 	}
 1339 
 	}
1227
1340
1341 
+	/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
1228 
 	.welcome-panel .welcome-panel-column ul {
 1342 
 	.welcome-panel .welcome-panel-column ul {
1229 
 		margin: 0.4em 0 0;
 1343 
 		margin: 0.4em 0 0;
1230 
 	}
 1344 
 	}
1231
1345
1232 
 }
 1346 
 }
1233
1347
1348 
+@media screen and (max-width: 1180px) and (min-width: 783px) {
1349 
+	.welcome-panel-column {
1350 
+		grid-template-columns: 1fr;
1351 
+	}
1352 
+
1353 
+	[class*="welcome-panel-icon"] {
1354 
+		display: none;
1355 
+	}
1356 
+}
1357 
+
1234 
 @media screen and (max-width: 782px) {
 1358 
 @media screen and (max-width: 782px) {
1359 
+	.welcome-panel-header {
1360 
+		--about-header-bg-width: calc(var(--about-header-image-width) * 0.4);
1361 
+		--about-header-bg-offset-inline: 1rem;
1362 
+	}
1363 
+
1364 
+	.welcome-panel-header-image {
1365 
+		top: 2rem;
1366 
+	}
1367 
+
1368 
+	.welcome-panel .welcome-panel-column-container {
1369 
+		grid-template-columns: 1fr;
1370 
+		box-sizing: border-box;
1371 
+		padding: 32px;
1372 
+		width: 100%;
1373 
+	}
1374 
+
1375 
+	.welcome-panel .welcome-panel-column-content {
1376 
+		max-width: 520px;
1377 
+	}
1378 
+
1379 
+	/* Keep the close icon from overlapping the Welcome text. */
1380 
+	.welcome-panel .welcome-panel-close {
1381 
+		overflow: hidden;
1382 
+		text-indent: 40px;
1383 
+		white-space: nowrap;
1384 
+		width: 20px;
1385 
+		height: 20px;
1386 
+		padding: 5px;
1387 
+		top: 5px;
1388 
+		right: 5px;
1389 
+	}
1390 
+
1391 
+	.welcome-panel .welcome-panel-close::before {
1392 
+		top: 5px;
1393 
+		left: -35px;
1394 
+	}
1395 
+
1235 
 	#dashboard-widgets h2 {
 1396 
 	#dashboard-widgets h2 {
1236 
 		padding: 12px;
 1397 
 		padding: 12px;
1237 
 	}
 1398 
 	}
1274
1435
1275 
 /* Smartphone */
 1436 
 /* Smartphone */
1276 
 @media screen and (max-width: 600px) {
 1437 
 @media screen and (max-width: 600px) {
1277 
-	/* Keep the close icon from overlapping the Welcome text. */
1278 
-	.welcome-panel .welcome-panel-close {
1279 
-		overflow: hidden;
1280 
-		text-indent: 40px;
1281 
-		white-space: nowrap;
1282 
-		width: 20px;
1283 
-		height: 20px;
1284 
-		padding: 5px;
1285 
-		top: 5px;
1286 
-		right: 5px;
1438 
+	.welcome-panel-header {
1439 
+		padding: 32px 32px 64px;
1287 
 	}
 1440 
 	}
1288
1441
1289 
-	/* Make the close icon larger for tappability. */
1290 
-	.welcome-panel .welcome-panel-close:before {
1291 
-		font-size: 20px;
1292 
-		top: 5px;
1293 
-		left: -35px;
1442 
+	.welcome-panel-header-image {
1443 
+		display: none;
1444 
+	}
1445 
+}
1446 
+
1447 
+@media screen and (max-width: 480px) {
1448 
+	.welcome-panel-column {
1449 
+		gap: 16px;
1450 
+	}
1451 
+}
1452 
+
1453 
+@media screen and (max-width: 360px) {
1454 
+	.welcome-panel-column {
1455 
+		grid-template-columns: 1fr;
1456 
+	}
1457 
+
1458 
+	[class*="welcome-panel-icon"] {
1459 
+		display: none;
1294 
 	}
 1460 
 	}
1295 
 }
 1461 
 }
1296
1462

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/dashboard.min.css


+ 1 - 1
app/wp-admin/css/deprecated-media-rtl.css
View File

101 
 	width: 100%;
 101 
 	width: 100%;
102 
 	border: none;
 102 
 	border: none;
103 
 	text-align: justify;
 103 
 	text-align: justify;
104 
-	margin: 0 0 1em 0;
104 
+	margin: 0 0 1em;
105 
 	padding: 0;
 105 
 	padding: 0;
106 
 }
 106 
 }
107
107

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/deprecated-media-rtl.min.css


+ 1 - 1
app/wp-admin/css/deprecated-media.css
View File

100 
 	width: 100%;
 100 
 	width: 100%;
101 
 	border: none;
 101 
 	border: none;
102 
 	text-align: justify;
 102 
 	text-align: justify;
103 
-	margin: 0 0 1em 0;
103 
+	margin: 0 0 1em;
104 
 	padding: 0;
 104 
 	padding: 0;
105 
 }
 105 
 }
106
106

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/deprecated-media.min.css


+ 17 - 11
app/wp-admin/css/edit-rtl.css
View File

98 
 	color: #646970;
 98 
 	color: #646970;
99 
 }
 99 
 }
100
100
101 
+#sample-permalink {
102 
+	display: inline-block;
103 
+	max-width: 100%;
104 
+	word-wrap: break-word;
105 
+}
106 
+
101 
 #edit-slug-box .cancel {
 107 
 #edit-slug-box .cancel {
102 
 	margin-left: 10px;
 108 
 	margin-left: 10px;
103 
 	padding: 0;
 109 
 	padding: 0;
147 
 	margin-top: 3px;
 153 
 	margin-top: 3px;
148 
 }
 154 
 }
149
155
156 
+body.post-type-wp_navigation div#minor-publishing,
157 
+body.post-type-wp_navigation .inline-edit-status {
158 
+	display: none;
159 
+}
160 
+
150 
 /* Post Screen */
 161 
 /* Post Screen */
151
162
152 
 /* Only highlight drop zones when dragging and only in the 2 columns layout. */
 163 
 /* Only highlight drop zones when dragging and only in the 2 columns layout. */
451 
 }
 462 
 }
452
463
453 
 .curtime #timestamp {
 464 
 .curtime #timestamp {
454 
-	padding: 2px 0 1px 0;
465 
+	padding: 2px 0 1px;
455 
 	display: inline !important;
 466 
 	display: inline !important;
456 
 	height: auto !important;
 467 
 	height: auto !important;
457 
 }
 468 
 }
651 
 }
 662 
 }
652
663
653 
 #poststuff .inside {
 664 
 #poststuff .inside {
654 
-	margin: 6px 0 0 0;
665 
+	margin: 6px 0 0;
655 
 }
 666 
 }
656
667
657 
 .link-php #poststuff .inside,
 668 
 .link-php #poststuff .inside,
722 
 	font-weight: 600;
 733 
 	font-weight: 600;
723 
 	margin: 0 0.8rem 1rem;
 734 
 	margin: 0 0.8rem 1rem;
724 
 	font-size: 23px;
 735 
 	font-size: 23px;
725 
-	padding: 9px 0 4px 0;
736 
+	padding: 9px 0 4px;
726 
 	line-height: 1.3;
 737 
 	line-height: 1.3;
727 
 }
 738 
 }
728
739
1364 
 }
 1375 
 }
1365
1376
1366 
 #poststuff .tagsdiv .howto {
 1377 
 #poststuff .tagsdiv .howto {
1367 
-	margin: 1em 0 6px 0;
1378 
+	margin: 1em 0 6px;
1368 
 }
 1379 
 }
1369
1380
1370 
 .ajaxtag .newtag {
 1381 
 .ajaxtag .newtag {
1773 
 	}
 1784 
 	}
1774
1785
1775 
 	#titlediv #title-prompt-text {
 1786 
 	#titlediv #title-prompt-text {
1776 
-		padding: 10px 10px;
1787 
+		padding: 10px;
1777 
 	}
 1788 
 	}
1778
1789
1779 
 	#poststuff .stuffbox .inside {
 1790 
 	#poststuff .stuffbox .inside {
1956 
 	}
 1967 
 	}
1957
1968
1958 
 	.misc-pub-section {
 1969 
 	.misc-pub-section {
1959 
-		padding: 20px 10px 20px;
1960 
-	}
1961 
-
1962 
-	.misc-pub-section > a {
1963 
-		float: left;
1964 
-		font-size: 16px;
1970 
+		padding: 20px 10px;
1965 
 	}
 1971 
 	}
1966
1972
1967 
 	#delete-action,
 1973 
 	#delete-action,

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/edit-rtl.min.css


+ 17 - 11
app/wp-admin/css/edit.css
View File

97 
 	color: #646970;
 97 
 	color: #646970;
98 
 }
 98 
 }
99
99
100 
+#sample-permalink {
101 
+	display: inline-block;
102 
+	max-width: 100%;
103 
+	word-wrap: break-word;
104 
+}
105 
+
100 
 #edit-slug-box .cancel {
 106 
 #edit-slug-box .cancel {
101 
 	margin-right: 10px;
 107 
 	margin-right: 10px;
102 
 	padding: 0;
 108 
 	padding: 0;
146 
 	margin-top: 3px;
 152 
 	margin-top: 3px;
147 
 }
 153 
 }
148
154
155 
+body.post-type-wp_navigation div#minor-publishing,
156 
+body.post-type-wp_navigation .inline-edit-status {
157 
+	display: none;
158 
+}
159 
+
149 
 /* Post Screen */
 160 
 /* Post Screen */
150
161
151 
 /* Only highlight drop zones when dragging and only in the 2 columns layout. */
 162 
 /* Only highlight drop zones when dragging and only in the 2 columns layout. */
450 
 }
 461 
 }
451
462
452 
 .curtime #timestamp {
 463 
 .curtime #timestamp {
453 
-	padding: 2px 0 1px 0;
464 
+	padding: 2px 0 1px;
454 
 	display: inline !important;
 465 
 	display: inline !important;
455 
 	height: auto !important;
 466 
 	height: auto !important;
456 
 }
 467 
 }
650 
 }
 661 
 }
651
662
652 
 #poststuff .inside {
 663 
 #poststuff .inside {
653 
-	margin: 6px 0 0 0;
664 
+	margin: 6px 0 0;
654 
 }
 665 
 }
655
666
656 
 .link-php #poststuff .inside,
 667 
 .link-php #poststuff .inside,
721 
 	font-weight: 600;
 732 
 	font-weight: 600;
722 
 	margin: 0 0.8rem 1rem;
 733 
 	margin: 0 0.8rem 1rem;
723 
 	font-size: 23px;
 734 
 	font-size: 23px;
724 
-	padding: 9px 0 4px 0;
735 
+	padding: 9px 0 4px;
725 
 	line-height: 1.3;
 736 
 	line-height: 1.3;
726 
 }
 737 
 }
727
738
1363 
 }
 1374 
 }
1364
1375
1365 
 #poststuff .tagsdiv .howto {
 1376 
 #poststuff .tagsdiv .howto {
1366 
-	margin: 1em 0 6px 0;
1377 
+	margin: 1em 0 6px;
1367 
 }
 1378 
 }
1368
1379
1369 
 .ajaxtag .newtag {
 1380 
 .ajaxtag .newtag {
1772 
 	}
 1783 
 	}
1773
1784
1774 
 	#titlediv #title-prompt-text {
 1785 
 	#titlediv #title-prompt-text {
1775 
-		padding: 10px 10px;
1786 
+		padding: 10px;
1776 
 	}
 1787 
 	}
1777
1788
1778 
 	#poststuff .stuffbox .inside {
 1789 
 	#poststuff .stuffbox .inside {
1955 
 	}
 1966 
 	}
1956
1967
1957 
 	.misc-pub-section {
 1968 
 	.misc-pub-section {
1958 
-		padding: 20px 10px 20px;
1959 
-	}
1960 
-
1961 
-	.misc-pub-section > a {
1962 
-		float: right;
1963 
-		font-size: 16px;
1969 
+		padding: 20px 10px;
1964 
 	}
 1970 
 	}
1965
1971
1966 
 	#delete-action,
 1972 
 	#delete-action,

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/edit.min.css


+ 15 - 8
app/wp-admin/css/forms-rtl.css
View File

33 
 }
 33 
 }
34
34
35 
 textarea.code {
 35 
 textarea.code {
36 
-	padding: 4px 6px 1px 6px;
36 
+	padding: 4px 6px 1px;
37 
 }
 37 
 }
38
38
39 
 input[type="text"],
 39 
 input[type="text"],
1000
1000
1001 
 .pressthis-bookmarklet span {
 1001 
 .pressthis-bookmarklet span {
1002 
 	display: inline-block;
 1002 
 	display: inline-block;
1003 
-	margin: 0px 0 0;
1004 
-	padding: 0px 9px 8px 12px;
1003 
+	margin: 0;
1004 
+	padding: 0 9px 8px 12px;
1005 
 }
 1005 
 }
1006
1006
1007 
 .pressthis-bookmarklet span:before {
 1007 
 .pressthis-bookmarklet span:before {
1226 
 }
 1226 
 }
1227
1227
1228 
 .request-filesystem-credentials-form .notice {
 1228 
 .request-filesystem-credentials-form .notice {
1229 
-	margin: 0 0 20px 0;
1229 
+	margin: 0 0 20px;
1230 
 	clear: both;
 1230 
 	clear: both;
1231 
 }
 1231 
 }
1232
1232
1237 
 	margin-bottom: 1.3em;
 1237 
 	margin-bottom: 1.3em;
1238 
 }
 1238 
 }
1239
1239
1240 
-.tools-privacy-policy-page input.button,
1241 
-.tools-privacy-policy-page select {
1240 
+.tools-privacy-policy-page input.button {
1242 
 	margin: 0 6px 0 1px;
 1241 
 	margin: 0 6px 0 1px;
1243 
 }
 1242 
 }
1244
1243
1244 
+.tools-privacy-policy-page select {
1245 
+	margin: 0 6px 0.5em 1px;
1246 
+}
1247 
+
1245 
 .tools-privacy-edit {
 1248 
 .tools-privacy-edit {
1246 
 	margin: 1.5em 0;
 1249 
 	margin: 1.5em 0;
1247 
 }
 1250 
 }
1526 
 		margin: 0 3px;
 1529 
 		margin: 0 3px;
1527 
 	}
 1530 
 	}
1528
1531
1532 
+	.form-table .regular-text ~ input[type="text"].small-text {
1533 
+		margin-top: 5px;
1534 
+	}
1535 
+
1529 
 	#pass-strength-result {
 1536 
 	#pass-strength-result {
1530 
 		width: 100%;
 1537 
 		width: 100%;
1531 
 		box-sizing: border-box;
 1538 
 		box-sizing: border-box;
1560 
 	}
 1567 
 	}
1561
1568
1562 
 	.form-table th {
 1569 
 	.form-table th {
1563 
-		padding: 10px 0 0 0;
1570 
+		padding: 10px 0 0;
1564 
 		border-bottom: 0;
 1571 
 		border-bottom: 0;
1565 
 	}
 1572 
 	}
1566
1573
1567 
 	.form-table td {
 1574 
 	.form-table td {
1568 
 		margin-bottom: 0;
 1575 
 		margin-bottom: 0;
1569 
-		padding: 4px 0 6px 0;
1576 
+		padding: 4px 0 6px;
1570 
 	}
 1577 
 	}
1571
1578
1572 
 	.form-table.permalink-structure td code {
 1579 
 	.form-table.permalink-structure td code {

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/forms-rtl.min.css


+ 15 - 8
app/wp-admin/css/forms.css
View File

32 
 }
 32 
 }
33
33
34 
 textarea.code {
 34 
 textarea.code {
35 
-	padding: 4px 6px 1px 6px;
35 
+	padding: 4px 6px 1px;
36 
 }
 36 
 }
37
37
38 
 input[type="text"],
 38 
 input[type="text"],
999
999
1000 
 .pressthis-bookmarklet span {
 1000 
 .pressthis-bookmarklet span {
1001 
 	display: inline-block;
 1001 
 	display: inline-block;
1002 
-	margin: 0px 0 0;
1003 
-	padding: 0px 12px 8px 9px;
1002 
+	margin: 0;
1003 
+	padding: 0 12px 8px 9px;
1004 
 }
 1004 
 }
1005
1005
1006 
 .pressthis-bookmarklet span:before {
 1006 
 .pressthis-bookmarklet span:before {
1225 
 }
 1225 
 }
1226
1226
1227 
 .request-filesystem-credentials-form .notice {
 1227 
 .request-filesystem-credentials-form .notice {
1228 
-	margin: 0 0 20px 0;
1228 
+	margin: 0 0 20px;
1229 
 	clear: both;
 1229 
 	clear: both;
1230 
 }
 1230 
 }
1231
1231
1236 
 	margin-bottom: 1.3em;
 1236 
 	margin-bottom: 1.3em;
1237 
 }
 1237 
 }
1238
1238
1239 
-.tools-privacy-policy-page input.button,
1240 
-.tools-privacy-policy-page select {
1239 
+.tools-privacy-policy-page input.button {
1241 
 	margin: 0 1px 0 6px;
 1240 
 	margin: 0 1px 0 6px;
1242 
 }
 1241 
 }
1243
1242
1243 
+.tools-privacy-policy-page select {
1244 
+	margin: 0 1px 0.5em 6px;
1245 
+}
1246 
+
1244 
 .tools-privacy-edit {
 1247 
 .tools-privacy-edit {
1245 
 	margin: 1.5em 0;
 1248 
 	margin: 1.5em 0;
1246 
 }
 1249 
 }
1525 
 		margin: 0 3px;
 1528 
 		margin: 0 3px;
1526 
 	}
 1529 
 	}
1527
1530
1531 
+	.form-table .regular-text ~ input[type="text"].small-text {
1532 
+		margin-top: 5px;
1533 
+	}
1534 
+
1528 
 	#pass-strength-result {
 1535 
 	#pass-strength-result {
1529 
 		width: 100%;
 1536 
 		width: 100%;
1530 
 		box-sizing: border-box;
 1537 
 		box-sizing: border-box;
1559 
 	}
 1566 
 	}
1560
1567
1561 
 	.form-table th {
 1568 
 	.form-table th {
1562 
-		padding: 10px 0 0 0;
1569 
+		padding: 10px 0 0;
1563 
 		border-bottom: 0;
 1570 
 		border-bottom: 0;
1564 
 	}
 1571 
 	}
1565
1572
1566 
 	.form-table td {
 1573 
 	.form-table td {
1567 
 		margin-bottom: 0;
 1574 
 		margin-bottom: 0;
1568 
-		padding: 4px 0 6px 0;
1575 
+		padding: 4px 0 6px;
1569 
 	}
 1576 
 	}
1570
1577
1571 
 	.form-table.permalink-structure td code {
 1578 
 	.form-table.permalink-structure td code {

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/forms.min.css


+ 3 - 3
app/wp-admin/css/install-rtl.css
View File

10 
 	color: #3c434a;
 10 
 	color: #3c434a;
11 
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
 11 
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
12 
 	margin: 140px auto 25px;
 12 
 	margin: 140px auto 25px;
13 
-	padding: 20px 20px 10px 20px;
13 
+	padding: 20px 20px 10px;
14 
 	max-width: 700px;
 14 
 	max-width: 700px;
15 
 	-webkit-font-smoothing: subpixel-antialiased;
 15 
 	-webkit-font-smoothing: subpixel-antialiased;
16 
 	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
 16 
 	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
79
79
80 
 #logo {
 80 
 #logo {
81 
 	margin: -130px auto 25px;
 81 
 	margin: -130px auto 25px;
82 
-	padding: 0 0 25px 0;
82 
+	padding: 0 0 25px;
83 
 	width: 84px;
 83 
 	width: 84px;
84 
 	height: 84px;
 84 
 	height: 84px;
85 
 	overflow: hidden;
 85 
 	overflow: hidden;
142 
 }
 142 
 }
143
143
144 
 .form-table p {
 144 
 .form-table p {
145 
-	margin: 4px 0 0 0;
145 
+	margin: 4px 0 0;
146 
 	font-size: 11px;
 146 
 	font-size: 11px;
147 
 }
 147 
 }
148
148

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/install-rtl.min.css


+ 3 - 3
app/wp-admin/css/install.css
View File

9 
 	color: #3c434a;
 9 
 	color: #3c434a;
10 
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
 10 
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
11 
 	margin: 140px auto 25px;
 11 
 	margin: 140px auto 25px;
12 
-	padding: 20px 20px 10px 20px;
12 
+	padding: 20px 20px 10px;
13 
 	max-width: 700px;
 13 
 	max-width: 700px;
14 
 	-webkit-font-smoothing: subpixel-antialiased;
 14 
 	-webkit-font-smoothing: subpixel-antialiased;
15 
 	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
 15 
 	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
78
78
79 
 #logo {
 79 
 #logo {
80 
 	margin: -130px auto 25px;
 80 
 	margin: -130px auto 25px;
81 
-	padding: 0 0 25px 0;
81 
+	padding: 0 0 25px;
82 
 	width: 84px;
 82 
 	width: 84px;
83 
 	height: 84px;
 83 
 	height: 84px;
84 
 	overflow: hidden;
 84 
 	overflow: hidden;
141 
 }
 141 
 }
142
142
143 
 .form-table p {
 143 
 .form-table p {
144 
-	margin: 4px 0 0 0;
144 
+	margin: 4px 0 0;
145 
 	font-size: 11px;
 145 
 	font-size: 11px;
146 
 }
 146 
 }
147
147

File diff suppressed because it is too large
+ 1 - 1
app/wp-admin/css/install.min.css


+ 0 - 0
app/wp-admin/css/list-tables-rtl.css
View File


Some files were not shown because too many files changed in this diff

tum/fm99-app-rev - Gogs: Simplico Git Service
Sākums Izpētīt Palīdzība
Pierakstīties
tum
/
fm99-app-rev
Vērot 1
Pievienot zvaigznīti 0
Atdalīts 0
Kods Problēmas 0 Izmaiņu pieprasījumi 0 Revīzijas 6 Laidieni 0 Vikivietne

Nav apraksta

Koks: 79cd78c117
Atzari Tagi
fm99-app-rev
/
.editorconfig

.editorconfig 274B
Vēsture Neapstrādāts

1234567891011121314151617 
  1. # Editor configuration, see https://editorconfig.org
    2. 

  2. root = true
    3. 

  3. 

  4. [*]
    5. 

  5. charset = utf-8
    6. 

  6. indent_style = space
    7. 

  7. indent_size = 2
    8. 

  8. insert_final_newline = true
    9. 

  9. trim_trailing_whitespace = true
    10. 

  10. 

  11. [*.ts]
    12. 

  12. quote_type = single
    13. 

  13. 

  14. [*.md]
    15. 

  15. max_line_length = off
    16. 

  16. trim_trailing_whitespace = false
    17. 

  17.