Wrote some CSS and JS to help make figuring out (You)s easier.
>Settings -> CSS
div.postCell:has(a.youName) {
border: 2px dashed #ff8080;
background-color: rgba(255, 102, 102, 0.05);
position: relative;
}
div.postCell:has(a.youName)::before {
content: "youName";
display: block;
background: #ff6666;
color: white;
padding: 2px 5px;
font-size: 12px;
position: absolute;
top: 5px;
left: 5px;
}
div.postCell:has(a.you) {
border: 2px solid #ff0000;
background-color: rgba(255, 0, 0, 0.05);
position: relative;
}
div.postCell:has(a.you)::before {
content: "you";
display: block;
background: #ff0000;
color: white;
padding: 2px 5px;
font-size: 12px;
position: absolute;
top: 5px;
left: 5px;
}
>Settings -> JS
document.addEventListener('DOMContentLoaded', () => {
const myPosts = document.querySelectorAll('.postCell .postInfo .linkName.youName');
const myPostIds = Array.from(myPosts).map(post => post.closest('.postCell').id);
document.querySelectorAll('.postCell').forEach(postCell => {
const linkName = postCell.querySelector('.postInfo .linkName.youName');
if (linkName) {
linkName.textContent = 'Anonymous (You)';
}
[Expand Post] const backlinks = postCell.querySelectorAll('.panelBacklinks a');
backlinks.forEach(link => {
const linkPostId = link.href.split('#')[1];
if (myPostIds.includes(linkPostId)) {
link.textContent = `>>${linkPostId} (You)`;
}
});
});
});
Also, if you want to remove spoilers, copy the code below
const spoilerImg = postCell.querySelector('img[src="/spoiler.png"]');
if (spoilerImg) {
const imgLink = postCell.querySelector('a.imgLink');
if (imgLink && imgLink.href.includes('/.media/8')) {
const serverFilename = imgLink.href.split('/.media/8')[1].split('.')[0];
spoilerImg.src = `/.media/8t_${serverFilename}`;
}
}
and paste it one line below
> document.querySelectorAll('.postCell').forEach(postCell => {
like
> document.querySelectorAll('.postCell').forEach(postCell => {
> const spoilerImg = postCell.querySelector('img[src="/spoiler.png"]');
>...