fix: transparent drawer & always displayed list button

Author: cnwangjie

src/app/component/main/Drawer.vue

@@ -139,7 +139,10 @@ export default {
 }
 </script>
 <style scoped>
-.app-drawer {
-  background: inherit !important;
+.theme--light.app-drawer {
+  background: #fafafa !important;
+}
+.theme--dark.app-drawer {
+  background: rgb(48, 48, 48) !important;
 }
 </style>

src/app/page/Popup.vue

@@ -101,7 +101,7 @@ export default {
   }
 }
 </script>
-<style lang="scss">
+<style lang="scss" scoped>
 .list-item-btn-hover {
   display: none;
 }

src/common/tabs.js

@@ -64,7 +64,6 @@ const storeTabs = async (tabs, listIndex) => {
   if (opts.ignorePinned) tabs = tabs.filter(i => !i.pinned)
   if (opts.excludeIllegalURL) tabs = tabs.filter(i => isLegalURL(i.url))
   if (tabs.length === 0) return
-  browser.tabs.remove(tabs.map(i => i.id))
   const lists = await storage.getLists()
   if (listIndex == null) {
     const newList = createNewTabList({tabs})
@@ -85,6 +84,7 @@ const storeTabs = async (tabs, listIndex) => {
       }
     }
   }
+  return browser.tabs.remove(tabs.map(i => i.id))
 }
 
 const storeLeftTabs = async listIndex => storeTabs((await groupTabsInCurrentWindow()).left, listIndex)
@@ -109,10 +109,12 @@ const storeAllTabInAllWindows = async () => {
   const windows = await browser.windows.getAll()
   const opts = await storage.getOptions()
   if (opts.openTabListNoTab) await openTabLists()
+  const tasks = []
   for (const window of windows) {
-    const tabs = await getAllInWindow(window.id)
-    await storeTabs(tabs)
+    const task = getAllInWindow(window.id).then(storeTabs)
+    tasks.push(task)
   }
+  return Promise.all(tasks)
 }
 
 const restoreList = async (list, windowId) => {