@meith/theme-clubhouse 0.3.2

package/src/theme.ts

@@ -0,0 +1,59 @@
+import { defaultTheme } from '@meith/theme-default'
+import { defineTheme } from '@meith/theme-kit'
+
+import { Announcement } from './slots/announcement'
+import { BoardIndex } from './slots/board-index'
+import { BoardStats } from './slots/board-stats'
+import { CategoryBlock } from './slots/category-block'
+import { Footer } from './slots/footer'
+import { ForumDisplay } from './slots/forum-display'
+import { ForumRow } from './slots/forum-row'
+import { Header } from './slots/header'
+import { LatestPosts } from './slots/latest-posts'
+import { LatestThreads } from './slots/latest-threads'
+import { MemberProfile } from './slots/member-profile'
+import { Navigation } from './slots/navigation'
+import { Notice } from './slots/notice'
+import { Pagination } from './slots/pagination'
+import { PostActions } from './slots/post-actions'
+import { PostBit } from './slots/post-bit'
+import { Shell } from './slots/shell'
+import { SubforumList } from './slots/subforum-list'
+import { ThreadRow } from './slots/thread-row'
+import { ThreadView } from './slots/thread-view'
+import { UserPanel } from './slots/user-panel'
+import { WhoIsOnline } from './slots/who-is-online'
+
+export const clubhouseTheme = defineTheme({
+  key: 'clubhouse',
+  title: 'Clubhouse',
+  extends: defaultTheme,
+  slots: {
+    Shell,
+    Header,
+    UserPanel,
+    Navigation,
+    Footer,
+    Notice,
+    Announcement,
+
+    BoardIndex,
+    CategoryBlock,
+    ForumRow,
+    BoardStats,
+    WhoIsOnline,
+    LatestThreads,
+    LatestPosts,
+
+    ForumDisplay,
+    ThreadRow,
+    SubforumList,
+    Pagination,
+
+    ThreadView,
+    PostBit,
+    PostActions,
+
+    MemberProfile,
+  },
+})

package/src/tokens.ts

@@ -0,0 +1,104 @@
+import type { TokenName } from '@meith/theme-default'
+
+export const LIGHT_TOKENS: Record<TokenName, string> = {
+  background: 'oklch(0.963 0 0)',
+  foreground: 'oklch(0.209 0 0)',
+  surface: 'oklch(0.933 0 0)',
+  card: 'oklch(0.998 0 0)',
+  'card-foreground': 'oklch(0.209 0 0)',
+  primary: 'oklch(0.468 0.185 22)',
+  'primary-foreground': 'oklch(0.985 0.005 84)',
+  'primary-hover': 'oklch(0.398 0.158 22)',
+  secondary: 'oklch(0.812 0.124 82)',
+  'secondary-foreground': 'oklch(0.276 0.052 62)',
+  muted: 'oklch(0.951 0 0)',
+  'muted-foreground': 'oklch(0.483 0 0)',
+  accent: 'oklch(0.941 0 0)',
+  'accent-foreground': 'oklch(0.209 0 0)',
+  destructive: 'oklch(0.503 0.191 27)',
+  'destructive-foreground': 'oklch(0.981 0.006 84)',
+  border: 'oklch(0.889 0 0)',
+  input: 'oklch(0.616 0 0)',
+  ring: 'oklch(0.468 0.185 22)',
+  'shadow-tint': 'oklch(0.209 0 0 / 10%)',
+  radius: '0.375rem',
+  'density-unit': '0.25rem',
+  'font-mono-stack': 'ui-monospace, "SFMono-Regular", "Menlo", "Consolas", monospace',
+  'font-sans-stack':
+    'var(--font-inter), ui-sans-serif, system-ui, "Segoe UI", Roboto, Arial, sans-serif',
+  'font-heading-stack':
+    '"Archivo Narrow", "Roboto Condensed", "Oswald", "Arial Narrow", var(--font-sans-stack)',
+  elevation: '0 1px 0 var(--shadow-tint), 0 10px 24px -18px var(--shadow-tint)',
+  'forum-unread': 'oklch(0.239 0 0)',
+  'forum-read': 'oklch(0.551 0 0)',
+  'forum-locked': 'oklch(0.541 0.128 34)',
+  'thread-pinned': 'oklch(0.532 0.117 66)',
+  'thread-locked': 'oklch(0.541 0.128 34)',
+  'thread-moved': 'oklch(0.551 0 0)',
+  'thread-unapproved': 'oklch(0.528 0.104 88)',
+  'thread-deleted': 'oklch(0.478 0.169 26)',
+  'post-highlight': 'oklch(0.951 0.048 86)',
+  'post-own': 'oklch(0.971 0 0)',
+  'post-unapproved': 'oklch(0.948 0.041 84)',
+  'moderation-pending': 'oklch(0.532 0.117 66)',
+  'moderation-approved': 'oklch(0.508 0.116 152)',
+  'moderation-rejected': 'oklch(0.541 0.128 34)',
+  'group-admin': 'oklch(0.495 0.171 24)',
+  'group-supermod': 'oklch(0.486 0.156 302)',
+  'group-mod': 'oklch(0.478 0.131 248)',
+  'group-banned': 'oklch(0.551 0 0)',
+}
+
+export const DARK_TOKENS: Record<TokenName, string> = {
+  background: 'oklch(0.169 0 0)',
+  foreground: 'oklch(0.951 0 0)',
+  surface: 'oklch(0.206 0 0)',
+  card: 'oklch(0.231 0 0)',
+  'card-foreground': 'oklch(0.951 0 0)',
+  primary: 'oklch(0.468 0.185 22)',
+  'primary-foreground': 'oklch(0.985 0.005 84)',
+  'primary-hover': 'oklch(0.538 0.196 22)',
+  secondary: 'oklch(0.812 0.124 82)',
+  'secondary-foreground': 'oklch(0.276 0.052 62)',
+  muted: 'oklch(0.261 0 0)',
+  'muted-foreground': 'oklch(0.716 0 0)',
+  accent: 'oklch(0.296 0 0)',
+  'accent-foreground': 'oklch(0.951 0 0)',
+  destructive: 'oklch(0.668 0.181 26)',
+  'destructive-foreground': 'oklch(0.186 0.043 24)',
+  border: 'oklch(0.338 0 0)',
+  input: 'oklch(0.543 0 0)',
+  'shadow-tint': 'oklch(0 0 0 / 50%)',
+  ring: 'oklch(0.741 0.161 22)',
+  radius: '0.375rem',
+  'density-unit': '0.25rem',
+  'font-mono-stack': 'ui-monospace, "SFMono-Regular", "Menlo", "Consolas", monospace',
+  'font-sans-stack':
+    'var(--font-inter), ui-sans-serif, system-ui, "Segoe UI", Roboto, Arial, sans-serif',
+  'font-heading-stack':
+    '"Archivo Narrow", "Roboto Condensed", "Oswald", "Arial Narrow", var(--font-sans-stack)',
+  elevation: '0 1px 0 var(--shadow-tint), 0 10px 24px -18px var(--shadow-tint)',
+  'forum-unread': 'oklch(0.963 0 0)',
+  'forum-read': 'oklch(0.643 0 0)',
+  'forum-locked': 'oklch(0.724 0.126 36)',
+  'thread-pinned': 'oklch(0.796 0.124 76)',
+  'thread-locked': 'oklch(0.724 0.126 36)',
+  'thread-moved': 'oklch(0.643 0 0)',
+  'thread-unapproved': 'oklch(0.806 0.114 88)',
+  'thread-deleted': 'oklch(0.678 0.154 26)',
+  'post-highlight': 'oklch(0.312 0.049 84)',
+  'post-own': 'oklch(0.253 0 0)',
+  'post-unapproved': 'oklch(0.298 0.044 82)',
+  'moderation-pending': 'oklch(0.796 0.124 76)',
+  'moderation-approved': 'oklch(0.741 0.132 154)',
+  'moderation-rejected': 'oklch(0.724 0.126 36)',
+  'group-admin': 'oklch(0.702 0.164 24)',
+  'group-supermod': 'oklch(0.716 0.139 302)',
+  'group-mod': 'oklch(0.708 0.118 248)',
+  'group-banned': 'oklch(0.643 0 0)',
+}
+
+export const BROWSER_THEME_COLOR = {
+  light: '#f3f3f3',
+  dark: '#0f0f0f',
+} as const