style: menu for dark mode

Author: peterpeterparker

studio/src/app/components/core/app-footer/app-footer.scss

@@ -32,19 +32,3 @@ ion-split-pane {
   }
 }
 
-@media (prefers-color-scheme: dark) {
-  ion-split-pane {
-    app-footer {
-      div {
-        ion-anchor {
-          color: white;
-
-          &:hover, &.active {
-            color: var(--ion-color-secondary);
-            border-bottom-color: var(--ion-color-secondary);
-          }
-        }
-      }
-    }
-  }
-}

studio/src/app/components/core/app-menu/app-menu.scss

@@ -58,20 +58,3 @@ ion-split-pane {
     }
   }
 }
-
-@media (prefers-color-scheme: dark) {
-  ion-split-pane {
-    ion-menu {
-      ion-content {
-        ion-list {
-          ion-searchbar[class*="sc-ion-searchbar"] {
-            --cancel-button-color: white;
-            --clear-button-color: white;
-            --icon-color: white;
-            color: white;
-          }
-        }
-      }
-    }
-  }
-}

studio/src/global/theme/menu.scss

@@ -121,29 +121,31 @@ ion-split-pane {
   ion-split-pane {
     ion-menu {
 
-      --background: var(--ion-color-primary);
-      --ion-background-color: var(--ion-color-primary);
+      --background: white;
+      --ion-background-color: white;
 
       ion-content {
 
+        border-right: 1px solid rgba(0,0,0,.13);
+
         ion-list {
           ion-item-divider {
-            --color: var(--ion-color-light);
+            --color: black;
           }
 
           ion-item {
-            --color: var(--ion-color-light);
+            --color: var(--ion-color-medium);
 
             ion-icon {
-              color: white;
+              color: var(--ion-color-medium);
             }
           }
         }
 
         ion-button {
-          --background: white;
-          --color: var(--ion-color-dark);
-          --color-activated: var(--ion-color-dark);
+          --background: var(--ion-color-primary);
+          --color: white;
+          --color-activated: white;
         }
       }
     }