Skip to content

Commit 3cca428

Browse files
AnoshanJAnoshanJ
authored
Merge pull request #6 from AnoshanJ/docs/remote/algolia
Update algolia css
2 parents 120c0b7 + dd9fb0d commit 3cca428

1 file changed

Lines changed: 173 additions & 0 deletions

File tree

‎website/src/css/custom.css‎

Lines changed: 173 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -98,3 +98,176 @@
9898
font-weight: 700;
9999
color: var(--ifm-font-color-base);
100100
}
101+
102+
/* LIGHT MODE — white base, black text, orange accents */
103+
[data-theme='light'] .DocSearch {
104+
--docsearch-primary-color: #ff7a18; /* orange */
105+
--docsearch-text-color: #000000;
106+
--docsearch-muted-color: #555555;
107+
108+
--docsearch-container-background: rgba(0, 0, 0, 0.6);
109+
110+
/* Modal */
111+
--docsearch-modal-background: #ffffff;
112+
113+
/* Search box */
114+
--docsearch-searchbox-background: #ffffff;
115+
--docsearch-searchbox-focus-background: #ffffff;
116+
117+
/* Hit */
118+
--docsearch-hit-color: #000000;
119+
--docsearch-hit-active-color: #ffffff;
120+
--docsearch-hit-background: #ffffff;
121+
122+
/* Footer */
123+
--docsearch-footer-background: #ffffff;
124+
125+
/* Accents */
126+
--docsearch-highlight-color: #ff7a18;
127+
--docsearch-logo-color: #ff7a18;
128+
}
129+
130+
131+
/* DARK MODE — black base, white text, orange accents */
132+
[data-theme='dark'] .DocSearch {
133+
--docsearch-primary-color: #ff7a18; /* orange */
134+
--docsearch-text-color: #ffffff;
135+
--docsearch-muted-color: #b0b0b0;
136+
137+
--docsearch-container-background: rgba(0, 0, 0, 0.85);
138+
139+
/* Modal */
140+
--docsearch-modal-background: #0f0f0f;
141+
142+
/* Search box */
143+
--docsearch-searchbox-background: #1a1a1a;
144+
--docsearch-searchbox-focus-background: #000000;
145+
146+
/* Hit */
147+
--docsearch-hit-color: #ffffff;
148+
--docsearch-hit-active-color: #000000;
149+
--docsearch-hit-background: #1a1a1a;
150+
--docsearch-hit-shadow: none;
151+
152+
/* Footer */
153+
--docsearch-footer-background: #0f0f0f;
154+
155+
/* Keys / subtle depth */
156+
--docsearch-key-gradient: linear-gradient(
157+
-26.5deg,
158+
#2a2a2a 0%,
159+
#111111 100%
160+
);
161+
162+
/* Accents */
163+
--docsearch-highlight-color: #ff7a18;
164+
--docsearch-logo-color: #ff7a18;
165+
}
166+
167+
.DocSearch-AskAI {
168+
background: #0e0e0e !important;
169+
border: 1px solid #ff7a18;
170+
}
171+
172+
/* Main search button - remove blue background */
173+
.DocSearch-Button {
174+
background: #1a1a1a !important;
175+
border: 1px solid #2a2a2a !important;
176+
}
177+
178+
.DocSearch-Button:hover,
179+
.DocSearch-Button:focus,
180+
.DocSearch-Button:active {
181+
background: #2a2a2a !important;
182+
border-color: #ff7a18 !important;
183+
box-shadow: none !important;
184+
}
185+
186+
/* Search input box inside modal - remove blue */
187+
.DocSearch-Form {
188+
background: #1a1a1a !important;
189+
border: 1px solid #2a2a2a !important;
190+
box-shadow: none !important;
191+
}
192+
193+
.DocSearch-Input {
194+
background: transparent !important;
195+
color: #e3e3e3 !important;
196+
}
197+
198+
.DocSearch-Input:focus {
199+
outline: none !important;
200+
box-shadow: none !important;
201+
}
202+
203+
/* Search results - selected item */
204+
.DocSearch-Hit[aria-selected="true"] a,
205+
.DocSearch-Hit--active {
206+
background: #2a2a2a !important;
207+
}
208+
209+
/* .DocSearch-Hit[aria-selected="true"] mark,
210+
.DocSearch-Hit--active mark {
211+
color: #ff7a18 !important;
212+
background: transparent !important;
213+
} */
214+
215+
/* Ask AI section - remove blue background */
216+
.DocSearch-AskAI {
217+
background: #1a1a1a !important;
218+
border: 1px solid #ff7a18 !important;
219+
border-left: 3px solid #ff7a18 !important;
220+
}
221+
222+
.DocSearch-AskAI span {
223+
color: #ff7a18 !important;
224+
}
225+
226+
/* Override keyboard shortcut keys - remove blue, add orange theme */
227+
.DocSearch-Button-Key {
228+
background: #2a2a2a !important;
229+
border-color: #ff7a18 !important;
230+
color: #ff7a18 !important;
231+
box-shadow: none !important;
232+
}
233+
234+
/* Search button placeholder */
235+
.DocSearch-Button-Placeholder {
236+
color: #e3e3e3 !important;
237+
}
238+
239+
/* Remove any blue highlights or borders */
240+
.DocSearch-Button:hover .DocSearch-Button-Key,
241+
.DocSearch-Button:focus .DocSearch-Button-Key {
242+
background: #3a3a3a !important;
243+
border-color: #ff7a18 !important;
244+
}
245+
246+
/* Footer buttons - remove blue/purple backgrounds */
247+
.DocSearch-Commands-Key,
248+
.DocSearch-Footer button,
249+
.DocSearch-Footer kbd {
250+
background: #2a2a2a !important;
251+
border-color: #3a3a3a !important;
252+
color: #e3e3e3 !important;
253+
}
254+
255+
/* Navigation keys at bottom */
256+
[class*="DocSearch"] kbd {
257+
background: #2a2a2a !important;
258+
color: #e3e3e3 !important;
259+
border: 1px solid #3a3a3a !important;
260+
box-shadow: none !important;
261+
}
262+
263+
/* Remove blue from footer and command keys */
264+
.DocSearch-Footer {
265+
background: #0f0f0f !important;
266+
border-top: 1px solid #2a2a2a !important;
267+
}
268+
269+
/* Start screen - no blue */
270+
.DocSearch-StartScreen,
271+
.DocSearch-NoResults {
272+
background: transparent !important;
273+
}

0 commit comments

Comments
 (0)