diff --git a/bookface/bookface.css b/bookface/bookface.css
index 3ae53c7..3b56e45 100644
--- a/bookface/bookface.css
+++ b/bookface/bookface.css
@@ -31,38 +31,15 @@ body {
     color: #65686C !important;
 }
 
-/*
-#topbar-first .topbar-nav .nav-segment > a {
-    display: inline-block;
-    text-decoration: none;
-    text-align: left;
-    margin-right: 10px;
-} */
-
 #topbar-first, nav.navbar {
     background-color: #fff !important;
-    top: 0;
-    z-index: 1030;
     color: #65686c !important;
 }
 
-#topbar-first .topbar-nav .dropdown-menu {
-    width: 350px;
-    margin-left: -300px;
-}
-
 #topbar-first .topbar-nav .nav-segment {
     margin-right: 10px;
 }
 
-#topbar-first #nav-notifications-menu li.notif-entry .media-object a img {
-    max-height: 400px;
-    border-radius: 10px;
-    height: 45px;
-    width: 45px;
-    border-radius: 50px;
-}
-
 #topbar-first .nav > li > a:hover:not(.selected),
 #topbar-first .nav > li > a:focus,
 #topbar-first .nav > li > a:hover,
@@ -196,10 +173,7 @@ header #banner #logo-img, .navbar-brand #logo-img {
 }
 
 .pagination .pager_next a, .pagination .pager_prev a {
-    border-top-left-radius: 10px;
-    border-bottom-left-radius: 10px;
-    border-top-right-radius: 10px;
-    border-bottom-right-radius: 10px;
+    border-radius: 10px;
 }
 
 .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
@@ -213,12 +187,7 @@ header #banner #logo-img, .navbar-brand #logo-img {
 }
 
 .pagination-sm > li:first-child > a, .pagination-sm > li:first-child, .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
-    border-bottom-left-radius: 10px;
-    border-bottom-right-radius: 10px;
-}
-
-#topbar-first .nav > li > a:hover:not(.selected), #topbar-first .nav > li > a:focus, #topbar-first .nav > li > button:not(#main-menu):hover, #topbar-first .nav > li > button:not(#main-menu):focus, nav.navbar .nav > li > a:hover, nav.navbar .nav > li > a:focus, nav.navbar .nav > li > button:hover, nav.navbar .nav > li > button:focus {
-border-radius: 1px !important;
+    border-radius: 10px;
 }
 
 #topbar-first #search-box .btn {
@@ -266,14 +235,6 @@ border-radius: 1px !important;
 
 #topbar-second {
     height: 57px !important;
-    top: 50px;
-    background-color: #fff;
-    z-index: 1029;
-    background-image: none;
-    -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
-    -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
-    box-shadow: 0 1px 10px rgba(255, 255, 255, 0.1);
-    border-bottom: 1px solid #e1e1e1;
 }
 
 .btn {
@@ -346,8 +307,8 @@ border-radius: 1px !important;
 
 #mention-link {
     background-color: #0866FF !important;
-    color: white !important;;
-    border-radius: 8px !important;;
+    color: white !important;
+    border-radius: 8px !important;
     padding: 0 16px !important;
 }
 
@@ -376,8 +337,8 @@ border-radius: 1px !important;
 }
 
 #contact-edit-status-wrapper {
-margin: 15px 0px !important;
-border-radius: 10px;
+    margin: 15px 0px !important;
+    border-radius: 10px;
 }
 
 #profile-extra-links .btn {
@@ -392,20 +353,16 @@ border-radius: 10px;
 }
 
 .dropzone, .dropzone .dz-default * {
-  box-sizing: border-box;
-  overflow: auto;
-  cursor: default;
-  border-radius: 10px;
-  border: 1px solid #fdfdfd;
+    box-sizing: border-box;
+    overflow: auto;
+    cursor: default;
+    border-radius: 10px;
+    border: 1px solid #fdfdfd;
 }
 
 .dropzone.dz-clickable {
     cursor: pointer;
     border-radius: 10px;
-    border-top-left-radius: 10px;
-    border-top-right-radius: 10px;
-    border-bottom-right-radius: 10px;
-    border-bottom-left-radius: 10px;
     background-color: #f5f6f9;
     margin-bottom: 10px;
 }
@@ -445,7 +402,7 @@ figure.img-allocated-height img {
 }
 
 audio, canvas, progress, video {
-  border-radius: 3px;
+    border-radius: 3px;
 }
 
 .wall-item-actions-row button,
@@ -489,6 +446,7 @@ audio, canvas, progress, video {
     content: 'Like';
     text-decoration: none;
 }
+
 [id^="dislike-"]::after{
     content: 'Dislike';
     text-decoration: none;
@@ -554,6 +512,7 @@ audio, canvas, progress, video {
 .vote-event .wall-item-response:nth-of-type(3){
     left: 204px;
 }
+
 .vote-event .wall-item-response:nth-of-type(3) .button-event::after,
 [id^="attendmaybe"]::after{
     content: 'Maybe';
@@ -565,7 +524,6 @@ audio, canvas, progress, video {
     text-decoration: none;
 }
 
-
 .well {
     background-image: -webkit-linear-gradient(top,#e8e8e8 0,#f5f5f5 100%);
     background-image: -o-linear-gradient(top,#e8e8e8 0,#f5f5f5 100%);
@@ -633,8 +591,12 @@ p.wall-item-announce,
 #profile-photo-wrapper {
     overflow: visible !important;
     padding: 5px;
-    background-color: var(--nav-bg);
-    border-radius: 100%;
+    background-color: #ffffff;
+    border-radius: 100%
+}
+
+aside .widget li {
+    margin-bottom: 8px;
 }
 
 aside .vcard img.u-photo, aside img.vcard-photo {
@@ -656,7 +618,7 @@ aside .vcard .p-addr {
 }
 
 aside .widget li.selected {
-    background-color: var(--menu-background-hover-color) !important;
+    background-color:rgba(128,128,128,.1) !important;
     border-color: transparent !important;
     border-radius: 8px;
 }
@@ -666,21 +628,21 @@ aside .widget li.selected a {
 }
 
 aside .widget li:hover {
-    background-color: var(--nav-bg) !important;
+    background-color:rgba(255,255,255,1) !important;
     border-color: transparent !important;
     border-radius: 8px;
 }
 
 #widget-contacts {
-    background-color: var(--nav-bg) !important;
+    background-color: #ffffff !important;
     border-radius: 8px !important;
     box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2) !important;
 }
 
 .contact-block-img {
-    height: 65px !important;
-    width: 65px !important;
-    border-radius: 50px !important;
+    height: 45px !important;
+    width: 45px !important;
+    border-radius: 50% !important;
     box-shadow: 0 0 1px rgba(0, 0, 0, .2);
     margin: 5px;
 }
@@ -696,11 +658,11 @@ aside .widget li:hover {
 
 .wall-item-actions button {
     font-size: 20px !important;
-    color: var(--font-color) !important;
+    color: #65686C !important;
 }
 
 .wall-item-actions button:hover {
-    color: var(--link-color) !important;
+    color: #0866FF !important;
 }
 
 .wall-item-actions .checkbox {
@@ -732,6 +694,10 @@ aside .widget li:hover {
     font-size: 15px;
 }
 
+.fancybox-image, .fancybox-spaceball {
+    border-radius: 5px;
+}
+
 @media screen and (max-width: 1280px) {
     #search-box {
         width: 18% !important;
@@ -745,6 +711,7 @@ aside .widget li:hover {
     #jotOpen::before {
         content: '';
         margin: 0;
+    }
     #mention-link span:last-of-type {
         margin-right: 42px;
     }
@@ -773,14 +740,16 @@ aside .widget li:hover {
     background-color: #fff !important;
 }
 
+/*
 #jot-modal-content .fbrowser .folders button {
     background-color: rgba(0,0,0,.1) !important;
     color: black !important;
-    /*! box-shadow: none !important; */
+    box-shadow: none !important;
 }
+*/
 
 #jot-modal-content .fbrowser .folders li:hover,
-#jot-modal-content .fbraower .folders li:focus {
+#jot-modal-content .fbrowser .folders li:focus {
     border-color: transparent !important;
     background-color: transparent !important;
 }
@@ -796,7 +765,8 @@ aside .widget li:hover {
     background-color: #fff !important;
 }
 
-#jot-text-wrap, #profile-jot-wrapper .dropzone.dz-clickable, .wall-item-comment-wrapper .dropzone.dz-clickable {
+#jot-text-wrap, #profile-jot-wrapper .dropzone.dz-clickable,
+.wall-item-comment-wrapper .dropzone.dz-clickable {
     background-color: #f2f4f7 !important;
 }
 
diff --git a/bookface/bookface.php b/bookface/bookface.php
index 133319c..7040629 100644
--- a/bookface/bookface.php
+++ b/bookface/bookface.php
@@ -5,7 +5,7 @@
  *
  * SPDX-License-Identifier: AGPL-3.0-or-later
  *
- * Name: loma hell
+ * Name: loma hell (light)
  * Licence: AGPL
  * Author: Kristi H. @kmh@friendica.world feb @feb@loma.ml
  * Overwrites: nav_bg, nav_icon_color, link_color, background_color, background_image, contentbg_transp