website

#astro#js#html#css

git clone https://git.pyrossh.dev/website

木 Personal website of pyrossh. Built with astrojs, shiki, vite.

2a0f3c8 — pyrossh 2026-07-07T15:00:37+05:30 
fix: replace light-dark() with explicit theme blocks for broader browser support
Files changed (2) hide show
  1. packages/shared/ui/src/css.ts +31 -16
  2. scripts/deploy-all.sh +16 -16
packages/shared/ui/src/css.ts CHANGED
@@ -1,25 +1,42 @@
1
1
  export const globalCSS = `
2
2
  :root {
3
- --color-black: light-dark(hsl(0, 0%, 0%), hsl(0, 0%, 0%));
3
+ --color-black: hsl(0, 0%, 0%);
4
- --color-white: light-dark(hsl(0, 0%, 100%), hsl(0, 0%, 100%));
4
+ --color-white: hsl(0, 0%, 100%);
5
5
  --color-accent: hsl(57.25deg 100% 70%);
6
- --color-body-bg: light-dark(hsl(0, 0%, 100%), hsl(210, 13%, 15%));
6
+ --color-body-bg: hsl(0, 0%, 100%);
7
- --color-box-bg: light-dark(hsl(0, 0%, 95%), hsl(210, 13%, 9%));
7
+ --color-box-bg: hsl(0, 0%, 95%);
8
- --color-text: light-dark(hsl(0, 0%, 13%), hsl(210, 17%, 98%));
8
+ --color-text: hsl(0, 0%, 13%);
9
- --color-link: light-dark(hsl(211, 100%, 45%), hsl(211, 100%, 60%));
9
+ --color-link: hsl(211, 100%, 45%);
10
- --color-post-link: light-dark(hsl(0, 0%, 0%), hsl(211, 100%, 60%));
10
+ --color-post-link: hsl(0, 0%, 0%);
11
- --color-highlight-bg: light-dark(hsl(183, 80%, 88%), hsl(183, 80%, 18%));
11
+ --color-highlight-bg: hsl(183, 80%, 88%);
12
- --color-code-fg: light-dark(hsl(348, 86%, 43%), hsl(348, 86%, 80%));
12
+ --color-code-fg: hsl(348, 86%, 43%);
13
- --color-code-bg: light-dark(hsl(0, 0%, 95%), hsl(0, 0%, 0%));
13
+ --color-code-bg: hsl(0, 0%, 95%);
14
- --color-pre-bg: light-dark(hsl(0, 0%, 95%), hsl(0, 0%, 0%));
14
+ --color-pre-bg: hsl(0, 0%, 95%);
15
- --color-tag: light-dark(hsl(152, 96%, 35%), hsl(152, 96%, 44%));
15
+ --color-tag: hsl(152, 96%, 35%);
16
16
  --btn-light: none;
17
17
  --btn-dark: block;
18
18
  }
19
19
 
20
+ @media (prefers-color-scheme: dark) {
21
+ :root { color-scheme: dark; }
22
+ }
23
+
20
24
  [data-theme="dark"] {
25
+ --color-black: hsl(0, 0%, 0%);
26
+ --color-white: hsl(0, 0%, 100%);
27
+ --color-body-bg: hsl(210, 13%, 15%);
28
+ --color-box-bg: hsl(210, 13%, 9%);
29
+ --color-text: hsl(210, 17%, 98%);
30
+ --color-link: hsl(211, 100%, 60%);
31
+ --color-post-link: hsl(211, 100%, 60%);
32
+ --color-highlight-bg: hsl(183, 80%, 18%);
33
+ --color-code-fg: hsl(348, 86%, 80%);
34
+ --color-code-bg: hsl(0, 0%, 0%);
35
+ --color-pre-bg: hsl(0, 0%, 0%);
36
+ --color-tag: hsl(152, 96%, 44%);
21
37
  --btn-light: block;
22
38
  --btn-dark: none;
39
+ color-scheme: dark;
23
40
  }
24
41
 
25
42
  .astro-code,
@@ -544,10 +561,8 @@ footer + .safe-area {
544
561
  .post-content time {
545
562
  font-size: 1.1rem;
546
563
  text-align: left;
547
- color: light-dark(
548
- hsl(from var(--color-text) h s 40%),
549
- hsl(from var(--color-text) h s 80%)
564
+ color: var(--color-text);
550
- );
565
+ opacity: 0.7;
551
566
  }
552
567
 
553
568
  .post-content hr {
scripts/deploy-all.sh CHANGED
@@ -14,21 +14,21 @@ echo "=== Step 2: Upload assets to R2 ==="
14
14
  rclone sync assets/ r2:pyrossh-repos-prd/assets/ --progress
15
15
  echo " Assets synced."
16
16
 
17
- echo ""
17
+ # echo ""
18
- echo "=== Step 3: Sync git repos to R2 ==="
18
+ # echo "=== Step 3: Sync git repos to R2 ==="
19
- if [ -d repos ]; then
19
+ # if [ -d repos ]; then
20
- rclone sync -P repos r2:pyrossh-repos-prd
20
+ # rclone sync -P repos r2:pyrossh-repos-prd
21
- echo " Repos synced."
21
+ # echo " Repos synced."
22
- fi
22
+ # fi
23
23
 
24
- echo ""
24
+ # echo ""
25
- echo "=== Step 4: Deploy Workers ==="
25
+ # echo "=== Step 4: Deploy Workers ==="
26
- find packages/workers -name 'wrangler.jsonc' -not -path '*/dev-router/*' -not -path '*/server-error/*' | while read -r config; do
26
+ # find packages/workers -name 'wrangler.jsonc' -not -path '*/dev-router/*' -not -path '*/server-error/*' | while read -r config; do
27
- name=$(basename "$(dirname "$config")")
27
+ # name=$(basename "$(dirname "$config")")
28
- dir=$(dirname "$config")
28
+ # dir=$(dirname "$config")
29
- echo " Deploying: $name ($config)"
29
+ # echo " Deploying: $name ($config)"
30
- wrangler deploy --config "$config"
30
+ # wrangler deploy --config "$config"
31
- echo ""
31
+ # echo ""
32
- done
32
+ # done
33
33
 
34
- echo "=== All workers deployed ==="
34
+ # echo "=== All workers deployed ==="