From 2dcda7cbc87eea86ecda1e7bc618ceeb4b418355 Mon Sep 17 00:00:00 2001
From: Vanilagy <1696106+Vanilagy@users.noreply.github.com>
Date: Sun, 25 May 2025 16:14:22 +0200
Subject: [PATCH] Add Inter and dark mode to examples
---
examples/{index.css => base.css} | 5 ++++
examples/base.ts | 1 +
examples/metadata-extraction/index.html | 23 ++++++++++---------
examples/thumbnail-generation/index.html | 21 +++++++++--------
.../thumbnail-generation.ts | 2 +-
package-lock.json | 11 +++++++++
package.json | 1 +
7 files changed, 42 insertions(+), 22 deletions(-)
rename examples/{index.css => base.css} (53%)
create mode 100644 examples/base.ts
diff --git a/examples/index.css b/examples/base.css
similarity index 53%
rename from examples/index.css
rename to examples/base.css
index ead0cb3..99c88b7 100644
--- a/examples/index.css
+++ b/examples/base.css
@@ -6,3 +6,8 @@
cursor: pointer;
}
}
+
+@theme {
+ --color-zinc-750: oklch(32.2% 0.0095 285.919);
+ --font-sans: "Inter Variable", sans-serif;
+}
\ No newline at end of file
diff --git a/examples/base.ts b/examples/base.ts
new file mode 100644
index 0000000..675b224
--- /dev/null
+++ b/examples/base.ts
@@ -0,0 +1 @@
+import '@fontsource-variable/inter';
diff --git a/examples/metadata-extraction/index.html b/examples/metadata-extraction/index.html
index 7a98d3a..626a698 100644
--- a/examples/metadata-extraction/index.html
+++ b/examples/metadata-extraction/index.html
@@ -5,47 +5,48 @@
Metadata extraction example | Mediakit
+
-
+
-
- Metadata extraction example
+
+ Metadata extraction example
Select or drop a media file, and Mediakit will start extracting various metadata about that file.
-
+
-
+
Mediakit
+
View source code