From d5b146cace5153a6580466e2ea152218504b33fb Mon Sep 17 00:00:00 2001 From: min Date: Tue, 9 Jun 2026 03:09:29 +0300 Subject: [PATCH] =?UTF-8?q?style(wiki):=20=D1=83=D0=B1=D1=80=D0=B0=D0=BB?= =?UTF-8?q?=20=D1=82=D1=91=D0=BC=D0=BD=D1=8B=D0=B5=20=D1=81=D1=82=D0=B8?= =?UTF-8?q?=D0=BB=D0=B8=20docsLang=20=D0=BF=D0=B5=D1=80=D0=B5=D0=BA=D1=80?= =?UTF-8?q?=D1=8B=D0=B2=D0=B0=D1=8E=D1=89=D0=B8=D0=B5=20=D1=81=D0=B2=D0=B5?= =?UTF-8?q?=D1=82=D0=BB=D1=8B=D0=B5=20=D1=82=D0=B0=D0=B1=D0=BB=D0=B8=D1=86?= =?UTF-8?q?=D1=8B?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Было: docsLang.jsx ставил тёмные .docTable (background #181b2c, color #aab0c8) которые перебивали светлые стили вики (#fafbfd, #334155). Получалось тёмно-синий текст на тёмно-синем — почти невидимо. Сейчас: 1. Убран override .docTable / td / td:first-child — наследует светлые стили из KubikonDocs.jsx как остальная вика. 2. Добавлен только .docTable th (его не было) — светло-голубой фон eef2ff с тёмным текстом 1e3a8a для заголовков колонок. 3. .docsLangTabs переведён со тёмной (#181b2c) на светлую (#fff + #f4f6fb head, #e0e6f0 рамка) тему. Активная вкладка — синяя. Теперь все таблицы и LangTabs читаемые в светлом интерфейсе вики. --- src/community/docsLang.jsx | 62 +++++++++++++++----------------------- 1 file changed, 25 insertions(+), 37 deletions(-) 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;