From accd865f6b58c74d3c8a95d0ab841d1e6898e612 Mon Sep 17 00:00:00 2001 From: Chris Kruining Date: Thu, 21 Nov 2024 07:39:42 +0100 Subject: [PATCH] update logo --- public/images/favicon.dark.svg | 111 ++++++++++++++++++++++++++-- public/images/favicon.light.svg | 111 ++++++++++++++++++++++++++-- public/images/favicon.old.dark.svg | 7 ++ public/images/favicon.old.light.svg | 7 ++ src/app.css | 3 +- src/routes/(editor).tsx | 8 +- src/routes/editor.module.css | 12 ++- 7 files changed, 241 insertions(+), 18 deletions(-) create mode 100644 public/images/favicon.old.dark.svg create mode 100644 public/images/favicon.old.light.svg diff --git a/public/images/favicon.dark.svg b/public/images/favicon.dark.svg index 6ac344c..d83f714 100644 --- a/public/images/favicon.dark.svg +++ b/public/images/favicon.dark.svg @@ -1,7 +1,106 @@ - - - - - - + + + + + + + + + + + + + + + + + + + + α + + + + diff --git a/public/images/favicon.light.svg b/public/images/favicon.light.svg index 3f2ef26..e3fb8b6 100644 --- a/public/images/favicon.light.svg +++ b/public/images/favicon.light.svg @@ -1,7 +1,106 @@ - - - - - - + + + + + + + + + + + + + + + + + + + + α + + + + diff --git a/public/images/favicon.old.dark.svg b/public/images/favicon.old.dark.svg new file mode 100644 index 0000000..6ac344c --- /dev/null +++ b/public/images/favicon.old.dark.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/public/images/favicon.old.light.svg b/public/images/favicon.old.light.svg new file mode 100644 index 0000000..3f2ef26 --- /dev/null +++ b/public/images/favicon.old.light.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/app.css b/src/app.css index 225ba75..1aba89e 100644 --- a/src/app.css +++ b/src/app.css @@ -9,7 +9,8 @@ --text-1: light-dark(#222, #eee); --text-2: light-dark(#282828, #d8d8d8); - --primary: light-dark(oklch(.7503 0.117 181.6), oklch(.8549 0.1149 182.77)); + --primary: light-dark(oklch(.7503 0.117 181.6deg), oklch(.8549 0.1149 182.77deg)); + --secondary: oklch(from var(--primary) l c calc(h - 180)); --info: light-dark(oklch(.71 .17 249), oklch(.71 .17 249)); --fail: light-dark(oklch(.64 .21 25.3), oklch(.64 .21 25.3)); diff --git a/src/routes/(editor).tsx b/src/routes/(editor).tsx index 102cbdc..1bb5e18 100644 --- a/src/routes/(editor).tsx +++ b/src/routes/(editor).tsx @@ -54,7 +54,13 @@ export default function Editor(props: ParentProps) {
Calque logo + + diff --git a/src/routes/editor.module.css b/src/routes/editor.module.css index b6f301a..7f57193 100644 --- a/src/routes/editor.module.css +++ b/src/routes/editor.module.css @@ -32,15 +32,19 @@ & > .logo { inline-size: 3em; block-size: 3em; - padding: .75em; + padding: .5em; margin-block-end: -1em; background-color: inherit; color: inherit; border-radius: .25em; - & > svg { - inline-size: 100%; - block-size: 100%; + & > picture { + display: contents; + + & > img { + inline-size: 100%; + block-size: 100%; + } } }