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 {
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;