Merge pull request #810 from influxdata/beta-6-theme

Beta 6 theme and screenshot updates

assets/styles/layouts/_api-overrides.scss

@@ -3,7 +3,6 @@
 
 // Fonts
 $rubik: 'Rubik', sans-serif;
-$roboto: 'Roboto', sans-serif;
 $roboto-mono: 'Roboto Mono', monospace;
 
 // Font weights

assets/styles/layouts/_global.scss

@@ -1,5 +1,4 @@
 $rubik: 'Rubik', sans-serif;
-$roboto: 'Roboto', sans-serif;
 $roboto-mono: 'Roboto Mono', monospace;
 
 // Font weights

assets/styles/layouts/_inline-icons.scss

@@ -11,7 +11,7 @@
     &.add-btn-round {
       font-family: "icomoon";
       color:#fff;
-      background:#7a65f2;
+      background: linear-gradient(45deg,#5c10a0,#8e1fc3);
       border-radius:50%;
       margin:0 .25rem;
       display: inline-block;
@@ -19,7 +19,7 @@
       font-size: .7rem;
       width: 20px;
       height: 20px;
-      padding-left: .28rem;
+      padding-left: .29rem;
       line-height: 1.25rem;
     }
 
@@ -47,22 +47,23 @@
   }
 
   .nav-icon {
-    background: linear-gradient(to right, #50ABEF, #9195f7);
-    font-family: $roboto;
+    background: linear-gradient(to right, #00A3FF, #BE2EE4);
+    font-family: $rubik;
     display: inline-block;
-    padding: .85rem 1rem;
+    padding: 1rem 1.1rem;
     border-radius: 0 5px 5px 0;
     font-size: 1.05rem;
     margin-bottom: 1rem;
 
     .icon {
-      font-size: 1.35rem;
+      font-size: 1.65rem;
       vertical-align: middle;
       margin-right: 1.25rem;
     }
 
     strong {
       color: $g20-white;
+      font-weight: $medium;
     }
   }
 }

assets/styles/layouts/_ui-messages.scss

@@ -5,7 +5,7 @@
     width: 375px;
     margin: 1rem 0 2rem;
     padding: .85rem 0;
-    font-family: $roboto;
+    font-family: $rubik;
     font-size: .9rem;
     border-radius: 5px;
     color: $g20-white;
@@ -24,21 +24,21 @@
 
     .text {
       width: 74%;
-      font-weight: 600;
+      font-weight: $medium;
     }
 
     &.green {
-      background: linear-gradient(to right, #4dd7a1, #21adf5);
-      .icon:before { content: "\e922"; }
+      background: linear-gradient(45deg, #34bb56, #00a3fe);
+      .icon:before { content: ""; }
     }
 
     &.blue {
-      background: linear-gradient(to right, #22adf6, #4591ed);
+      background: linear-gradient(45deg, rgb(190, 46, 228), rgb(0, 163, 255));
       .icon:before { content: "\e935"; }
     }
 
     &.red {
-      background: linear-gradient(to right, #e8695c, #7669e8);
+      background: linear-gradient(45deg, rgb(220, 78, 88), rgb(142, 31, 195));
       .icon:before { content: "\e920"; }
     }
 

content/v2.0/write-data/quick-start.md

@@ -33,7 +33,7 @@ The scraper stores the scraped metrics in the bucket created during the
 
 The following message briefly appears in the UI:
 
-{{< ui-message text="The InfluxDB scraper has been configured for http://localhost:9999/metrics" >}}
+{{< ui-message text="Scraper was created successfully" >}}
 
 {{% note %}}
 Quick Start is only available in the last step of the setup process.

layouts/partials/header.html

@@ -17,7 +17,7 @@
     {{ partial "header/canonical.html" . }}
     {{ partial "header/stylesheets.html" }}
 
-    <link href="https://fonts.googleapis.com/css?family=Roboto+Mono:500,500i,700,700i|Roboto:400,400i,700,700i|Rubik:400,400i,500,500i,700,700i" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css?family=Roboto+Mono:500,500i,700,700i|Rubik:400,400i,500,500i,700,700i" rel="stylesheet">
 
     {{ partial "header/javascript.html" }}
 

layouts/partials/topnav.html

@@ -7,7 +7,7 @@
   <div class="topnav--right">
     <div class="version-selector">
       {{- $currentVersion := (index (findRE "[^/]+.*?" .RelPermalink) 0) -}}
-      {{ if eq $currentVersion nil }}
+      {{ if not ( in $currentVersion "v2") }}
         <p class="selected">Select Version</p>
       {{ else }}
         <p class="selected">{{ $currentVersion }}</p>