Fix Switch

Fix colors

Author: BennuFire

src/chart/single/SingleValueChart.tsx

@@ -11,7 +11,7 @@ import YAML from 'yaml';
 const NeoSingleValueChart = (props: ChartProps) => {
   const { records } = props;
   const fontSize = props.settings && props.settings.fontSize ? props.settings.fontSize : 64;
-  const color = props.settings && props.settings.color ? props.settings.color : 'rgba(0, 0, 0, 0.87)';
+  const color = props.settings && props.settings.color ? props.settings.color : 'NO-OP';
   const format = props.settings && props.settings.format ? props.settings.format : 'auto';
   const textAlign = props.settings && props.settings.textAlign ? props.settings.textAlign : 'left';
   const verticalAlign = props.settings && props.settings.verticalAlign ? props.settings.verticalAlign : 'top';

src/dashboard/header/DashboardHeader.tsx

@@ -12,6 +12,7 @@ import { NeoDashboardHeaderDownloadImageButton } from './DashboardHeaderDownload
 import { updateDashboardSetting } from '../../settings/SettingsActions';
 import { DarkModeSwitch } from 'react-toggle-dark-mode';
 import { DASHBOARD_HEADER_BUTTON_COLOR } from '../../config/ApplicationConfig';
+import { Tooltip } from '@mui/material';
 
 export const NeoDashboardHeader = ({
   standalone,
@@ -55,16 +56,17 @@ export const NeoDashboardHeader = ({
           </nav>
           <div className='sm:n-flex n-items-center n-justify-end md:n-flex-1 lg:n-w-0 n-gap-6'>
             <div className='n-flex n-flex-row n-gap-x-2'>
-              <div className='ndl-icon-btn logo-btn n-p-1 ndl-large ndl-clean'>
+              <Tooltip title={'Change Theme'} disableInteractive>
                 <DarkModeSwitch
+                  className={'ndl-icon-btn n-p-2 ndl-large ndl-clean'}
                   style={{}}
                   checked={isDarkMode}
                   onChange={toggleDarkMode}
                   size={24}
                   sunColor={DASHBOARD_HEADER_BUTTON_COLOR || '#000000'}
                   moonColor={'#ff0000'}
                 />
-              </div>
+              </Tooltip>
               {downloadImageEnabled && <NeoDashboardHeaderDownloadImageButton onDownloadImage={onDownloadImage} />}
               <NeoAboutButton connection={connection} onAboutModalOpen={onAboutModalOpen} />
               <NeoLogoutButton standalone={standalone} onConnectionModalOpen={onConnectionModalOpen} />

src/dashboard/header/DashboardHeaderAboutButton.tsx

@@ -17,7 +17,7 @@ import { enterHandler, openTab } from '../../utils/accessibility';
 
 await StyleConfig.getInstance();
 
-export const NeoAboutButton = ({ connection, extensions, onAboutModalOpen }) => {
+export const NeoAboutButton = ({ connection, onAboutModalOpen, extensions }) => {
   const [anchorEl, setAnchorEl] = useState<HTMLButtonElement | null>(null);
   const handleHelpMenuOpen = (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>) => {
     setAnchorEl(event.currentTarget);

src/report/Report.tsx

@@ -252,7 +252,10 @@ export const NeoReport = ({
       return <div>Loading...</div>;
     }
     return (
-      <div style={{ height: '100%', marginTop: '0px', overflow: reportTypes[type].allowScrolling ? 'auto' : 'hidden' }}>
+      <div
+        className={'n-text-palette-primary-bg-strong'}
+        style={{ height: '100%', marginTop: '0px', overflow: reportTypes[type].allowScrolling ? 'auto' : 'hidden' }}
+      >
         <ChartType
           setPageNumber={setPageNumber}
           records={records}