1+ @import url ('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,200;1,200&display=swap' );
2+
13: root {
24 --wh-color-accent-substrate-bg : # 222330 !important ;
35 --wh-color-border-hover : # 4f57a7 !important ;
46 --wh-color-backlight-pale : none;
57 --wh-color-backlight-pale-dark : none;
68}
79
10+ h1 , h2 {
11+ font-family : "Roboto Condensed" , "JetBrains Sans Bundled" , Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI" , Roboto, Oxygen, Ubuntu, Cantarell, "Droid Sans" , "Helvetica Neue" , Arial, sans-serif !important ;
12+ font-optical-sizing : auto !important ;
13+ font-weight : 200 !important ;
14+ font-style : normal !important ;
15+ }
16+
17+ h1 {
18+ font-size : 48px !important ;
19+ }
20+
821.wh-header__product-logo {
922 width : 32px ;
1023 height : 32px ;
4356}
4457
4558.toc-item--highlighted {
46- // background: none;
59+ background : none !important ;
60+ }
61+
62+ .toc-item--theme-light : hover {
63+ background : rgba (25 , 25 , 28 , .05 ) !important ;
64+ background : var (--wh-color-backlight-main ) !important ;
65+ }
66+
67+ .toc-item--theme-dark : hover {
68+ background : hsla (0 , 0% , 100% , .1 ) !important ;
69+ background : var (--wh-color-white-t10 ) !important ;
70+ }
71+
72+ .toc-item--selected .toc-item--theme-dark {
73+ cursor : default;
74+ background-color : # 252528 !important ;
75+ background-color : var (--wh-color-backlight-secondary-dark ) !important ;
76+ }
77+
78+ .toc-item--selected .toc-item--theme-light {
79+ cursor : default;
80+ background-color : # 6b57ff !important ;
81+ background-color : var (--wh-color-primary-light-theme ) !important ;
82+ }
83+
84+ .toc--theme-dark {
85+ background : none;
4786}
4887
4988.article__list + .code-block__wrapper ,
@@ -59,9 +98,58 @@ p + .code-collapse__wrapper,
5998 border-radius : 7px ;
6099}
61100
62- .starting-page-card : hover {
101+ .app__breadcrumbs {
102+ width : 706px ;
103+ background : rgba (0 , 0 , 0 , 0.05 );
104+ border-radius : 7px ;
105+ padding : 10px 0 10px 16px ;
106+ }
107+
108+ html .theme-dark .app__breadcrumbs {
109+ background : rgba (255 , 255 , 255 , 0.05 );
110+ }
111+
112+ .theme-dark .starting-page-card {
113+ background : # 1c2329 !important ;
114+ }
115+
116+ .theme-dark .starting-page-card : hover {
117+ background : # 252f37 !important ;
118+ }
119+
120+ .article img {
121+ border-radius : 7px ;
63122}
64123
65124# mermaid .flowchart-link {
66- stroke : # 59595c6b !important ;
125+ stroke : # 4f57a7 !important ;
126+ }
127+
128+ # mermaid .node polygon ,
129+ # mermaid .node rect {
130+ fill : rgba (0 , 0 , 0 , .05 ) !important ;
131+ stroke : transparent !important ;
132+ rx : 7px !important ;
67133}
134+
135+ # mermaid .divider {
136+ stroke : rgba (0 , 0 , 0 , .1 ) !important ;
137+ }
138+
139+ html .theme-dark # mermaid .node polygon ,
140+ html .theme-dark # mermaid .node rect {
141+ fill : rgba (255 , 255 , 255 , .05 ) !important ;
142+ }
143+
144+ html .theme-dark # mermaid .node span {
145+ color : # a9b7c6 !important ;
146+ font-size : 95% ;
147+ }
148+
149+ html .theme-dark # mermaid .divider {
150+ stroke : # 1c2329 !important ;
151+ }
152+
153+ .code-comparer__code-line {
154+ border-radius : 3px ;
155+ }
0 commit comments