Skip to content

F
frontend
Commit c524a3b9 authored by Max Alekseenko's avatar Max Alekseenko
Browse files
Options

change star color for dark theme

parent 201972cb
Hide whitespace changes
Inline Side-by-side
Showing with 3 additions and 1 deletion
ui/marketplace/Rating/Stars.tsx
View file @ c524a3b9
import { useColorModeValue } from '@chakra-ui/react';
import React from 'react'; import React from 'react';
import type { MouseEventHandler } from 'react'; import type { MouseEventHandler } from 'react';
...@@ -11,7 +12,8 @@ type Props = { ...@@ -11,7 +12,8 @@ type Props = {
}; };
const Stars = ({ filledIndex, onMouseOverFactory, onMouseOut, onClickFactory }: Props) => { const Stars = ({ filledIndex, onMouseOverFactory, onMouseOut, onClickFactory }: Props) => {
const outlineStartColor = onMouseOverFactory ? 'gray.400' : 'gray.200'; const disabledStarColor = useColorModeValue('gray.200', 'gray.700');
const outlineStartColor = onMouseOverFactory ? 'gray.400' : disabledStarColor;
return ( return (
<> <>
{ Array(5).fill(null).map((_, index) => ( { Array(5).fill(null).map((_, index) => (
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment