Oliver/presenton
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge pull request #7 from presenton/slide_footer_font_and_dark_colors_changed

Browse source 
slide footer font and dark theme color changed
This commit is contained in:
Shiva Raj Badu 2025-05-11 15:35:18 +05:45 • committed by GitHub
commit 7a112ef755
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 21 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
servers/nextjs/app/(presentation-generator)/components/CustomThemeSettings.tsx
View file

@ -8,7 +8,6 @@ import {
setThemeColors,
setTheme,
setLoadingState,
loadSavedTheme,
} from "../store/themeSlice";
import { ThemeType } from "../upload/type";
@ -166,7 +165,7 @@ const CustomThemeSettings = ({
return (
<div className="">
<div className="h-[60vh] overflow-y-auto custom_scrollbar pr-2 pb-2">
<div className="h-[60vh] font-satoshi overflow-y-auto custom_scrollbar pr-2 pb-2">
{/* Live Preview */}
<div className=" w-full space-y-2">
<h3 className="text-xs font-medium text-gray-500">Live Preview</h3>
@ -256,7 +255,7 @@ const CustomThemeSettings = ({
))}
</div>
</div>
<div className="mt-6 pt-4 border-t flex justify-end gap-2">
<div className="mt-6 pt-4 font-switzer border-t flex justify-end gap-2">
<Button
variant="outline"
onClick={onClose}

21
servers/nextjs/app/(presentation-generator)/components/slide_layouts/SlideFooter.tsx
View file

@ -118,6 +118,7 @@ const SlideFooter: React.FC = () => {
return {
opacity: opacity,
fontSize: `${fontSize}px`,
fontFamily: currentColors.fontFamily || "Inter, sans-serif",
};
};
@ -270,7 +271,11 @@ const SlideFooter: React.FC = () => {
<div className="w-8 h-8 bg-gray-100 rounded-lg flex justify-center items-center">
<Plus className="text-gray-500" />
</div>
<p className="text-sm text-gray-400">Insert Your Logo</p>
<p className="text-sm text-gray-400"
style={{
fontFamily: currentColors.fontFamily || "Inter, sans-serif",
}}
>Insert Your Logo</p>
</div>
)
) : (
@ -321,7 +326,11 @@ const SlideFooter: React.FC = () => {
<div className="w-8 h-8 bg-gray-100 rounded-lg flex justify-center items-center">
<Plus className="text-gray-500" />
</div>
<p className="text-sm text-gray-400">Insert Your Logo</p>
<p className="text-sm text-gray-400"
style={{
fontFamily: currentColors.fontFamily || "Inter, sans-serif",
}}
>Insert Your Logo</p>
</div>
)
) : (
@ -335,18 +344,18 @@ const SlideFooter: React.FC = () => {
onOpenAutoFocus={(e) => e.preventDefault()}
className="sm:max-w-[500px] overflow-y-auto"
>
<SheetHeader className="mb-6">
<SheetHeader className="mb-6 font-satoshi">
<SheetTitle>Configure Footer</SheetTitle>
<p className="text-sm text-gray-500">
<p className="text-sm text-gray-500 font-satoshi ">
These changes will apply to all slides.
</p>
</SheetHeader>
<div className="space-y-6 h-[calc(100vh-200px)] overflow-y-auto custom_scrollbar p-4">
<div className="space-y-6 h-[calc(100vh-200px)] font-satoshi overflow-y-auto custom_scrollbar p-4">
<div className=" pb-8">
<h3 className="text-lg font-medium mb-4">Logo Settings</h3>
<div className="space-y-6 ">
<div className="space-y-6 font-satoshi">
<div className="flex items-center justify-between">
<Label htmlFor="showLogo" className="flex-1">
Show Logo

8
servers/nextjs/app/(presentation-generator)/store/themeSlice.ts
View file

@ -20,8 +20,8 @@ export const defaultColors = {
slideHeading: "#f5f5f5",
slideDescription: "#e0e0e0",
slideBox: "#2d2d2d",
iconBg: "#ff00ff",
chartColors: ["#ff00ff", "#8800ff", "#b200ff", "#d700ff", "#ef00ff"],
iconBg: "#5E8CF0",
chartColors: ["#5E8CF0", "#8800ff", "#b200ff", "#d700ff", "#ef00ff"],
fontFamily: "var(--font-inter)",
},
faint_yellow: {
@ -64,8 +64,8 @@ export const defaultColors = {
slideHeading: "#ffffff",
slideDescription: "#E6E6E6",
slideBox: "#29136C",
iconBg: "#E100FF",
chartColors: ["#E100FF", "#496CEB", "#f051b5", "#F7A8FF", "#FCD8FF"],
iconBg: "#5E8CF0",
chartColors: ["#5E8CF0", "#496CEB", "#f051b5", "#F7A8FF", "#FCD8FF"],
fontFamily: "var(--font-satoshi)",
},
light_red: {