styles for icon-buttons .num with "0"-amount

css/area_nav-breadcrumb.less

@@ -63,22 +63,26 @@
 
         > li {
             .btn-usertools-wrapper(); // uniform li
+            .btn-usertools-num();
 
             float: left;
 
+            &.do_none {
+                &:not([class*="plugin__qc"]) {
+                    background-color: @color-site-bg;
+                }
+
+                .num {
+                    background-color: @color-border;
+                    color: @color-nav;
+                }
+            }
+
             &.plugin__qc {
                 display: inline-block;
                 overflow: visible;
             }
 
-            &.do_none {
-                background-color: @color-site-bg;
-            }
-
-
-            .btn-usertools-num ();
-
-
             .prefix {
                 .fontello();
                 .hide-text-show-before();

css/area_nav-usertools.less

@@ -18,6 +18,7 @@
 
         li {
             .btn-usertools-wrapper(); // uniform li
+            .btn-usertools-num();
 
             float: right;
             font-size: .8rem;
@@ -38,7 +39,12 @@
                 margin: 0;
             }
 
-            .btn-usertools-num ();
+            &.noopentasks {
+                .num {
+                    background-color: @color-border;
+                    color: @color-nav;
+                }
+            }
 
             &.user {
                 border: 1px solid @color-border;

css/base_mixins.less

@@ -158,9 +158,9 @@
         position: absolute;
         right: -.4em;
         top: -.4em;
-        background-color: @color-border;
+        background-color: @button_color;
         border-radius: 2px;
-        color: @color-nav;
+        color: #fff;
         font-size: .6rem;
         font-weight: 400;
         text-align: center;