forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
fix: add back the code that makes theming good 😭
where did it go? we will never know 🤷 this makes the background and mentions fixed ✅ yay! omg git is so wacky sometimes (or maybe major VS Code merging conflicts skill issue, unsure)
+34
+34
src/view/shell/index.web.tsx
+34
src/view/shell/index.web.tsx
···
37
37
import {DrawerContent} from './Drawer'
38
38
39
39
function ShellInner() {
40
+
const t = useTheme()
40
41
const navigator = useNavigation<NavigationProp>()
41
42
const closeAllActiveElements = useCloseAllActiveElements()
42
43
const {state: policyUpdateState} = usePolicyUpdateContext()
···
44
45
45
46
useComposerKeyboardShortcut()
46
47
useIntentHandler()
48
+
49
+
useLayoutEffect(() => {
50
+
const rootElement = document.documentElement
51
+
rootElement.className = `html`
52
+
rootElement.style.setProperty(
53
+
'background',
54
+
`${t.atoms.bg.backgroundColor}`,
55
+
'important',
56
+
)
57
+
}, [t.atoms.bg.backgroundColor, t.name])
58
+
59
+
useLayoutEffect(() => {
60
+
const color = t.palette.primary_500
61
+
62
+
const styleId = 'prosemirror-mention-color'
63
+
let style = document.getElementById(styleId) as HTMLStyleElement | null
64
+
65
+
if (!style) {
66
+
style = document.createElement('style')
67
+
style.id = styleId
68
+
document.head.appendChild(style)
69
+
}
70
+
71
+
style.innerHTML = `
72
+
.ProseMirror .mention {
73
+
color: ${color} !important;
74
+
}
75
+
.ProseMirror a,
76
+
.ProseMirror .autolink {
77
+
color: ${color} !important;
78
+
}
79
+
`
80
+
}, [t.palette.primary_500])
47
81
48
82
useEffect(() => {
49
83
const unsubscribe = navigator.addListener('state', () => {