diff --git a/apps/notifications/img/ notifications-red-new-dark.svg b/apps/notifications/img/ notifications-red-new-dark.svg
new file mode 100755
index 0000000000000000000000000000000000000000..633139770dcfa74c517e168d32800f077792dfdf
--- /dev/null
+++ b/apps/notifications/img/ notifications-red-new-dark.svg	
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="14" height="14" viewBox="0 0 3.7041666 3.7041666" version="1.1" id="svg3286" sodipodi:docname="notifications-new.svg" inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+   <sodipodi:namedview id="namedview10" pagecolor="#505050" bordercolor="#ffffff" borderopacity="1" inkscape:pageshadow="0" inkscape:pageopacity="0" inkscape:pagecheckerboard="1" inkscape:document-units="mm" showgrid="false" inkscape:zoom="22.231735" inkscape:cx="3.8233633" inkscape:cy="8.4788704" inkscape:window-width="1920" inkscape:window-height="1017" inkscape:window-x="-8" inkscape:window-y="-8" inkscape:window-maximized="1" inkscape:current-layer="svg3286" units="px" width="14px" />
+   <defs id="defs3283" />
+   <g id="layer1" transform="matrix(0.38330579,0,0,0.38330579,-23.173491,-64.228512)">
+      <g id="g3269" transform="translate(-209.94557,-844.63664)">
+         <g id="g3353">
+            <path id="text3158-3" style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:8.28328px;line-height:1.25;font-family:'Font Awesome 5 Pro';-inkscape-font-specification:'Font Awesome 5 Pro';letter-spacing:0px;word-spacing:0px;display:inline;fill:#000000;stroke-width:3.91336" d="m 1036.3477,3855.6445 c 0,2.2013 1.7128,3.9141 3.914,3.9141 2.1401,0 3.8516,-1.7128 3.8516,-3.9141 z" transform="scale(0.26458331)" />
+            <path id="path3181" style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:8.28328px;line-height:1.25;font-family:'Font Awesome 5 Pro';-inkscape-font-specification:'Font Awesome 5 Pro';letter-spacing:0px;word-spacing:0px;display:inline;fill:#000000;stroke-width:3.91336" d="m 1040.2617,3828.252 c -1.1006,0 -1.957,0.9155 -1.957,1.955 v 1.2852 c -4.5248,0.9783 -7.8262,4.7683 -7.8262,9.4766 0,6.298 -2.262,8.1944 -3.4238,9.4785 -0.3669,0.3668 -0.5514,0.8551 -0.4902,1.2832 0,1.0395 0.7341,1.957 1.957,1.957 h 23.4199 c 1.2229,0 1.9564,-0.9175 2.0176,-1.957 0,-0.4281 -0.1839,-0.9164 -0.5508,-1.2832 -1.0743,-1.1874 -3.0894,-2.898 -3.3867,-8.1289 a 6.6342844,6.6342844 0 0 1 -1.6387,0.2597 6.6342844,6.6342844 0 0 1 -1.2871,-0.2031 c 0.2649,4.3586 1.5364,6.8763 2.7051,8.3789 h -19.1387 c 1.2841,-1.6509 2.6908,-4.5252 2.752,-9.7227 v -0.062 c 0,-3.73 3.0566,-6.8477 6.8476,-6.8477 0.5997,0 1.1826,0.082 1.7403,0.2324 a 6.6342844,6.6342844 0 0 1 0.072,-0.4609 6.6342844,6.6342844 0 0 1 0.9414,-1.8496 6.6342844,6.6342844 0 0 1 0.2481,-0.2481 c -0.3597,-0.1198 -0.7295,-0.221 -1.1075,-0.3027 v -1.2852 c 0,-1.0395 -0.855,-1.955 -1.8945,-1.955 z" transform="scale(0.26458331)" />
+         </g>
+         <circle style="fill:#007fff;stroke-width:1.03541;-inkscape-stroke:none;stop-color:#000000" id="path3096" cx="277.38461" cy="1014.9266" r="1.3603737" />
+      </g>
+   </g>
+</svg>
diff --git a/apps/notifications/img/notifications-dark.svg b/apps/notifications/img/notifications-dark.svg
new file mode 100755
index 0000000000000000000000000000000000000000..59d2fd8684ed9a6a49faa7d9cd00fc7c695d2179
--- /dev/null
+++ b/apps/notifications/img/notifications-dark.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" version="1.1" id="svg4" sodipodi:docname="notifications.svg" inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+   <defs id="defs8" />
+   <sodipodi:namedview id="namedview6" pagecolor="#505050" bordercolor="#ffffff" borderopacity="1" inkscape:pageshadow="0" inkscape:pageopacity="0" inkscape:pagecheckerboard="1" showgrid="false" width="14px" inkscape:zoom="11.6" inkscape:cx="-2.1551724" inkscape:cy="10.646552" inkscape:window-width="1920" inkscape:window-height="1017" inkscape:window-x="-8" inkscape:window-y="-8" inkscape:window-maximized="1" inkscape:current-layer="svg4" />
+   <path d="m 12.041166,9.5077344 c -0.44533,-0.4922976 -1.312288,-1.2188016 -1.312288,-3.6329026 0,-1.8046316 -1.2656124,-3.2576297 -2.9999857,-3.632692 V 1.7499882 C 7.7288923,1.3514514 7.4006418,1 7.0022513,1 6.5803864,1 6.2522548,1.3514514 6.2522548,1.7499882 v 0.4921516 c -1.7343726,0.3750623 -2.9999494,1.8280604 -2.9999494,3.632692 0,2.414101 -0.8671954,3.140605 -1.3125214,3.6329026 -0.1405234,0.1404816 -0.2109215,0.3280952 -0.1874533,0.4920968 0,0.3985638 0.2811914,0.7499958 0.7499873,0.7499958 h 8.976557 c 0.468576,0 0.749997,-0.351432 0.773242,-0.7499958 0,-0.1640016 -0.07102,-0.3514328 -0.210951,-0.4920968 z M 3.3226925,9.6249696 c 0.4922613,-0.6328064 1.031188,-1.7343723 1.054507,-3.7266174 0,0 0,1.82e-5 0,-0.023163 0,-1.4295693 1.172008,-2.6248688 2.6250518,-2.6248688 1.4297063,0 2.6250431,1.1952995 2.6250431,2.6248688 0,0.023182 -0.02316,0.023163 -0.02316,0.023163 0.023168,1.9922451 0.5625656,3.093811 1.0546436,3.7266174 z M 7.0022513,13 C 7.8224977,13 8.47888,12.343902 8.47888,11.500007 H 5.5022675 C 5.5022675,12.343902 6.1585304,13 7.0022513,13 Z" fill="#000000" id="path2" style="stroke-width:0.915184" />
+</svg>
diff --git a/apps/notifications/img/notifications-new-dark.svg b/apps/notifications/img/notifications-new-dark.svg
new file mode 100755
index 0000000000000000000000000000000000000000..633139770dcfa74c517e168d32800f077792dfdf
--- /dev/null
+++ b/apps/notifications/img/notifications-new-dark.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="14" height="14" viewBox="0 0 3.7041666 3.7041666" version="1.1" id="svg3286" sodipodi:docname="notifications-new.svg" inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+   <sodipodi:namedview id="namedview10" pagecolor="#505050" bordercolor="#ffffff" borderopacity="1" inkscape:pageshadow="0" inkscape:pageopacity="0" inkscape:pagecheckerboard="1" inkscape:document-units="mm" showgrid="false" inkscape:zoom="22.231735" inkscape:cx="3.8233633" inkscape:cy="8.4788704" inkscape:window-width="1920" inkscape:window-height="1017" inkscape:window-x="-8" inkscape:window-y="-8" inkscape:window-maximized="1" inkscape:current-layer="svg3286" units="px" width="14px" />
+   <defs id="defs3283" />
+   <g id="layer1" transform="matrix(0.38330579,0,0,0.38330579,-23.173491,-64.228512)">
+      <g id="g3269" transform="translate(-209.94557,-844.63664)">
+         <g id="g3353">
+            <path id="text3158-3" style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:8.28328px;line-height:1.25;font-family:'Font Awesome 5 Pro';-inkscape-font-specification:'Font Awesome 5 Pro';letter-spacing:0px;word-spacing:0px;display:inline;fill:#000000;stroke-width:3.91336" d="m 1036.3477,3855.6445 c 0,2.2013 1.7128,3.9141 3.914,3.9141 2.1401,0 3.8516,-1.7128 3.8516,-3.9141 z" transform="scale(0.26458331)" />
+            <path id="path3181" style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:8.28328px;line-height:1.25;font-family:'Font Awesome 5 Pro';-inkscape-font-specification:'Font Awesome 5 Pro';letter-spacing:0px;word-spacing:0px;display:inline;fill:#000000;stroke-width:3.91336" d="m 1040.2617,3828.252 c -1.1006,0 -1.957,0.9155 -1.957,1.955 v 1.2852 c -4.5248,0.9783 -7.8262,4.7683 -7.8262,9.4766 0,6.298 -2.262,8.1944 -3.4238,9.4785 -0.3669,0.3668 -0.5514,0.8551 -0.4902,1.2832 0,1.0395 0.7341,1.957 1.957,1.957 h 23.4199 c 1.2229,0 1.9564,-0.9175 2.0176,-1.957 0,-0.4281 -0.1839,-0.9164 -0.5508,-1.2832 -1.0743,-1.1874 -3.0894,-2.898 -3.3867,-8.1289 a 6.6342844,6.6342844 0 0 1 -1.6387,0.2597 6.6342844,6.6342844 0 0 1 -1.2871,-0.2031 c 0.2649,4.3586 1.5364,6.8763 2.7051,8.3789 h -19.1387 c 1.2841,-1.6509 2.6908,-4.5252 2.752,-9.7227 v -0.062 c 0,-3.73 3.0566,-6.8477 6.8476,-6.8477 0.5997,0 1.1826,0.082 1.7403,0.2324 a 6.6342844,6.6342844 0 0 1 0.072,-0.4609 6.6342844,6.6342844 0 0 1 0.9414,-1.8496 6.6342844,6.6342844 0 0 1 0.2481,-0.2481 c -0.3597,-0.1198 -0.7295,-0.221 -1.1075,-0.3027 v -1.2852 c 0,-1.0395 -0.855,-1.955 -1.8945,-1.955 z" transform="scale(0.26458331)" />
+         </g>
+         <circle style="fill:#007fff;stroke-width:1.03541;-inkscape-stroke:none;stop-color:#000000" id="path3096" cx="277.38461" cy="1014.9266" r="1.3603737" />
+      </g>
+   </g>
+</svg>
diff --git a/apps/notifications/img/notifications-red-new.svg b/apps/notifications/img/notifications-red-new.svg
new file mode 100755
index 0000000000000000000000000000000000000000..633139770dcfa74c517e168d32800f077792dfdf
--- /dev/null
+++ b/apps/notifications/img/notifications-red-new.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="14" height="14" viewBox="0 0 3.7041666 3.7041666" version="1.1" id="svg3286" sodipodi:docname="notifications-new.svg" inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+   <sodipodi:namedview id="namedview10" pagecolor="#505050" bordercolor="#ffffff" borderopacity="1" inkscape:pageshadow="0" inkscape:pageopacity="0" inkscape:pagecheckerboard="1" inkscape:document-units="mm" showgrid="false" inkscape:zoom="22.231735" inkscape:cx="3.8233633" inkscape:cy="8.4788704" inkscape:window-width="1920" inkscape:window-height="1017" inkscape:window-x="-8" inkscape:window-y="-8" inkscape:window-maximized="1" inkscape:current-layer="svg3286" units="px" width="14px" />
+   <defs id="defs3283" />
+   <g id="layer1" transform="matrix(0.38330579,0,0,0.38330579,-23.173491,-64.228512)">
+      <g id="g3269" transform="translate(-209.94557,-844.63664)">
+         <g id="g3353">
+            <path id="text3158-3" style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:8.28328px;line-height:1.25;font-family:'Font Awesome 5 Pro';-inkscape-font-specification:'Font Awesome 5 Pro';letter-spacing:0px;word-spacing:0px;display:inline;fill:#000000;stroke-width:3.91336" d="m 1036.3477,3855.6445 c 0,2.2013 1.7128,3.9141 3.914,3.9141 2.1401,0 3.8516,-1.7128 3.8516,-3.9141 z" transform="scale(0.26458331)" />
+            <path id="path3181" style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:8.28328px;line-height:1.25;font-family:'Font Awesome 5 Pro';-inkscape-font-specification:'Font Awesome 5 Pro';letter-spacing:0px;word-spacing:0px;display:inline;fill:#000000;stroke-width:3.91336" d="m 1040.2617,3828.252 c -1.1006,0 -1.957,0.9155 -1.957,1.955 v 1.2852 c -4.5248,0.9783 -7.8262,4.7683 -7.8262,9.4766 0,6.298 -2.262,8.1944 -3.4238,9.4785 -0.3669,0.3668 -0.5514,0.8551 -0.4902,1.2832 0,1.0395 0.7341,1.957 1.957,1.957 h 23.4199 c 1.2229,0 1.9564,-0.9175 2.0176,-1.957 0,-0.4281 -0.1839,-0.9164 -0.5508,-1.2832 -1.0743,-1.1874 -3.0894,-2.898 -3.3867,-8.1289 a 6.6342844,6.6342844 0 0 1 -1.6387,0.2597 6.6342844,6.6342844 0 0 1 -1.2871,-0.2031 c 0.2649,4.3586 1.5364,6.8763 2.7051,8.3789 h -19.1387 c 1.2841,-1.6509 2.6908,-4.5252 2.752,-9.7227 v -0.062 c 0,-3.73 3.0566,-6.8477 6.8476,-6.8477 0.5997,0 1.1826,0.082 1.7403,0.2324 a 6.6342844,6.6342844 0 0 1 0.072,-0.4609 6.6342844,6.6342844 0 0 1 0.9414,-1.8496 6.6342844,6.6342844 0 0 1 0.2481,-0.2481 c -0.3597,-0.1198 -0.7295,-0.221 -1.1075,-0.3027 v -1.2852 c 0,-1.0395 -0.855,-1.955 -1.8945,-1.955 z" transform="scale(0.26458331)" />
+         </g>
+         <circle style="fill:#007fff;stroke-width:1.03541;-inkscape-stroke:none;stop-color:#000000" id="path3096" cx="277.38461" cy="1014.9266" r="1.3603737" />
+      </g>
+   </g>
+</svg>
diff --git a/apps/notifications/img/notifications.svg b/apps/notifications/img/notifications.svg
index 52f3a1f33ce5a1069693faad63390d37ad95ea16..59d2fd8684ed9a6a49faa7d9cd00fc7c695d2179 100755
--- a/apps/notifications/img/notifications.svg
+++ b/apps/notifications/img/notifications.svg
@@ -6,5 +6,5 @@
    xmlns:svg="http://www.w3.org/2000/svg">
    <defs id="defs8" />
    <sodipodi:namedview id="namedview6" pagecolor="#505050" bordercolor="#ffffff" borderopacity="1" inkscape:pageshadow="0" inkscape:pageopacity="0" inkscape:pagecheckerboard="1" showgrid="false" width="14px" inkscape:zoom="11.6" inkscape:cx="-2.1551724" inkscape:cy="10.646552" inkscape:window-width="1920" inkscape:window-height="1017" inkscape:window-x="-8" inkscape:window-y="-8" inkscape:window-maximized="1" inkscape:current-layer="svg4" />
-   <path d="m 12.041166,9.5077344 c -0.44533,-0.4922976 -1.312288,-1.2188016 -1.312288,-3.6329026 0,-1.8046316 -1.2656124,-3.2576297 -2.9999857,-3.632692 V 1.7499882 C 7.7288923,1.3514514 7.4006418,1 7.0022513,1 6.5803864,1 6.2522548,1.3514514 6.2522548,1.7499882 v 0.4921516 c -1.7343726,0.3750623 -2.9999494,1.8280604 -2.9999494,3.632692 0,2.414101 -0.8671954,3.140605 -1.3125214,3.6329026 -0.1405234,0.1404816 -0.2109215,0.3280952 -0.1874533,0.4920968 0,0.3985638 0.2811914,0.7499958 0.7499873,0.7499958 h 8.976557 c 0.468576,0 0.749997,-0.351432 0.773242,-0.7499958 0,-0.1640016 -0.07102,-0.3514328 -0.210951,-0.4920968 z M 3.3226925,9.6249696 c 0.4922613,-0.6328064 1.031188,-1.7343723 1.054507,-3.7266174 0,0 0,1.82e-5 0,-0.023163 0,-1.4295693 1.172008,-2.6248688 2.6250518,-2.6248688 1.4297063,0 2.6250431,1.1952995 2.6250431,2.6248688 0,0.023182 -0.02316,0.023163 -0.02316,0.023163 0.023168,1.9922451 0.5625656,3.093811 1.0546436,3.7266174 z M 7.0022513,13 C 7.8224977,13 8.47888,12.343902 8.47888,11.500007 H 5.5022675 C 5.5022675,12.343902 6.1585304,13 7.0022513,13 Z" fill="#808080" id="path2" style="stroke-width:0.915184" />
+   <path d="m 12.041166,9.5077344 c -0.44533,-0.4922976 -1.312288,-1.2188016 -1.312288,-3.6329026 0,-1.8046316 -1.2656124,-3.2576297 -2.9999857,-3.632692 V 1.7499882 C 7.7288923,1.3514514 7.4006418,1 7.0022513,1 6.5803864,1 6.2522548,1.3514514 6.2522548,1.7499882 v 0.4921516 c -1.7343726,0.3750623 -2.9999494,1.8280604 -2.9999494,3.632692 0,2.414101 -0.8671954,3.140605 -1.3125214,3.6329026 -0.1405234,0.1404816 -0.2109215,0.3280952 -0.1874533,0.4920968 0,0.3985638 0.2811914,0.7499958 0.7499873,0.7499958 h 8.976557 c 0.468576,0 0.749997,-0.351432 0.773242,-0.7499958 0,-0.1640016 -0.07102,-0.3514328 -0.210951,-0.4920968 z M 3.3226925,9.6249696 c 0.4922613,-0.6328064 1.031188,-1.7343723 1.054507,-3.7266174 0,0 0,1.82e-5 0,-0.023163 0,-1.4295693 1.172008,-2.6248688 2.6250518,-2.6248688 1.4297063,0 2.6250431,1.1952995 2.6250431,2.6248688 0,0.023182 -0.02316,0.023163 -0.02316,0.023163 0.023168,1.9922451 0.5625656,3.093811 1.0546436,3.7266174 z M 7.0022513,13 C 7.8224977,13 8.47888,12.343902 8.47888,11.500007 H 5.5022675 C 5.5022675,12.343902 6.1585304,13 7.0022513,13 Z" fill="#000000" id="path2" style="stroke-width:0.915184" />
 </svg>
diff --git a/core/css/server.css b/core/css/server.css
index 5a40bbc6d6941a024d03d70d295f1846532dc7f8..b8d7e38dcd8797563c63fab15dfa6bb71b5149d5 100644
--- a/core/css/server.css
+++ b/core/css/server.css
@@ -253,8 +253,8 @@
   }
 
   #header .notifications .svg {
-	height: 16px;
-	width: 16px;
+	height: 17px;
+	width: 17px;
   }
 
   /*