change class name

src/components/confirm/confirm.js

@@ -24,7 +24,7 @@ define(['dialog', 'globalize'], function (dialog, globalize) {
         items.push({
             name: options.confirmText || globalize.translate('ButtonOk'),
             id: 'ok',
-            type: options.primary === 'cancel' ? 'cancel' : 'submit'
+            type: options.primary === 'cancel' ? 'cancel' : 'delete'
         });
 
         options.buttons = items;
@@ -37,4 +37,4 @@ define(['dialog', 'globalize'], function (dialog, globalize) {
             return Promise.reject();
         });
     };
-});
+});

src/components/themes/appletv/theme.css

@@ -102,6 +102,11 @@ html {
     background: #0cb0e8
 }
 
+.button-delete {
+    background: rgb(247, 0, 0);
+    color: rgba(255, 255, 255, .87)
+}
+
 .checkboxLabel {
     color: inherit
 }

src/components/themes/blueradiance/theme.css

@@ -89,6 +89,11 @@ html {
     color: #fff
 }
 
+.button-delete {
+    background: rgb(247, 0, 0);
+    color: rgba(255, 255, 255, .87)
+}
+
 .checkboxLabel {
     color: inherit
 }

src/components/themes/dark/theme.css

@@ -70,6 +70,11 @@ html {
     color: #fff
 }
 
+.button-delete {
+    background: rgb(247, 0, 0);
+    color: rgba(255, 255, 255, .87)
+}
+
 .checkboxLabel {
     color: inherit
 }

src/components/themes/emby/theme.css

@@ -70,6 +70,11 @@ html {
     color: #fff
 }
 
+.button-delete {
+    background: rgb(247, 0, 0);
+    color: rgba(255, 255, 255, .87)
+}
+
 .checkboxLabel {
     color: inherit
 }

src/components/themes/light/theme.css

@@ -85,6 +85,11 @@ html {
     background: #0cb0e8
 }
 
+.button-delete {
+    background: rgb(247, 0, 0);
+    color: rgba(255, 255, 255, .87)
+}
+
 .checkboxLabel {
     color: inherit
 }

src/components/themes/purple-haze/theme.css

@@ -144,6 +144,11 @@ a[data-role=button] {
     background: #ff77f1
 }
 
+.button-delete {
+    background: rgb(247, 0, 0);
+    color: rgba(255, 255, 255, .87)
+}
+
 #btnResetPassword,
 .btnForgotPassword,
 .btnCancel,

src/components/themes/wmc/theme.css

@@ -95,6 +95,11 @@ html {
     color: #fff
 }
 
+.button-delete {
+    background: rgb(247, 0, 0);
+    color: rgba(255, 255, 255, .87)
+}
+
 .checkboxLabel {
     color: inherit
 }