[code-infra] Better colors for markdown report (#332)

Author: Janpot

.github/workflows/ci.yml

@@ -29,4 +29,4 @@ jobs:
           cache: 'pnpm' # https://github.com/actions/setup-node/blob/main/docs/advanced-usage.md#caching-packages-dependencies
       - run: pnpm release:prepare
       - run: pnpm release:build
-      - run: pnpm pkg-pr-new-release
+      - run: pnpm dlx pkg-pr-new publish $(pnpm -s pkg-pr-new-packages) --pnpm --comment=off --peerDeps --compact

package.json

@@ -13,8 +13,7 @@
     "release:version": "lerna version --no-changelog --no-push --no-git-tag-version --no-private",
     "release:build": "pnpm --filter \"./packages/**\" run build",
     "release:publish": "pnpm publish --recursive --tag latest",
-    "pkg-pr-new-packages": "pnpm ls -r --parseable --depth -1 -F \"./packages/**\"",
-    "pkg-pr-new-release": "pnpm dlx pkg-pr-new publish $(pnpm -s pkg-pr-new-packages) --pnpm --comment=off --peerDeps --compact"
+    "pkg-pr-new-packages": "pnpm ls -r --parseable --depth -1 -F \"./packages/**\""
   },
   "devDependencies": {
     "@actions/core": "^1.10.1",

packages/bundle-size-checker/src/renderMarkdownReport.js

@@ -10,7 +10,7 @@ import { displayPercentFormatter, byteSizeChangeFormatter } from './formatUtils.
 /**
  *
  * @param {'▲' | '▼'} symbol
- * @param {'yellow'|'red'|'blue'|'green'} color
+ * @param {KatexColor} color
  * @returns
  */
 function formatSymbol(symbol, color) {
@@ -24,10 +24,10 @@ function formatSymbol(symbol, color) {
  */
 function getChangeIcon(relative) {
   if (relative === null) {
-    return formatSymbol('▲', 'yellow');
+    return formatSymbol('▲', 'orangered');
   }
   if (relative === -1) {
-    return formatSymbol('▼', 'blue');
+    return formatSymbol('▼', 'cornflowerblue');
   }
   if (relative < 0) {
     return formatSymbol('▼', 'green');

packages/bundle-size-checker/src/types.d.ts

@@ -110,3 +110,52 @@ interface PrInfo {
     sha: string;
   };
 }
+
+// Check the PR message for available colors: https://github.com/mui/mui-public/pull/332
+type KatexColor =
+  | 'blueviolet'
+  | 'aquamarine'
+  | 'brown'
+  | 'cadetblue'
+  | 'darkorchid'
+  | 'chocolate'
+  | 'cornflowerblue'
+  | 'cyan'
+  | 'darkgray'
+  | 'darkslateblue'
+  | 'forestgreen'
+  | 'fuchsia'
+  | 'gold'
+  | 'goldenrod'
+  | 'gray'
+  | 'green'
+  | 'greenyellow'
+  | 'lavender'
+  | 'lightgray'
+  | 'limegreen'
+  | 'magenta'
+  | 'maroon'
+  | 'mediumpurple'
+  | 'midnightblue'
+  | 'navajowhite'
+  | 'olive'
+  | 'orange'
+  | 'orangered'
+  | 'orchid'
+  | 'pink'
+  | 'plum'
+  | 'purple'
+  | 'red'
+  | 'royalblue'
+  | 'salmon'
+  | 'seagreen'
+  | 'silver'
+  | 'skyblue'
+  | 'springgreen'
+  | 'tan'
+  | 'thistle'
+  | 'tomato'
+  | 'turquoise'
+  | 'violet'
+  | 'yellow'
+  | 'yellowgreen';