feat: add new theme (#157)

packages/email-editor/src/nodes/image-resize.tsx

@@ -206,7 +206,7 @@ export function ResizableImageTemplate(props: NodeViewProps) {
                 className="flex items-center justify-center opacity-70"
               />
               <div className="absolute inset-0 flex items-center justify-center">
-                <Spinner className="w-8 h-8 text-primary" />
+                <Spinner className="w-8 h-8 text-foreground" />
               </div>
             </div>
           ) : (

packages/email-editor/src/nodes/variable.tsx

@@ -180,7 +180,7 @@ export function VariableComponent(props: NodeViewProps) {
           <button
             className={cn(
               "inline-flex items-center justify-center rounded-md text-sm gap-1 ring-offset-white transition-colors",
-              "px-2 border border-gray-300 shadow-sm  cursor-pointer text-primary/80"
+              "px-2 border border-gray-300 shadow-sm  cursor-pointer text-foreground/80"
             )}
             onClick={(e) => {
               e.preventDefault();