some lighthouse fixes
This commit is contained in:
parent
316e3158db
commit
4dc8b13005
2 changed files with 12 additions and 5 deletions
16
src/app.css
16
src/app.css
|
@ -5,14 +5,16 @@
|
||||||
--primary-100: oklch(from var(--primary-500) .95 c h);
|
--primary-100: oklch(from var(--primary-500) .95 c h);
|
||||||
--primary-300: oklch(from var(--primary-500) .9 c h);
|
--primary-300: oklch(from var(--primary-500) .9 c h);
|
||||||
--primary-500: light-dark(oklch(.7503 0.117 var(--hue)), oklch(.8549 0.1149 var(--hue)));
|
--primary-500: light-dark(oklch(.7503 0.117 var(--hue)), oklch(.8549 0.1149 var(--hue)));
|
||||||
--primary-700: oklch(from var(--primary-500) .7 c h);
|
--primary-600: oklch(from var(--primary-500) .7 c h);
|
||||||
--primary-900: oklch(from var(--primary-500) .6 c h);
|
--primary-700: oklch(from var(--primary-500) .6 c h);
|
||||||
|
--primary-900: oklch(from var(--primary-500) .35 calc(c + .15) h);
|
||||||
|
|
||||||
--secondary-100: oklch(from var(--primary-500) .95 c calc(h + var(--accent-ofset)));
|
--secondary-100: oklch(from var(--primary-500) .95 c calc(h + var(--accent-ofset)));
|
||||||
--secondary-300: oklch(from var(--primary-500) .9 c calc(h + var(--accent-ofset)));
|
--secondary-300: oklch(from var(--primary-500) .9 c calc(h + var(--accent-ofset)));
|
||||||
--secondary-500: oklch(from var(--primary-500) .85 c calc(h + var(--accent-ofset)));
|
--secondary-500: oklch(from var(--primary-500) .85 c calc(h + var(--accent-ofset)));
|
||||||
--secondary-700: oklch(from var(--primary-500) .7 c calc(h + var(--accent-ofset)));
|
--secondary-600: oklch(from var(--primary-500) .7 c calc(h + var(--accent-ofset)));
|
||||||
--secondary-900: oklch(from var(--primary-500) .6 c calc(h + var(--accent-ofset)));
|
--secondary-700: oklch(from var(--primary-500) .6 c calc(h + var(--accent-ofset)));
|
||||||
|
--secondary-900: oklch(from var(--primary-500) .35 calc(c + .15) calc(h + var(--accent-ofset)));
|
||||||
|
|
||||||
--surface-300: light-dark(oklch(from var(--primary-500) .9 .02 h), oklch(from var(--primary-500) .2 .02 h));
|
--surface-300: light-dark(oklch(from var(--primary-500) .9 .02 h), oklch(from var(--primary-500) .2 .02 h));
|
||||||
--surface-400: oklch(from var(--surface-300) calc(l + .025) c h);
|
--surface-400: oklch(from var(--surface-300) calc(l + .025) c h);
|
||||||
|
@ -115,7 +117,11 @@ body {
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: var(--primary-500);
|
color: var(--primary-900);
|
||||||
|
|
||||||
|
&:visited {
|
||||||
|
color: var(--secondary-900);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
|
|
|
@ -51,6 +51,7 @@ export default function Editor(props: ParentProps) {
|
||||||
<HttpHeader name="Accept-CH" value="Sec-CH-Prefers-Color-Scheme" />
|
<HttpHeader name="Accept-CH" value="Sec-CH-Prefers-Color-Scheme" />
|
||||||
|
|
||||||
<Title>Calque</Title>
|
<Title>Calque</Title>
|
||||||
|
<Meta name="description" content="Simple tool for managing translation files" />
|
||||||
|
|
||||||
<Meta name="color-scheme" content={theme.colorScheme} />
|
<Meta name="color-scheme" content={theme.colorScheme} />
|
||||||
<Meta name="theme-color" content={`oklch(${lightness()} .02 ${theme.hue})`} />
|
<Meta name="theme-color" content={`oklch(${lightness()} .02 ${theme.hue})`} />
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue