macOS dark theme

app/scripts/comp/settings-manager.js

@@ -19,7 +19,8 @@ const SettingsManager = {
         sl: 'setGenThemeSl',
         wh: 'setGenThemeWh',
         te: 'setGenThemeTe',
-        hc: 'setGenThemeHc'
+        hc: 'setGenThemeHc',
+        macdark: 'setGenThemeMacDark'
     },
 
     customLocales: {},

app/scripts/locales/base.json

@@ -372,6 +372,7 @@
     "setGenThemeHc": "High contrast",
     "setGenThemeSd": "Solarized dark",
     "setGenThemeSl": "Solarized light",
+    "setGenThemeMacDark": "macOS Dark",
     "setGenLocale": "Language",
     "setGenLocOther": "other languages are available as plugins",
     "setGenFontSize": "Font size",

app/styles/base/_forms.scss

@@ -44,7 +44,6 @@ input[type='text'],
 input[type='password'],
 textarea,
 input:not([type]) {
-    border-radius: $base-border-radius;
     box-sizing: border-box;
     font-family: $base-font-family;
     font-size: 1rem;
@@ -69,6 +68,7 @@ input:not([type]) {
         background-color: th(background-color);
         border: base-border();
         box-shadow: form-box-shadow();
+        border-radius: th(input-border-radius);
 
         &:hover {
             border-color: th(accent-border-color);

app/styles/base/_variables.scss

@@ -59,10 +59,10 @@ $titlebar-padding-large: 40px;
     @return inset 0 1px 3px rgba(0, 0, 0, 0.06);
 }
 @function form-box-shadow-focus() {
-    @return form-box-shadow(), 0 0 3px th(form-box-shadow-color-focus);
+    @return form-box-shadow(), 0 0 th(focus-shadow-blur) th(focus-shadow-spread) th(form-box-shadow-color-focus);
 }
 @function form-box-shadow-focus-error() {
-    @return form-box-shadow(), 0 0 3px th(form-box-shadow-color-focus-error);
+    @return form-box-shadow(), 0 0 th(focus-shadow-blur) th(focus-shadow-spread) th(form-box-shadow-color-focus-error);
 }
 
 // Shadows

app/styles/themes/_all-themes.scss

@@ -8,3 +8,4 @@ $themes: ();
 @import 'high-contrast';
 @import 'solarized-dark';
 @import 'solarized-light';
+@import 'macos-dark';

app/styles/themes/_macos-dark.scss

@@ -0,0 +1,19 @@
+$themes: map-merge(
+        $themes,
+        (
+            macdark:
+            map-merge(
+                    $theme-defaults,
+                    (
+                        background-color: #303132,
+                        medium-color: #B7B7B8,
+                        text-color: #F7F7F7,
+                        action-color: #3E6FD3,
+                        error-color: #EC5F5D,
+                        focus-shadow-blur: 0,
+                        focus-shadow-spread: 3px,
+                        input-border-radius: 3px
+                    )
+            )
+        )
+);

app/styles/themes/_theme-defaults.scss

@@ -2,5 +2,8 @@ $theme-defaults: (
     mute-percent: 30%,
     light-border-percent: 10%,
     modal-opacity: 0.9,
-    color-lightness-shift: 0
+    color-lightness-shift: 0,
+    focus-shadow-blur: 3px,
+    focus-shadow-spread: 0,
+    input-border-radius: 1px
 );

release-notes.md

@@ -3,6 +3,7 @@ Release notes
 ##### v1.10 (TBD)
 `+` config option to disable xml export (canExportXml)  
 `+` xml files can be now opened as regular files  
+`+` macOS Dark theme  
 `-` fix #1154: relative Destination header in WebDAV MOVE  
 `-` fix #1129: webdav storage error on Unicode filenames  
 `*` donation link changed