From 97bb8d74292d5c07db325494694c3da9ae7e19e7 Mon Sep 17 00:00:00 2001 From: Nasyarobby Putra Date: Sat, 15 Aug 2026 21:21:24 +0700 Subject: [PATCH] feat(web): add JerapahFlow brand assets and apply them in the UI Organize mark, wordmark, app icon, and YAML file icon under the theme brand folder. Co-authored-by: Cursor --- packages/web/index.html | 4 +++- packages/web/public/apple-touch-icon.png | Bin 0 -> 2099 bytes packages/web/public/favicon.png | Bin 0 -> 2099 bytes packages/web/src/components/Layout.jsx | 13 +++++++++++-- packages/web/src/components/WorkflowFileIcon.jsx | 12 ++++++++++++ packages/web/src/pages/AuthPage.jsx | 6 ++++++ packages/web/src/pages/WorkflowEditPage.jsx | 2 ++ packages/web/src/pages/WorkflowsPage.jsx | 4 +++- packages/web/src/theme/brand.js | 13 +++++++++++++ packages/web/src/theme/brand/file-yaml.png | Bin 0 -> 3814 bytes packages/web/src/theme/brand/icon.png | Bin 0 -> 2099 bytes packages/web/src/theme/brand/mark.png | Bin 0 -> 1659 bytes packages/web/src/theme/brand/wordmark.png | Bin 0 -> 9351 bytes 13 files changed, 50 insertions(+), 4 deletions(-) create mode 100644 packages/web/public/apple-touch-icon.png create mode 100644 packages/web/public/favicon.png create mode 100644 packages/web/src/components/WorkflowFileIcon.jsx create mode 100644 packages/web/src/theme/brand.js create mode 100644 packages/web/src/theme/brand/file-yaml.png create mode 100644 packages/web/src/theme/brand/icon.png create mode 100644 packages/web/src/theme/brand/mark.png create mode 100644 packages/web/src/theme/brand/wordmark.png diff --git a/packages/web/index.html b/packages/web/index.html index 41012af..f0550d8 100644 --- a/packages/web/index.html +++ b/packages/web/index.html @@ -3,7 +3,9 @@ - scrunner + + + JerapahFlow
diff --git a/packages/web/public/apple-touch-icon.png b/packages/web/public/apple-touch-icon.png new file mode 100644 index 0000000000000000000000000000000000000000..0072eac2011b01a766250e77aab37b7d37412d00 GIT binary patch literal 2099 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 dbS9-S{{z -
scrunner
+
+ + JerapahFlow +