Ticket #31530: 31530-01-add-theme-id.diff

src/wp-admin/themes.php

@@ -210 +210 @@
         $aria_action = esc_attr( $theme['id'] . '-action' );
         $aria_name   = esc_attr( $theme['id'] . '-name' );
         ?>
-<div class="theme<?php if ( $theme['active'] ) echo ' active'; ?>" tabindex="0" aria-describedby="<?php echo $aria_action . ' ' . $aria_name; ?>">
+<div id="theme-<?php echo esc_attr( $theme['id'] ); ?>" class="theme<?php if ( $theme['active'] ) echo ' active'; ?>" tabindex="0" aria-describedby="<?php echo $aria_action . ' ' . $aria_name; ?>">
         <?php if ( ! empty( $theme['screenshot'][0] ) ) { ?>
                 <div class="theme-screenshot">
                         <img src="<?php echo $theme['screenshot'][0]; ?>" alt="" />

src/wp-admin/js/theme.js

@@ -384 +384 @@
         render: function() {
                 var data = this.model.toJSON();
                 // Render themes using the html template
-                this.$el.html( this.html( data ) ).attr({
+                this.$el.attr(
+                        'id', 'theme-' + data.id
+                ).html( this.html( data ) ).attr({
                         tabindex: 0,
                         'aria-describedby' : data.id + '-action ' + data.id + '-name'
                 });