From 39b13b6dcb2fb2c84fb202a88655af36823e0d63 Mon Sep 17 00:00:00 2001 From: Triston Armstrong Date: Sun, 6 Oct 2024 23:30:20 -0400 Subject: [PATCH] add support for dark/light modes --- index.html | 1 + src/components/ImageCard.tsx | 7 ++-- src/components/InfinateCanvas.tsx | 5 +-- src/components/MiniMap.tsx | 34 +++++++------------- src/components/NoteCard.tsx | 14 ++++---- src/components/cardSelector/CardSelector.tsx | 2 +- src/styles.css | 2 -- src/utils/isTheme.ts | 3 ++ 8 files changed, 31 insertions(+), 37 deletions(-) create mode 100644 src/utils/isTheme.ts diff --git a/index.html b/index.html index b708ebe..678c699 100644 --- a/index.html +++ b/index.html @@ -3,6 +3,7 @@ + KlectrTemplate diff --git a/src/components/ImageCard.tsx b/src/components/ImageCard.tsx index 146f73e..56b5905 100644 --- a/src/components/ImageCard.tsx +++ b/src/components/ImageCard.tsx @@ -4,6 +4,7 @@ import { useDebounce } from "../utils/useDebounce" import { LayerEnum } from "../utils/enums" import images, { ImageCardType } from "../signals/images" import { updateLocalStorage } from "../utils/localStorage" +import { isTheme } from "../utils/isTheme" namespace ImageCard { export interface ImageCardProps { @@ -90,7 +91,7 @@ export function ImageCard({ key: itemKey, data: item }: ImageCard.ImageCardProps return (
-
+ -
+