vbatts/llama.cpp
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

server : adjust for dark/light mode

Browse source
This commit is contained in:
Jhen 2023-08-02 16:29:15 +08:00
parent 368c41cb5b
commit 750299726d
1 changed files with 9 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

13
examples/server/public/index.html
View file

@ -109,8 +109,7 @@
.popover-content { .popover-content {
position: absolute; position: absolute;
background-color: #777; background-color: white;
border: 1px solid #ccc;
padding: 0.2em; padding: 0.2em;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
} }
@ -145,6 +144,12 @@
font-size: 80%; font-size: 80%;
color: #888; color: #888;
} }
@media (prefers-color-scheme: dark) {
.popover-content {
background-color: #777;
}
}
</style> </style>
<script type="module"> <script type="module">
@ -419,7 +424,7 @@
const probColor = (p) => { const probColor = (p) => {
const r = Math.floor(192 * (1 - p)); const r = Math.floor(192 * (1 - p));
const g = Math.floor(192 * p); const g = Math.floor(192 * p);
return `rgba(${r},${g},0,0.75)`; return `rgba(${r},${g},0,0.3)`;
} }
const Probabilites = (params) => { const Probabilites = (params) => {
@ -456,7 +461,7 @@
` `
return html` return html`
<${Popover} style=${{ backgroundColor: pColor}} popoverChildren=${popoverChildren}>${msg.content}</> <${Popover} style=${{ backgroundColor: pColor }} popoverChildren=${popoverChildren}>${msg.content}</>
` `
}); });
} }