Tweak theme

src/assets/javascripts/components/interactive.js

@@ -88,9 +88,9 @@ function Toggle({element, onChange, index, contentWrapper, stepsSelector, conten
       let footer = document.querySelector("footer");
       let activeTab = stepsCollection[stepIndex];
       let redoc = document.getElementById("redoc-wrapper");
-      if (activeTab && activeTab.innerHTML != "API SPECIFICATIONS") {
+      if (activeTab && activeTab.innerHTML != "API Specifications") {
         footer.style.marginTop = "0px";
-      }else if (activeTab && activeTab.innerHTML == "API SPECIFICATIONS" && redoc){
+      }else if (activeTab && activeTab.innerHTML == "API Specifications" && redoc){
         footer.style.marginTop = redoc.clientHeight + "px";
       }
     });
@@ -164,7 +164,7 @@ function initRedoc(url) {
     }, wrapper, (redoc) => {
       let footer = document.querySelector("footer");
       let activeTab = document.querySelector(".step.active.tab");
-      if (activeTab?.innerHTML == "API SPECIFICATIONS") {
+      if (activeTab?.innerHTML == "API Specifications") {
         footer.style.marginTop = wrapper.clientHeight + "px";
       }
     })
@@ -195,4 +195,4 @@ function handleTextExpand(textElement, attribute) {
   let data = textElement?.getAttribute(attribute);
   textElement.setAttribute(attribute, textElement.innerText);
   textElement.innerText = data;
-}
+}

src/assets/stylesheets/common/form.css

@@ -1,7 +1,3 @@
-.form-label {
-	font-family: "OpenSans-SemiBold";
-}
-
 .form-group {
   color: var(--tdp-text-color);
   position: relative;
@@ -31,4 +27,4 @@
 .error-wrapper{
   width: 80%;
   margin-left: 20%;
-}
+}

src/assets/stylesheets/common/navigation.css

@@ -13,7 +13,6 @@ footer .footer-menu__link {
 
 .navbar-dark .navbar-nav .nav-link {
   color: var(--tdp-nav-link-color);
-  font-family: 'OpenSans-Semibold';
 }
 
 .navbar-dark .navbar-nav .nav-link:focus,
@@ -51,7 +50,6 @@ footer .footer-menu__link {
 .navbar .nav-link,
 .navbar .navbar-brand {
   color: var(--tdp-nav-link-color);
-  text-transform: uppercase;
 }
 
 .navbar .nav-link {
@@ -62,7 +60,6 @@ footer .footer-menu__link {
 .navbar .navbar-brand {
   font-size: 20px;
   margin-right: 40px;
-  font-family: 'OpenSans-Bold';
 }
 
 .btn-login {
@@ -119,7 +116,6 @@ footer .footer-menu__link {
 
 .admin-dash {
   text-decoration: underline;
-  font-family: 'OpenSans-SemiBold';
 }
 
 .side-menu-container{

src/assets/stylesheets/common/texts.css

@@ -16,21 +16,11 @@ a {
 }
 
 a:hover {
-  color: var(--tdp-primary);
-  text-decoration: underline;
+  color: var(--tdp-link-hover-color);
 }
 
 a.breadcrumb-link,
 a.breadcrumb-link:hover {
   color: var(--tdp-dark);
   text-decoration: underline;
-  font-family: 'OpenSans-Semibold';
-}
-
-.opensans-semibold {
-  font-family: 'OpenSans-Semibold';
 }
-
-.opensans-regular {
-  font-family: 'OpenSans-regular';
-}

src/assets/stylesheets/common/tyk-icons.css

@@ -160,7 +160,6 @@
 
 .with-info-icon,
 .invalid-feedback {
-  font-family: "OpenSans-regular";
   font-size: 12px;
   line-height: 16px;
   margin-top: 5px;
@@ -172,7 +171,6 @@
   content: '!';
   background: var(--tdp-primary-light);
   color: white;
-  font-family: "OpenSans-Bold";
   border-radius: 8px;
   display: inline-block;
   margin-right: 5px;
@@ -188,7 +186,6 @@
   content: '!';
   background: #FF6C7D;
   color: white;
-  font-family: "OpenSans-Bold";
   border-radius: 8px;
   display: inline-block;
   margin-right: 5px;
@@ -252,4 +249,4 @@
 	cursor: pointer;
 	-webkit-text-stroke: 1px;
 	height: 25px;
-}
+}