120 lines
4.4 KiB
CSS
120 lines
4.4 KiB
CSS
/* Variables */
|
|
|
|
:root {
|
|
--docsearch-primary-color: rgb(0, 61, 255);
|
|
--docsearch-soft-primary-color: rgba(0, 61, 255, 0.1);
|
|
--docsearch-subtle-color: rgb(214, 214, 231);
|
|
--docsearch-text-color: #36395a;
|
|
--docsearch-error-color: #ef5350;
|
|
--docsearch-success-color: #e8f5e9;
|
|
--docsearch-secondary-text-color: rgba(90, 94, 154, 1);
|
|
--docsearch-background-color: rgb(245, 245, 250);
|
|
--docsearch-spacing: 12px;
|
|
--docsearch-icon-stroke-width: 1.4;
|
|
--docsearch-focus-color: rgb(0, 95, 204);
|
|
--docsearch-highlight-color: rgb(0, 61, 255);
|
|
--docsearch-muted-color: rgba(150, 152, 195, 1);
|
|
--docsearch-muted-color-darker: rgba(120, 122, 165, 0.25);
|
|
--docsearch-icon-color: rgba(90, 94, 154, 1);
|
|
--docsearch-container-background: rgba(101, 108, 133, 0.8);
|
|
--docsearch-logo-color: rgba(0, 61, 255, 1);
|
|
--docsearch-border-radius: 4px;
|
|
|
|
/* button */
|
|
--docsearch-search-button-background: #fff;
|
|
--docsearch-search-button-text-color: var(--docsearch-secondary-text-color);
|
|
|
|
/* modal */
|
|
--docsearch-modal-width: 800px;
|
|
--docsearch-modal-height: 600px;
|
|
--docsearch-modal-variable-height: 60dvh;
|
|
--docsearch-modal-background: rgb(245, 246, 247);
|
|
--docsearch-modal-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px,
|
|
rgba(0, 0, 0, 0.1) 0px 2px 4px 0px,
|
|
rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
|
|
|
|
/* searchbox */
|
|
--docsearch-searchbox-height: 56px;
|
|
--docsearch-searchbox-initial-height: 56px;
|
|
--docsearch-searchbox-background: #ffffffa6;
|
|
--docsearch-searchbox-focus-background: #ffffffa6;
|
|
--docsearch-actions-width: 99px;
|
|
--docsearch-actions-height: 44px;
|
|
|
|
/* hit */
|
|
--docsearch-hit-height: 56px;
|
|
--docsearch-hit-color: rgb(68, 73, 80);
|
|
--docsearch-hit-highlight-color: rgba(0, 61, 255, 0.1);
|
|
--docsearch-hit-background: #fff;
|
|
|
|
/* key */
|
|
--docsearch-key-background: rgb(245, 245, 250);
|
|
--docsearch-key-color: rgba(90, 94, 154, 1);
|
|
--docsearch-key-pressed-shadow: inset 0 2px 4px rgba(120, 122, 165, 0.25);
|
|
|
|
/* footer */
|
|
--docsearch-footer-height: 52px;
|
|
--docsearch-footer-background: #ffffffa6;
|
|
--docsearch-footer-shadow: 0 -1px 0 0 rgb(224, 227, 232),
|
|
0 -3px 6px 0 rgba(69, 98, 155, 0.12);
|
|
|
|
/* animations */
|
|
--fav-out-dur: 160ms;
|
|
--del-dur: 150ms;
|
|
|
|
--ease-smooth: cubic-bezier(0.25, 0.8, 0.4, 1);
|
|
--ease-fast: cubic-bezier(0.45, 0.15, 0.6, 0.9);
|
|
--shadow-pop: 0 4px 12px rgba(0, 0, 0, 0.06);
|
|
--shimmer-bg: linear-gradient(
|
|
90deg,
|
|
rgb(224, 227, 232) 0%,
|
|
var(--docsearch-muted-color) 20%,
|
|
var(--docsearch-muted-color) 60%,
|
|
rgb(224, 227, 232) 95%
|
|
);
|
|
|
|
--docsearch-dropdown-menu-background: var(--docsearch-hit-background);
|
|
--docsearch-dropdown-menu-item-hover-background: var(--docsearch-modal-background);
|
|
}
|
|
|
|
/* Darkmode */
|
|
|
|
html[data-theme='dark'] {
|
|
--docsearch-text-color: rgba(196, 199, 220, 1);
|
|
--docsearch-secondary-text-color: rgba(182, 183, 213, 1);
|
|
--docsearch-subtle-color: rgba(33, 33, 57, 1);
|
|
--docsearch-error-color: #ef5350;
|
|
--docsearch-success-color: rgba(67, 160, 71, 0.2);
|
|
--docsearch-highlight-color: rgba(69, 122, 255, 1);
|
|
--docsearch-focus-color: rgb(154, 200, 255);
|
|
--docsearch-background-color: rgba(54, 57, 90, 1);
|
|
--docsearch-icon-color: rgba(182, 183, 213, 1);
|
|
--docsearch-container-background: rgba(9, 10, 17, 0.8);
|
|
--docsearch-modal-background: rgb(21, 23, 42);
|
|
--docsearch-modal-shadow: inset 1px 1px 0 0 rgb(44, 46, 64),
|
|
0 3px 8px 0 rgb(0, 3, 9);
|
|
--docsearch-searchbox-background: #000000a6;
|
|
--docsearch-searchbox-focus-background: #000000a6;
|
|
--docsearch-hit-color: rgb(190, 195, 201);
|
|
--docsearch-hit-shadow: none;
|
|
--docsearch-hit-background: rgb(9, 10, 17);
|
|
--docsearch-key-background: rgba(54, 57, 90, 1);
|
|
--docsearch-key-color: rgba(182, 183, 213, 1);
|
|
--docsearch-key-pressed-shadow: inset 0 2px 4px rgba(12, 13, 20, 0.4);
|
|
--docsearch-footer-background: #000000a6;
|
|
--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: rgb(255, 255, 255);
|
|
--docsearch-muted-color: rgb(127, 132, 151);
|
|
--shimmer-bg: linear-gradient(
|
|
90deg,
|
|
rgb(224, 227, 232) 0%,
|
|
var(--docsearch-muted-color) 20%,
|
|
var(--docsearch-muted-color) 60%,
|
|
rgb(224, 227, 232) 95%
|
|
);
|
|
--docsearch-dropdown-menu-background: var(--docsearch-hit-background);
|
|
--docsearch-dropdown-menu-item-hover-background: var(--docsearch-modal-background);
|
|
--docsearch-search-button-background: var(--docsearch-modal-background);
|
|
--docsearch-search-button-text-color: var(--docsearch-text-color);
|
|
}
|