From f7297e3dffbdc9dc5cc0037f5865e35647d88573 Mon Sep 17 00:00:00 2001
From: CalebZoe <179137388+CalebZoe@users.noreply.github.com>
Date: Wed, 30 Oct 2024 12:02:52 +0000
Subject: [PATCH] fix build
Signed-off-by: CalebZoe <179137388+CalebZoe@users.noreply.github.com>
---
CONTRIBUTING.md | 4 ++--
src/pages/community/members.js | 2 +-
src/sections/Community/Handbook/recognition.js | 2 +-
src/sections/Community/Handbook/repository.js | 2 +-
src/sections/Community/Handbook/security-vulnerabilities.js | 2 +-
src/sections/Community/Member-single/index.js | 2 +-
src/sections/General/Navigation/index.js | 2 +-
src/sections/Home/Projects-home/index.js | 2 +-
src/sections/Products/index.js | 2 +-
src/sections/Projects/Project-grid/index.js | 2 +-
src/theme/app/THEME.md | 2 +-
11 files changed, 12 insertions(+), 12 deletions(-)
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index b24af2cdbd63..f6b43c067294 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -227,7 +227,7 @@ OR
- SVG or image uses transparent sections that change with the background color to work with either theme.
-[Example of SVG file with transparent sections](https://github.com/layer5io/layer5/blob/master/src/assets/images/kanvas/icon-only/kanvas-icon.svg)
+[Example of SVG file with transparent sections](https://github.com/layer5io/layer5/blob/master/src/assets/images/kanvas/icon-only/kanvas-icon-color.svg)
[Example of image file with transparent sections](https://github.com/layer5io/layer5/blob/master/src/assets/images/app/projects/meshery-logo-light.webp)
@@ -403,7 +403,7 @@ Badges are a great way of highlighting the area of contribution by any given com
- Docker Extension
- Docs
- Meshery Catalog
-- Kanvas
+- Kanvas
- Landscape
- ImageHub
- Meshery
diff --git a/src/pages/community/members.js b/src/pages/community/members.js
index edfdf5b3794b..a1572acd392e 100644
--- a/src/pages/community/members.js
+++ b/src/pages/community/members.js
@@ -26,7 +26,7 @@ import uiuxrIcon from "../../assets/images/uiuxr/uiuxr.svg";
import docsIcon from "../../assets/images/docs/docs.svg";
import dockerExtensionIcon from "../../assets/images/docker-extension/docker-extension-meshery-logo.svg";
import mesheryCatalogIcon from "../../assets/images/meshery/meshery-catalog.svg";
-import kanvasIcon from "../../assets/images/kanvas/icon-only/kanvas-icon.svg";
+import kanvasIcon from "../../assets/images/kanvas/icon-only/kanvas-icon-color.svg";
/**
* Array containing a list of categories to be shown in the dropdown.
* The map function in the end wraps the label property with a component.
diff --git a/src/sections/Community/Handbook/recognition.js b/src/sections/Community/Handbook/recognition.js
index 0765b51329dd..fe372dc4580c 100644
--- a/src/sections/Community/Handbook/recognition.js
+++ b/src/sections/Community/Handbook/recognition.js
@@ -16,7 +16,7 @@ import TocPagination from "../../../components/handbook-navigation/TocPagination
import IntraPage from "../../../components/handbook-navigation/intra-page";
import uiuxrLogo from "../../../assets/images/uiuxr/uiuxr.svg";
import writersLogo from "../../../assets/images/writer-program/writer-program-badge.svg";
-import kanvasLogo from "../../../assets/images/kanvas/icon-only/kanvas-icon.svg";
+import kanvasLogo from "../../../assets/images/kanvas/icon-only/kanvas-icon-color.svg";
import MesheryCatalogLogo from "../../../assets/images/meshery/meshery-catalog.svg";
import DocsLogo from "../../../assets/images/docs/docs.svg";
import ApplicationPioneerLogo from "../../../assets/images/application-pioneer/application-pioneer.svg";
diff --git a/src/sections/Community/Handbook/repository.js b/src/sections/Community/Handbook/repository.js
index af770b6a1af1..d6411e86bbc7 100644
--- a/src/sections/Community/Handbook/repository.js
+++ b/src/sections/Community/Handbook/repository.js
@@ -12,7 +12,7 @@ import meshery from "../../../assets/images/meshery/icon-only/meshery-logo-light
import servicemeshpattern from "../../../assets/images/service-mesh-patterns/service-mesh-pattern.svg";
import TocPagination from "../../../components/handbook-navigation/TocPagination";
import IntraPage from "../../../components/handbook-navigation/intra-page";
-import Kanvas from "../../../assets/images/kanvas/icon-only/kanvas-icon.svg";
+import Kanvas from "../../../assets/images/kanvas/icon-only/kanvas-icon-color.svg";
import { Link } from "gatsby";
diff --git a/src/sections/Community/Handbook/security-vulnerabilities.js b/src/sections/Community/Handbook/security-vulnerabilities.js
index 451d507b0dc2..f911d81af9bc 100644
--- a/src/sections/Community/Handbook/security-vulnerabilities.js
+++ b/src/sections/Community/Handbook/security-vulnerabilities.js
@@ -10,7 +10,7 @@ import MeshSync from "../../../assets/images/meshsync/meshsync.svg";
import servicemeshperformance from "../../../assets/images/service-mesh-performance/icon/smp-dark.svg";
import meshery from "../../../assets/images/meshery/icon-only/meshery-logo-light.svg";
import servicemeshpattern from "../../../assets/images/service-mesh-patterns/service-mesh-pattern.svg";
-import Kanvas from "../../../assets/images/kanvas/icon-only/kanvas-icon.svg";
+import Kanvas from "../../../assets/images/kanvas/icon-only/kanvas-icon-color.svg";
const SecurityVulnerabilitiesPage = () => {
return (
diff --git a/src/sections/Community/Member-single/index.js b/src/sections/Community/Member-single/index.js
index e418acc8cefd..31ab829daea4 100644
--- a/src/sections/Community/Member-single/index.js
+++ b/src/sections/Community/Member-single/index.js
@@ -22,7 +22,7 @@ import writerIcon from "../../../assets/images/writer-program/writer-program-bad
import docsLogo from "../../../assets/images/docs/docs.svg";
import mesheryCatalogLogo from "../../../assets/images/meshery/meshery-catalog.svg";
import dockerExtensionLogo from "../../../assets/images/docker-extension/docker-extension-meshery-logo.svg";
-import KanvasLogo from "../../../assets/images/kanvas/icon-only/kanvas-icon.svg";
+import KanvasLogo from "../../../assets/images/kanvas/icon-only/kanvas-icon-color.svg";
import Button from "../../../reusecore/Button";
import { ReactComponent as TwitterIcon } from "../../../assets/images/socialIcons/twitter.svg";
diff --git a/src/sections/General/Navigation/index.js b/src/sections/General/Navigation/index.js
index 011881f680ab..808523911eee 100644
--- a/src/sections/General/Navigation/index.js
+++ b/src/sections/General/Navigation/index.js
@@ -9,7 +9,7 @@ import { useStyledDarkMode } from "../../../theme/app/useStyledDarkMode";
import axios from "axios";
// import smp_dark_text from "../../../assets/images/service-mesh-performance/stacked/smp-dark-text.svg";
// import smp_light_text from "../../../assets/images/service-mesh-performance/stacked/smp-light-text.svg";
-import kanvas_dark from "../../..//assets/images/kanvas/icon-only/kanvas-icon.svg";
+import kanvas_dark from "../../../assets/images/kanvas/icon-only/kanvas-icon-white.svg";
import meshery from "../../../assets/images/meshery/icon-only/meshery-logo-light.svg";
import Data from "./utility/menu-items.js";
import ScrollspyMenu from "./utility/ScrollspyMenu.js";
diff --git a/src/sections/Home/Projects-home/index.js b/src/sections/Home/Projects-home/index.js
index 7b2b3c303ad8..22c90d5e38df 100644
--- a/src/sections/Home/Projects-home/index.js
+++ b/src/sections/Home/Projects-home/index.js
@@ -14,7 +14,7 @@ const Projects = () => {
const projectImage2_dark = "../../../assets/images/app/projects/smp.webp";
const projectImage3 = "../../../assets/images/app/projects/meshery-logo-light.webp";
const projectImage4 = "../../../assets/images/app/projects/nighthawk-logo.webp";
- const kanvasLogo = "../../../assets/images/kanvas/icon-only/kanvas-icon.svg";
+ const kanvasLogo = "../../../assets/images/kanvas/icon-only/kanvas-icon-color.svg";
if (!didLoad){
return null;
}
diff --git a/src/sections/Products/index.js b/src/sections/Products/index.js
index 0bea8f1810b6..656fa5b706bf 100644
--- a/src/sections/Products/index.js
+++ b/src/sections/Products/index.js
@@ -10,7 +10,7 @@ import codicon from "./images/codicon_extensions.svg";
import mesheryLogo from "../../assets/images/meshery/icon-only/meshery-logo-light.svg";
import cloudicon from "./images/cloud.svg";
import layer5 from "../../assets/images/layer5/5 icon/svg/light/5-light-no-trim.svg";
-import kanvas from "../../assets/images/kanvas/icon-only/kanvas-icon.svg";
+import kanvas from "../../assets/images/kanvas/icon-only/kanvas-icon-color.svg";
import comingSoon from "./icons/coming-soon.webp";
import { useStyledDarkMode } from "../../theme/app/useStyledDarkMode";
import PlanCard from "../../components/PlanCard";
diff --git a/src/sections/Projects/Project-grid/index.js b/src/sections/Projects/Project-grid/index.js
index 3759ed57bef3..c2ae3569265e 100644
--- a/src/sections/Projects/Project-grid/index.js
+++ b/src/sections/Projects/Project-grid/index.js
@@ -16,7 +16,7 @@ import smp_light from "../../../assets/images/service-mesh-performance/icon/smp-
import patterns from "../../../assets/images/service-mesh-patterns/service-mesh-pattern.svg";
import L5gray from "../../../assets/images/layer5/5 icon/svg/gray/5-gray-60.svg";
import nighthawk from "../../../assets/images/nighthawk/icon-only/SVG/nighthawk-logo.svg";
-import kanvas from "../../../assets/images/kanvas/icon-only/kanvas-icon.svg";
+import kanvas from "../../../assets/images/kanvas/icon-only/kanvas-icon-color.svg";
import catalog from "../../../assets/images/catalog-icon/catalog.svg";
import sistent from "../../../assets/images/sistent/sistent-logo.svg";
import SoSpecial from "../../Home/So-Special-Section";
diff --git a/src/theme/app/THEME.md b/src/theme/app/THEME.md
index 4bcc224ab4d6..cf550d9dd3a7 100644
--- a/src/theme/app/THEME.md
+++ b/src/theme/app/THEME.md
@@ -87,7 +87,7 @@ OR
- SVG or image uses transparent sections that change with the background color to work with either theme.
-[Example of SVG file with transparent sections](https://github.com/layer5io/layer5/blob/master/src/assets/images/kanvas/icon-only/kanvas-icon.svg)
+[Example of SVG file with transparent sections](https://github.com/layer5io/layer5/blob/master/src/assets/images/kanvas/icon-only/kanvas-icon-color.svg)
[Example of image file with transparent sections](https://github.com/layer5io/layer5/blob/master/src/assets/images/app/projects/meshery-logo-light.webp)