primaryColorをcyanに

cp-20 · Jan 19, 2024 · 3c87f37 · 3c87f37
1 parent 91a9ca5
commit 3c87f37
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 2 deletions.
diff --git a/apps/web/src/client/Home/_components/ArticleSearchBox/TextSearchModal.tsx b/apps/web/src/client/Home/_components/ArticleSearchBox/TextSearchModal.tsx
@@ -8,6 +8,7 @@ import {
   Stack,
   Text,
   TextInput,
+  useMantineTheme,
 } from '@mantine/core';
 import { useDebouncedValue } from '@mantine/hooks';
 import { IconSearch } from '@tabler/icons-react';
@@ -36,6 +37,7 @@ export const TextSearchModal: FC<TextSearchModalProps> = ({
   opened,
   onClose,
 }) => {
+  const theme = useMantineTheme();
   const [searchText, setSearchText] = useState('');
   const [debouncedSearchText] = useDebouncedValue(searchText, 100);
   const { articles, loadNext, isLoading } = useTextSearch(debouncedSearchText);
@@ -109,7 +111,7 @@ export const TextSearchModal: FC<TextSearchModalProps> = ({
               key={article.id}
             >
               <Highlight
-                color="blue"
+                color={theme.primaryColor}
                 component="a"
                 css={css`
                   &:hover {

diff --git a/apps/web/src/client/Home/_components/SettingsPanel/SettingsModal.tsx b/apps/web/src/client/Home/_components/SettingsPanel/SettingsModal.tsx
@@ -81,7 +81,7 @@ export const SettingsModal: FC<SettingsModalProps> = ({ opened, onClose }) => {
                 <Text>
                   <a
                     css={css`
-                      color: ${theme.colors.blue[6]};
+                      color: ${theme.colors[theme.primaryColor][6]};
                       text-decoration: none;
                       word-break: break-all;
 

diff --git a/apps/web/src/pages/_app.tsx b/apps/web/src/pages/_app.tsx
@@ -53,6 +53,7 @@ const MyApp = ({
             xl: '1200px',
           },
           fontFamily: font.style.fontFamily,
+          primaryColor: 'cyan',
         }}
         withGlobalStyles
         withNormalizeCSS