diff --git a/src/styles/adaptedStyles/historyPage.scss b/src/styles/adaptedStyles/historyPage.scss
index df605df7..15efa630 100644
--- a/src/styles/adaptedStyles/historyPage.scss
+++ b/src/styles/adaptedStyles/historyPage.scss
@@ -3,7 +3,8 @@
   // Increase the priority of the style inside by writing a non-existent selector in `:not()`
   :not(fdjslfds) {
     .history-list .r-info .w-info .username:hover,
-    .history-wrap a.btn {
+    .history-wrap a.btn,
+    .history-dlg .hsbtn .cancel:hover {
       color: var(--bew-theme-color);
     }
 
@@ -24,7 +25,9 @@
     .history-wrap a.btn:hover,
     .history-wrap .active,
     .history-wrap .warn .btn,
-    .history-list .cover-contain .progress {
+    .history-list .cover-contain .progress,
+    .nodata-btn,
+    .history-dlg .hsbtn .sure {
       background-color: var(--bew-theme-color);
     }
 
@@ -38,7 +41,8 @@
       border-left-color: var(--bew-theme-color);
     }
 
-    .history-wrap .history-btn .btn:hover {
+    .history-wrap .history-btn .btn:hover,
+    .history-dlg .hsbtn .cancel:hover {
       border-color: var(--bew-theme-color);
     }
 
@@ -64,7 +68,9 @@
     .history-wrap .warn .txt,
     .history-wrap .b-head .b-head-t,
     .b-head-search,
-    .history-list .r-info .title {
+    .history-list .r-info .title,
+    .history-dlg .dlg-txt,
+    .history-dlg .hsbtn .cancel {
       color: var(--bew-text-1);
     }
 
@@ -79,7 +85,9 @@
     }
 
     .history-list .r-info .history-mark,
-    .history-list .r-info .r-txt {
+    .history-list .r-info .r-txt,
+    .history-dlg,
+    .history-dlg .hsbtn .cancel {
       border-color: var(--bew-border-color);
     }
 
@@ -109,6 +117,10 @@
       background-color: unset;
     }
 
+    .history-dlg {
+      background-color: var(--bew-content-solid-1);
+    }
+
     .go-top-m .go-top {
       background-color: var(--bew-content-solid-1) !important;
     }