github-mirrors/netris-nestri
1
0
Fork 0
mirror of https://github.com/nestriness/nestri.git synced 2025-12-12 08:45:38 +02:00
Code Issues Packages Projects Releases Wiki Activity

added new App changes and background for theme

Browse Source
This commit is contained in:
AquaWolf
2025-03-03 21:16:27 +01:00
parent a727a9b710
commit c994dc112c
2 changed files with 7 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
packages/www/src/App.tsx
View File

@@ -6,7 +6,6 @@ import '@fontsource/geist-sans/600.css';
import '@fontsource/geist-sans/700.css'; import '@fontsource/geist-sans/700.css';
import '@fontsource/geist-sans/800.css'; import '@fontsource/geist-sans/800.css';
import '@fontsource/geist-sans/900.css'; import '@fontsource/geist-sans/900.css';
import { TeamCreate } from './pages/new';
import { PlayComponent } from './pages/play'; import { PlayComponent } from './pages/play';
import { styled } from "@macaron-css/solid"; import { styled } from "@macaron-css/solid";
import { useStorage } from './providers/account'; import { useStorage } from './providers/account';
@@ -35,10 +34,10 @@ globalStyle("html", {
// Hardcode colors // Hardcode colors
"@media": { "@media": {
"(prefers-color-scheme: light)": { "(prefers-color-scheme: light)": {
backgroundColor: "hsla(0,0%,98%)", backgroundColor: "#f5f5f5",
}, },
"(prefers-color-scheme: dark)": { "(prefers-color-scheme: dark)": {
backgroundColor: "hsla(0,0%,0%)", backgroundColor: "#1e1e1e",
}, },
}, },
}); });
@@ -91,32 +90,8 @@ export const App: Component = () => {
<AuthProvider> <AuthProvider>
{props.children} {props.children}
</AuthProvider> </AuthProvider>
// <CommandBar>
// <ReplicacheStatusProvider>
// <DummyProvider>
// <DummyConfigProvider>
// <FlagsProvider>
// <RealtimeProvider />
// <LocalProvider>
// <LocalLogsProvider>
// <GlobalCommands />
// {props.children}
// </LocalLogsProvider>
// </LocalProvider>
// </FlagsProvider>
// </DummyConfigProvider>
// </DummyProvider>
// </ReplicacheStatusProvider>
// </AuthProvider>
// </CommandBar>
)} )}
> >
{/* <Route path="local" component={Local} />
<Route path="debug" component={DebugRoute} />
<Route path="design" component={Design} />
<Route path="workspace" component={WorkspaceCreate} />
<Route path=":workspaceSlug">{WorkspaceRoute}</Route> */}
<Route path="new" component={TeamCreate} />
<Route path="play/:id" component={PlayComponent} /> <Route path="play/:id" component={PlayComponent} />
<Route <Route
path="/" path="/"

9
packages/www/src/ui/theme.ts
View File

@@ -210,8 +210,8 @@ const light = (() => {
} }
const background = { const background = {
d100: 'hsla(0,0%,100%)', d100: '#f5f5f5',
d200: 'hsla(0,0%,98%)' d200: 'oklch(from #f5f5f5 calc(l + (-0.06 * clamp(0, calc((l - 0.714) * 1000), 1) + 0.03)) c h)'
}; };
const contrastFg = '#ffffff'; const contrastFg = '#ffffff';
@@ -371,9 +371,10 @@ const dark = (() => {
} }
const background = { const background = {
d100: 'hsla(0,0%,4%)', d200: '#171717',
d200: 'hsla(0,0%,0%)' d100: "oklch(from #171717 calc(l + (-0.06 * clamp(0, calc((l - 0.714) * 1000), 1) + 0.03)) c h)"
}; };
const contrastFg = '#ffffff'; const contrastFg = '#ffffff';
const focusBorder = `0 0 0 1px ${grayAlpha.d600}, 0px 0px 0px 4px rgba(255,255,255,0.24)`; const focusBorder = `0 0 0 1px ${grayAlpha.d600}, 0px 0px 0px 4px rgba(255,255,255,0.24)`;
const focusColor = blue.d900 const focusColor = blue.d900