Update primary color and implement logo to Home page

website/siteConfig.js

@@ -4,23 +4,27 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
+const ORGANIZATION_NAME = 'react-bootstrap-table';
+const PROJECT_NAME = 'react-bootstrap-table2';
+const PRIMARY_COLOR = '#007bff';
+const SECONDARY_COLOR = '#1769aa';
 
 /* List of projects/orgs using your project for the users page */
 const users = [
   {
     caption: '',
-    // image: '/react-bootstrap-table2/img/docusaurus.svg',
+    image: '/react-bootstrap-table2/img/logo/pure-color-square.svg',
     infoLink: 'https://github.com/react-bootstrap-table/react-bootstrap-table2',
     pinned: true,
   },
 ];
 
 const siteConfig = {
-  title: 'react-bootstrap-table2' /* title for your website */,
+  title: PROJECT_NAME /* title for your website */,
   tagline: 'Next Generation of react-bootstrap-table',
   url: 'https://react-bootstrap-table.github.io' /* your website url */,
   baseUrl: '/react-bootstrap-table2/' /* base url for your project */,
-  projectName: 'react-bootstrap-table2',
+  projectName: PROJECT_NAME,
   headerLinks: [
     {doc: 'about', label: 'Docs'},
     {doc: 'table-props', label: 'API'},
@@ -29,21 +33,19 @@ const siteConfig = {
   ],
   users,
   /* path to images for header/footer */
-  // headerIcon: 'img/docusaurus.svg',
-  // footerIcon: 'img/docusaurus.svg',
-  // favicon: 'img/favicon.png',
+  headerIcon: 'img/logo/hybrid-white-large.svg',
+  favicon: 'img/favicon.ico',
+  disableHeaderTitle: true,
+
   /* colors for website */
   colors: {
-    primaryColor: '#294E80',
-    secondaryColor: '#3CA7F2',
+    primaryColor: PRIMARY_COLOR,
+    secondaryColor: SECONDARY_COLOR,
   },
   // This copyright info is used in /core/Footer.js and blog rss/atom feeds.
-  copyright:
-    'Copyright © ' +
-    new Date().getFullYear() +
-    ' react-bootstrap-table2',
-  organizationName: 'react-bootstrap-table', // or set an env variable ORGANIZATION_NAME
-  projectName: 'react-bootstrap-table2', // or set an env variable PROJECT_NAME
+  copyright: `Copyright © ${new Date().getFullYear()} ${PROJECT_NAME}`,
+  organizationName: ORGANIZATION_NAME,
+  projectName: PROJECT_NAME,
   highlight: {
     // Highlight.js theme to use for syntax highlighting in code blocks
     theme: 'default',

website/static/img/logo/pure-color-square.svg

@@ -0,0 +1 @@
+<svg id="layer_1" data-name="layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72"><defs><style>.cls-1{fill:#059ae6;}.cls-2{fill:#0058b7;}</style></defs><title>logo square</title><polygon class="cls-1" points="22.76 59 22.76 64.35 49.24 51.13 49.24 43.88 44.45 41.5 44.45 48.17 22.76 59"/><polygon class="cls-2" points="22.76 20.87 22.76 47.98 27.55 45.59 27.55 23.83 44.45 15.39 44.45 23.02 33.06 28.71 33.06 31.9 49.24 39.97 49.24 34.62 40.58 30.3 49.24 25.98 49.24 7.65 22.76 20.87"/></svg>