diff --git a/builds/appchan-x.js b/builds/appchan-x.js
index 1d00dc0c4..8b49883bd 100644
--- a/builds/appchan-x.js
+++ b/builds/appchan-x.js
@@ -11322,6 +11322,9 @@
       return $.ready(this.readyInit);
     },
     asapInit: function() {
+      $.addClass(doc, 'presto');
+      $.addClass(doc, 'appchan-x');
+      $.addClass(doc, g.VIEW);
       MascotTools.init();
       if (g.VIEW === 'index') {
         return $.asap((function() {
diff --git a/builds/appchan-x.user.js b/builds/appchan-x.user.js
index 4d2b4feea..33cdf515f 100644
--- a/builds/appchan-x.user.js
+++ b/builds/appchan-x.user.js
@@ -11316,6 +11316,9 @@
       return $.ready(this.readyInit);
     },
     asapInit: function() {
+      $.addClass(doc, 'gecko');
+      $.addClass(doc, 'appchan-x');
+      $.addClass(doc, g.VIEW);
       MascotTools.init();
       if (g.VIEW === 'index') {
         return $.asap((function() {
diff --git a/builds/crx/script.js b/builds/crx/script.js
index 51ceaddc1..112f3a329 100644
--- a/builds/crx/script.js
+++ b/builds/crx/script.js
@@ -11298,6 +11298,10 @@
       return $.ready(this.readyInit);
     },
     asapInit: function() {
+      $.addClass(doc, 'webkit');
+      $.addClass(doc, 'blink');
+      $.addClass(doc, 'appchan-x');
+      $.addClass(doc, g.VIEW);
       MascotTools.init();
       if (g.VIEW === 'index') {
         return $.asap((function() {
diff --git a/src/Theming/Style.coffee b/src/Theming/Style.coffee
index 00e5eb12d..596914d5f 100644
--- a/src/Theming/Style.coffee
+++ b/src/Theming/Style.coffee
@@ -5,6 +5,17 @@ Style =
     $.ready @readyInit
 
   asapInit: ->
+    <% if (type === 'crx') { %>
+    $.addClass doc, 'webkit'
+    $.addClass doc, 'blink'
+    <% } else if (type === 'userjs') { %>
+    $.addClass doc, 'presto'
+    <% } else { %>
+    $.addClass doc, 'gecko'
+    <% } %>
+    $.addClass doc, 'appchan-x'
+    $.addClass doc, g.VIEW
+
     MascotTools.init()
 
     if g.VIEW is 'index'