d85781ef99
* Add a setting for themeColor * Add primary-color to Tailwind, driven by themeColor setting * Get rid of most uses of "energy" colors * Change out the rest of the energy colors * Tweak NetworkHealthIndicator light mode checkmarks * Handful of other CSS tweaks while I'm here: - remove the AppHeader bg and border - pane margins - better dark mode button styles * Make Zoo logomark a badge * A snapshot a day keeps the bugs away! 📷🐛 (OS: ubuntu) * Re-run CI post-snapshots * A snapshot a day keeps the bugs away! 📷🐛 (OS: ubuntu) * Retrigger CI --------- Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
45 lines
1.3 KiB
TypeScript
45 lines
1.3 KiB
TypeScript
import ReactDOM from 'react-dom/client'
|
|
import './index.css'
|
|
import reportWebVitals from './reportWebVitals'
|
|
import { Toaster } from 'react-hot-toast'
|
|
import { Router } from './Router'
|
|
import { HotkeysProvider } from 'react-hotkeys-hook'
|
|
|
|
// uncomment for xstate inspector
|
|
// import { DEV } from 'env'
|
|
// import { inspect } from '@xstate/inspect'
|
|
// if (DEV)
|
|
// inspect({
|
|
// iframe: false,
|
|
// })
|
|
|
|
const root = ReactDOM.createRoot(document.getElementById('root') as HTMLElement)
|
|
|
|
root.render(
|
|
<HotkeysProvider>
|
|
<Router />
|
|
<Toaster
|
|
position="bottom-center"
|
|
toastOptions={{
|
|
style: {
|
|
borderRadius: '3px',
|
|
},
|
|
className:
|
|
'bg-chalkboard-10 dark:bg-chalkboard-90 text-chalkboard-110 dark:text-chalkboard-10 rounded-sm border-chalkboard-20/50 dark:border-chalkboard-80/50',
|
|
success: {
|
|
iconTheme: {
|
|
primary: 'oklch(89% 0.16 143.4deg)',
|
|
secondary: 'oklch(48.62% 0.1654 142.5deg)',
|
|
},
|
|
duration: 1500,
|
|
},
|
|
}}
|
|
/>
|
|
</HotkeysProvider>
|
|
)
|
|
|
|
// If you want to start measuring performance in your app, pass a function
|
|
// to log results (for example: reportWebVitals(console.log))
|
|
// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
|
|
reportWebVitals()
|