Skip to content

Instantly share code, notes, and snippets.

@AdalyMM
AdalyMM / swagger-dark-mode.js
Created May 6, 2025 01:22
Archivo que a帽ade un bot贸n para cambiar entre modo oscuro y claro en la interfaz de Swagger en la especificaci贸n 3 de OpenAPI en API's generadas en .NET.
document.addEventListener("DOMContentLoaded", () => {
function addDarkModeButton() {
// Evita agregar el bot贸n m谩s de una vez
if (document.getElementById("dark-mode-toggle")) return;
// Crear bot贸n de modo oscuro
const btn = document.createElement("button");
btn.id = "dark-mode-toggle";
btn.innerText = "馃寵 Modo Oscuro";
btn.style.position = "absolute";
@AdalyMM
AdalyMM / swagger-ui-custom.css
Created May 6, 2025 01:17
Archivo de estilos que a帽ade un modo oscuro personalizado a la interfaz gr谩fica de Swagger en la especificaci贸n 3 de OpenAPI. Este archivo solo ha sido probado en API's generadas usando .NET.
:root {
--swagger-bg: #212121;
--swagger-text: #e0e0e0;
--swagger-card: #1e1e1e;
--swagger-border: #333;
--swagger-hover: #252525;
--swagger-input: #2c2c2c;
--swagger-lock: #49cc90;
--swagger-unlock: #ffffff;
--swagger-desc: #d38385;