Refactored the names of the play modal files.

app/styles/play/modal/play-heroes-modal.sass

@@ -77,10 +77,10 @@ $heroCanvasHeight: 265px
           height: 98px
           margin: 0 -11px
           position: relative
-          background: url(/images/pages/play/modal/hero_portrait_picker_inactive.png)
+          background: url(/images/pages/play/modal/hero-portrait.png)
           border: none
           &.active
-            background: url(/images/pages/play/modal/hero_portrait_picker_active.png)
+            background: url(/images/pages/play/modal/hero-portrait-selected.png)
             z-index: 5
 
           .hero-avatar

app/styles/play/modal/play-items-modal.sass

@@ -86,7 +86,7 @@
     width: 178px
     
     li
-      background: url(/images/pages/play/modal/play-items-modal-tab.png)
+      background: url(/images/pages/play/modal/menu-tab.png)
       padding: 5px
       margin: -5px 0
       height: 80px
@@ -104,7 +104,7 @@
         
       
     li.active
-      background: url(/images/pages/play/modal/play-items-modal-selected-tab.png)
+      background: url(/images/pages/play/modal/menu-tab-selected.png)
       width: 197px
       
       a
@@ -136,7 +136,7 @@
     padding: 10px
     height: 195px
     float: left
-    background: url(/images/pages/play/modal/play-items-modal-item-background.png)
+    background: url(/images/pages/play/modal/item-box-background.png)
     margin: 4px
     text-align: center
     position: relative
@@ -220,7 +220,7 @@
       font-size: 16px
 
     &.selected
-      background: url(/images/pages/play/modal/play-items-modal-selected-item-background.png)
+      background: url(/images/pages/play/modal/item-box-background-selected.png)
 
     
   //- Item list scrollbar

app/templates/play/modal/play-heroes-modal.jade

@@ -1,7 +1,7 @@
 .modal-dialog
   .modal-content
 
-    img(src="/images/pages/play/modal/play-heroes-background.png")#play-heroes-background
+    img(src="/images/pages/play/modal/heroes-background.png")#play-heroes-background
     
     h1(data-i18n="choose_hero.choose_hero")
 

app/templates/play/modal/play-items-modal.jade

@@ -1,7 +1,7 @@
 .modal-dialog
   .modal-content
-    img(src="/images/pages/play/modal/play-items-modal-background.png")#play-items-modal-bg
-    img(src="/images/pages/play/modal/play-items-modal-background-narrow.png")#play-items-modal-narrow-bg
+    img(src="/images/pages/play/modal/items-background.png")#play-items-modal-bg
+    img(src="/images/pages/play/modal/items-background-narrow.png")#play-items-modal-narrow-bg
     
     h1.big-font(data-i18n="play.items")
     
@@ -15,7 +15,7 @@
       for category, index in itemCategories
         li(class=index ? "" : "active")
           a.one-line(href="#item-category-" + category, data-toggle="tab")
-            img.tab-icon(src="/images/pages/play/modal/play-items-modal-tab-icon-"+category+".png")
+            img.tab-icon(src="/images/pages/play/modal/item-icon-"+category+".png")
             span.big-font= itemCategoryNames[index]