diff --git a/@overflow/commons/ui/component/menu/menu-bar.component.scss b/@overflow/commons/ui/component/menu/menu-bar.component.scss
index a18bcb1..d023e90 100644
--- a/@overflow/commons/ui/component/menu/menu-bar.component.scss
+++ b/@overflow/commons/ui/component/menu/menu-bar.component.scss
@@ -1,98 +1,9 @@
-// /deep/ .ui-menubar {
-//   height: var(--darwin-title-bar-height);
-//   color: var(--app-menu-button-color);
-//   background: transparent;
-//   padding: 0px;
-//   border: 0em;
-// }
-// /deep/ .ui-menu .ui-menuitem {
-//   padding-top: 2px;
-//     float: right;
-// }
-// // /deep/ .ui-menubar > .ui-menuitem {
-// //   width: 100%;
-// //   height: 100%;
-// // }
-// /deep/ p-menubarsub {
-//   margin: 0px;
-//   width: 100%;
-//   li.ui-menuitem{
-//     height: 22px !important;
-//   }
-// }
-// /deep/ .ui-menubar .ui-menubar-root-list>.ui-menuitem>.ui-menuitem-link {
-//   width: 100%;
-//   height: 100%;
-//   padding: 0em;
-//   color: var(--app-menu-button-color);
-// }
-// /deep/ .ui-menuitem .ui-menuitem-link {
-//   color: #222222;
-// }
-// /deep/ .ui-menuitem {
-//   min-width: 0;
-//   min-height: 0;
-//   position: relative;
-// }
-// /deep/ .ui-menubar .ui-menubar-root-list>.ui-menuitem {
-//     position: relative;
-//     display: inline-block;
-//     flex-direction: row;
-//     align-items: center;
-//     // padding-right: 10px;
-//     // padding: var(--spacing);
-//     // margin: 0em;
-//     // overflow: hidden;
-//     background-color: var(--toolbar-button-background-color);
-//     color: var(--toolbar-button-color);
-// }
-// /deep/ .ui-widget {
-//   font: 14px Arial;
-// }
-// // .ui-corner-all {
-// //     border-radius: 3px;
-// // }
-// // .ui-widget, .ui-widget * {
-// //     box-sizing: border-box;
-// // }
-// // #app-menu-bar .toolbar-dropdown:not(.open) > .toolbar-button > button {
-// //     color: var(--app-menu-button-color);
-// //     background: transparent;
-// // }
-// // #app-menu-bar .toolbar-button > button {
-// //     padding: 0 var(--spacing);
-// //     border: 0;
-// // }
-// // .toolbar-button > button {
-// //     position: relative;
-// //     display: flex;
-// //     flex-direction: row;
-// //     align-items: center;
-// //     padding: var(--spacing);
-// //     margin: 0;
-// //     overflow: hidden;
-// //     background-color: var(--toolbar-button-background-color);
-// //     color: var(--toolbar-button-color);
-// //     border-right: 1px solid var(--toolbar-button-border-color);
-// // }
-// // .toolbar-button > button {
-// //     -webkit-appearance: none;
-// //     border: none;
-// //     box-shadow: none;
-// //     background: transparent;
-// //     border-radius: 0;
-// //     text-align: left;
-// //     margin: 0;
-// //     padding: 0;
-// //     height: 100%;
-// //     width: 100%;
-// // }
 /deep/ body {
-  font-family: var(--font-family-sans-serif);
-  font-size: var(--font-size);
-  line-height: 1.5;
-  color: var(--text-color);
-  background-color: var(--background-color);
+  // font-family: var(--font-family-sans-serif);
+  // font-size: var(--font-size);
+  // line-height: 1.5;
+  // color: var(--text-color);
+  // background-color: var(--background-color);
 }
 
 /deep/ body .ui-corner-all {
@@ -100,9 +11,9 @@
 }
 
 /deep/ body .ui-widget {
-  font-family: var(--font-family-sans-serif);
-  font-size: 1.1em;
-  line-height: 1.5;
+  // font-family: var(--font-family-sans-serif);
+  // font-size: 1.1em;
+  // line-height: 1.5;
 }
 
 /deep/ body .ui-widget-content {