modified design of troubleshooting image

[taisuou]

modified some details of troubleshooting image

・use few colors to simplify a impression of the image.
・add glay color to the background to define each blocks.
・outline color (#000000) of rhombus boxes are as standing out as its texts.So changed the black color to gray.

before

after

Related Issue:

How Has This Been Tested?:

Environment:

• Go Version: 1.18.3
• Docker Version: 20.10.8
• Kubernetes Version: 1.22.0
• NGT Version: 1.14.6

Types of changes:

• Bug fix [type/bug]
• New feature [type/feature]
• Add tests [type/test]
• Security related changes [type/security]
• Add documents [type/documentation]
• Refactoring [type/refactoring]
• Update dependencies [type/dependency]
• Update benchmarks and performances [type/bench]
• Update CI [type/ci]

Changes to Core Features:

• Have you added an explanation of what your changes do and why you'd like us to include them?
• Have you written new tests for your core changes, as applicable?
• Have you successfully ran tests with your changes locally?

Checklist:

• I have read the CONTRIBUTING document.
• I have checked open Pull Requests for the similar feature or fixes?
• I have added tests and benchmarks to cover my changes.
• I have ensured all new and existing tests passed.
• I have commented my code, particularly in hard-to-understand areas
• I have updated the documentation accordingly.

[vdaas-ci]

[CHATOPS:HELP] ChatOps commands.

• 🙆‍♀️ /approve - approve
• 💌 /changelog - replace the PR body by changelog details
• 🍱 /format - format codes and add licenses
• ✅ /gen-test - generate test codes
• 🏷️ /label - add labels
• ⏪ /rebase - rebase master
• 🔚 2️⃣ 🔚 /label actions/e2e-deploy - run E2E deploy & integration test

[CLAassistant]

All committers have signed the CLA.

[taisuou]

modified detail and exported svg in these settings below.

[vankichi]

LGTM