From 2610f037c167d5bf90b6840992361f68a452f1ac Mon Sep 17 00:00:00 2001
From: pamparam <pamparam83@gmail.com>
Date: Sun, 16 Mar 2025 18:26:47 +0300
Subject: [PATCH 01/10] fixed show dark mode

---
 templates/development.php | 40 +++++++++++++++++++++++++++------------
 1 file changed, 28 insertions(+), 12 deletions(-)

diff --git a/templates/development.php b/templates/development.php
index 669dc1e..c2ca0a3 100644
--- a/templates/development.php
+++ b/templates/development.php
@@ -1,13 +1,15 @@
 <?php
 
+use Psr\Http\Message\ServerRequestInterface;
 use Yiisoft\ErrorHandler\CompositeException;
 use Yiisoft\ErrorHandler\Exception\ErrorException;
+use Yiisoft\ErrorHandler\Renderer\HtmlRenderer;
 use Yiisoft\FriendlyException\FriendlyExceptionInterface;
 
 /**
- * @var $this \Yiisoft\ErrorHandler\Renderer\HtmlRenderer
- * @var $request \Psr\Http\Message\ServerRequestInterface|null
- * @var $throwable \Throwable
+ * @var $this HtmlRenderer
+ * @var $request ServerRequestInterface|null
+ * @var $throwable Throwable
  */
 
 $theme = $_COOKIE['yii-exception-theme'] ?? '';
@@ -363,28 +365,42 @@ function enableLightTheme() {
     document.onmouseup = function() { document.getElementsByTagName('body')[0].classList.remove('mousedown'); }
 
     <?php if (empty($theme)): ?>
-    var theme = getCookie('yii-exception-theme');
+    const themeMedia = window.matchMedia('(prefers-color-scheme: dark)');
+    const theme = getCookie('yii-exception-theme');
 
     if (theme) {
+        applyTheme(theme);
+    } else {
+        applyTheme((themeMedia.matches ? 'dark-theme' : 'light-theme'));
+    }
+
+    themeMedia.addEventListener('change', event => {
+        if (!theme) {
+            applyTheme((event.matches ? 'dark-theme' : 'light-theme'));
+        }
+    });
+
+    function applyTheme(theme){
         document.body.classList.add(theme);
     }
+
     <?php endif; ?>
 
     function setCookie(name, value) {
-        var date = new Date(2100, 0, 1);
-        var expires = "; expires=" + date.toUTCString();
+        const date = new Date(2100, 0, 1);
+        const expires = "; expires=" + date.toUTCString();
 
         document.cookie = name + "=" + (value || "")  + expires + "; path=/";
     }
 
     function getCookie(name) {
-        var nameEQ = name + "=";
-        var ca = document.cookie.split(';');
+        const nameEQ = name + "=";
+        const ca = document.cookie.split(';');
 
-        for (var i=0; i < ca.length; i++) {
-            var c = ca[i];
-            while (c.charAt(0)==' ') c = c.substring(1,c.length);
-            if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
+        for (let i=0; i < ca.length; i++) {
+            let c = ca[i];
+            while (c.charAt(0) === ' ') c = c.substring(1,c.length);
+            if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length,c.length);
         }
 
         return null;

From d089db7c8fade34d8c26785fd6acf4c5305fca30 Mon Sep 17 00:00:00 2001
From: pamparam <pamparam83@gmail.com>
Date: Mon, 17 Mar 2025 17:01:46 +0300
Subject: [PATCH 02/10] remove old classes theme

---
 templates/development.php | 1 +
 1 file changed, 1 insertion(+)

diff --git a/templates/development.php b/templates/development.php
index c2ca0a3..d684f4a 100644
--- a/templates/development.php
+++ b/templates/development.php
@@ -381,6 +381,7 @@ function enableLightTheme() {
     });
 
     function applyTheme(theme){
+        document.body.classList.remove('dark-theme', 'light-theme');
         document.body.classList.add(theme);
     }
 

From fb7129907cfcf686483d056291676f79f83bca29 Mon Sep 17 00:00:00 2001
From: pamparam <pamparam83@gmail.com>
Date: Mon, 17 Mar 2025 17:11:05 +0300
Subject: [PATCH 03/10] remove prefers-color-scheme: dark from css

---
 templates/development.css | 72 ---------------------------------------
 1 file changed, 72 deletions(-)

diff --git a/templates/development.css b/templates/development.css
index a06d841..7064f65 100644
--- a/templates/development.css
+++ b/templates/development.css
@@ -873,77 +873,5 @@ main {
     display: inline;
 }
 
-@media (prefers-color-scheme: dark) {
-    body:not(.light-theme) {
-        --page-bg-color: rgba(46,46,46, 0.9);
-        --page-text-color: #fff;
-        --icon-color: #989898;
-        --icon-hover-color: #fff;
-    }
-
-    body:not(.light-theme) header {
-        --header-bg-color: #2e2e2e;
-        --previous-text-color: rgba(255, 255, 255, 0.8);
-        --previous-arrow-color: #fff;
-    }
-
-    body:not(.light-theme) .exception-card {
-        --exception-card-bg-color: #222;
-        --exception-card-border-color: #591e15;
-        --exception-class-text-color: #fff;
-        --exception-class-friendly-text-color: rgba(255, 255, 255, 0.5);
-        --exception-class-friendly-link-color: #E57373;
-        --exception-message-text-color: rgba(255, 255, 255, 0.8);
-    }
-
-    body:not(.light-theme) header .solution {
-        --text-color: rgba(255, 255, 255, 0.8);
-        --link-color: #03a9f4;
-        --link-hover-color: #39b9f3;
-        --blockquote-text-color: #999;
-        --blockquote-border-color: #484c50;
-        --code-bg-color: #2d333b;
-        --pre-bg-color: #2d333b;
-        --table-border-color: #484c50;
-        --separator-color: #484c50;
-    }
-
-    body:not(.light-theme) .call-stack {
-        --bg-color: #1e1e1e;
-        --border-color: transparent;
-        --box-shadow: 0 13px 20px rgba(0, 0, 0, 0.25);
-        --link-color: rgba(255, 255, 255, 0.5);
-        --error-line-bg-color: #422c2c;
-        --hover-line-bg-color: #292929;
-        --element-wrap-border-color: #141414;
-        --element-wrap-text-color: #fff;
-        --element-wrap-hover-text-color: #9cdcfe;
-        --vendor-bg-color: rgba(46,46,46, 0.9);
-        --vendor-border-color: #666;
-        --vendor-state-bg-color: #666;
-        --vendor-content-bg-color: rgba(46,46,46, 0.9);
-    }
-
-    body:not(.light-theme) .hljs {
-        --hljs-text-color: #fff;
-        --hljs-comment-text-color: #999;
-        --hljs-keyword-text-color: #88aece;
-        --hljs-attribute-text-color: #c59bc1;
-        --hljs-name-text-color: #f08d49;
-        --hljs-string-text-color: #b5bd68;
-        --hljs-code-text-color: #cccccc;
-        --hljs-delition-text-color: #de7176;
-        --hljs-addition-text-color: #76c490;
-    }
-
-    body:not(.light-theme) #dark-mode {
-        display: none;
-    }
-
-    body:not(.light-theme) #light-mode {
-        display: inline;
-    }
-}
-
 
 /* end dark-theme */

From 4d0c08006a1dd491bba6be989dbb8474d4828a49 Mon Sep 17 00:00:00 2001
From: pamparam <pamparam83@gmail.com>
Date: Mon, 17 Mar 2025 17:20:50 +0300
Subject: [PATCH 04/10] returned prefers-color-scheme: dark

---
 templates/development.css | 72 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 72 insertions(+)

diff --git a/templates/development.css b/templates/development.css
index 7064f65..a06d841 100644
--- a/templates/development.css
+++ b/templates/development.css
@@ -873,5 +873,77 @@ main {
     display: inline;
 }
 
+@media (prefers-color-scheme: dark) {
+    body:not(.light-theme) {
+        --page-bg-color: rgba(46,46,46, 0.9);
+        --page-text-color: #fff;
+        --icon-color: #989898;
+        --icon-hover-color: #fff;
+    }
+
+    body:not(.light-theme) header {
+        --header-bg-color: #2e2e2e;
+        --previous-text-color: rgba(255, 255, 255, 0.8);
+        --previous-arrow-color: #fff;
+    }
+
+    body:not(.light-theme) .exception-card {
+        --exception-card-bg-color: #222;
+        --exception-card-border-color: #591e15;
+        --exception-class-text-color: #fff;
+        --exception-class-friendly-text-color: rgba(255, 255, 255, 0.5);
+        --exception-class-friendly-link-color: #E57373;
+        --exception-message-text-color: rgba(255, 255, 255, 0.8);
+    }
+
+    body:not(.light-theme) header .solution {
+        --text-color: rgba(255, 255, 255, 0.8);
+        --link-color: #03a9f4;
+        --link-hover-color: #39b9f3;
+        --blockquote-text-color: #999;
+        --blockquote-border-color: #484c50;
+        --code-bg-color: #2d333b;
+        --pre-bg-color: #2d333b;
+        --table-border-color: #484c50;
+        --separator-color: #484c50;
+    }
+
+    body:not(.light-theme) .call-stack {
+        --bg-color: #1e1e1e;
+        --border-color: transparent;
+        --box-shadow: 0 13px 20px rgba(0, 0, 0, 0.25);
+        --link-color: rgba(255, 255, 255, 0.5);
+        --error-line-bg-color: #422c2c;
+        --hover-line-bg-color: #292929;
+        --element-wrap-border-color: #141414;
+        --element-wrap-text-color: #fff;
+        --element-wrap-hover-text-color: #9cdcfe;
+        --vendor-bg-color: rgba(46,46,46, 0.9);
+        --vendor-border-color: #666;
+        --vendor-state-bg-color: #666;
+        --vendor-content-bg-color: rgba(46,46,46, 0.9);
+    }
+
+    body:not(.light-theme) .hljs {
+        --hljs-text-color: #fff;
+        --hljs-comment-text-color: #999;
+        --hljs-keyword-text-color: #88aece;
+        --hljs-attribute-text-color: #c59bc1;
+        --hljs-name-text-color: #f08d49;
+        --hljs-string-text-color: #b5bd68;
+        --hljs-code-text-color: #cccccc;
+        --hljs-delition-text-color: #de7176;
+        --hljs-addition-text-color: #76c490;
+    }
+
+    body:not(.light-theme) #dark-mode {
+        display: none;
+    }
+
+    body:not(.light-theme) #light-mode {
+        display: inline;
+    }
+}
+
 
 /* end dark-theme */

From e0f1d2ab5ed53682fe1d304f21639f5d8b71af01 Mon Sep 17 00:00:00 2001
From: pamparam <pamparam83@gmail.com>
Date: Thu, 20 Mar 2025 16:36:31 +0300
Subject: [PATCH 05/10] removed flickering

---
 templates/development.css | 79 +++------------------------------------
 templates/development.php | 22 +++++------
 2 files changed, 16 insertions(+), 85 deletions(-)

diff --git a/templates/development.css b/templates/development.css
index a06d841..18fabc2 100644
--- a/templates/development.css
+++ b/templates/development.css
@@ -27,6 +27,7 @@ body {
     color: var(--page-text-color);
     background: var(--page-bg-color);
     line-height: 1;
+    display: none;
 }
 
 ul {
@@ -36,6 +37,9 @@ ul {
 
 
 /* light theme */
+.light-theme {
+    display: block;
+}
 :root {
     --page-bg-color: #fff;
     --page-text-color: #505050;
@@ -809,6 +813,8 @@ main {
     --button-color: #fff;
     --button-bg-hover: #5c636a;
     --button-color-hover: #fff;
+
+    display: block;
 }
 
 .dark-theme header {
@@ -873,77 +879,4 @@ main {
     display: inline;
 }
 
-@media (prefers-color-scheme: dark) {
-    body:not(.light-theme) {
-        --page-bg-color: rgba(46,46,46, 0.9);
-        --page-text-color: #fff;
-        --icon-color: #989898;
-        --icon-hover-color: #fff;
-    }
-
-    body:not(.light-theme) header {
-        --header-bg-color: #2e2e2e;
-        --previous-text-color: rgba(255, 255, 255, 0.8);
-        --previous-arrow-color: #fff;
-    }
-
-    body:not(.light-theme) .exception-card {
-        --exception-card-bg-color: #222;
-        --exception-card-border-color: #591e15;
-        --exception-class-text-color: #fff;
-        --exception-class-friendly-text-color: rgba(255, 255, 255, 0.5);
-        --exception-class-friendly-link-color: #E57373;
-        --exception-message-text-color: rgba(255, 255, 255, 0.8);
-    }
-
-    body:not(.light-theme) header .solution {
-        --text-color: rgba(255, 255, 255, 0.8);
-        --link-color: #03a9f4;
-        --link-hover-color: #39b9f3;
-        --blockquote-text-color: #999;
-        --blockquote-border-color: #484c50;
-        --code-bg-color: #2d333b;
-        --pre-bg-color: #2d333b;
-        --table-border-color: #484c50;
-        --separator-color: #484c50;
-    }
-
-    body:not(.light-theme) .call-stack {
-        --bg-color: #1e1e1e;
-        --border-color: transparent;
-        --box-shadow: 0 13px 20px rgba(0, 0, 0, 0.25);
-        --link-color: rgba(255, 255, 255, 0.5);
-        --error-line-bg-color: #422c2c;
-        --hover-line-bg-color: #292929;
-        --element-wrap-border-color: #141414;
-        --element-wrap-text-color: #fff;
-        --element-wrap-hover-text-color: #9cdcfe;
-        --vendor-bg-color: rgba(46,46,46, 0.9);
-        --vendor-border-color: #666;
-        --vendor-state-bg-color: #666;
-        --vendor-content-bg-color: rgba(46,46,46, 0.9);
-    }
-
-    body:not(.light-theme) .hljs {
-        --hljs-text-color: #fff;
-        --hljs-comment-text-color: #999;
-        --hljs-keyword-text-color: #88aece;
-        --hljs-attribute-text-color: #c59bc1;
-        --hljs-name-text-color: #f08d49;
-        --hljs-string-text-color: #b5bd68;
-        --hljs-code-text-color: #cccccc;
-        --hljs-delition-text-color: #de7176;
-        --hljs-addition-text-color: #76c490;
-    }
-
-    body:not(.light-theme) #dark-mode {
-        display: none;
-    }
-
-    body:not(.light-theme) #light-mode {
-        display: inline;
-    }
-}
-
-
 /* end dark-theme */
diff --git a/templates/development.php b/templates/development.php
index d684f4a..5ce96df 100644
--- a/templates/development.php
+++ b/templates/development.php
@@ -191,6 +191,9 @@ class="copy-clipboard"
     <?= file_get_contents(__DIR__ . '/highlight.min.js') ?>
 </script>
 <script>
+    const LIGHT_THEME = 'light-theme';
+    const DARK_THEME = 'dark-theme';
+
     window.onload = function() {
         const codeBlocks = document.querySelectorAll('.solution pre code,.codeBlock');
         const callStackItems = document.getElementsByClassName('call-stack-item');
@@ -348,15 +351,13 @@ class="copy-clipboard"
         }
 
         function enableDarkTheme() {
-            document.body.classList.remove('light-theme');
-            document.body.classList.add('dark-theme');
-            setCookie('yii-exception-theme', 'dark-theme');
+            applyTheme(DARK_THEME);
+            setCookie('yii-exception-theme', DARK_THEME);
         }
 
         function enableLightTheme() {
-            document.body.classList.remove('dark-theme');
-            document.body.classList.add('light-theme');
-            setCookie('yii-exception-theme', 'light-theme');
+            applyTheme(LIGHT_THEME);
+            setCookie('yii-exception-theme', LIGHT_THEME);
         }
     };
 
@@ -364,29 +365,26 @@ function enableLightTheme() {
     document.onmousedown = function() { document.getElementsByTagName('body')[0].classList.add('mousedown'); }
     document.onmouseup = function() { document.getElementsByTagName('body')[0].classList.remove('mousedown'); }
 
-    <?php if (empty($theme)): ?>
     const themeMedia = window.matchMedia('(prefers-color-scheme: dark)');
     const theme = getCookie('yii-exception-theme');
 
     if (theme) {
         applyTheme(theme);
     } else {
-        applyTheme((themeMedia.matches ? 'dark-theme' : 'light-theme'));
+        applyTheme((themeMedia.matches ? DARK_THEME : LIGHT_THEME));
     }
 
     themeMedia.addEventListener('change', event => {
         if (!theme) {
-            applyTheme((event.matches ? 'dark-theme' : 'light-theme'));
+            applyTheme((event.matches ? DARK_THEME : LIGHT_THEME));
         }
     });
 
     function applyTheme(theme){
-        document.body.classList.remove('dark-theme', 'light-theme');
+        document.body.classList.remove(DARK_THEME, LIGHT_THEME);
         document.body.classList.add(theme);
     }
 
-    <?php endif; ?>
-
     function setCookie(name, value) {
         const date = new Date(2100, 0, 1);
         const expires = "; expires=" + date.toUTCString();

From f17dbc6d01daed0e270598cef0ba2916b7a8a603 Mon Sep 17 00:00:00 2001
From: pamparam <pamparam83@gmail.com>
Date: Sun, 23 Mar 2025 19:47:30 +0300
Subject: [PATCH 06/10] fix

---
 templates/development.css | 82 ++++++++++++++++++++++++++++++++++++---
 templates/development.php | 22 ++++++-----
 2 files changed, 88 insertions(+), 16 deletions(-)

diff --git a/templates/development.css b/templates/development.css
index 18fabc2..a6bfd7a 100644
--- a/templates/development.css
+++ b/templates/development.css
@@ -27,7 +27,6 @@ body {
     color: var(--page-text-color);
     background: var(--page-bg-color);
     line-height: 1;
-    display: none;
 }
 
 ul {
@@ -37,9 +36,6 @@ ul {
 
 
 /* light theme */
-.light-theme {
-    display: block;
-}
 :root {
     --page-bg-color: #fff;
     --page-text-color: #505050;
@@ -813,8 +809,6 @@ main {
     --button-color: #fff;
     --button-bg-hover: #5c636a;
     --button-color-hover: #fff;
-
-    display: block;
 }
 
 .dark-theme header {
@@ -879,4 +873,80 @@ main {
     display: inline;
 }
 
+@media (prefers-color-scheme: dark) {
+    body:not(.light-theme) {
+        --page-bg-color: rgba(46,46,46, 0.9);
+        --page-text-color: #fff;
+        --icon-color: #989898;
+        --icon-hover-color: #fff;
+    }
+
+    body:not(.light-theme) header {
+        --header-bg-color: #2e2e2e;
+        --previous-text-color: rgba(255, 255, 255, 0.8);
+        --previous-arrow-color: #fff;
+    }
+
+    body:not(.light-theme) .exception-card {
+        --exception-card-bg-color: #222;
+        --exception-card-border-color: #591e15;
+        --exception-class-text-color: #fff;
+        --exception-class-friendly-text-color: rgba(255, 255, 255, 0.5);
+        --exception-class-friendly-link-color: #E57373;
+        --exception-message-text-color: rgba(255, 255, 255, 0.8);
+    }
+
+    body:not(.light-theme) header .solution {
+        --text-color: rgba(255, 255, 255, 0.8);
+        --link-color: #03a9f4;
+        --link-hover-color: #39b9f3;
+        --blockquote-text-color: #999;
+        --blockquote-border-color: #484c50;
+        --code-bg-color: #2d333b;
+        --pre-bg-color: #2d333b;
+        --table-border-color: #484c50;
+        --separator-color: #484c50;
+    }
+
+    body:not(.light-theme) .call-stack {
+        --bg-color: #1e1e1e;
+        --border-color: transparent;
+        --box-shadow: 0 13px 20px rgba(0, 0, 0, 0.25);
+        --link-color: rgba(255, 255, 255, 0.5);
+        --error-line-bg-color: #422c2c;
+        --hover-line-bg-color: #292929;
+        --element-wrap-border-color: #141414;
+        --element-wrap-text-color: #fff;
+        --element-wrap-hover-text-color: #9cdcfe;
+        --vendor-bg-color: rgba(46,46,46, 0.9);
+        --vendor-border-color: #666;
+        --vendor-state-bg-color: #666;
+        --vendor-content-bg-color: rgba(46,46,46, 0.9);
+    }
+
+    body:not(.light-theme) .functionArguments {
+        --function-arguments-bg: #303030;
+        --function-arguments-border-color: #272727;
+    }
+    body:not(.light-theme) .hljs {
+        --hljs-text-color: #fff;
+        --hljs-comment-text-color: #999;
+        --hljs-keyword-text-color: #88aece;
+        --hljs-attribute-text-color: #c59bc1;
+        --hljs-name-text-color: #f08d49;
+        --hljs-string-text-color: #b5bd68;
+        --hljs-code-text-color: #cccccc;
+        --hljs-delition-text-color: #de7176;
+        --hljs-addition-text-color: #76c490;
+    }
+
+    body:not(.light-theme) #dark-mode {
+        display: none;
+    }
+
+    body:not(.light-theme) #light-mode {
+        display: inline;
+    }
+}
+
 /* end dark-theme */
diff --git a/templates/development.php b/templates/development.php
index 5ce96df..be386b3 100644
--- a/templates/development.php
+++ b/templates/development.php
@@ -37,6 +37,16 @@
         <?= file_get_contents(__DIR__ . '/development.css') ?>
     </style>
     <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700">
+    <noscript>
+        <style>
+            .call-stack-vendor-items, .functionArguments {
+                display: block !important;
+            }
+            .call-stack-vendor-collapse .flex-1 {
+                display: none;
+            }
+        </style>
+    </noscript>
 </head>
 <body<?= !empty($theme) ? " class=\"{$this->htmlEncode($theme)}\"" : '' ?>>
 <header>
@@ -365,20 +375,12 @@ function enableLightTheme() {
     document.onmousedown = function() { document.getElementsByTagName('body')[0].classList.add('mousedown'); }
     document.onmouseup = function() { document.getElementsByTagName('body')[0].classList.remove('mousedown'); }
 
-    const themeMedia = window.matchMedia('(prefers-color-scheme: dark)');
+    <?php if (empty($theme)): ?>
     const theme = getCookie('yii-exception-theme');
-
     if (theme) {
         applyTheme(theme);
-    } else {
-        applyTheme((themeMedia.matches ? DARK_THEME : LIGHT_THEME));
     }
-
-    themeMedia.addEventListener('change', event => {
-        if (!theme) {
-            applyTheme((event.matches ? DARK_THEME : LIGHT_THEME));
-        }
-    });
+    <?php endif; ?>
 
     function applyTheme(theme){
         document.body.classList.remove(DARK_THEME, LIGHT_THEME);

From 3f07857e4adca9a408ad5b8ad426f5742897606c Mon Sep 17 00:00:00 2001
From: pamparam <pamparam83@gmail.com>
Date: Wed, 26 Mar 2025 17:25:45 +0300
Subject: [PATCH 07/10] fix

---
 templates/development.css | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/templates/development.css b/templates/development.css
index a6bfd7a..33b91e4 100644
--- a/templates/development.css
+++ b/templates/development.css
@@ -875,10 +875,22 @@ main {
 
 @media (prefers-color-scheme: dark) {
     body:not(.light-theme) {
-        --page-bg-color: rgba(46,46,46, 0.9);
+        --page-bg-color: rgba(46, 46, 46, 0.9);
         --page-text-color: #fff;
+        --page-text-muted-color: #aaa;
         --icon-color: #989898;
         --icon-hover-color: #fff;
+
+        --table-line-even-bg: #555;
+        --table-line-even-color: #eee;
+        --table-line-odd-bg: #999;
+        --table-line-odd-color: #eee;
+        --table-line-hover: #141414;
+
+        --button-bg: #6c757d;
+        --button-color: #fff;
+        --button-bg-hover: #5c636a;
+        --button-color-hover: #fff;
     }
 
     body:not(.light-theme) header {

From d5cc31b254b77914041d5add8b40b3786fae6051 Mon Sep 17 00:00:00 2001
From: pamparam <pamparam83@gmail.com>
Date: Wed, 26 Mar 2025 17:28:47 +0300
Subject: [PATCH 08/10] fix

---
 CHANGELOG.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 88a75de..24ab2dd 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,7 +2,7 @@
 
 ## 4.0.1 under development
 
-- no changes in this release.
+- Bug #142: fixed show dark mode (@pamparam83)
 
 ## 4.0.0 February 05, 2025
 

From f29425d07cf1e5e5132bd2f9547641ce3c801878 Mon Sep 17 00:00:00 2001
From: pamparam <pamparam83@gmail.com>
Date: Thu, 27 Mar 2025 10:47:02 +0300
Subject: [PATCH 09/10] fix change log

---
 CHANGELOG.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 24ab2dd..68d76e1 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,7 +2,7 @@
 
 ## 4.0.1 under development
 
-- Bug #142: fixed show dark mode (@pamparam83)
+- Bug #142: Fix dark mode arument display issues (@pamparam83)
 
 ## 4.0.0 February 05, 2025
 

From 6a237077f6e32e4f24f7e2fa4473e23d4da8bad8 Mon Sep 17 00:00:00 2001
From: Sergei Predvoditelev <sergey.predvoditelev@gmail.com>
Date: Thu, 27 Mar 2025 21:44:25 +0300
Subject: [PATCH 10/10] Update CHANGELOG.md

---
 CHANGELOG.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 68d76e1..ba1bca8 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,7 +2,7 @@
 
 ## 4.0.1 under development
 
-- Bug #142: Fix dark mode arument display issues (@pamparam83)
+- Bug #142: Fix dark mode argument display issues (@pamparam83)
 
 ## 4.0.0 February 05, 2025