Skip to content

Commit edca81e

Browse files
sushanyadavsushanyadav
authored
feat: update colors (#230)
1 parent 79f64c6 commit edca81e

File tree

7 files changed

+149
-57
lines changed

7 files changed

+149
-57
lines changed

‎fern/assets/styles.css‎

Lines changed: 67 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -74,37 +74,59 @@
7474
height: 100%;
7575
}
7676

77-
#\/api-reference\/webhooks\/server-message\#request h3 + div:first-of-type > div:first-of-type {
77+
#\/api-reference\/webhooks\/server-message\#request
78+
h3
79+
+ div:first-of-type
80+
> div:first-of-type {
7881
display: none;
7982
}
8083

81-
#\/api-reference\/webhooks\/server-message\#request h3 + div:first-of-type:before {
84+
#\/api-reference\/webhooks\/server-message\#request
85+
h3
86+
+ div:first-of-type:before {
8287
content: "Vapi will make a request to your server with the following object:";
83-
font-size: .875rem;
88+
font-size: 0.875rem;
8489
}
8590

86-
:is(.light) #\/api-reference\/webhooks\/server-message\#request h3 + div:first-of-type:before {
91+
:is(.light)
92+
#\/api-reference\/webhooks\/server-message\#request
93+
h3
94+
+ div:first-of-type:before {
8795
color: #0008059f;
8896
}
8997

90-
:is(.dark) #\/api-reference\/webhooks\/server-message\#request h3 + div:first-of-type:before {
98+
:is(.dark)
99+
#\/api-reference\/webhooks\/server-message\#request
100+
h3
101+
+ div:first-of-type:before {
91102
color: #f6f5ffb6;
92103
}
93104

94-
#\/api-reference\/webhooks\/client-message\#request h3 + div:first-of-type > div:first-of-type {
105+
#\/api-reference\/webhooks\/client-message\#request
106+
h3
107+
+ div:first-of-type
108+
> div:first-of-type {
95109
display: none;
96110
}
97111

98-
#\/api-reference\/webhooks\/client-message\#request h3 + div:first-of-type:before {
112+
#\/api-reference\/webhooks\/client-message\#request
113+
h3
114+
+ div:first-of-type:before {
99115
content: "Vapi will make a request to your server with the following object:";
100-
font-size: .875rem;
116+
font-size: 0.875rem;
101117
}
102118

103-
:is(.light) #\/api-reference\/webhooks\/client-message\#request h3 + div:first-of-type:before {
119+
:is(.light)
120+
#\/api-reference\/webhooks\/client-message\#request
121+
h3
122+
+ div:first-of-type:before {
104123
color: #0008059f;
105124
}
106125

107-
:is(.dark) #\/api-reference\/webhooks\/client-message\#request h3 + div:first-of-type:before {
126+
:is(.dark)
127+
#\/api-reference\/webhooks\/client-message\#request
128+
h3
129+
+ div:first-of-type:before {
108130
color: #f6f5ffb6;
109131
}
110132

@@ -115,4 +137,38 @@
115137

116138
.clipped-background {
117139
top: 0 !important;
118-
}
140+
}
141+
142+
/* HEADER */
143+
.fern-theme-default.fern-container .fern-header,
144+
.fern-theme-default.fern-container .fern-header-tabs {
145+
background-color: light-dark(#fffaea, #0e0e13);
146+
}
147+
148+
/* CARD STYLES */
149+
.fern-card {
150+
border-color: light-dark(#d9d3c2, #27272a);
151+
background-color: light-dark(#fffaea, #0e0e13);
152+
}
153+
154+
/* SIDEBAR */
155+
.fern-theme-default.fern-container .fern-sidebar-container {
156+
background-color: light-dark(#fffaea, #0e0e13);
157+
}
158+
159+
/* BUTTONS */
160+
.fern-button:not([disabled]).filled.primary {
161+
background-color: light-dark(#09090b, #fffaea);
162+
}
163+
164+
.fern-button.filled.primary .fern-button-text {
165+
color: light-dark(#ffffff, #09090b);
166+
}
167+
168+
.fern-button.filled.primary:not([disabled]) .fa-icon {
169+
background-color: light-dark(#ffffff, #09090b);
170+
}
171+
172+
.fern-button:not([disabled]).filled.primary:hover {
173+
background-color: light-dark(#09090b, #fffaea);
174+
}

‎fern/docs.yml‎

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -15,20 +15,20 @@ announcement:
1515
title: Vapi
1616
favicon: static/images/favicon.png
1717
logo:
18-
light: static/images/logo/logo-light.png
19-
dark: static/images/logo/logo-dark.png
18+
light: static/images/logo/logo-light.svg
19+
dark: static/images/logo/logo-dark.svg
2020
href: /
21-
height: 28
21+
height: 22
2222
colors:
2323
accentPrimary:
24-
dark: "#94ffd2"
25-
light: "#37aa9d"
24+
light: "#62F6B5"
25+
dark: "#62F6B5"
2626
background:
27-
dark: "#121418"
28-
light: "#FFFFFF"
27+
light: "#FFFAEA"
28+
dark: "#0E0E13"
2929
header-background:
30-
dark: "#121418"
31-
light: "#FFFFFF"
30+
light: "#FFFAEA"
31+
dark: "#0E0E13"
3232
experimental:
3333
mdx-components:
3434
- snippets
@@ -213,7 +213,7 @@ navigation:
213213
- page: Voice Mail Detection
214214
path: calls/voice-mail-detection.mdx
215215
- section: Vapi SDKs
216-
path: sdks.mdx
216+
path: sdks.mdx
217217
contents:
218218
- section: Client SDKs
219219
contents:

‎fern/introduction.mdx‎

Lines changed: 42 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -174,42 +174,48 @@ Gain a deep understanding of key concepts in Vapi, as well as how Vapi works:
174174
Our SDKs are open source, and available on [our GitHub](https://github.com/VapiAI):
175175

176176
<CardGroup cols={3}>
177-
<Card title="Vapi Web" icon="window" iconType="duotone" color="#f4ff54" href="/sdk/web">
178-
Add a Vapi assistant to your web application.
179-
</Card>
180-
<Card
181-
title="Vapi iOS"
182-
icon="mobile-notch"
183-
color="#f4ff54"
184-
href="https://github.com/VapiAI/ios"
185-
>
186-
Add a Vapi assistant to your iOS app.
187-
</Card>
188-
<Card
189-
title="Vapi Flutter"
190-
icon="mobile-notch"
191-
color="#f4ff54"
192-
href="https://github.com/VapiAI/flutter"
193-
>
194-
Add a Vapi assistant to your Flutter app.
195-
</Card>
196-
<Card
197-
title="Vapi React Native"
198-
icon="mobile-notch"
199-
color="#f4ff54"
200-
href="https://github.com/VapiAI/react-native-sdk"
201-
>
202-
Add a Vapi assistant to your React Native app.
203-
</Card>
204-
<Card
205-
title="Vapi Python"
206-
icon="fa-brands python"
207-
color="#f4ff54"
208-
href="https://github.com/VapiAI/python"
209-
>
210-
Multi-platform. Mac, Windows, and Linux.
211-
</Card>
212-
</CardGroup>
177+
<Card
178+
title="Vapi Web"
179+
icon="window"
180+
iconType="duotone"
181+
color="#ffdd03"
182+
href="/sdk/web"
183+
>
184+
Add a Vapi assistant to your web application.
185+
</Card>
186+
<Card
187+
title="Vapi iOS"
188+
icon="mobile-notch"
189+
color="#ffdd03"
190+
href="https://github.com/VapiAI/ios"
191+
>
192+
Add a Vapi assistant to your iOS app.
193+
</Card>
194+
<Card
195+
title="Vapi Flutter"
196+
icon="mobile-notch"
197+
color="#ffdd03"
198+
href="https://github.com/VapiAI/flutter"
199+
>
200+
Add a Vapi assistant to your Flutter app.
201+
</Card>
202+
<Card
203+
title="Vapi React Native"
204+
icon="mobile-notch"
205+
color="#ffdd03"
206+
href="https://github.com/VapiAI/react-native-sdk"
207+
>
208+
Add a Vapi assistant to your React Native app.
209+
</Card>
210+
<Card
211+
title="Vapi Python"
212+
icon="fa-brands python"
213+
color="#ffdd03"
214+
href="https://github.com/VapiAI/python"
215+
>
216+
Multi-platform. Mac, Windows, and Linux.
217+
</Card>
218+
</CardGroup>
213219

214220
## FAQ
215221

‎fern/static/images/logo/logo-dark.png‎

-16.3 KB
Binary file not shown.

‎fern/static/images/logo/logo-dark.svg‎

Lines changed: 15 additions & 0 deletions
Loading

‎fern/static/images/logo/logo-light.png‎

-16.5 KB
Binary file not shown.

‎fern/static/images/logo/logo-light.svg‎

Lines changed: 15 additions & 0 deletions
Loading

0 commit comments

Comments
 (0)