add badges to sidebar

Author: B4nan

apify-docs-theme/src/theme/custom.css

@@ -1675,3 +1675,86 @@ iframe[src*="youtube"] {
 .theme-api-markdown .prism-code .token-line::before {
     display: none !important;
 }
+
+.api-method > .menu__link,
+.schema > .menu__link {
+    align-items: center;
+    justify-content: start;
+}
+
+.api-method > .menu__link::before,
+.schema > .menu__link::before {
+    width: 55px;
+    height: 20px;
+    font-size: 10px;
+    line-height: 20px;
+    text-transform: uppercase;
+    font-weight: 600;
+    vertical-align: middle;
+    font-family: var(--ifm-font-family-monospace);
+    border-radius: 0.25rem;
+    border: 1px solid;
+    border-inline-start-width: 5px;
+    margin-right: 8px;
+    padding: 3px 5px 3px 4px;
+    text-align: center;
+    flex-shrink: 0;
+    position: relative;
+    top: -1.5px;
+}
+
+.get > .menu__link::before {
+    content: 'get';
+    background-color: var(--ifm-color-info-contrast-background);
+    color: var(--ifm-color-info-contrast-foreground);
+    border-color: var(--ifm-color-info-dark);
+}
+
+.post > .menu__link::before {
+    content: 'post';
+    background-color: var(--ifm-color-success-contrast-background);
+    color: var(--ifm-color-success-contrast-foreground);
+    border-color: var(--ifm-color-success-dark);
+}
+
+.delete > .menu__link::before {
+    content: 'del';
+    background-color: var(--ifm-color-danger-contrast-background);
+    color: var(--ifm-color-danger-contrast-foreground);
+    border-color: var(--ifm-color-danger-dark);
+}
+
+.put > .menu__link::before {
+    content: 'put';
+    background-color: var(--ifm-color-warning-contrast-background);
+    color: var(--ifm-color-warning-contrast-foreground);
+    border-color: var(--ifm-color-warning-dark);
+}
+
+.patch > .menu__link::before {
+    content: 'patch';
+    background-color: var(--ifm-color-success-contrast-background);
+    color: var(--ifm-color-success-contrast-foreground);
+    border-color: var(--ifm-color-success-dark);
+}
+
+.head > .menu__link::before {
+    content: 'head';
+    background-color: var(--ifm-color-secondary-contrast-background);
+    color: var(--ifm-color-secondary-contrast-foreground);
+    border-color: var(--ifm-color-secondary-dark);
+}
+
+.event > .menu__link::before {
+    content: 'event';
+    background-color: var(--ifm-color-secondary-contrast-background);
+    color: var(--ifm-color-secondary-contrast-foreground);
+    border-color: var(--ifm-color-secondary-dark);
+}
+
+.schema > .menu__link::before {
+    content: 'schema';
+    background-color: var(--ifm-color-secondary-contrast-background);
+    color: var(--ifm-color-secondary-contrast-foreground);
+    border-color: var(--ifm-color-secondary-dark);
+}