diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
index 91c37bda..aadf3482 100644
--- a/.github/workflows/release.yml
+++ b/.github/workflows/release.yml
@@ -11,8 +11,8 @@ jobs:
       contents: write
     runs-on: ubuntu-latest
     outputs:
-      release_id: ${{ steps.get-release.outputs.result }}
-      release_note: ${{ steps.get-release-notes.outputs.result }}
+      release_id: ${{ steps.get-release.outputs.release_id }}
+      release_note: ${{ steps.get-release-notes.outputs.release_note }}
 
     steps:
       - uses: actions/checkout@v3
@@ -29,7 +29,7 @@ jobs:
               owner: context.repo.owner,
               repo: context.repo.repo,
             })
-            return data.id
+            core.setOutput('release_id', data.id);
       - name: get release notes
         id: get-release-notes
         uses: actions/github-script@v6
@@ -42,7 +42,7 @@ jobs:
             const notes = releaseNotes.notes || [];
             const releaseNote = notes.map((note, index) => `${index + 1}. ${note}`).join(' ');
             console.log('Formatted release note:', releaseNote);
-            return releaseNote;
+            core.setOutput('release_note', releaseNote);
 
   build-tauri:
     needs: get-release
diff --git a/README.md b/README.md
index 3d9af906..12434ea3 100644
--- a/README.md
+++ b/README.md
@@ -84,7 +84,7 @@ Stay tuned for continuous improvements and updates! Contributions and suggestion
 
 ![Wikipedia](./data/screenshots/wikipedia_vertical.png)
 
-![Dark Mode](./data/screenshots/dark_mode.png)
+![Themeing Dark Mode](./data/screenshots/theming_dark_mode.png)
 
 ---
 
diff --git a/apps/readest-app/package.json b/apps/readest-app/package.json
index 49b71db4..e7c08a5a 100644
--- a/apps/readest-app/package.json
+++ b/apps/readest-app/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@readest/readest-app",
-  "version": "0.8.7",
+  "version": "0.8.8",
   "private": true,
   "scripts": {
     "dev": "dotenv -e .env.tauri -- next dev",
diff --git a/apps/readest-app/release-notes.json b/apps/readest-app/release-notes.json
index 27fd7219..adf624d7 100644
--- a/apps/readest-app/release-notes.json
+++ b/apps/readest-app/release-notes.json
@@ -1,5 +1,12 @@
 {
   "releases": {
+    "0.8.8": {
+      "date": "2024-12-29",
+      "notes": [
+        "Use readest binary name for better CLI interface.",
+        "Some CSS tweaks to better support dark mode and embedded fonts."
+      ]
+    },
     "0.8.7": {
       "date": "2024-12-27",
       "notes": [
diff --git a/apps/readest-app/src/app/reader/components/settings/SettingsDialog.tsx b/apps/readest-app/src/app/reader/components/settings/SettingsDialog.tsx
index cc8c89bc..45665df5 100644
--- a/apps/readest-app/src/app/reader/components/settings/SettingsDialog.tsx
+++ b/apps/readest-app/src/app/reader/components/settings/SettingsDialog.tsx
@@ -38,7 +38,7 @@ const SettingsDialog: React.FC<{ bookKey: string; config: BookConfig }> = ({ boo
   }, []);
 
   return (
-    <dialog className='modal modal-open min-w-90 w-full'>
+    <dialog className='modal modal-open min-w-90 w-full !bg-[rgba(0,0,0,0.2)]'>
       <div className='modal-box settings-content flex h-[60%] w-1/2 min-w-[480px] max-w-full flex-col p-0'>
         <div className='dialog-header bg-base-100 sticky top-0 z-10 flex items-center justify-center px-4 pt-2'>
           <div className='dialog-tabs flex h-10 max-w-[80%] flex-grow items-center justify-around'>
diff --git a/data/screenshots/theming_dark_mode.png b/data/screenshots/theming_dark_mode.png
new file mode 100644
index 00000000..c8ffcf21
Binary files /dev/null and b/data/screenshots/theming_dark_mode.png differ
diff --git a/data/screenshots/wikipedia_vertical.png b/data/screenshots/wikipedia_vertical.png
index 0c54e396..b1ac3fc0 100644
Binary files a/data/screenshots/wikipedia_vertical.png and b/data/screenshots/wikipedia_vertical.png differ