diff --git a/docusaurus.config.js b/docusaurus.config.js
index 06bca5645..a34b43459 100644
--- a/docusaurus.config.js
+++ b/docusaurus.config.js
@@ -118,7 +118,7 @@ module.exports = {
{
to: "/server/installation",
activeBasePath: "none",
- label: "Start",
+ label: "Getting Started",
},
// {
// to: "/server/installation/",
@@ -137,7 +137,7 @@ module.exports = {
// },
{
to: "/keploy-cloud/cloud-installation",
- label: "Cloud",
+ label: "Enterprise",
},
{
label: "Resources",
@@ -167,6 +167,11 @@ module.exports = {
className: "header-github-link",
"aria-label": "GitHub repository",
},
+ {
+ href: "https://app.keploy.io",
+ position: "right",
+ label: 'Pricing'
+ },
// TODO : Add Blogging Section
// {
// to: "/blog",
diff --git a/src/components/Community.js b/src/components/Community.js
index be1f14d70..86dc1cd39 100644
--- a/src/components/Community.js
+++ b/src/components/Community.js
@@ -10,7 +10,7 @@ export const Community = () => {
Are you curious, π€ or do you have questions burning in your mind? π₯
Look no further! Join our lively Community Forum where you can:
-
+
@@ -116,7 +116,7 @@ function Languages() {
function Frameworks() {
return (
-
+
Dependencies Support
-
+
- MongoDB
- HTTP
- PostgresSQL
+ className="hover-label-container flex flex-col items-center justify-center space-y-1 p-6 text-center hover:underline"
+ data-tooltip="Redis"
+ >
- Redis
-
+
- MySQL
-
+
- DynamoDB
{/**/}
diff --git a/src/components/Product.js b/src/components/Product.js
index 2d8a2e89e..d68bdaaed 100644
--- a/src/components/Product.js
+++ b/src/components/Product.js
@@ -20,8 +20,7 @@ function Vscode() {
-
+ fill="#2A2941"/>
API Testing
@@ -33,7 +32,7 @@ function Vscode() {
- );
+ );
}
function UTG() {
diff --git a/src/components/QuickStart.js b/src/components/QuickStart.js
index 515767039..1cef9e76a 100644
--- a/src/components/QuickStart.js
+++ b/src/components/QuickStart.js
@@ -22,7 +22,6 @@ export const QuickStart = () => {
With features like API testing, unit test generation, and schema/PRD-based test automation, Keploy helps teams release faster while maintaining high reliability.
Itβs easy to use, extensible, and integrates seamlessly into CI/CD pipelines, making backend testing efficient and productive.
-
Setup Guide π
diff --git a/src/css/custom.css b/src/css/custom.css
index 2696f31b8..b52d1313b 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -1,22 +1,21 @@
-/* stylelint-disable docusaurus/copyright-header */
-/**
- * Any CSS included here will be global. The classic template
- * bundles Infima by default. Infima is a CSS framework designed to
- * work well for content-centric websites.
- */
-
-/* You can override the default Infima variables here. */
@tailwind base;
@tailwind components;
@tailwind utilities;
:root {
+ /* Hotfix: Changed primary color to black to resolve conflict with Docusaurus' default primary orange after disabling Tailwind preflight CSS. Added font size and line height adjustments to compensate for the removal of Tailwind preflight. */
+
+ /* --ifm-color-primary-lighter: #ffb575; */
+ font-size:18px;
+ line-height: 1.6;
+ --ifm-color-primary: #000;
+
+ --ifm-color-primary-lighter: #FFF;
--ifm-color-primary: #ff914d;
--ifm-color-primary-dark: #e67643;
--ifm-color-primary-darker: #c95919;
--ifm-color-primary-darkest: #be2c1b;
--ifm-color-primary-light: #ffd0a0;
- --ifm-color-primary-lighter: #ffb575;
--ifm-color-primary-lightest: #ffceb1;
--ifm-code-font-size: 95%;
--doc-sidebar-width: 275px !important;
@@ -27,12 +26,16 @@
}
html[data-theme="dark"] {
+ /* Hotfix: Changed 'ifm-color-primary-lighter' to white to resolve conflict with Docusaurus' default color after disabling Tailwind preflight CSS. */
+
+ /* --ifm-color-primary-lighter: #ffb575; */
+ --ifm-color-primary-lighter: #FFF;
+
--ifm-color-primary: #ff914d;
--ifm-color-primary-dark: #e67643;
--ifm-color-primary-darker: #c95919;
--ifm-color-primary-darkest: #be2c1b;
--ifm-color-primary-light: #ffd0a0;
- --ifm-color-primary-lighter: #ffb575;
--ifm-color-primary-lightest: #ffceb1;
--ifm-link-color: var(--ifm-color-primary-lighter);
--ifm-menu-color-active: var(--ifm-color-primary-lighter);
@@ -50,6 +53,25 @@ html[data-theme="dark"] {
--ifm-card-shadow-color: rgba(255, 255, 255, 0.2);
}
+.hover-label-container {
+ position: relative;
+}
+
+.hover-label-container:hover::after {
+ content: attr(data-tooltip);
+ position: absolute;
+ top: -30px;
+ left: 50%;
+ transform: translateX(-50%);
+ background-color: #1c1e21;
+ color: white;
+ padding: 4px 8px;
+ border-radius: 4px;
+ font-size: 14px;
+ white-space: nowrap;
+ pointer-events: none;
+}
+
html[data-theme="light"] {
--ifm-blockquote-color: #000000;
--ifm-color-emphasis-300: #505050;
@@ -97,6 +119,10 @@ html[data-theme="light"] {
@apply inline;
}
+h3{
+ margin-bottom: 1px;
+}
+
h1,
h2,
h3,
@@ -113,6 +139,144 @@ h4,
padding-right: calc(var(--ifm-menu-link-padding-horizontal) - 2px);
}
+::before,
+::after {
+ box-sizing: border-box;
+ border-width: 0;
+ border-style: solid;
+ border-color: theme('borderColor.DEFAULT', currentColor);
+}
+
+* {
+ margin: 0;
+}
+
+html {
+ height: 100%;
+ line-height: 1.5;
+ -webkit-text-size-adjust: 100%;
+ -moz-tab-size: 4;
+ tab-size: 4;
+ font-family: theme('fontFamily.sans', ui-sans-serif, system-ui, sans-serif);
+}
+
+body {
+ height: 100%;
+ line-height: inherit;
+}
+
+img,
+video,
+canvas,
+audio,
+iframe,
+embed,
+object {
+ display: block;
+ vertical-align: middle;
+}
+img,
+video {
+ max-width: 100%;
+ height: auto;
+}
+input,
+button,
+textarea,
+select {
+ font: inherit;
+ color: inherit;
+}
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ overflow-wrap: break-word;
+}
+#root,
+#__next {
+ isolation: isolate;
+}
+html {
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+button,
+[type='button'],
+[type='reset'],
+[type='submit'] {
+ -webkit-appearance: button;
+ background-color: transparent;
+ background-image: none;
+}
+
+:-moz-focusring {
+ outline: auto;
+}
+
+table {
+ border-collapse: collapse;
+}
+
+ol,
+ul,
+menu {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+}
+
+:disabled {
+ cursor: default;
+}
+
+:focus-visible {
+ outline: 2px solid theme('colors.blue.600', #2563eb);
+ outline-offset: 2px;
+}
+
+[type='number']::-webkit-inner-spin-button,
+[type='number']::-webkit-outer-spin-button {
+ height: auto;
+}
+
+hr {
+ height: 0;
+ color: inherit;
+ border-top-width: 1px;
+}
+
+abbr:where([title]) {
+ text-decoration: underline dotted;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ font-size: inherit;
+ font-weight: inherit;
+}
+
+a {
+ color: inherit;
+ text-decoration: inherit;
+}
+
+textarea {
+ resize: vertical;
+}
+
+td img {
+ border-radius: 0 !important;
+}
+
/* otherwise external references in menu bar (see Go) have the icon screwed up */
.menu__list-item > .menu__link > span {
display: flex;
@@ -204,13 +368,12 @@ div[class^="sidebar_"] .button svg {
@apply flex-grow transform rounded-lg border-0 bg-[color:var(--ifm-card-background-color)] p-5 text-lg shadow-lg transition-transform hover:scale-105;
}
-/* Navbar */
.navbar__inner {
- @apply mx-auto max-w-screen-lg shadow-none lg:px-10;
+ @apply mx-auto w-full max-w-none px-4 shadow-none lg:px-10;
}
.navbar__items--right {
- @apply flex-row-reverse;
+ @apply justify-end ml-auto flex-row-reverse;
}
.navbar__items--right > :last-child {
diff --git a/tailwind.config.js b/tailwind.config.js
index fec6dce8d..01d960f96 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -13,6 +13,9 @@ module.exports = {
"./src/pages/**/*.{js,ts,jsx,tsx}",
"./src/theme/**/*.{js,ts,jsx,tsx}",
],
+ corePlugins: {
+ preflight: false,
+ },
// corePlugins: {
// // preflight: false, // to use Docusaurus base styles
// // container: false, // use container style from docusaurus
@@ -102,7 +105,7 @@ module.exports = {
},
fontFamily: {
light: ["Roboto Light", "sans"],
- bold: ["Roboto Bold", "sans"],
+ //bold: ["Roboto Bold", "sans"],
},
keyframes: {
"fade-in-down": {
diff --git a/versioned_sidebars/version-2.0.0-sidebars.json b/versioned_sidebars/version-2.0.0-sidebars.json
index 03dadf3cf..01e001530 100644
--- a/versioned_sidebars/version-2.0.0-sidebars.json
+++ b/versioned_sidebars/version-2.0.0-sidebars.json
@@ -27,7 +27,7 @@
},
{
"type": "category",
- "label": "Integration Testing",
+ "label": "API Testing",
"collapsible": true,
"collapsed": false,
"items": [
@@ -123,6 +123,18 @@
"items": ["quickstart/samples-csharp"]
}
]
+ },
+ {
+ "type": "category",
+ "label": "Dependencies",
+ "collapsible": true,
+ "collapsed": true,
+ "items": [
+ "dependencies/mongo",
+ "dependencies/postgres",
+ "dependencies/http",
+ "dependencies/redis"
+ ]
}
]
},
@@ -139,19 +151,7 @@
},
{
"type": "category",
- "label": "Dependencies",
- "collapsible": true,
- "collapsed": true,
- "items": [
- "dependencies/mongo",
- "dependencies/postgres",
- "dependencies/http",
- "dependencies/redis"
- ]
- },
- {
- "type": "category",
- "label": "Test Coverage Generation",
+ "label": "Code Coverage",
"collapsible": true,
"collapsed": true,
"items": [