1+ /* ============ Общие стили для всех тем ============ */
12
2- /* -----------------------------
3- VitePress-like (dark, purple)
4- ----------------------------- */
3+ /* Размер текста по умолчанию */
4+ [data-md-color-scheme ] {
5+ font-size : 15px ;
6+ }
7+
8+ /* Active state при наведении */
9+ .md-nav__link--active ,
10+ .md-nav__item .md-nav__link--active {
11+ color : # d990b9 ;
12+ }
13+
14+ /* Ссылки в тексте */
15+ .md-typeset a {
16+ color : # d990b9 ;
17+ }
18+
19+ .md-typeset a : hover {
20+ color : # e6a6c9 ;
21+ text-decoration : underline;
22+ text-decoration-color : # e6a6c9 ;
23+ }
24+
25+ /* Ссылки в тексте типа code*/
26+ .md-typeset a code {
27+ color : inherit;
28+ }
29+
30+ .md-typeset a code : hover {
31+ background-color : transparent;
32+ }
33+
34+ /* Общая форма admonition */
35+ .md-typeset .admonition {
36+ border-radius : 12px ;
37+ border : 0px solid;
38+ overflow : hidden;
39+ }
40+
41+ /* Scrollbar в сайдбаре */
42+ .md-sidebar__scrollwrap {
43+ scrollbar-color : # bd799e transparent; /* Firefox */
44+ }
45+ .md-sidebar__scrollwrap ::-webkit-scrollbar-thumb {
46+ background-color : # bd799e ;
47+ border-radius : 3px ;
48+ }
49+
50+ /* Badge (span.badge) */
51+ .md-typeset .badge {
52+ background : rgba (110 , 118 , 129 , 0.22 );
53+ border-radius : 4px ;
54+ color : # D990B9 ;
55+ padding : 0.12em 0.5em ;
56+ font-size : 0.9em ;
57+ line-height : 1.2 ;
58+ }
59+
60+ /* Footer */
61+ .md-copyright {
62+ display : none
63+ }
64+
65+
66+ /* ============ Dark theme (slate) ============ */
567
6- /* Тёмная схема */
768[data-md-color-scheme = "slate" ] {
869 /* Общие цвета */
970 --md-default-bg-color : # 1E2129 ;
@@ -15,118 +76,73 @@ VitePress-like (dark, purple)
1576 --md-accent-fg-color : # d990b9 ;
1677
1778 /* Код */
18- --md-code-bg-color : # 20232b ;
19- --md-code-fg-color : rgba (255 , 255 , 255 , .90 );
79+ --md-code-bg-color : transparent;
2080}
2181
22- /* Чуть “плотнее”, как у VitePress */
23- [data-md-color-scheme = "slate" ] {
24- font-size : 15px ;
25- }
26-
27- /* Хедер без яркого “материаловского” эффекта */
82+ /* Хедер */
2883[data-md-color-scheme = "slate" ] .md-header {
2984 background : rgba (22 , 24 , 29 , .85 );
3085 backdrop-filter : blur (12px );
3186 box-shadow : none;
3287}
3388
34- /* Контентная область */
35- [data-md-color-scheme = "slate" ] .md-main {
36- background : # 1E2129 ;
37- }
38-
39- /* Сайдбар: убираем “заливки” на hover, оставляем только цвет */
40- [data-md-color-scheme = "slate" ] .md-nav__link : hover {
41- background : transparent !important ;
42- }
43-
44- /* Активный пункт (похоже на VitePress: спокойная подсветка + акцентный текст) */
45- [data-md-color-scheme = "slate" ] .md-nav__link--active ,
46- [data-md-color-scheme = "slate" ] .md-nav__item .md-nav__link--active {
47- color : # d990b9 !important ;
48- }
49-
50- /* Ссылки в тексте */
51- [data-md-color-scheme = "slate" ] .md-typeset a {
52- color : # d990b9 ;
53- }
54- [data-md-color-scheme = "slate" ] .md-typeset a : hover {
55- color : # e6a6c9 ;
56- text-decoration : underline;
57- text-decoration-color : # e6a6c9 ;
58- }
59-
60- /* Блоки кода: скругление и “карточка” */
61- [data-md-color-scheme = "slate" ] .md-typeset pre > code ,
62- [data-md-color-scheme = "slate" ] .md-typeset .highlight {
63- background : # 20232b ;
64- padding-left : 0 ;
65- border-radius : 12px ;
66- }
67-
68- /* Общая форма (пусть останется “карточкой”) */
69- [data-md-color-scheme = "slate" ] .md-typeset .admonition ,
70- [data-md-color-scheme = "slate" ] .md-typeset details .admonition {
71- border-radius : 12px ;
72- border : 0px solid;
73- overflow : hidden;
74- }
89+ /* ----------- Admonition (slate) -----------*/
7590
7691/* INFO / NOTE (синяя) */
7792[data-md-color-scheme = "slate" ] .md-typeset .admonition .info ,
78- [data-md-color-scheme = "slate" ] .md-typeset .admonition .note ,
79- [data-md-color-scheme = "slate" ] .md-typeset details .info ,
80- [data-md-color-scheme = "slate" ] .md-typeset details .note {
93+ [data-md-color-scheme = "slate" ] .md-typeset .admonition .note {
8194 background-color : rgba (56 , 139 , 253 , 0.12 );
8295 box-shadow : none;
8396}
8497
8598/* WARNING (жёлтая) */
86- [data-md-color-scheme = "slate" ] .md-typeset .admonition .warning ,
87- [data-md-color-scheme = "slate" ] .md-typeset details .warning {
99+ [data-md-color-scheme = "slate" ] .md-typeset .admonition .warning {
88100 background-color : rgba (210 , 153 , 34 , 0.12 );
89- border-color : rgba (210 , 153 , 34 , 0.35 );
90101}
91102
92103/* DANGER / ERROR (красная) */
93- [data-md-color-scheme = "slate" ] .md-typeset .admonition .danger ,
94- [data-md-color-scheme = "slate" ] .md-typeset .admonition .error ,
95- [data-md-color-scheme = "slate" ] .md-typeset details .danger ,
96- [data-md-color-scheme = "slate" ] .md-typeset details .error {
104+ [data-md-color-scheme = "slate" ] .md-typeset .admonition .danger {
97105 background-color : rgba (248 , 81 , 73 , 0.12 );
98106}
99107
100108
101- /* Scrollbar в сайдбаре */
102- [data-md-color-scheme = "slate" ] .md-sidebar__scrollwrap {
103- scrollbar-color : # bd799e transparent; /* Firefox */
104- }
105- [data-md-color-scheme = "slate" ] .md-sidebar__scrollwrap ::-webkit-scrollbar { width : 6px ; }
106- [data-md-color-scheme = "slate" ] .md-sidebar__scrollwrap ::-webkit-scrollbar-track { background : transparent; }
107- [data-md-color-scheme = "slate" ] .md-sidebar__scrollwrap ::-webkit-scrollbar-thumb {
108- background-color : # bd799e ;
109- border-radius : 3px ;
109+ /* ============ White theme (default) ============ */
110+
111+ [data-md-color-scheme = "default" ] {
112+ /* Общие цвета */
113+ --md-default-bg-color : # ffffff ;
114+ --md-default-fg-color : rgba (0 , 0 , 0 , 0.88 );
115+ --md-default-fg-color--light : rgba (0 , 0 , 0 , 0.68 );
116+
117+ /* Primary/Accent (для ссылок, активных состояний, мелких акцентов) */
118+ --md-primary-fg-color : # bd799e ;
119+ --md-accent-fg-color : # d990b9 ;
120+
121+ --md-code-bg-color : transparent;
110122}
111- [data-md-color-scheme = "slate" ] .md-sidebar__scrollwrap ::-webkit-scrollbar-thumb : active ,
112- [data-md-color-scheme = "slate" ] .md-sidebar__scrollwrap ::-webkit-scrollbar-thumb : hover : active {
113- background-color : # 8f5f7a ;
123+
124+ /* Хедер */
125+ [data-md-color-scheme = "default" ] .md-header {
126+ background : rgba (189 , 121 , 158 , .85 );
127+ backdrop-filter : blur (12px );
128+ box-shadow : none;
114129}
115130
116- /* ---------- Badge (span.badge ) ---------- */
131+ /* ----------- Admonition (default ) ----------- */
117132
118- .md-typeset .badge {
119- background : rgba (110 , 118 , 129 , 0.22 );
120- border-radius : 4px ;
121- color : # D990B9 ;
122- padding : 0.12em 0.5em ;
123- font-size : 0.9em ;
124- line-height : 1.2 ;
133+ /* INFO / NOTE (синяя) */
134+ [data-md-color-scheme = "default" ] .md-typeset .admonition .info ,
135+ [data-md-color-scheme = "default" ] .md-typeset .admonition .note {
136+ background-color : rgba (11 , 94 , 219 , 0.08 );
137+ box-shadow : none;
125138}
126139
140+ /* WARNING (жёлтая) */
141+ [data-md-color-scheme = "default" ] .md-typeset .admonition .warning {
142+ background-color : rgba (255 , 193 , 7 , 0.15 );
143+ }
127144
128- /* ----------- Footer -----------*/
129-
130- .md-copyright {
131- display : none
132- }
145+ /* DANGER / ERROR (красная) */
146+ [data-md-color-scheme = "default" ] .md-typeset .admonition .danger {
147+ background-color : rgba (220 , 53 , 69 , 0.1 );
148+ }
0 commit comments