fix :low text contrast and istio box

Signed-off-by: Shiv Kumar Saxena <[email protected]>

.gitpod.yml

@@ -0,0 +1,11 @@
+# This configuration file was automatically generated by Gitpod.
+# Please adjust to your needs (see https://www.gitpod.io/docs/introduction/learn-gitpod/gitpod-yaml)
+# and commit this file to your remote git repository to share the goodness with others.
+
+# Learn more from ready-to-use templates: https://www.gitpod.io/docs/introduction/getting-started/quickstart
+
+tasks:
+  - init: npm install && npm run build && make
+    command: npm run start
+
+

src/sections/Learn-Layer5/Chapters/chapters.style.js

@@ -30,9 +30,9 @@ export const ChapterWrapper = styled.div`
         }
     }
 
-    .service-mesh-image-active {
-        border: 2px solid rgb(0, 179, 159);
-    }
+    // .service-mesh-image-active {
+    //     border: 2px solid rgb(0, 179, 159);
+    // }
 
     .chapter-container {
         @media (min-width: 576px) {

src/theme/app/themeStyles.js

@@ -379,7 +379,7 @@ export const darktheme = {
   grey313131ToYellowFFF7D8: "#313131",
   grey323232ToGreenF3FFFD: "#323232",
   grey3C3C3CToGreyF1F1F1: "#3C3C3C",
-  grey404040ToGreen3C494F: "#404040",
+  grey404040ToGreen3C494F: "#ffffff66",
   grey404040ToGrey1E2117: "#404040",
   grey737373ToGrey222222: "#737373",
   grey737373ToGrey4C4A4A: "#737373",