/* Custom styles for Swagger UI */ .swagger-ui .topbar { background-color: #2c3e50; padding: 15px 0; } .swagger-ui .topbar .wrapper { padding: 0 20px; } .swagger-ui .topbar .download-url-wrapper { display: flex; align-items: center; } .swagger-ui .info { margin: 30px 0; } .swagger-ui .info .title { font-size: 36px; color: #2c3e50; } .swagger-ui .info .description { font-size: 16px; line-height: 1.6; } .swagger-ui .opblock-tag { font-size: 20px; margin: 20px 0 10px 0; } .swagger-ui .opblock { margin: 0 0 15px 0; border-radius: 6px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .swagger-ui .opblock .opblock-summary { padding: 10px 20px; } .swagger-ui .opblock-summary-method { border-radius: 4px; padding: 6px 12px; font-weight: bold; } .swagger-ui .btn { border-radius: 4px; padding: 8px 16px; } .swagger-ui .btn.execute { background-color: #2c3e50; color: white; } .swagger-ui .btn.execute:hover { background-color: #1a252f; } .swagger-ui .response-col_status { font-weight: bold; } .swagger-ui .response-col_description__inner p { font-size: 14px; line-height: 1.5; } .swagger-ui .model-box { padding: 15px; background-color: #f8f9fa; border-radius: 4px; } .swagger-ui .model-title { font-size: 16px; font-weight: bold; } .swagger-ui .parameter__name { font-weight: bold; } .swagger-ui .parameter__in { font-style: italic; color: #6c757d; } /* Custom colors for HTTP methods */ .swagger-ui .opblock-get .opblock-summary-method { background-color: #61affe; } .swagger-ui .opblock-post .opblock-summary-method { background-color: #49cc90; } .swagger-ui .opblock-put .opblock-summary-method, .swagger-ui .opblock-patch .opblock-summary-method { background-color: #fca130; } .swagger-ui .opblock-delete .opblock-summary-method { background-color: #f93e3e; } /* Improve readability of the models */ .swagger-ui .model-box { background-color: #f8f9fa; } .swagger-ui .model { font-size: 14px; } .swagger-ui .model-title { font-size: 16px; margin: 0 0 10px 0; } /* Improve the appearance of the authorization button */ .swagger-ui .auth-wrapper .authorize { background-color: #2c3e50; color: white; border-color: #2c3e50; } .swagger-ui .auth-wrapper .authorize:hover { background-color: #1a252f; border-color: #1a252f; } /* Make the API name more prominent */ .swagger-ui .info .title { font-size: 36px; font-weight: bold; color: #2c3e50; } /* Improve the appearance of the try-it-out button */ .swagger-ui .try-out__btn { background-color: #2c3e50; color: white; border-color: #2c3e50; } .swagger-ui .try-out__btn:hover { background-color: #1a252f; border-color: #1a252f; }