sirtimbly/IronCalc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: replace hex colors with theme colors

Browse Source
This commit is contained in:
Daniel
2025-02-09 15:42:55 +01:00
committed by Nicolás Hatcher Andrés
parent 99125f1fea
commit f0af3048b7
1 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
webapp/IronCalc/src/components/CellContextMenu.tsx
View File

@@ -8,8 +8,9 @@ import {
} from "lucide-react"; } from "lucide-react";
import { useRef, useState } from "react"; import { useRef, useState } from "react";
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
import { theme } from "../theme";
const red_color = "rgb(235, 12, 12)"; const red_color = theme.palette.error.main;
interface CellContextMenuProps { interface CellContextMenuProps {
open: boolean; open: boolean;
@@ -217,21 +218,21 @@ const CellContextMenu = (properties: CellContextMenuProps) => {
const BetweenVerticalStartStyled = styled(BetweenVerticalStart)` const BetweenVerticalStartStyled = styled(BetweenVerticalStart)`
width: 16px; width: 16px;
height: 16px; height: 16px;
color: #333333; color: ${theme.palette.grey[900]};
padding-right: 10px; padding-right: 10px;
`; `;
const BetweenHorizontalStartStyled = styled(BetweenHorizontalStart)` const BetweenHorizontalStartStyled = styled(BetweenHorizontalStart)`
width: 16px; width: 16px;
height: 16px; height: 16px;
color: #333333; color: ${theme.palette.grey[900]};
padding-right: 10px; padding-right: 10px;
`; `;
const StyledSnowflake = styled(Snowflake)` const StyledSnowflake = styled(Snowflake)`
width: 16px; width: 16px;
height: 16px; height: 16px;
color: #333333; color: ${theme.palette.grey[900]};
padding-right: 10px; padding-right: 10px;
`; `;
@@ -269,12 +270,12 @@ const MenuDivider = styled("div")`
margin: auto; margin: auto;
margin-top: 4px; margin-top: 4px;
margin-bottom: 4px; margin-bottom: 4px;
border-top: 1px solid #eeeeee; border-top: 1px solid ${theme.palette.grey[200]};
`; `;
const ItemNameStyled = styled("div")` const ItemNameStyled = styled("div")`
font-size: 12px; font-size: 12px;
color: #333; color: ${theme.palette.grey[900]};
flex-grow: 2; flex-grow: 2;
`; `;