mobile fix

app/styles/base/_base.scss

@@ -3,7 +3,6 @@
 // Copyright 2013-2015 thoughtbot, inc.
 // MIT License
 
-@import 'themes';
 @import 'colors';
 @import 'variables';
 @import 'media';
@@ -13,3 +12,5 @@
 @import 'forms';
 @import 'lists';
 @import 'typography';
+@import 'theme-vars-support';
+@import 'theme-vars';

app/styles/base/_themes.scss

@@ -1,12 +0,0 @@
-@import 'theme-vars-support';
-@import 'theme-vars';
-
-@each $theme-name, $theme-vars in $themes {
-    $theme-vars: set-theme-vars($theme-vars);
-
-    .th-#{$theme-name} {
-        @each $key, $value in $theme-vars {
-            --#{$key}: #{$value};
-        }
-    }
-}

app/styles/main.scss

@@ -5,10 +5,10 @@ $fa-font-path: '~font-awesome/fonts';
 @import '~pikaday/scss/pikaday';
 @import '~bourbon/app/assets/stylesheets/bourbon';
 
-@import 'themes/all-themes';
-
 @import 'base/base';
 
+@import 'themes/all-themes';
+
 @import 'utils/back-button';
 @import 'utils/common-dropdown';
 @import 'utils/auto-type-hint';

app/styles/themes/_all-themes.scss

@@ -9,3 +9,13 @@ $themes: ();
 @import 'solarized-dark';
 @import 'solarized-light';
 @import 'macos-dark';
+
+@each $theme-name, $theme-vars in $themes {
+    $theme-vars: set-theme-vars($theme-vars);
+
+    .th-#{$theme-name} {
+        @each $key, $value in $theme-vars {
+            --#{$key}: #{$value};
+        }
+    }
+}

app/styles/themes/_macos-dark.scss

@@ -46,10 +46,12 @@ body.th-macdark {
     .app__footer {
         background-color: var(--secondary-background-color);
     }
-    .list__item--active, .list__item--active:hover {
-        background-color: #2457C9;
-        .list__item-descr {
-            color: #8F8F91;
+    @include nomobile {
+        .list__item--active, .list__item--active:hover {
+            background-color: #2457C9;
+            .list__item-descr {
+                color: #8F8F91;
+            }
         }
     }
 }