Merge pull request #558 from processing/apple-silicon-indicator

Author: SableRaf

i18n/react-intl/en.json

@@ -81,7 +81,7 @@
   "raspberryPi32AssetTooltip": "Latest version of Raspberry Pi OS is recommended.",
   "raspberryPi64AssetTooltip": "Latest version of Raspberry Pi OS is recommended. The 64-bit release Raspberry Pi OS is newer, so if you have issues, try the 32-bit version.",
   "publishedOn": "Published on",
-  "macOsIntelWarning": "Got an M1 or M2 CPU? Download the <a href='{0}'>Apple Silicon</a> version instead.",
+  "macOsIntelWarning": "Got an M1 or above? Download the <a href='{0}'>Apple Silicon</a> version instead.",
   "otherVersions": "Need another version?",
   "olderVersions": "Looking for older versions?",
   "githubEarlierReleases": "Head over to GitHub for <a href='https://github.com/processing/processing4/releases'>earlier releases of Processing 4</a>.",
@@ -435,4 +435,4 @@
   "Background Image": "Background Image",
   "Datatype Conversion": "Datatype Conversion",
   " ": ""
-}
+}

src/styles/templates/download.module.css

@@ -20,6 +20,13 @@
 
   margin: var(--vertical-margin-large) 0;
 }
+.mainDownloadButtonContainer>div>p.appleSiliconWarning {
+  color: black;
+  a{
+    color: var(--processing-blue);
+  }
+}
+
 
 a.mainDownloadButton {
   background-color: var(--processing-blue);
@@ -449,6 +456,7 @@ a.mainDownloadButton {
     font-size: var(--text-medium);
   }
 
+
   .osSectionList {
     gap: calc(2 * var(--margin-double));
 

src/templates/download.js

@@ -205,6 +205,7 @@ const MainDownloadSection = memo(({ release, onAfterDownload }) => {
           appleSiliconAsset && (
             <div>
               <p
+                className={css.appleSiliconWarning}
                 dangerouslySetInnerHTML={{
                   __html: intl
                     .formatMessage({ id: 'macOsIntelWarning' })