cleanup: Minor theme related cleanup

invokeai/frontend/web/src/common/components/IAIMantineMultiSelect.tsx

@@ -14,7 +14,6 @@ const IAIMantineMultiSelect = (props: IAIMultiSelectProps) => {
     base50,
     base100,
     base200,
-    base250,
     base300,
     base400,
     base500,
@@ -27,7 +26,6 @@ const IAIMantineMultiSelect = (props: IAIMultiSelectProps) => {
     accent400,
     accent500,
     accent600,
-    accent700,
   } = useChakraThemeTokens();
   const [boxShadow] = useToken('shadows', ['dark-lg']);
   const { colorMode } = useColorMode();

invokeai/frontend/web/src/common/components/IAIMantineSelect.tsx

@@ -32,7 +32,6 @@ const IAIMantineSelect = (props: IAISelectProps) => {
     accent400,
     accent500,
     accent600,
-    accent700,
   } = useChakraThemeTokens();
 
   const { colorMode } = useColorMode();

invokeai/frontend/web/src/features/canvas/components/IAICanvasGrid.tsx

@@ -1,8 +1,7 @@
 // Grid drawing adapted from https://longviewcoder.com/2021/12/08/konva-a-better-grid/
 
-import { useColorMode, useColorModeValue, useToken } from '@chakra-ui/react';
+import { useColorMode, useToken } from '@chakra-ui/react';
 import { createSelector } from '@reduxjs/toolkit';
-import { RootState } from 'app/store/store';
 import { useAppSelector } from 'app/store/storeHooks';
 import { canvasSelector } from 'features/canvas/store/canvasSelectors';
 import { isEqual, range } from 'lodash-es';
@@ -24,9 +23,6 @@ const selector = createSelector(
 );
 
 const IAICanvasGrid = () => {
-  const currentTheme = useAppSelector(
-    (state: RootState) => state.ui.currentTheme
-  );
   const { stageScale, stageCoordinates, stageDimensions } =
     useAppSelector(selector);
   const { colorMode } = useColorMode();
@@ -112,7 +108,6 @@ const IAICanvasGrid = () => {
     stageScale,
     stageCoordinates,
     stageDimensions,
-    currentTheme,
     unscale,
     colorMode,
     darkGridLineColor,

invokeai/frontend/web/src/features/parameters/components/ProcessButtons/CancelButton.tsx

@@ -1,35 +1,32 @@
+import {
+  ButtonGroup,
+  ButtonProps,
+  ButtonSpinner,
+  Menu,
+  MenuButton,
+  MenuItemOption,
+  MenuList,
+  MenuOptionGroup,
+} from '@chakra-ui/react';
 import { createSelector } from '@reduxjs/toolkit';
 import { useAppDispatch, useAppSelector } from 'app/store/storeHooks';
-import IAIIconButton, {
-  IAIIconButtonProps,
-} from 'common/components/IAIIconButton';
+import IAIIconButton from 'common/components/IAIIconButton';
 import { systemSelector } from 'features/system/store/systemSelectors';
 import {
+  CancelStrategy,
   SystemState,
   cancelScheduled,
   cancelTypeChanged,
-  CancelStrategy,
 } from 'features/system/store/systemSlice';
 import { isEqual } from 'lodash-es';
-import { useCallback, memo, useMemo } from 'react';
-import {
-  ButtonSpinner,
-  ButtonGroup,
-  Menu,
-  MenuButton,
-  MenuList,
-  MenuOptionGroup,
-  MenuItemOption,
-  ButtonGroupProps,
-  ButtonProps,
-} from '@chakra-ui/react';
+import { memo, useCallback, useMemo } from 'react';
 
 import { useHotkeys } from 'react-hotkeys-hook';
 import { useTranslation } from 'react-i18next';
 import { MdCancel, MdCancelScheduleSend } from 'react-icons/md';
 
-import { sessionCanceled } from 'services/api/thunks/session';
 import { ChevronDownIcon } from '@chakra-ui/icons';
+import { sessionCanceled } from 'services/api/thunks/session';
 
 const cancelButtonSelector = createSelector(
   systemSelector,
@@ -141,7 +138,6 @@ const CancelButton = (
         <MenuButton
           as={IAIIconButton}
           tooltip={t('parameters.cancel.setType')}
-          tooltipPlacement="top"
           aria-label={t('parameters.cancel.setType')}
           icon={<ChevronDownIcon w="1em" h="1em" />}
           paddingX={0}

invokeai/frontend/web/src/features/system/components/SettingsModal/SettingsModal.tsx

@@ -9,7 +9,6 @@ import {
   ModalHeader,
   ModalOverlay,
   Text,
-  useColorMode,
   useDisclosure,
 } from '@chakra-ui/react';
 import { createSelector } from '@reduxjs/toolkit';
@@ -48,7 +47,6 @@ import {
 import { useTranslation } from 'react-i18next';
 import { LogLevelName } from 'roarr';
 import SettingsSchedulers from './SettingsSchedulers';
-import { mode } from 'theme/util/mode';
 
 const selector = createSelector(
   [systemSelector, uiSelector],

invokeai/frontend/web/src/features/system/components/SiteHeaderMenu.tsx

@@ -1,12 +1,12 @@
 import { Flex, Link } from '@chakra-ui/react';
 import { useTranslation } from 'react-i18next';
-import { FaCube, FaKeyboard, FaBug, FaGithub, FaDiscord } from 'react-icons/fa';
+import { FaBug, FaCube, FaDiscord, FaGithub, FaKeyboard } from 'react-icons/fa';
 import { MdSettings } from 'react-icons/md';
 import HotkeysModal from './HotkeysModal/HotkeysModal';
 import LanguagePicker from './LanguagePicker';
 import ModelManagerModal from './ModelManager/ModelManagerModal';
 import SettingsModal from './SettingsModal/SettingsModal';
-import ThemeChanger from './ThemeChanger';
+
 import IAIIconButton from 'common/components/IAIIconButton';
 import { useFeatureStatus } from '../hooks/useFeatureStatus';
 
@@ -53,8 +53,6 @@ const SiteHeaderMenu = () => {
         />
       </HotkeysModal>
 
-      <ThemeChanger />
-
       {isLocalizationEnabled && <LanguagePicker />}
 
       {isBugLinkEnabled && (

invokeai/frontend/web/src/index.ts

@@ -1,9 +1,8 @@
-export { default as InvokeAiLogoComponent } from './features/system/components/InvokeAILogoComponent';
-export { default as ThemeChanger } from './features/system/components/ThemeChanger';
-export { default as IAIPopover } from './common/components/IAIPopover';
-export { default as IAIIconButton } from './common/components/IAIIconButton';
-export { default as SettingsModal } from './features/system/components/SettingsModal/SettingsModal';
-export { default as StatusIndicator } from './features/system/components/StatusIndicator';
-export { default as ModelSelect } from './features/system/components/ModelSelect';
 export { default as InvokeAIUI } from './app/components/InvokeAIUI';
 export type { PartialAppConfig } from './app/types/invokeai';
+export { default as IAIIconButton } from './common/components/IAIIconButton';
+export { default as IAIPopover } from './common/components/IAIPopover';
+export { default as InvokeAiLogoComponent } from './features/system/components/InvokeAILogoComponent';
+export { default as ModelSelect } from './features/system/components/ModelSelect';
+export { default as SettingsModal } from './features/system/components/SettingsModal/SettingsModal';
+export { default as StatusIndicator } from './features/system/components/StatusIndicator';

invokeai/frontend/web/src/theme/theme.ts

@@ -44,7 +44,7 @@ export const theme: ThemeOverride = {
     },
   },
   styles: {
-    global: (props) => ({
+    global: () => ({
       layerStyle: 'body',
       '*': { ...no_scrollbar },
     }),