diff --git a/src/community/docsLang.jsx b/src/community/docsLang.jsx index 72dcf69..b78ecbb 100644 --- a/src/community/docsLang.jsx +++ b/src/community/docsLang.jsx @@ -189,67 +189,55 @@ export const DOCS_LANG_STYLES = ` .docsLangTabs { margin: 12px 0; - border-radius: 8px; + border-radius: 10px; overflow: hidden; - border: 1px solid #2a3050; + border: 1px solid #e0e6f0; + background: #fff; } .docsLangTabs__head { display: flex; - background: #181b2c; - border-bottom: 1px solid #2a3050; + background: #f4f6fb; + border-bottom: 1px solid #e0e6f0; } .docsLangTabs__tab { - padding: 8px 18px; + padding: 9px 18px; border: none; background: transparent; - color: #888da6; + color: #64748b; font-size: 12px; font-weight: 700; cursor: pointer; letter-spacing: 0.5px; border-bottom: 2px solid transparent; } -.docsLangTabs__tab:hover { color: #c8cce0; } +.docsLangTabs__tab:hover { color: #1e293b; } .docsLangTabs__tab.is-active { - color: #fff; - border-bottom-color: #4a8bff; - background: #1f2338; + color: #1e3a8a; + border-bottom-color: #3357ff; + background: #fff; } .docsLangTabs__body { padding: 0; + background: #fff; } .docsLangTabs__body > pre, .docsLangTabs__body > .docCode { margin: 0; border-radius: 0; } -.docTable { - width: 100%; - border-collapse: collapse; - margin: 12px 0; - font-size: 13px; -} -.docTable th, .docTable td { - border: 1px solid #2a3050; - padding: 8px 10px; - text-align: left; - vertical-align: top; -} +/* Заголовки колонок таблицы (th) — в основных стилях вики не определены. + Делаем светлыми чтобы не сливались с фоном таблицы. */ .docTable th { - background: #1a1d2e; - color: #c8cce0; - font-weight: 600; -} -.docTable td:first-child { - background: #181b2c; - width: 25%; - color: #aab0c8; -} -/* Код-плашки в моих docLang-таблицах — наследуют .docsSectionBody code - (тёплый янтарь на светлом). Перебиваем только если внутри тёмной LangTabs. */ -.docsLangTabs__body .docTable code { - background: #2a2f4a; - color: #ffd86b; - border: 1px solid #3a4068; + padding: 9px 14px; + background: #eef2ff; + color: #1e3a8a; + font-size: 13px; + font-weight: 700; + text-align: left; + border-bottom: 1px solid #d4dcef; + border-right: 1px solid #eef2f7; } +.docTable th:last-child { border-right: none; } +.docTable thead tr:first-child th:first-child { border-top-left-radius: 12px; } +.docTable thead tr:first-child th:last-child { border-top-right-radius: 12px; } .langChoiceOverlay { position: fixed; inset: 0;