rublox/studio
2
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases 1 Wiki Activity

style(wiki): убрал тёмные стили docsLang перекрывающие светлые таблицы

Browse Source 
Было: 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 читаемые в светлом интерфейсе вики.
This commit is contained in:
min 2026-06-09 03:09:29 +03:00
parent 836688bd4f
commit d5b146cace
1 changed files with 25 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
src/community/docsLang.jsx
View File

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