1. Add a class cp-hidden-if-readonly which is display:none if the pad is in read-only mode. 2. Don't show color pickers or options when in read-only on presentation.

customize.dist/src/less2/main.less

@@ -22,6 +22,8 @@ html.cp-app-print {
     .app-print_main();
 }
 
+body.cp-readonly .cp-hidden-if-readonly { display:none !important; }
+
 body.cp-app-drive { @import "../../../drive/app-drive.less"; }
 body.cp-app-pad { @import "../../../pad/app-pad.less"; }
 body.cp-app-code { @import "../../../code/app-code.less"; }

www/common/sframe-app-framework.js

@@ -397,6 +397,8 @@ define([
             });
         }).nThen(function (waitFor) {
 
+            if (readOnly) { $('body').addClass('cp-readonly'); }
+
             var done = waitFor();
             var intr;
             var check = function () {
@@ -443,6 +445,7 @@ define([
                 $toolbar: $(toolbarContainer)
             };
             var $hist = common.createButton('history', true, {histConfig: histConfig});
+            $hist.addClass('cp-hidden-if-readonly');
             toolbar.$drawer.append($hist);
 
             if (!cpNfInner.metadataMgr.getPrivateData().isTemplate) {

www/slide/inner.js

@@ -263,7 +263,7 @@ define([
 
         var $slideOptions = $('<button>', {
             title: Messages.slideOptionsTitle,
-            'class': 'cp-toolbar-rightside-button fa fa-cog',
+            'class': 'cp-toolbar-rightside-button fa fa-cog cp-hidden-if-readonly',
             style: 'font-size: 17px'
         }).click(function () {
             $('body').append(createPrintDialog());
@@ -307,13 +307,13 @@ define([
 
         var $back = $('<button>', {
             id: SLIDE_BACKCOLOR_ID,
-            'class': 'fa fa-square cp-toolbar-rightside-button',
+            'class': 'fa fa-square cp-toolbar-rightside-button cp-hidden-if-readonly',
             'style': 'font-family: FontAwesome; color: #000;',
             title: Messages.backgroundButtonTitle
         });
         var $text = $('<button>', {
             id: SLIDE_COLOR_ID,
-            'class': 'fa fa-i-cursor cp-toolbar-rightside-button',
+            'class': 'fa fa-i-cursor cp-toolbar-rightside-button cp-hidden-if-readonly',
             'style': 'font-family: FontAwesome; font-weight: bold; color: #fff;',
             title: Messages.colorButtonTitle
         });