Add top separator color variable

jet/static/jet/css/_top.scss

@@ -8,6 +8,7 @@
     font-size: 12px;
     font-weight: bold;
     line-height: $top-height;
+    color: $top-text-color;
 
     a, a:visited, a:hover {
       color: $top-link-color;
@@ -20,7 +21,7 @@
     }
 
     &-separator {
-      color: $top-text-color;
+      color: $top-separator-color;
       margin: 0 6px 0 6px;
       font-weight: bold !important;
       font-size: 15px;

jet/static/jet/css/_variables.scss

@@ -91,7 +91,8 @@ $sidebar-popup-hover-link-background-color: $contrast2-color !default;
 
 $top-height: 32px !default;
 
-$top-text-color: $blue-color-11 !default;
+$top-text-color: $blue-color-4 !default;
+$top-separator-color: $blue-color-11 !default;
 $top-link-color: $blue-color-11 !default;
 $top-hover-link-color: $contrast2-color !default;
 $top-border-color: $blue-color-11 !default;

jet/static/jet/css/themes/green/_variables.scss

@@ -91,7 +91,8 @@ $sidebar-popup-hover-link-background-color: $contrast2-color;
 
 $top-height: 32px;
 
-$top-text-color: $green-color-11;
+$top-text-color: $green-color-4;
+$top-separator-color: $green-color-11;
 $top-link-color: $green-color-11;
 $top-hover-link-color: $contrast2-color;
 $top-border-color: $green-color-11;