Mirrors/Stirling-PDF
1
0
Fork 0
mirror of https://github.com/Frooodle/Stirling-PDF.git synced 2026-03-04 02:20:19 +01:00
Code Issues Packages Projects Releases Wiki Activity

RAINBOW MODE!!!!

Browse Source
This commit is contained in:
Reece
2025-06-09 18:38:06 +01:00
parent 342345cbb9
commit 41efd80dd5
8 changed files with 492 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/pages/HomePage.tsx
View File

@@ -5,7 +5,9 @@ import { useToolParams } from "../hooks/useToolParams";
import AddToPhotosIcon from "@mui/icons-material/AddToPhotos";
import ContentCutIcon from "@mui/icons-material/ContentCut";
import ZoomInMapIcon from "@mui/icons-material/ZoomInMap";
import { Group, Paper, Box, Button, useMantineTheme, useMantineColorScheme } from "@mantine/core";
import { Group, Paper, Box, Button, useMantineTheme } from "@mantine/core";
import { useRainbowThemeContext } from "../components/RainbowThemeProvider";
import rainbowStyles from '../styles/rainbow.module.css';
import ToolPicker from "../components/ToolPicker";
import FileManager from "../components/FileManager";
@@ -41,7 +43,7 @@ export default function HomePage() {
const { t } = useTranslation();
const [searchParams] = useSearchParams();
const theme = useMantineTheme();
const { colorScheme, toggleColorScheme } = useMantineColorScheme();
const { isRainbowMode } = useRainbowThemeContext();
// Core app state
const [selectedToolKey, setSelectedToolKey] = useState<string>(searchParams.get("t") || "split");
@@ -81,7 +83,7 @@ export default function HomePage() {
{/* Left: Tool Picker */}
{sidebarsVisible && (
<div
className="h-screen z-sticky flex flex-col bg-surface border-r border-border min-w-[180px] max-w-[240px] w-[16vw]"
className={`h-screen z-sticky flex flex-col bg-surface border-r border-border min-w-[180px] max-w-[240px] w-[16vw] ${isRainbowMode ? rainbowStyles.rainbowPaper : ''}`}
style={{ padding: '1rem' }}
>
<ToolPicker
@@ -136,7 +138,7 @@ export default function HomePage() {
{/* Right: Tool Interaction */}
{sidebarsVisible && (
<div
className="h-screen bg-surface border-l border-border gap-6 z-sticky flex flex-col min-w-[260px] max-w-[400px] w-[22vw]"
className={`h-screen bg-surface border-l border-border gap-6 z-sticky flex flex-col min-w-[260px] max-w-[400px] w-[22vw] ${isRainbowMode ? rainbowStyles.rainbowPaper : ''}`}
style={{ padding: '1.5rem' }}
>
<ToolRenderer