fix: set tooltips background color

Author: dataeaseShu

frontend/src/style.less

@@ -319,6 +319,12 @@ strong {
       border-radius: 6px;
     }
   }
+
+  &.primary-icon:hover {
+    &::after {
+      background: var(--ed-color-primary-1a, #1cba901a);
+    }
+  }
 }
 
 .ed-popper__arrow {

frontend/src/views/dashboard/common/ResourceTree.vue

@@ -329,7 +329,7 @@ defineExpose({
           effect="dark"
         >
           <el-icon
-            class="custom-icon btn hover-icon_with_bg"
+            class="custom-icon btn hover-icon_with_bg primary-icon"
             @click="addOperation({ opt: 'newLeaf', type: 'dashboard' })"
           >
             <Icon name="dv-new-folder">

frontend/src/views/system/embedded/iframe.vue

@@ -884,7 +884,7 @@ const saveHandler = () => {
         <div class="code">
           <div class="copy">
             {{ $t('embedded.code_to_embed') }}
-            <el-tooltip effect="dark" :content="t('datasource.copy')" placement="top">
+            <el-tooltip :offset="12" effect="dark" :content="t('datasource.copy')" placement="top">
               <el-icon size="16" @click="copyCode">
                 <icon_copy_outlined></icon_copy_outlined>
               </el-icon>
@@ -900,7 +900,7 @@ const saveHandler = () => {
         <div class="code">
           <div class="copy">
             {{ $t('professional.code_for_debugging') }}
-            <el-tooltip effect="dark" :content="t('datasource.copy')" placement="top">
+            <el-tooltip :offset="12" effect="dark" :content="t('datasource.copy')" placement="top">
               <el-icon size="16" @click="copyJsCode">
                 <icon_copy_outlined></icon_copy_outlined>
               </el-icon>
@@ -916,7 +916,7 @@ const saveHandler = () => {
         <div class="code">
           <div class="copy">
             {{ $t('embedded.code_to_embed') }}
-            <el-tooltip effect="dark" :content="t('datasource.copy')" placement="top">
+            <el-tooltip :offset="12" effect="dark" :content="t('datasource.copy')" placement="top">
               <el-icon size="16" @click="copyJsCodeFull">
                 <icon_copy_outlined></icon_copy_outlined>
               </el-icon>

frontend/src/views/system/workspace/index.vue

@@ -296,7 +296,12 @@ const handleCurrentChange = (val: number) => {
       <div class="select-table_top">
         {{ $t('user.workspace') }}
 
-        <el-tooltip effect="dark" :content="$t('workspace.add_workspace')" placement="top">
+        <el-tooltip
+          :offset="12"
+          effect="dark"
+          :content="$t('workspace.add_workspace')"
+          placement="top"
+        >
           <el-icon size="18" @click="addWorkspace">
             <icon_add_outlined></icon_add_outlined>
           </el-icon>