mirror of
https://github.com/jaywcjlove/wxmp.git
synced 2026-01-11 07:48:48 +08:00
73 lines
2.2 KiB
TypeScript
73 lines
2.2 KiB
TypeScript
import React from 'react';
|
|
import { createRoot } from 'react-dom/client';
|
|
import { HashRouter } from 'react-router-dom';
|
|
import BackToUp from '@uiw/react-back-to-top';
|
|
import { Toaster } from 'react-hot-toast';
|
|
import { createGlobalStyle } from 'styled-components';
|
|
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
|
|
import App from './App';
|
|
import { Provider } from './store/Provider';
|
|
|
|
export const GlobalStyle = createGlobalStyle`
|
|
[data-color-mode*='dark'], [data-color-mode*='dark'] body {
|
|
--color-fg-default: #c9d1d9;
|
|
--color-fg-muted: #8b949e;
|
|
--color-fg-subtle: #484f58;
|
|
--color-canvas-default: #0d1117;
|
|
--color-canvas-subtle: #161b22;
|
|
--color-border-default: #30363d;
|
|
--color-border-muted: #21262d;
|
|
--color-neutral-muted: rgba(110,118,129,0.4);
|
|
--color-accent-fg: #58a6ff;
|
|
--color-accent-emphasis: #1f6feb;
|
|
--color-attention-subtle: rgba(187,128,9,0.15);
|
|
--color-danger-fg: #f85149;
|
|
}
|
|
[data-color-mode*='light'], [data-color-mode*='light'] body {
|
|
--color-fg-default: #24292f;
|
|
--color-fg-muted: #57606a;
|
|
--color-fg-subtle: #6e7781;
|
|
--color-canvas-default: #ffffff;
|
|
--color-canvas-subtle: #f6f8fa;
|
|
--color-border-default: #d0d7de;
|
|
--color-border-muted: hsla(210,18%,87%,1);
|
|
--color-neutral-muted: rgba(175,184,193,0.2);
|
|
--color-accent-fg: #0969da;
|
|
--color-accent-emphasis: #0969da;
|
|
--color-attention-subtle: #fff8c5;
|
|
--color-danger-fg: #cf222e;
|
|
}
|
|
body {
|
|
margin: 0;
|
|
padding: 0;
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
|
|
"Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
|
|
sans-serif;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
*,
|
|
*::before,
|
|
*::after {
|
|
box-sizing: border-box;
|
|
}
|
|
`;
|
|
|
|
const queryClient = new QueryClient();
|
|
const style: React.CSSProperties = { zIndex: 999 };
|
|
|
|
const container = document.getElementById('root');
|
|
const root = createRoot(container!);
|
|
root.render(
|
|
<HashRouter>
|
|
<Toaster />
|
|
<BackToUp style={style}>Top</BackToUp>
|
|
<GlobalStyle />
|
|
<QueryClientProvider client={queryClient}>
|
|
<Provider>
|
|
<App />
|
|
</Provider>
|
|
</QueryClientProvider>
|
|
</HashRouter>,
|
|
);
|