A very simple single-file PDS home page to list active users

Compare changes

Choose any two refs to compare.

Changed files
+19 -6
src
+1 -2
package.json
···
"@atcute/bluesky": "^3.2.3",
"@atcute/client": "^4.0.3",
"@atcute/identity": "^1.1.0",
-
"@atcute/identity-resolver": "^1.1.3",
-
"@atcute/lexicons": "^1.1.1"
+
"@atcute/identity-resolver": "^1.1.3"
}
}
-3
pnpm-lock.yaml
···
'@atcute/identity-resolver':
specifier: ^1.1.3
version: 1.1.3(@atcute/identity@1.1.0)
-
'@atcute/lexicons':
-
specifier: ^1.1.1
-
version: 1.1.1
devDependencies:
typescript:
specifier: ~5.9.3
+18 -1
src/style.css
···
+
:root {
+
--background: #f2f2f2;
+
--foreground: #111;
+
--card-bg: #eaeaea;
+
--card-text: #333;
+
+
@media screen and (prefers-color-scheme: dark) {
+
--background: #191919;
+
--foreground: #f5f5f5;
+
--card-bg: #262626;
+
--card-text: #f5f5f5;
+
}
+
}
+
body {
margin: 0;
padding: 0;
···
flex-direction: column;
align-items: center;
justify-content: start;
+
background-color: var(--background);
+
color: var(--foreground);
}
main {
···
gap: 1rem;
width: 100%;
-
background-color: #f5f5f5;
+
background-color: var(--card-bg);
+
color: var(--card-text);
border-radius: 0.5rem;
padding: 1rem;