diff --git a/assets/app.js b/assets/app.js
index bb0a6aa..48617e4 100644
--- a/assets/app.js
+++ b/assets/app.js
@@ -6,7 +6,26 @@
  */
 
 // any CSS you import will output into a single css file (app.css in this case)
-import './styles/app.css';
+import 'fork-awesome/scss/fork-awesome.scss'
+import './styles/app.scss'
+import $ from 'jquery'
+import 'bootstrap'
+//import './js/index'
+// needed for legacy code
+//global.$ = $
 
+if (window.matchMedia('(prefers-color-scheme)').media !== 'not all') {
+	console.log('🎉 Dark mode is supported')
+}
+
+$(document).ready(() => {
+	console.log('ready')
+	$('#toggleSidebar').on('click', () => {
+		const toggleIcon = $('#toggleIcon')
+		toggleIcon.toggleClass('fa fa-lg fa-fw fa-caret-square-o-left')
+		toggleIcon.toggleClass('fa fa-lg fa-fw fa-caret-square-o-right')
+		$('#sidebar').toggleClass('active')
+	})
+})
 // start the Stimulus application
-import './bootstrap';
+//import './bootstrap'