@meith/theme-raidframe 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. package/LICENSE.md +165 -0
  2. package/package.json +33 -0
  3. package/src/index.ts +3 -0
  4. package/src/shared.tsx +133 -0
  5. package/src/slots/announcement.tsx +40 -0
  6. package/src/slots/auth-page.tsx +53 -0
  7. package/src/slots/board-index.tsx +35 -0
  8. package/src/slots/board-stats.tsx +52 -0
  9. package/src/slots/category-block.tsx +37 -0
  10. package/src/slots/discovery-view.tsx +122 -0
  11. package/src/slots/error-notice.tsx +26 -0
  12. package/src/slots/footer.tsx +34 -0
  13. package/src/slots/forum-display.tsx +81 -0
  14. package/src/slots/forum-jump.tsx +45 -0
  15. package/src/slots/forum-row.tsx +66 -0
  16. package/src/slots/header.tsx +67 -0
  17. package/src/slots/latest-posts.tsx +42 -0
  18. package/src/slots/latest-threads.tsx +42 -0
  19. package/src/slots/member-profile.tsx +102 -0
  20. package/src/slots/navigation.tsx +31 -0
  21. package/src/slots/notice.tsx +32 -0
  22. package/src/slots/pagination.tsx +48 -0
  23. package/src/slots/panel-nav.tsx +110 -0
  24. package/src/slots/panel-page.tsx +72 -0
  25. package/src/slots/panel-shell.tsx +33 -0
  26. package/src/slots/post-actions.tsx +29 -0
  27. package/src/slots/post-bit.tsx +225 -0
  28. package/src/slots/post-form.tsx +44 -0
  29. package/src/slots/redirect-notice.tsx +26 -0
  30. package/src/slots/search-form.tsx +102 -0
  31. package/src/slots/search-results.tsx +108 -0
  32. package/src/slots/shell.tsx +40 -0
  33. package/src/slots/subforum-list.tsx +26 -0
  34. package/src/slots/thread-row.tsx +74 -0
  35. package/src/slots/thread-view.tsx +75 -0
  36. package/src/slots/user-panel.tsx +118 -0
  37. package/src/slots/who-is-online.tsx +64 -0
  38. package/src/theme.ts +84 -0
  39. package/src/tokens.ts +104 -0
package/src/tokens.ts ADDED
@@ -0,0 +1,104 @@
1
+ import type { TokenName } from '@meith/theme-default'
2
+
3
+ export const LIGHT_TOKENS: Record<TokenName, string> = {
4
+ background: 'oklch(0.923 0.019 82)',
5
+ foreground: 'oklch(0.262 0.031 62)',
6
+ surface: 'oklch(0.897 0.023 80)',
7
+ card: 'oklch(0.966 0.013 86)',
8
+ 'card-foreground': 'oklch(0.262 0.031 62)',
9
+ primary: 'oklch(0.516 0.121 62)',
10
+ 'primary-foreground': 'oklch(0.984 0.009 86)',
11
+ 'primary-hover': 'oklch(0.437 0.106 60)',
12
+ secondary: 'oklch(0.877 0.026 78)',
13
+ 'secondary-foreground': 'oklch(0.284 0.032 62)',
14
+ muted: 'oklch(0.906 0.021 80)',
15
+ 'muted-foreground': 'oklch(0.468 0.029 66)',
16
+ accent: 'oklch(0.884 0.031 76)',
17
+ 'accent-foreground': 'oklch(0.262 0.031 62)',
18
+ destructive: 'oklch(0.498 0.189 27)',
19
+ 'destructive-foreground': 'oklch(0.984 0.009 86)',
20
+ border: 'oklch(0.788 0.031 74)',
21
+ input: 'oklch(0.598 0.031 70)',
22
+ ring: 'oklch(0.516 0.121 62)',
23
+ 'shadow-tint': 'oklch(0.262 0.031 62 / 16%)',
24
+ radius: '0.125rem',
25
+ 'density-unit': '0.22rem',
26
+ 'font-mono-stack':
27
+ '"JetBrains Mono", "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace',
28
+ 'font-sans-stack': 'var(--font-inter), ui-sans-serif, system-ui, "Segoe UI", sans-serif',
29
+ 'font-heading-stack':
30
+ '"Rajdhani", "Chakra Petch", "Bahnschrift", "Archivo Narrow", var(--font-sans-stack)',
31
+ elevation: '0 1px 0 var(--shadow-tint), 0 14px 32px -20px var(--shadow-tint)',
32
+ 'forum-unread': 'oklch(0.474 0.094 202)',
33
+ 'forum-read': 'oklch(0.529 0.024 70)',
34
+ 'forum-locked': 'oklch(0.523 0.132 32)',
35
+ 'thread-pinned': 'oklch(0.516 0.121 62)',
36
+ 'thread-locked': 'oklch(0.523 0.132 32)',
37
+ 'thread-moved': 'oklch(0.529 0.024 70)',
38
+ 'thread-unapproved': 'oklch(0.531 0.117 88)',
39
+ 'thread-deleted': 'oklch(0.487 0.163 27)',
40
+ 'post-highlight': 'oklch(0.931 0.052 86)',
41
+ 'post-own': 'oklch(0.944 0.021 80)',
42
+ 'post-unapproved': 'oklch(0.924 0.046 88)',
43
+ 'moderation-pending': 'oklch(0.531 0.117 88)',
44
+ 'moderation-approved': 'oklch(0.492 0.116 148)',
45
+ 'moderation-rejected': 'oklch(0.523 0.132 32)',
46
+ 'group-admin': 'oklch(0.497 0.171 27)',
47
+ 'group-supermod': 'oklch(0.479 0.152 302)',
48
+ 'group-mod': 'oklch(0.468 0.101 202)',
49
+ 'group-banned': 'oklch(0.529 0.024 70)',
50
+ }
51
+
52
+ export const DARK_TOKENS: Record<TokenName, string> = {
53
+ background: 'oklch(0.156 0.022 264)',
54
+ foreground: 'oklch(0.931 0.011 252)',
55
+ surface: 'oklch(0.186 0.026 264)',
56
+ card: 'oklch(0.207 0.028 264)',
57
+ 'card-foreground': 'oklch(0.931 0.011 252)',
58
+ primary: 'oklch(0.821 0.148 84)',
59
+ 'primary-foreground': 'oklch(0.183 0.038 82)',
60
+ 'primary-hover': 'oklch(0.884 0.129 88)',
61
+ secondary: 'oklch(0.251 0.031 264)',
62
+ 'secondary-foreground': 'oklch(0.902 0.014 252)',
63
+ muted: 'oklch(0.227 0.028 264)',
64
+ 'muted-foreground': 'oklch(0.703 0.024 256)',
65
+ accent: 'oklch(0.272 0.034 264)',
66
+ 'accent-foreground': 'oklch(0.931 0.011 252)',
67
+ destructive: 'oklch(0.657 0.198 24)',
68
+ 'destructive-foreground': 'oklch(0.172 0.028 22)',
69
+ border: 'oklch(0.318 0.036 264)',
70
+ input: 'oklch(0.523 0.038 264)',
71
+ ring: 'oklch(0.821 0.148 84)',
72
+ 'shadow-tint': 'oklch(0 0 0 / 62%)',
73
+ radius: '0.125rem',
74
+ 'density-unit': '0.22rem',
75
+ 'font-mono-stack':
76
+ '"JetBrains Mono", "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace',
77
+ 'font-sans-stack': 'var(--font-inter), ui-sans-serif, system-ui, "Segoe UI", sans-serif',
78
+ 'font-heading-stack':
79
+ '"Rajdhani", "Chakra Petch", "Bahnschrift", "Archivo Narrow", var(--font-sans-stack)',
80
+ elevation: '0 1px 0 var(--shadow-tint), 0 20px 44px -26px var(--shadow-tint)',
81
+ 'forum-unread': 'oklch(0.823 0.128 202)',
82
+ 'forum-read': 'oklch(0.601 0.021 262)',
83
+ 'forum-locked': 'oklch(0.687 0.148 32)',
84
+ 'thread-pinned': 'oklch(0.821 0.148 84)',
85
+ 'thread-locked': 'oklch(0.687 0.148 32)',
86
+ 'thread-moved': 'oklch(0.601 0.021 262)',
87
+ 'thread-unapproved': 'oklch(0.781 0.136 94)',
88
+ 'thread-deleted': 'oklch(0.663 0.168 26)',
89
+ 'post-highlight': 'oklch(0.271 0.049 84)',
90
+ 'post-own': 'oklch(0.232 0.031 264)',
91
+ 'post-unapproved': 'oklch(0.259 0.044 94)',
92
+ 'moderation-pending': 'oklch(0.781 0.136 94)',
93
+ 'moderation-approved': 'oklch(0.752 0.156 148)',
94
+ 'moderation-rejected': 'oklch(0.687 0.148 32)',
95
+ 'group-admin': 'oklch(0.702 0.178 26)',
96
+ 'group-supermod': 'oklch(0.724 0.148 302)',
97
+ 'group-mod': 'oklch(0.803 0.126 202)',
98
+ 'group-banned': 'oklch(0.601 0.021 262)',
99
+ }
100
+
101
+ export const BROWSER_THEME_COLOR = {
102
+ light: '#e6dcc6',
103
+ dark: '#0d111c',
104
+ } as const