Add DocSearch and styles

* add images
This commit is contained in:
Defectink
2022-04-14 11:00:03 +08:00
parent 5f11971a90
commit 3a42b44612
34 changed files with 6245 additions and 29 deletions

View File

@ -53,3 +53,48 @@ font-family: 'Poppins', sans-serif;
box-shadow: inset 0 0 10px rgba(185, 69, 69, 0.2);
}
}
/* DocSearch */
html.dark {
--docsearch-text-color: #f5f6f7;
--docsearch-container-background: rgba(9, 10, 17, 0.8);
--docsearch-modal-background: #15172a;
--docsearch-modal-shadow: inset 1px 1px 0 0 #2c2e40, 0 3px 8px 0 #000309;
--docsearch-searchbox-background: #090a11;
--docsearch-searchbox-focus-background: #000;
--docsearch-hit-color: #bec3c9;
--docsearch-hit-shadow: none;
--docsearch-hit-background: #090a11;
--docsearch-key-gradient: linear-gradient(-26.5deg, #565872, #31355b);
--docsearch-key-shadow: inset 0 -2px 0 0 #282d55, inset 0 0 1px 1px #51577d,
0 2px 2px 0 rgba(3, 4, 9, 0.3);
--docsearch-footer-background: #1e2136;
--docsearch-footer-shadow: inset 0 1px 0 0 rgba(73, 76, 106, 0.5),
0 -4px 8px 0 rgba(0, 0, 0, 0.2);
--docsearch-logo-color: #fff;
--docsearch-muted-color: #7f8497;
}
html {
--docsearch-primary-color: rgb(75, 85, 99) !important;
}
.DocSearch-wrapper .DocSearch-Button {
margin-left: unset;
}
@media (max-width: 640px) {
.DocSearch-wrapper .DocSearch-Button {
align-items: unset;
background: unset;
padding: unset;
height: unset;
}
}
.DocSearch-wrapper .DocSearch-Button .DocSearch-Search-Icon {
@apply text-gray-600 dark:text-gray-200;
}
.DocSearch .DocSearch-Form {
border-radius: 6px;
}
.DocSearch .DocSearch-Screen-Icon {
display: flex;
justify-content: center;
}