correct swal dark style

Author: hoang.tran12

popup/popup.html

@@ -9,7 +9,6 @@
     <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" rel="stylesheet">
 
     <script src="./libs/swal2.min.js"></script>
-    <link rel="stylesheet" href="./libs/swal2.dark.css">
 
     <link rel="stylesheet/less" type="text/css" href="styles/default.less" />
     <script src="libs/less.js"></script>

popup/styles/default.less

@@ -1,3 +1,5 @@
+@import "./scrollbar.css";
+
 @font_family_1: "Roboto", sans-serif;
 @bg_body: #e6e6e6;
 @color_body: #333;
@@ -48,9 +50,6 @@
 @border_loading: #3498db;
 @border_loading_bg: white;
 
-@bg_scrollbar: #888;
-@bg_scrollbar_hover: #555;
-
 
 * {
     font-family: @font_family_1;
@@ -580,23 +579,6 @@ option {
     }
 }
 
-&::-webkit-scrollbar {
-    width: 7px;
-    height: 7px;
-}
-
-&::-webkit-scrollbar-track {
-    background: transparent;
-}
-
-&::-webkit-scrollbar-thumb {
-    background: @bg_scrollbar;
-
-    &:hover {
-        background: @bg_scrollbar_hover;
-    }
-}
-
 // https://www.cssportal.com/css-tooltip-generator/
 @keyframes tooltip-vert {
     to {

popup/styles/default_dark.less

@@ -1,4 +1,5 @@
 @import "./default.less"; // extends from default theme
+@import "../libs/swal2.dark.css";
 
 @font_family_1: "Roboto", sans-serif;
 @bg_body: #223;

popup/styles/scrollbar.css

@@ -0,0 +1,16 @@
+::-webkit-scrollbar {
+    width: 7px;
+    height: 7px;
+}
+
+::-webkit-scrollbar-track {
+    background: transparent;
+}
+
+::-webkit-scrollbar-thumb {
+    background: #888;
+}
+
+::-webkit-scrollbar-thumb:hover {
+    background: #555;
+}