update theme for safari

Author: rebornix

sass/_ui.scss

@@ -99,6 +99,25 @@ $themes: (
     grey-search: #b1b1b3,
     blue-menu: #f4fcff,
   ),
+  flat: (
+    black-1: black,
+    black-transparent: rgba(0, 0, 0, 0.5),
+    white-1: white,
+    white-transparent: rgba(255, 255, 255, 0.5),
+    grey-1: grey,
+    grey-2: #ccc,
+    grey-3: #eee,
+    grey-background: #eee,
+    blue-1: #08c,
+    yellow-1: #fff1ba,
+    yellow-2: #fff4cc,
+    red-1: #dd4b39,
+    red-2: #eea59c,
+    black-search: #2a2a2e,
+    white-search: #f9f9fa,
+    grey-search: #b1b1b3,
+    blue-menu: #f4fcff,
+  ),
 );
 
 $theme-map: null;

sass/popup.scss

@@ -1337,6 +1337,10 @@ svg {
         p {
           color: #727272;
 
+          &:not(:last-child) {
+            border-bottom: #f5f4f7 1px solid;
+          }
+
           span svg {
             fill: #727272;
           }

src/store/Menu.ts

@@ -1,3 +1,4 @@
+import { isSafari } from "../browser";
 import { ManagedStorage } from "../models/storage";
 
 export class Menu implements Module {
@@ -11,7 +12,11 @@ export class Menu implements Module {
         enableContextMenu: localStorage.enableContextMenu === "true",
         theme:
           localStorage.theme ||
-          (localStorage.highContrast === "true" ? "accessibility" : "normal"),
+          (localStorage.highContrast === "true"
+            ? "accessibility"
+            : isSafari
+            ? "flat"
+            : "normal"),
         autolock: Number(localStorage.autolock) || 0,
         backupDisabled: await ManagedStorage.get("disableBackup", false),
         exportDisabled: await ManagedStorage.get("disableExport", false),