fix: unify sidebar and content badges for method type (post/put/create/delete/...)

Author: B4nan

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

@@ -1709,57 +1709,86 @@ iframe[src*="youtube"] {
     top: -1.5px;
 }
 
-.get > .menu__link::before {
-    content: 'get';
+.theme-api-markdown .openapi__method-endpoint .badge {
+    border-inline-start-width: 5px;
+    padding: 3px 5px 3px 4px;
+    margin-right: 5px;
+}
+
+.get > .menu__link::before,
+.theme-api-markdown .openapi__method-endpoint .badge--primary {
     background-color: var(--ifm-color-info-contrast-background);
     color: var(--ifm-color-info-contrast-foreground);
     border-color: var(--ifm-color-info-dark);
 }
 
+.get > .menu__link::before {
+    content: 'get';
+}
+
 .post > .menu__link::before {
     content: 'post';
+}
+
+.post > .menu__link::before,
+.theme-api-markdown .openapi__method-endpoint .badge--success {
     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';
+}
+
+.delete > .menu__link::before,
+.theme-api-markdown .openapi__method-endpoint .badge--danger {
     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';
+}
+
+.put > .menu__link::before,
+.theme-api-markdown .openapi__method-endpoint .badge--info {
     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';
+}
+
+.patch > .menu__link::before,
+.theme-api-markdown .openapi__method-endpoint .badge--warning {
     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';
+}
+
+.head > .menu__link::before,
+.event > .menu__link::before,
+.schema > .menu__link::before,
+.theme-api-markdown .openapi__method-endpoint .badge--secondary {
     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';
+.event > .menu__link::before,
+.theme-api-markdown .openapi__method-endpoint .badge--secondary {
     background-color: var(--ifm-color-secondary-contrast-background);
     color: var(--ifm-color-secondary-contrast-foreground);
     border-color: var(--ifm-color-secondary-dark);