AnnouncementsMatrixEventsFunnyVideosMusicAncapsTechnologyEconomicsPrivacyGIFSCringeAnarchyFilmPicsThemesIdeas4MatrixAskMatrixHelpTop Subs
2
MatrixDev - - (+1|-0)
A theme space for honing in the new comment highlight(self)
3 commentsbyx0x7

A thread of theme comments helped with the last visual improvements. I finally got the site where I don't get insta-downvoted on /r/reddit_alternatives anymore in part thanks to that. So threads that are CSS play spaces are a thing.

There is a ".new" class attached to new comments the second time you view a thread, as of earlier today. I'm not yet sure how these new comments should even look visually. So in this thread we are going to figure it out.

To contribute just start a comment with ```css on the first line.

Since seeing a new comment consumes a new comment you make need to attach a ".new" class to an existing comment to test it. Otherwise testing is a scarce resource.

Also, this thread acts as an announcement. New comment highlighting is a thing. We just have to theme it.

You can also install any of the themes here for early access.

Comment preview

[-]x0x70(0|0)
/* This one was generated by chatgpt and just looking at the code I think it's going to be hilarious. */

:root { --new-accent: #7c3aed } /* tweak to match your palette */

/* whole comment gets a soft tint + rounded focus */
.comment.new { 
 background: rgba(124,58,237,.06);
 border-radius: 6px;
 outline: 2px solid rgba(124,58,237,.12);
 outline-offset: -2px 
}

/* header bar gets a subtle wash */
.comment.new .head { background: rgba(124,58,237,.08) }

/* content column gets a clear left accent */
.comment.new .line1 { border-left: 3px solid var(--new-accent) }

/* tiny “new” dot next to the timestamp */
.comment.new .time::after { 
 content: ""; 
 display: inline-block; 
 width: .5em; 
 height: .5em; 
 margin-left: .4em; 
 border-radius: 50%; 
 background: var(--new-accent); 
 animation: pulse 1.6s ease-in-out 3
}

@keyframes pulse {
 0% { transform: scale(.8); opacity: .5 }
 50% { transform: scale(1.1); opacity: 1 }
 100% { transform: scale(.8); opacity: .4 }
}
parentlinkreply
[-]x0x70(0|0)
/* Moving to a green theme on the accent                */ 
/* It's not as bad in general as I thought it would be  */
/* I read pulse and thought it would be insane          */
/* Kudos to anyone who can make an insane theme.        */
/* I want to have seizures any time I see a new comment */

#include https://goatmatrix.net/c/MatrixDev/9G5Uf6pbqS#8UmAvu13bH
:root {
 --new-accent:#20b07c;
}
parentlinkreply
[-]x0x70(0|0)

/* This one is nukage themed */
.comment.new {
 box-shadow: rgb(60 255 105) 2px 2px 8px 2px !important;
}
parentlinkreply