Stop_button_red_on_keyboard_shortcut

small_change small_chang
sugarlabs · Jan 10, 2024 · 9992a21 · 9992a21
1 parent ed8f9ae
commit 9992a21
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 3 deletions.
diff --git a/js/activity.js b/js/activity.js
@@ -2279,6 +2279,10 @@ class Activity {
                         break;
                     case 82: // 'R'
                         this.textMsg("Alt-R " + _("Play"));
+                        let stopbtn = document.getElementById("stop");
+                        if (stopbtn) {
+                            stopbtn.style.color = platformColor.stopIconcolor;
+                        }
                         this._doFastButton();
                         break;
                     case 83: // 'S'

diff --git a/js/toolbar.js b/js/toolbar.js
@@ -11,7 +11,7 @@
 
 /*
   global _, jQuery, _THIS_IS_MUSIC_BLOCKS_, docById, doSVG, fnBrowserDetect,
-  RECORDBUTTON
+  RECORDBUTTON, platformColor
  */
 
 /* exported Toolbar */
@@ -24,7 +24,7 @@ class Toolbar {
      * @constructor
      */
     constructor() {
-        this.stopIconColorWhenPlaying = "#ea174c";
+        this.stopIconColorWhenPlaying = window.platformColor.stopIconcolor;
         this.language = localStorage.languagePreference;
         if (this.language === undefined) {
             this.language = navigator.language;

diff --git a/js/utils/platformstyle.js b/js/utils/platformstyle.js
@@ -89,6 +89,7 @@ window.platformColor = {
     pitchLabelBackground: "#77C428",
     graphicsLabelBackground: "#728FF9",
     rhythmcellcolor: "#c8c8c8",
+    stopIconcolor : "#ea174c",
     hitAreaGraphicsBeginFill: "#FFF",
     orange: "#e37a00", // 5YR
     piemenuBasic: ["#3ea4a3", "#60bfbc", "#1d8989", "#60bfbc", "#1d8989"],

diff --git a/planet/index.html b/planet/index.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
     <head>
-            <title>Music Blocks is a collection of tools for exploring musical concepts.</title>
+            <title>Music Blocks</title>
       <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
         <!--Import Google Icon Font-->
         <link type="text/css" href="fonts/material-icons.css" rel="stylesheet">