chris/calque
1
0
Fork 0
Code Issues 13 Pull requests Projects Releases Packages Wiki Activity Actions

even more fixing....

Browse source
This commit is contained in:
Chris Kruining 2024-11-28 14:33:12 +01:00
parent 9a946dff43
commit 9caa0bdec8
No known key found for this signature in database
GPG key ID: EB894A3560CCCAD2
1 changed files with 17 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

23
src/routes/(editor).tsx
View file

@ -5,11 +5,18 @@ import { CommandPalette, CommandPaletteApi, Menu, MenuProvider } from "~/feature
import { A, RouteDefinition, useBeforeLeave } from "@solidjs/router";
import { createCommand, Modifier } from "~/features/command";
import { ColorScheme, ColorSchemePicker, getState, useTheme } from "~/components/colorschemepicker";
import { getRequestEvent, isServer } from "solid-js/web";
import { HttpHeader } from "@solidjs/start";
import css from "./editor.module.css";
import { isServer } from "solid-js/web";
const event = getRequestEvent();
export const route: RouteDefinition = {
preload: () => getState(),
preload: ({ params, location, intent }) => {
console.log();
return getState();
},
};
export default function Editor(props: ParentProps) {
@ -36,17 +43,21 @@ export default function Editor(props: ParentProps) {
});
return <MenuProvider commands={commands}>
<HttpHeader name="Accept-CH" value="Sec-CH-Prefers-Color-Scheme" />
<Title>Calque</Title>
<Show when={theme}>{
theme => {
createEffect(() => {
console.log(theme());
})
const lightness = createMemo(() => {
const scheme = theme().colorScheme === ColorScheme.Auto ? event?.request.headers.get('Sec-CH-Prefers-Color-Scheme') : theme().colorScheme;
return scheme === ColorScheme.Light ? .9 : .2;
});
return <>
<Meta name="color-scheme" content={theme().colorScheme} />
<Meta name="theme-color" content={`oklch(.5 .02 ${theme().hue})`} />
<Meta name="theme-color" content={`oklch(${lightness()} .02 ${theme().hue})`} />
<style>{`
:root {