+
diff --git a/src/app/app.component.scss b/src/app/app.component.scss
index e69de29..bd83780 100644
--- a/src/app/app.component.scss
+++ b/src/app/app.component.scss
@@ -0,0 +1,3 @@
+.sidebar {
+ max-width: 20em !important;
+}
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 6f1235f..e50a2fd 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -26,6 +26,7 @@ export class AppComponent implements OnInit {
}
};
+ public darkMode = false;
constructor(
private platform: Platform,
private splashScreen: SplashScreen,
@@ -48,4 +49,14 @@ export class AppComponent implements OnInit {
this.splashScreen.hide();
});
}
+
+ toggleDark() {
+ this.darkMode = !this.darkMode;
+ console.log("toggel Dark mode");
+ if (this.darkMode) {
+ console.log("Dark Mode On");
+ } else {
+ console.log("Dark Mode Off");
+ }
+ }
}
diff --git a/src/app/list/list.page.html b/src/app/list/list.page.html
index 672d72d..b166191 100644
--- a/src/app/list/list.page.html
+++ b/src/app/list/list.page.html
@@ -24,4 +24,4 @@
You navigated here from {{selectedItem.title }}
-->
-
+
\ No newline at end of file