Enhance UI and functionality across components

- Updated noteTag CSS to include opacity for better visibility.
- Adjusted cardList CSS scrollbar width and opacity for a cleaner look; added cursor pointer for better user interaction.
- Modified generalSetting component logic to improve error handling when confirming actions.

public/assets/styles/dark.css

@@ -227,7 +227,7 @@ a {
 .active-tag,
 .active-page,
 .sk-chase-dot:before {
-  background-color: rgba(235, 235, 235, 1) !important;
+  background-color: rgba(235, 235, 235, 0.5);
 }
 .exit-reading-text,
 .add-bookmark-text,

public/assets/styles/default.css

@@ -72,7 +72,7 @@ a {
 }
 ::-webkit-scrollbar-thumb,
 ::-webkit-scrollbar-thumb:hover {
-  background-color: rgba(75, 75, 75, 0.5);
+  background-color: rgba(75, 75, 75, 0.3);
 }
 .delete-digest-button,
 .add-dialog-confirm,

src/components/noteTag/noteTag.css

@@ -16,6 +16,7 @@
   padding: 10;
   padding-left: 10px;
   padding-right: 10px;
+  opacity: 0.8;
 }
 
 .tag-title {

src/containers/lists/cardList/cardList.css

@@ -121,7 +121,7 @@
   overflow-x: hidden;
 }
 ::-webkit-scrollbar {
-  width: 7px;
+  width: 5px;
   height: 0.5rem;
 }
 
@@ -133,8 +133,9 @@
   border-radius: 0;
   transition: all 0.2s;
   border-radius: 0.5rem;
-  opacity: 0.5;
+  opacity: 0.2;
   border-left: solid 0.5rem transparent;
+  cursor: pointer;
 }
 .card-list-item-title {
   float: left;

src/containers/settings/generalSetting/component.tsx

@@ -476,7 +476,7 @@ class GeneralSetting extends React.Component<
                 setTimeout(() => {
                   reloadManager();
                 }, 300);
-              } else {
+              } else if (answer) {
                 toast.error(this.props.t("Please type 'CLEAR' to confirm"));
               }
             }}