Branding updates

make-webpack-config.js

@@ -37,7 +37,7 @@ var commonRules = [
   { test: /\.(txt|yaml)(\?.*)?$/,
     loader: "raw-loader" },
   { test: /\.(png|jpg|jpeg|gif|svg)(\?.*)?$/,
-    loader: "url-loader?limit=10000" },
+    loader: "url-loader" },
   { test: /\.(woff|woff2)(\?.*)?$/,
     loader: "url-loader?limit=100000" },
   { test: /\.(ttf|eot)(\?.*)?$/,

src/plugins/topbar/topbar.jsx

@@ -2,7 +2,7 @@ import React, { cloneElement } from "react"
 import PropTypes from "prop-types"
 
 //import "./topbar.less"
-import Logo from "./logo_small.png"
+import Logo from "./logo_small.svg"
 import {parseSearch, serializeSearch} from "../../core/utils"
 
 export default class Topbar extends React.Component {
@@ -134,8 +134,7 @@ export default class Topbar extends React.Component {
         <div className="wrapper">
           <div className="topbar-wrapper">
             <Link>
-              <img height="30" width="30" src={ Logo } alt="Swagger UI"/>
-              <span>swagger</span>
+              <img height="40" src={ Logo } alt="Swagger UI"/>
             </Link>
             <form className="download-url-wrapper" onSubmit={formOnSubmit}>
               {control.map((el, i) => cloneElement(el, { key: i }))}

src/style/_topbar.scss

@@ -1,6 +1,6 @@
 .topbar
 {
-    padding: 8px 0;
+    padding: 10px 0;
 
     background-color: $topbar-background-color;
     .topbar-wrapper

src/style/_variables.scss

@@ -201,13 +201,13 @@ $table-parameter-deprecated-font-color: $color-danger !default;
 
 // Topbar
 
-$topbar-background-color: $color-primary !default;
+$topbar-background-color: #1b1b1b !default;
 
 $topbar-link-font-color: $white !default;
 
-$topbar-download-url-wrapper-element-border-color: #547f00 !default;
+$topbar-download-url-wrapper-element-border-color: #62A03F !default;
 
-$topbar-download-url-button-background-color: #547f00 !default;
+$topbar-download-url-button-background-color: #62A03F !default;
 $topbar-download-url-button-font-color: $white !default;
 
 // Type