External/omni-tools
1
0
Fork 0
mirror of https://github.com/iib0011/omni-tools.git synced 2025-12-29 16:16:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: dark mode

Browse Source
This commit is contained in:
Ibrahima G. Coulibaly
2025-03-31 01:27:44 +00:00
parent e53642db31
commit d676383d22
26 changed files with 297 additions and 551 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/allTools/ToolCard.tsx
View File

@@ -1,4 +1,12 @@
import { Box, Card, CardContent, Link, Stack, Typography } from '@mui/material';
import {
Box,
Card,
CardContent,
Link,
Stack,
Typography,
useTheme
} from '@mui/material';
import { ToolCardProps } from './AllTools';
import ChevronRightIcon from '@mui/icons-material/ChevronRight';
import { useNavigate } from 'react-router-dom';
@@ -10,6 +18,7 @@ export default function ToolCard({
link,
icon
}: ToolCardProps) {
const theme = useTheme();
const navigate = useNavigate();
return (
<Card
@@ -17,10 +26,13 @@ export default function ToolCard({
raised
sx={{
borderRadius: 2,
bgcolor: '#5581b5',
borderColor: '#5581b5',
bgcolor: 'background.darkSecondary',
borderColor: 'background.darkSecondary',
color: '#fff',
boxShadow: '6px 6px 12px #b8b9be, -6px -6px 12px #fff',
boxShadow:
theme.palette.mode === 'dark'
? null
: '6px 6px 12px #b8b9be, -6px -6px 12px #fff',
cursor: 'pointer',
height: '100%',
'&:hover': {