/* ======================================== SWAGGER UI - DIRECT DATA Cores customizadas (light + dark) Dark theme via toggle nativo .dark-mode ======================================== */ /* ======================================== CORES APLICÁVEIS EM AMBOS OS TEMAS (Authorize button, Version stamp, Select) ======================================== */ :root { --success-color: #4990e2; --directColor: #008cff; /* Força o navegador a ignorar prefers-color-scheme do OS. O dark mode é controlado pelo toggle nativo do Swagger UI via classe .dark-mode no . */ color-scheme: light; } /* ======================================== LOGO DIRECT DATA — substitui o logo padrão do Swagger ======================================== */ .swagger-ui .topbar a img, .swagger-ui .topbar a svg { display: none !important; } .swagger-ui .topbar a span { display: none !important; } .swagger-ui .topbar a { background-image: url('/logo.png'); background-repeat: no-repeat; background-size: contain; background-position: center left; width: 180px; height: 40px; min-width: 180px; min-height: 40px; max-height: 40px; } /* ======================================== CORES AZUIS — sobrescreve verdes do Swagger UI ======================================== */ /* Botão Authorize — azul, alinhado com flexbox */ .swagger-ui .btn.authorize { background-color: transparent !important; color: var(--success-color) !important; border-color: var(--success-color) !important; display: inline-flex !important; align-items: center !important; gap: 6px; } .swagger-ui .btn.authorize svg { fill: var(--success-color) !important; width: 15px; height: 15px; flex-shrink: 0; } .swagger-ui .btn.authorize span { color: var(--success-color) !important; float: none !important; padding: 0 !important; } .swagger-ui .btn.authorize.locked { background-color: var(--success-color) !important; border-color: var(--success-color) !important; color: #fff !important; display: inline-flex !important; align-items: center !important; gap: 6px; } .swagger-ui .btn.authorize.locked span { color: #fff !important; float: none !important; padding: 0 !important; } .swagger-ui .btn.authorize.locked svg { fill: #fff !important; width: 15px; height: 15px; flex-shrink: 0; } .swagger-ui .btn.authorize.unlocked { background-color: transparent !important; border-color: var(--success-color) !important; color: var(--success-color) !important; display: inline-flex !important; align-items: center !important; gap: 6px; } .swagger-ui .btn.authorize.unlocked svg { fill: var(--success-color) !important; width: 15px; height: 15px; flex-shrink: 0; } .swagger-ui .authorization__btn.locked svg { fill: var(--success-color) !important; } .swagger-ui .authorization__btn.unlocked svg { fill: var(--success-color) !important; opacity: 0.5; } /* Version Stamp (v3) — azul */ .swagger-ui .info .title small.version-stamp { background-color: var(--directColor) !important; } .swagger-ui .info .title small.version-stamp pre.version { background-color: var(--directColor) !important; border: 1px solid var(--directColor) !important; } /* OAS 3.0 badge — sobrescreve inline style verde do Swagger UI */ .swagger-ui .info .title small:not(.version-stamp) { background-color: var(--directColor) !important; color: #fff !important; } /* Modal Authorize e Done — azul */ .swagger-ui .auth-btn-wrapper .btn.authorize { background-color: var(--success-color) !important; color: #fff !important; border: none !important; } .swagger-ui .auth-btn-wrapper .btn.btn-done, .swagger-ui .auth-container .btn.authorize, .swagger-ui .auth-container .auth-btn-wrapper .btn { background-color: var(--success-color) !important; color: #fff !important; border: none !important; } .swagger-ui .auth-btn-wrapper .btn:hover { opacity: 0.88; box-shadow: 0 4px 12px rgba(73, 144, 226, 0.3); } /* Execute button — azul */ .swagger-ui .btn.execute { background-color: var(--success-color); color: #fff; border-color: var(--success-color); } /* Select definition dropdown — borda azul */ .swagger-ui .topbar .download-url-wrapper .select-label select { border: 2px solid var(--directColor); box-shadow: none; flex: 2; outline: none; width: 100%; } .swagger-ui .topbar .download-url-wrapper input[type=text] { border: 2px solid var(--directColor); border-radius: 4px 0 0 4px; margin: 0; outline: none; width: 100%; } /* Scheme container — sem shadow, fundo transparente (herda a cor da página) */ .swagger-ui .scheme-container { box-shadow: none !important; background: transparent !important; } /* Auth container title — azul */ .swagger-ui .auth-container h4 { font-size: 15px; font-weight: 700; margin: 0 0 12px 0; padding-bottom: 10px; border-bottom: 2px solid var(--success-color); display: inline-block; color: var(--success-color); } /* Auth input focus ring — azul */ .swagger-ui .auth-container input[type=text]:focus, .swagger-ui .auth-container input[type=password]:focus { border-color: var(--success-color); box-shadow: 0 0 0 3px rgba(73, 144, 226, 0.15); } /* Topbar download-url layout */ .swagger-ui .topbar .download-url-wrapper { display: flex; flex: 3; justify-content: flex-end; } .swagger-ui .topbar .download-url-wrapper .select-label { align-items: center; color: #f0f0f0; display: flex; margin: 0; max-width: 600px; width: 100%; } .swagger-ui .topbar .download-url-wrapper .select-label span { flex: 1; font-size: 16px; padding: 0 10px 0 0; text-align: right; } /* Title info */ .swagger-ui .info .title { color: #3b4151; font-family: sans-serif; font-size: 36px; margin: 0; } .swagger-ui .info .title small { background: #7d8492; border-radius: 57px; display: inline-block; font-size: 10px; margin: 0 0 0 5px; padding: 2px 4px; position: relative; top: -5px; vertical-align: super; } .swagger-ui .info .title small pre { color: #fff; font-family: sans-serif; margin: 0; padding: 0; } /* Modal redesign (light) */ .swagger-ui .dialog-ux .backdrop-ux { background: rgba(0, 0, 0, 0.6); backdrop-filter: blur(3px); } .swagger-ui .dialog-ux .modal-ux { border-radius: 12px; overflow: hidden; min-width: 480px; max-width: 540px; box-shadow: 0 24px 64px rgba(0, 0, 0, 0.25); border: none; } .swagger-ui .dialog-ux .modal-ux-header { display: flex; align-items: center; justify-content: space-between; padding: 20px 24px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .swagger-ui .dialog-ux .modal-ux-header h3 { font-size: 18px; font-weight: 700; margin: 0; letter-spacing: -0.3px; } .swagger-ui .dialog-ux .modal-ux-header .close-modal { background: none; border: none; cursor: pointer; padding: 4px; border-radius: 6px; opacity: 0.6; transition: opacity 0.15s ease, background 0.15s ease; line-height: 0; } .swagger-ui .dialog-ux .modal-ux-header .close-modal:hover { opacity: 1; background: rgba(0, 0, 0, 0.06); } .swagger-ui .dialog-ux .modal-ux-content { padding: 24px; } .swagger-ui .auth-container { padding: 0; } .swagger-ui .dialog-ux .modal-ux-content .auth-container p { font-size: 16px !important; margin: 4px 0; opacity: 0.7; } .swagger-ui .auth-container label { font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 6px; display: block; margin-top: 16px; opacity: 0.8; } .swagger-ui .auth-container input[type=text], .swagger-ui .auth-container input[type=password] { width: 100%; padding: 10px 14px; border-radius: 8px; font-size: 14px; outline: none; transition: border-color 0.15s ease, box-shadow 0.15s ease; box-sizing: border-box; } .swagger-ui .auth-container hr { border: none; border-top: 1px solid rgba(0, 0, 0, 0.08); margin: 20px 0; } .swagger-ui .auth-btn-wrapper { display: flex; justify-content: space-evenly; gap: 12px; margin-top: 24px; padding-top: 20px; border-top: 1px solid rgba(0, 0, 0, 0.08); } .swagger-ui .auth-btn-wrapper .btn { flex: 1; padding: 10px 20px; border-radius: 8px; font-size: 14px; font-weight: 600; cursor: pointer; transition: opacity 0.15s ease, box-shadow 0.15s ease; display: flex; align-items: center; justify-content: center; line-height: 1; } .swagger-ui .auth-btn-wrapper .btn.cancel { background-color: transparent; color: #3b4151; border: 1px solid #3b4151; } /* ======================================== DARK THEME — ativado via classe .dark-mode (toggle nativo do Swagger UI no StandaloneLayout) ======================================== */ :root.dark-mode { --bg-primary: #1c2022; --bg-secondary: #2d2d2d; --bg-tertiary: #3a3a3a; --bg-hover: #404040; --text-primary: #e8e8e8; --text-secondary: #b8b8b8; --text-muted: #888888; --border-color: #404040; --link-color: #d1d1d1; --link-hover: #f1f1f1; --error-color: #f56363; --warning-color: #fca130; --info-color: #6d6d6d; --version-stamp: #008cff; --code-bg: #252525; --input-bg: #2d2d2d; --shadow: rgba(0, 0, 0, 0.5); } /* Body e HTML */ .dark-mode body, .dark-mode html { background-color: var(--bg-primary) !important; color: var(--text-primary) !important; } .dark-mode .swagger-ui { color: var(--text-primary); background-color: var(--bg-primary); } /* Topbar */ .dark-mode .swagger-ui .topbar { background-color: var(--bg-primary); } .dark-mode .swagger-ui .topbar .download-url-wrapper input[type=text] { background-color: var(--input-bg); color: var(--text-primary); border: 1px solid var(--border-color); } .dark-mode .swagger-ui .topbar .download-url-wrapper .download-url-button { background-color: var(--link-color); color: #fff; } .dark-mode .swagger-ui .topbar .download-url-wrapper .select-label select { border: 2px solid var(--directColor); } /* Info Section */ .dark-mode .swagger-ui .info { background-color: var(--bg-primary); } .dark-mode .swagger-ui .info .title, .dark-mode .swagger-ui .info h1, .dark-mode .swagger-ui .info h2, .dark-mode .swagger-ui .info h3, .dark-mode .swagger-ui .info h4, .dark-mode .swagger-ui .info h5 { color: var(--text-primary); } .dark-mode .swagger-ui .info .base-url { color: var(--text-secondary); } .dark-mode .swagger-ui .info a { color: var(--link-color); } .dark-mode .swagger-ui .info a:hover { color: var(--link-hover); } /* Scheme Container */ .dark-mode .swagger-ui .scheme-container { background-color: var(--bg-primary); box-shadow: none !important; } .dark-mode .swagger-ui .scheme-container .schemes > label { color: var(--text-primary); } .dark-mode .swagger-ui .scheme-container .schemes > label select { background-color: var(--input-bg); color: var(--text-primary); border: 1px solid var(--border-color); } /* Operations (Endpoints) */ .dark-mode .swagger-ui .opblock { background-color: var(--bg-secondary); border: 1px solid var(--border-color); box-shadow: 0 0 3px var(--shadow); } .dark-mode .swagger-ui .opblock .opblock-summary { background-color: var(--bg-tertiary); border-bottom: 1px solid var(--border-color); } .dark-mode .swagger-ui .opblock .opblock-summary:hover { background-color: var(--bg-hover); } .dark-mode .swagger-ui .opblock.opblock-post { background-color: rgba(73, 204, 144, 0.1); border-color: var(--success-color); } .dark-mode .swagger-ui .opblock.opblock-post .opblock-summary { background-color: rgba(73, 204, 144, 0.15); } .dark-mode .swagger-ui .opblock.opblock-get { background-color: rgba(97, 175, 254, 0.1); border-color: var(--info-color); } .dark-mode .swagger-ui .opblock.opblock-get .opblock-summary { background-color: rgba(97, 175, 254, 0.15); } .dark-mode .swagger-ui .opblock.opblock-put { background-color: rgba(252, 161, 48, 0.1); border-color: var(--warning-color); } .dark-mode .swagger-ui .opblock.opblock-put .opblock-summary { background-color: rgba(252, 161, 48, 0.15); } .dark-mode .swagger-ui .opblock.opblock-delete { background-color: rgba(249, 62, 62, 0.1); border-color: var(--error-color); } .dark-mode .swagger-ui .opblock.opblock-delete .opblock-summary { background-color: rgba(249, 62, 62, 0.15); } .dark-mode .swagger-ui .opblock.opblock-patch { background-color: rgba(80, 227, 194, 0.1); border-color: #50e3c2; } .dark-mode .swagger-ui .opblock.opblock-patch .opblock-summary { background-color: rgba(80, 227, 194, 0.15); } /* Opblock Summary Text */ .dark-mode .swagger-ui .opblock .opblock-summary-method, .dark-mode .swagger-ui .opblock .opblock-summary-path, .dark-mode .swagger-ui .opblock .opblock-summary-description { color: var(--text-primary); } /* Opblock Body */ .dark-mode .swagger-ui .opblock .opblock-body { background-color: var(--bg-secondary); } .dark-mode .swagger-ui .opblock .opblock-section-header { background-color: var(--bg-tertiary); border-bottom: 1px solid var(--border-color); } .dark-mode .swagger-ui .opblock .opblock-section-header h4 { color: var(--text-primary); } /* Parameters */ .dark-mode .swagger-ui .parameters-col_description { color: var(--text-secondary); } .dark-mode .swagger-ui .parameters-col_name { color: var(--text-primary); } .dark-mode .swagger-ui table thead tr th, .dark-mode .swagger-ui table thead tr td { color: var(--text-primary); background-color: var(--bg-tertiary); border-bottom: 1px solid var(--border-color); } .dark-mode .swagger-ui table tbody tr td { color: var(--text-secondary); border-bottom: 1px solid var(--border-color); } .dark-mode .swagger-ui .parameter__name { color: var(--text-primary); } .dark-mode .swagger-ui .parameter__type { color: var(--text-muted); } .dark-mode .swagger-ui .parameter__deprecated { color: var(--error-color); } .dark-mode .swagger-ui .parameter__in { color: var(--text-muted); } /* Inputs and Textareas */ .dark-mode .swagger-ui input[type=text], .dark-mode .swagger-ui input[type=password], .dark-mode .swagger-ui input[type=email], .dark-mode .swagger-ui input[type=file], .dark-mode .swagger-ui textarea, .dark-mode .swagger-ui select { background-color: var(--input-bg); color: var(--text-primary); border: 1px solid var(--border-color); } .dark-mode .swagger-ui input[type=text]:focus, .dark-mode .swagger-ui input[type=password]:focus, .dark-mode .swagger-ui input[type=email]:focus, .dark-mode .swagger-ui textarea:focus, .dark-mode .swagger-ui select:focus { border-color: var(--link-color); background-color: var(--bg-tertiary); } .dark-mode .swagger-ui input[disabled], .dark-mode .swagger-ui select[disabled], .dark-mode .swagger-ui textarea[disabled] { background-color: var(--bg-primary); color: var(--text-muted); border-color: var(--border-color); cursor: not-allowed; } /* Buttons */ .dark-mode .swagger-ui .btn { background-color: var(--bg-tertiary); color: var(--text-primary); border: 1px solid var(--border-color); } .dark-mode .swagger-ui .btn:hover { background-color: var(--bg-hover); } .dark-mode .swagger-ui .btn.execute:hover { box-shadow: var(--shadow); } .dark-mode .swagger-ui .btn.cancel { background-color: transparent; color: var(--text-secondary); border-color: var(--border-color); } /* Response */ .dark-mode .swagger-ui .responses-wrapper { background-color: var(--bg-secondary); } .dark-mode .swagger-ui .responses-inner h4, .dark-mode .swagger-ui .responses-inner h5 { color: var(--text-primary); } .dark-mode .swagger-ui .response-col_status { color: var(--text-primary); } .dark-mode .swagger-ui .response-col_description { color: var(--text-secondary); } .dark-mode .swagger-ui .response .response-col_description__inner p { color: var(--text-secondary); } /* Response Body */ .dark-mode .swagger-ui .highlight-code { background-color: var(--code-bg) !important; } .dark-mode .swagger-ui .highlight-code > pre { background-color: var(--code-bg) !important; color: var(--text-primary) !important; } .dark-mode .swagger-ui .microlight { color: var(--text-primary) !important; } .dark-mode .swagger-ui pre { background-color: var(--border-color); color: var(--text-primary); border: 1px solid var(--border-color); } .dark-mode .swagger-ui pre code { color: var(--text-primary); } /* Code Syntax Highlighting */ .dark-mode .swagger-ui .microlight .hljs-string { color: #98c379; } .dark-mode .swagger-ui .microlight .hljs-number { color: #d19a66; } .dark-mode .swagger-ui .microlight .hljs-literal { color: #56b6c2; } .dark-mode .swagger-ui .microlight .hljs-attr { color: #e06c75; } .dark-mode .swagger-ui .microlight .hljs-keyword { color: #c678dd; } /* Models */ .dark-mode .swagger-ui .model-container { background-color: var(--bg-secondary); border: 1px solid var(--border-color); } .dark-mode .swagger-ui .model { color: var(--text-primary); } .dark-mode .swagger-ui .model-title { color: var(--text-primary); } .dark-mode .swagger-ui .model-box { background-color: var(--bg-secondary); border: 1px solid var(--border-color); } .dark-mode .swagger-ui .model .property { color: var(--text-secondary); } .dark-mode .swagger-ui .model .property.primitive { color: var(--text-muted); } .dark-mode .swagger-ui .model-toggle { color: var(--link-color); } .dark-mode .swagger-ui .model-toggle:hover { color: var(--link-hover); } .dark-mode .swagger-ui section.models { background-color: var(--bg-primary); border: 1px solid var(--border-color); } .dark-mode .swagger-ui section.models h4 { color: var(--text-primary); } .dark-mode .swagger-ui section.models .model-container { background-color: var(--bg-secondary); } /* Tabs */ .dark-mode .swagger-ui .tab { color: var(--text-secondary); } .dark-mode .swagger-ui .tab li { color: var(--text-secondary); } .dark-mode .swagger-ui .tab li button { color: var(--text-secondary); background-color: transparent; } .dark-mode .swagger-ui .tab li button.tablinks { background-color: var(--bg-tertiary); } .dark-mode .swagger-ui .tab li button:hover { background-color: var(--bg-hover); } .dark-mode .swagger-ui .tab li button.active { color: var(--text-primary); background-color: var(--bg-secondary); border-bottom: 2px solid var(--link-color); } /* Copy to Clipboard */ .dark-mode .swagger-ui .copy-to-clipboard { background-color: var(--bg-tertiary); border: 1px solid var(--border-color); } .dark-mode .swagger-ui .copy-to-clipboard button { color: var(--text-primary); } /* Headers */ .dark-mode .swagger-ui h1, .dark-mode .swagger-ui h2, .dark-mode .swagger-ui h3, .dark-mode .swagger-ui h4, .dark-mode .swagger-ui h5, .dark-mode .swagger-ui h6 { color: var(--text-primary); } /* Links */ .dark-mode .swagger-ui a { color: var(--link-color); } .dark-mode .swagger-ui a:hover { color: var(--link-hover); } /* Labels */ .dark-mode .swagger-ui label { color: var(--text-primary); } /* Modal dark */ .dark-mode .swagger-ui .dialog-ux .modal-ux { background-color: var(--bg-secondary); box-shadow: 0 24px 64px rgba(0, 0, 0, 0.6); } .dark-mode .swagger-ui .dialog-ux .modal-ux-header { background-color: var(--bg-tertiary); border-bottom: 1px solid var(--border-color); } .dark-mode .swagger-ui .dialog-ux .modal-ux-header h3 { color: var(--text-primary); } .dark-mode .swagger-ui .dialog-ux .modal-ux-header .close-modal svg { fill: var(--text-primary); } .dark-mode .swagger-ui .dialog-ux .modal-ux-content { background-color: var(--bg-secondary); } .dark-mode .swagger-ui .dialog-ux .modal-ux-content p, .dark-mode .swagger-ui .dialog-ux .modal-ux-content h4 { color: var(--text-primary); } .dark-mode .swagger-ui .auth-container { background-color: var(--bg-secondary); } .dark-mode .swagger-ui .auth-container h4 { color: var(--text-primary); border-bottom: 1px solid var(--border-color); padding-bottom: 8px; } .dark-mode .swagger-ui .auth-container input[type=text], .dark-mode .swagger-ui .auth-container input[type=password] { background-color: var(--input-bg); color: var(--text-primary); border: 1px solid var(--border-color); } .dark-mode .swagger-ui .auth-container hr { border: none; border-top: 1px solid var(--border-color); margin: 16px 0; } .dark-mode .swagger-ui .auth-container .auth-scheme-type, .dark-mode .swagger-ui .auth-container code { color: var(--text-muted); background-color: var(--code-bg); } .dark-mode .swagger-ui .auth-container .authorize__btn { color: var(--text-primary); } .dark-mode .swagger-ui .auth-btn-wrapper { border-top-color: var(--border-color); } .dark-mode .swagger-ui .auth-btn-wrapper .btn.cancel { background-color: transparent; color: var(--text-primary); border: 1px solid var(--border-color); } .dark-mode .swagger-ui .dialog-ux .backdrop-ux { background: rgba(0, 0, 0, 0.8); } .dark-mode .swagger-ui .dialog-ux .modal-ux-inner { background-color: var(--bg-secondary); } .dark-mode .swagger-ui .dialog-ux .modal-ux-header .close-modal { background: none; border: none; cursor: pointer; } /* Errors */ .dark-mode .swagger-ui .errors-wrapper { background-color: rgba(249, 62, 62, 0.1); border: 1px solid var(--error-color); } .dark-mode .swagger-ui .errors-wrapper .errors { color: var(--text-primary); } .dark-mode .swagger-ui .errors-wrapper hgroup h4 { color: var(--error-color); } /* Loading */ .dark-mode .swagger-ui .loading-container .loading { color: var(--text-secondary); } /* Select */ .dark-mode .swagger-ui select { background-color: var(--input-bg); color: var(--text-primary); border: 1px solid var(--border-color); } .dark-mode .swagger-ui select option { background-color: var(--input-bg); color: var(--text-primary); } /* Checkbox */ .dark-mode .swagger-ui input[type=checkbox] { filter: invert(1) hue-rotate(180deg); } /* Info Section Links and Markdown */ .dark-mode .swagger-ui .info .markdown p, .dark-mode .swagger-ui .info .renderedMarkdown p { color: var(--text-secondary); } .dark-mode .swagger-ui .markdown code, .dark-mode .swagger-ui .renderedMarkdown code { background-color: var(--code-bg); color: #9d79d6; } /* Download Content Button */ .dark-mode .swagger-ui .download-contents { background-color: var(--bg-tertiary); color: var(--text-primary); border: 1px solid var(--border-color); } .dark-mode .swagger-ui .download-contents:hover { background-color: var(--bg-hover); } /* Filter */ .dark-mode .swagger-ui .filter-container { background-color: var(--bg-secondary); border-bottom: 1px solid var(--border-color); } .dark-mode .swagger-ui .filter-container input { background-color: var(--input-bg); color: var(--text-primary); border: 1px solid var(--border-color); } /* Scrollbar (Webkit) */ .dark-mode .swagger-ui ::-webkit-scrollbar { width: 12px; height: 12px; } .dark-mode .swagger-ui ::-webkit-scrollbar-track { background-color: var(--bg-primary); } .dark-mode .swagger-ui ::-webkit-scrollbar-thumb { background-color: var(--bg-hover); border-radius: 6px; border: 2px solid var(--bg-primary); } .dark-mode .swagger-ui ::-webkit-scrollbar-thumb:hover { background-color: #555555; } /* Try it out */ .dark-mode .swagger-ui .try-out__btn { background-color: var(--success-color) !important; color: #fff !important; border: 1px solid var(--success-color) !important; } .dark-mode .swagger-ui .try-out__btn.cancel { background-color: transparent !important; color: var(--text-secondary) !important; border: 1px solid var(--border-color) !important; } /* Schema Collapsible */ .dark-mode .swagger-ui .model-box-control { color: var(--link-color); } .dark-mode .swagger-ui .model-box-control:hover { color: var(--link-hover); } /* Arrow Icons */ .dark-mode .swagger-ui svg { fill: var(--text-primary); } .dark-mode .swagger-ui .arrow { fill: var(--text-primary); } /* Response Samples Dropdown */ .dark-mode .swagger-ui .responses-inner .response-col_status .response-undocumented { color: var(--text-muted); } /* Version Info */ .dark-mode .swagger-ui .info .title small { background-color: var(--bg-tertiary); color: var(--text-primary); } /* Servers */ .dark-mode .swagger-ui .servers > label { color: var(--text-primary); } .dark-mode .swagger-ui .servers select { background-color: var(--input-bg); color: var(--text-primary); border: 1px solid var(--border-color); } /* Content Type Selector */ .dark-mode .swagger-ui .content-type { color: var(--text-primary); } /* Security Definitions */ .dark-mode .swagger-ui .opblock-description-wrapper p, .dark-mode .swagger-ui .opblock-description-wrapper h4, .dark-mode .swagger-ui .opblock-external-docs-wrapper p, .dark-mode .swagger-ui .opblock-external-docs-wrapper h4 { color: var(--text-secondary); } .dark-mode .swagger-ui .opblock-tag { color: var(--text-primary); border-bottom: 1px solid var(--border-color); } .dark-mode .swagger-ui .opblock-tag:hover { background-color: var(--bg-secondary); } .dark-mode .swagger-ui .opblock-tag small { color: var(--text-secondary); } /* No Margin */ .dark-mode .swagger-ui .no-margin { color: var(--text-primary); } /* Information Container */ .dark-mode .swagger-ui .information-container { background-color: var(--bg-primary); } /* Global Message Bar */ .dark-mode .swagger-ui .global-server-container { background-color: var(--bg-secondary); border: 1px solid var(--border-color); }