- ${!this.loading&&this.hits.length===0?S`
`}firstUpdated(t){var e;super.firstUpdated(t),(e=this.inputRef.value)==null||e.focus()}onInput(t){const s=t.target.value;if(this.selectedIndex=0,s===""){this.hits=[];return}this.loading=!0,this.fetchHits(s)}handleOpenLink(t){window.location.href=t.permalink}};E.styles=[Je,tt`
+ :host {
+ --color-form-input-bg: var(
+ --halo-search-widget-color-form-input-bg,
+ #fff
+ );
+ --color-form-input: var(--halo-search-widget-color-form-input, #333);
+ --color-form-input-placeholder: var(
+ --halo-search-widget-color-form-input-placeholder,
+ rgb(107 114 128)
+ );
+ --color-form-divider: var(
+ --halo-search-widget-color-form-divider,
+ rgb(243 244 246)
+ );
+ --color-result-empty: var(
+ --halo-search-widget-color-result-empty,
+ rgb(107 114 128)
+ );
+ --color-result-item-bg: var(
+ --halo-search-widget-color-result-item-bg,
+ rgb(249 250 251)
+ );
+ --color-result-item-hover-bg: var(
+ --halo-search-widget-color-result-item-hover-bg,
+ rgb(243 244 246)
+ );
+ --color-result-item-title: var(
+ --halo-search-widget-color-result-item-title,
+ #333
+ );
+ --color-result-item-content: var(
+ --halo-search-widget-color-result-item-content,
+ rgb(75, 85, 99)
+ );
+ --color-command-kbd-item: var(
+ --halo-search-widget-color-command-kbd-item,
+ #333
+ );
+ --color-command-kbd-border: var(
+ --halo-search-widget-color-command-kbd-border,
+ #e5e7eb
+ );
+ }
+
:host * {
box-sizing: border-box;
border-width: 0;
@@ -264,11 +308,11 @@ var SearchWidget=function($){var zt;"use strict";/**
.search-form__input {
border-bottom-width: 1px;
- border-color: rgb(243 244 246);
+ border-color: var(--color-form-divider);
padding: 0.625rem 1rem;
position: sticky;
top: 0;
- background-color: #fff;
+ background-color: var(--color-form-input-bg);
}
.search-form__input input {
@@ -279,6 +323,12 @@ var SearchWidget=function($){var zt;"use strict";/**
border: none;
font-size: 1rem;
line-height: 1.5rem;
+ background-color: var(--color-form-input-bg);
+ color: var(--color-form-input);
+ }
+
+ .search-form__input input::placeholder {
+ color: var(--color-form-input-placeholder);
}
.search-form__result {
@@ -292,7 +342,7 @@ var SearchWidget=function($){var zt;"use strict";/**
justify-content: center;
font-size: 0.875rem;
line-height: 1.25rem;
- color: rgb(107 114 128);
+ color: var(--color-result-empty);
}
.search-form__result-wrapper {
@@ -316,13 +366,13 @@ var SearchWidget=function($){var zt;"use strict";/**
flex-direction: column;
gap: 0.25rem;
border-radius: 0.375rem;
- background-color: rgb(249 250 251);
+ background-color: var(--color-result-item-bg);
padding: 0.5rem 0.625rem;
}
.search-form__result-item:hover,
.search-form__result-item.selected {
- background-color: rgb(243 244 246);
+ background-color: var(--color-result-item-hover-bg);
}
.search-form__result-item-title {
@@ -331,19 +381,20 @@ var SearchWidget=function($){var zt;"use strict";/**
font-weight: 600;
padding: 0;
margin: 0;
+ color: var(--color-result-item-title);
}
.search-form__result-item-content {
font-size: 0.75rem;
line-height: 1rem;
- color: rgb(75 85 99);
+ color: var(--color-result-item-content);
padding: 0;
margin: 0;
}
.search-form__commands {
border-top-width: 1px;
- border-color: rgb(243 244 246);
+ border-color: var(--color-form-divider);
padding: 0.625rem 1rem;
display: flex;
justify-content: flex-end;
@@ -358,33 +409,45 @@ var SearchWidget=function($){var zt;"use strict";/**
.search-form__commands-item span {
font-size: 0.75rem;
line-height: 1rem;
- color: rgb(75 85 99);
+ color: var(--color-command-kbd-item);
}
.search-form__commands-item kbd {
- color: rgb(75 85 99);
+ color: var(--color-command-kbd-item);
font-size: 10px;
text-align: center;
padding: 0.125rem 0.3rem;
border-width: 1px;
border-radius: 0.25rem;
+ border-color: var(--color-command-kbd-border);
min-width: 1.25rem;
margin-left: 0.3rem;
box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05);
}
- `],z([V({type:String})],E.prototype,"baseUrl",void 0),z([ot()],E.prototype,"hits",void 0),z([ot()],E.prototype,"loading",void 0),z([ot()],E.prototype,"selectedIndex",void 0),E=z([kt("search-form")],E);/**
+ `],z([V({type:String})],E.prototype,"baseUrl",void 0),z([nt()],E.prototype,"hits",void 0),z([nt()],E.prototype,"loading",void 0),z([nt()],E.prototype,"selectedIndex",void 0),E=z([kt("search-form")],E);/**
* @license
* Copyright 2018 Google LLC
* SPDX-License-Identifier: BSD-3-Clause
- */const Rt="important",Ze=" !"+Rt,Qe=F(class extends q{constructor(i){var t;if(super(i),i.type!==K.ATTRIBUTE||i.name!=="style"||((t=i.strings)==null?void 0:t.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(i){return Object.keys(i).reduce((t,e)=>{const s=i[e];return s==null?t:t+`${e=e.includes("-")?e:e.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${s};`},"")}update(i,[t]){const{style:e}=i.element;if(this.ut===void 0)return this.ut=new Set(Object.keys(t)),this.render(t);for(const s of this.ut)t[s]==null&&(this.ut.delete(s),s.includes("-")?e.removeProperty(s):e[s]=null);for(const s in t){const n=t[s];if(n!=null){this.ut.add(s);const r=typeof n=="string"&&n.endsWith(Ze);s.includes("-")||r?e.setProperty(s,r?n.slice(0,-11):n,r?Rt:""):e[s]=n}}return g}});var dt=globalThis&&globalThis.__decorate||function(i,t,e,s){var n=arguments.length,r=n<3?t:s===null?s=Object.getOwnPropertyDescriptor(t,e):s,o;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(i,t,e,s);else for(var a=i.length-1;a>=0;a--)(o=i[a])&&(r=(n<3?o(r):n>3?o(t,e,r):o(t,e))||r);return n>3&&r&&Object.defineProperty(t,e,r),r};$.SearchModal=class extends C{constructor(){super(...arguments),this.open=!1,this.baseUrl="",this.handleKeydown=t=>{const{key:e}=t;e==="Escape"&&(this.close(),t.preventDefault())}}render(){return S`
2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(i){return Object.keys(i).reduce((t,e)=>{const s=i[e];return s==null?t:t+`${e=e.includes("-")?e:e.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${s};`},"")}update(i,[t]){const{style:e}=i.element;if(this.ut===void 0)return this.ut=new Set(Object.keys(t)),this.render(t);for(const s of this.ut)t[s]==null&&(this.ut.delete(s),s.includes("-")?e.removeProperty(s):e[s]=null);for(const s in t){const r=t[s];if(r!=null){this.ut.add(s);const o=typeof r=="string"&&r.endsWith(Ze);s.includes("-")||o?e.setProperty(s,o?r.slice(0,-11):r,o?Rt:""):e[s]=r}}return $}});var dt=globalThis&&globalThis.__decorate||function(i,t,e,s){var r=arguments.length,o=r<3?t:s===null?s=Object.getOwnPropertyDescriptor(t,e):s,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(i,t,e,s);else for(var a=i.length-1;a>=0;a--)(n=i[a])&&(o=(r<3?n(o):r>3?n(t,e,o):n(t,e))||o);return r>3&&o&&Object.defineProperty(t,e,o),o};g.SearchModal=class extends C{constructor(){super(...arguments),this.open=!1,this.baseUrl="",this.handleKeydown=t=>{const{key:e}=t;e==="Escape"&&(this.close(),t.preventDefault())}}render(){return w`
- ${this.open?S``:""}
+ ${this.open?w``:""}
-
`}close(){this.open=!1}connectedCallback(){super.connectedCallback(),window.addEventListener("keydown",this.handleKeydown)}disconnectedCallback(){window.removeEventListener("keydown",this.handleKeydown),super.disconnectedCallback()}},$.SearchModal.styles=tt`
+
`}close(){this.open=!1}connectedCallback(){super.connectedCallback(),window.addEventListener("keydown",this.handleKeydown)}disconnectedCallback(){window.removeEventListener("keydown",this.handleKeydown),super.disconnectedCallback()}},g.SearchModal.styles=tt`
+ :host {
+ --color-modal-layer: var(
+ --halo-search-widget-color-modal-layer,
+ rgb(107 114 128 / 0.75)
+ );
+ --color-modal-content-bg: var(
+ --halo-search-widget-color-modal-content-bg,
+ #fff
+ );
+ }
+
.modal__wrapper {
position: fixed;
left: 0px;
@@ -407,7 +470,7 @@ var SearchWidget=function($){var zt;"use strict";/**
height: 100%;
width: 100%;
flex: none;
- background-color: rgb(107 114 128 / 0.75);
+ background-color: var(--color-modal-layer);
animation: fadeIn 0.15s both;
}
@@ -417,7 +480,7 @@ var SearchWidget=function($){var zt;"use strict";/**
flex-direction: column;
align-items: stretch;
border-radius: 5px;
- background-color: #fff;
+ background-color: var(--color-modal-content-bg);
width: calc(100vw - 20px);
max-height: calc(100vh - 5rem);
max-width: 650px;
@@ -446,4 +509,4 @@ var SearchWidget=function($){var zt;"use strict";/**
transform: translate3d(0, 0, 0);
}
}
- `,dt([V({type:Boolean})],$.SearchModal.prototype,"open",void 0),dt([V({type:String})],$.SearchModal.prototype,"baseUrl",void 0),$.SearchModal=dt([kt("search-modal")],$.SearchModal);const Ht=document.createElement("search-modal");document.body.append(Ht);function Xe(){Ht.open=!0}return $.open=Xe,Object.defineProperty($,Symbol.toStringTag,{value:"Module"}),$}({});
+ `,dt([V({type:Boolean})],g.SearchModal.prototype,"open",void 0),dt([V({type:String})],g.SearchModal.prototype,"baseUrl",void 0),g.SearchModal=dt([kt("search-modal")],g.SearchModal);const ii="",Ht=document.createElement("search-modal");document.body.append(Ht);function Xe(){Ht.open=!0}return g.open=Xe,Object.defineProperty(g,Symbol.toStringTag,{value:"Module"}),g}({});
diff --git a/src/main/resources/static/style.css b/src/main/resources/static/style.css
new file mode 100644
index 0000000..ef427e9
--- /dev/null
+++ b/src/main/resources/static/style.css
@@ -0,0 +1 @@
+@media (prefers-color-scheme: dark){.color-scheme-auto,[data-color-scheme=auto]{color-scheme:dark;--halo-search-widget-color-modal-layer: rgba(0, 0, 0, .8);--halo-search-widget-color-modal-content-bg: rgb(15 23 42);--halo-search-widget-color-form-input: rgb(255, 255, 255);--halo-search-widget-color-form-input-placeholder: rgb(148 163 184);--halo-search-widget-color-form-input-bg: rgb(15 23 42);--halo-search-widget-color-form-divider: rgb(30 41 59);--halo-search-widget-color-result-item-bg: rgb(30 41 59);--halo-search-widget-color-result-item-hover-bg: rgb(51 65 85);--halo-search-widget-color-result-item-title: rgb(255 255 255);--halo-search-widget-color-result-item-content: rgb(148 163 184);--halo-search-widget-color-command-kbd-item: rgb(148 163 184);--halo-search-widget-color-command-kbd-border: rgb(30 41 59);--halo-search-widget-color-result-empty: rgb(148 163 184)}}.color-scheme-dark,.dark,[data-color-scheme=dark]{color-scheme:dark;--halo-search-widget-color-modal-layer: rgba(0, 0, 0, .8);--halo-search-widget-color-modal-content-bg: rgb(15 23 42);--halo-search-widget-color-form-input: rgb(255, 255, 255);--halo-search-widget-color-form-input-placeholder: rgb(148 163 184);--halo-search-widget-color-form-input-bg: rgb(15 23 42);--halo-search-widget-color-form-divider: rgb(30 41 59);--halo-search-widget-color-result-item-bg: rgb(30 41 59);--halo-search-widget-color-result-item-hover-bg: rgb(51 65 85);--halo-search-widget-color-result-item-title: rgb(255 255 255);--halo-search-widget-color-result-item-content: rgb(148 163 184);--halo-search-widget-color-command-kbd-item: rgb(148 163 184);--halo-search-widget-color-command-kbd-border: rgb(30 41 59);--halo-search-widget-color-result-empty: rgb(148 163 184)}