Generated project

frontend/themes/fusionmanagement/main-layout.css

@@ -0,0 +1,50 @@
+.sidemenu-header {
+  align-items: center;
+  box-shadow: var(--lumo-box-shadow-s);
+  display: flex;
+  height: var(--lumo-size-xl);
+  width: 100%;
+}
+
+.sidemenu-header h1 {
+  font-size: var(--lumo-font-size-l);
+  margin: 0;
+}
+
+.sidemenu-menu #logo {
+  align-items: center;
+  box-sizing: border-box;
+  display: flex;
+  padding: var(--lumo-space-s) var(--lumo-space-m);
+}
+
+.sidemenu-menu #logo img {
+  height: calc(var(--lumo-size-l) * 1.5);
+}
+
+.sidemenu-menu #logo span {
+  font-size: var(--lumo-font-size-xl);
+  font-weight: 600;
+  margin: 0 var(--lumo-space-s);
+}
+
+.sidemenu-menu vaadin-tab {
+  font-size: var(--lumo-font-size-s);
+  height: var(--lumo-size-l);
+  font-weight: 600;
+  color: var(--lumo-body-text-color);
+}
+
+.sidemenu-menu vaadin-tab:hover {
+  background-color: var(--lumo-contrast-5pct);
+  text-decoration: none;
+}
+
+.sidemenu-menu vaadin-tab[selected] {
+  background-color: var(--lumo-primary-color-10pct);
+  color: var(--lumo-primary-text-color);
+}
+
+hr {
+  margin: 0;
+}

frontend/themes/fusionmanagement/styles.css

@@ -0,0 +1,9 @@
+@import url('./main-layout.css');
+@import url('./views/home-view.css');
+@import url('./views/profile-view.css');
+@import url('./views/admin-view.css');
+@import url('line-awesome/dist/line-awesome/css/line-awesome.min.css');
+@import url('@fontsource/roboto');    html {
+--lumo-font-family: Roboto;
+
+    }

frontend/themes/fusionmanagement/theme.json

@@ -0,0 +1 @@
+{"lumoImports":["typography","color","spacing","badge","utility"]}

frontend/themes/fusionmanagement/views/admin-view.css

@@ -0,0 +1,3 @@
+admin-view {
+  display: block;
+}

frontend/themes/fusionmanagement/views/home-view.css

@@ -0,0 +1,3 @@
+home-view {
+  display: block;
+}

frontend/themes/fusionmanagement/views/profile-view.css

@@ -0,0 +1,3 @@
+profile-view {
+  display: block;
+}