**Detailed Timestamp**

[deft quiver]

Here's a way that doesn't show the "detailed timestamp" (October 18 instead of 10/18)
Needs modification for languages other than english though

[id^=message-username]+span>[aria-label^="Today at"]::before {
  content: "Today at "
}

[modern python]

well yes but mine work for every languages xD

but hey thanks for that css

[mossy pier]

I believe this was already done with great detail

#🎨-css-snippets message

[rose whale]

Any way to add relative time ? (as in ...ago) and even location time depending on user location ?

[deft quiver]

You'd need a plugin for that. Not merged yet, but you can install it as a userplugin
https://github.com/Vendicated/Vencord/pull/3189
I have seen a timezone plugin, but can't find it. It was probably in the old userplugins channel, and probably doesn't even work anymore.

[rose whale]

Oh thanks! I'll try that !

[steep egret]

Here from NTTS, Thank you so much!

[grim viper]

idk why but somehow yours didn't work for me so i remade it using chatgpt (posting this for people which it also doesn't work)

/* Hide the original text when it's "Today at..." */
span[class*="timestampInline_"] time[aria-label^="Today at"] {
  font-size: 0px !important;
  position: relative;
}

/* Add "today at" and then append the time */
span[class*="timestampInline_"] time[aria-label^="Today at"]::before {
  content: attr(aria-label);
  font-size: 12px;
  text-transform: none; /* Default case */
}

-# dont blame me if it doesn't work, i dont really know anything about coding lol

[karmic pawn]

Here's a fix that works with UserMessagePronouns

span[class*="timestampInline_"] > time::before {
  content: attr(aria-label);
  font-size: 12px;
}

/* Hide original timestamp text without breaking pronouns */
span[class*="timestampInline_"] > time {
  font-size: 0 !important;
}

[tropic magnet]

hey is there one for this that would let me copy/paste the time again

i cant actually copy the timestamp with this code

[deft quiver]

pseudo elements can't be selected
You can use this css (it doesn't make them detailed, only adds the today at) (You need to change the aria label if your langage isnt set to english)

[id^=message-username]+span>[aria-label^="Today at"]::before {
  content: "Today at "
}

Or you can use this userplugin https://github.com/lolsuffocate/vc-customTimestamps
(there's also a pr for it to be merged into the main vencord https://github.com/Vendicated/Vencord/pull/3189)

[cobalt sparrow]

is there a way to include the seconds it was sent? like this

[deft quiver]

you can use this userplugin

there is also an unformatted timestamp in the html you could show
I think it might be in gmt though

[cobalt sparrow]

how would i install userplugins?

would i have to build it from source code

[deft quiver]

there's a guide in the pinned post here. #1256395889354997771
or you can wait until it gets merged (could take a while, but should happen eventually)

[cobalt sparrow]

mk

[deft urchin]

Thank you! Almost gave up on using this because it wasn't working

[grim stag]

any way to change the time to 12-h format instead of the 24-h one?

[deft quiver]

you have to use a plugin for that @grim stag

[grim stag]

oh tyy

ill try it l8r

[dusky veldt]

testing

[grim viper]

wdym

[deft quiver]

oh yeah forgot about that experiment

[worn marsh]

it stopped displaying for the call label in the chat, if you can please tell me how to get it back?

[deft quiver]

wdym by the call label?

[worn marsh]

idk what to call it

[deft quiver]

oh

[deft quiver]

This should work```css
:is(
[id^=message-username]+span, .isSystemMessage_c19a55 span
)>[aria-label^="Today at"]::before {
content: "Today at ";
}

[worn marsh]

it works, thank you very much

[fading rune]

wouild be peak if you had an updated version of this @modern python

[deft quiver]

it still works

[fading rune]

Yeah mine got bugged got it fixed now

[sweet vessel]

It seems the original code isn't working any more, instead its just removing the timestamp entirely from the chat view. Only way to make them visible again is to comment out this statement, which will restore them: css span[class*="timestampInline_"] { font-size: 0px !important; }
but the code that would add "Today at" does nothing at all, so I guess discord deleted the content label from the element....

if anyone has an updated CSS for this, would be great! ❤️

[deft quiver]

@sweet vessel This should still work

[sweet vessel]

Just tried this code, but nope its not adding "Today at" before the text, it looks like the aria-label for this is gone so the CSS can't add that content (on latest desktop canary with latest vencord)

[deft quiver]

I still have the aria label (i'm not on canary though)

idk why they'd remove it

[sweet vessel]

canary bug maybe? i can't get tooltips of dates to appear either when hovering over the timestamps

[deft quiver]

oh wait do you mean just the today at got removed from aria label?
I still have the today at, but that's more plausible

if they really removed the today at, it can't be done with css though

can you send a screenshot of it

[sweet vessel]

sure sec, just checking the css

[deft quiver]

whoa

that's weird

yeah can't be done with css unless you change it every day

you can use this https://github.com/Vendicated/Vencord/pull/3189

it's not merged yet, so you'll have to install it as a userplugin

[sweet vessel]

rip, thats what i thought too. I'll give it a few days in case its a shit build (in which case, the code will just work again if discord reverts this) but if it doesn't, I'll wait for that plugin to be merged and then use it (I only use the standard Vencord build offered on vencord.dev, as i think user plugins have to involve building your own vencord?)

[deft quiver]

it's been open since the start of the year
i don't think it's going to be merged soon

but building it yourself isn't that inconvenient

it's pretty simple

[modern python]

for me the original code work fine

[thorn glade]

Depends on your version ig, I'm on ptb and it's gone

maybe the normal one hasn't been updated yet

[stark igloo]

so it's not just broken for me

[deft quiver]

now i have it too
discord completely removed the aria-label, making this css snippet impossible to do

(and they removed the hover tooltips for some reason wtf)
they added them back

[slate spruce]

noo this was an amazing thing

discord somehow makes ux worse every time they change something

[warm hornet]

doesn't work for me either ;-;

It was working yesterday

[deft quiver]

read the message by me that's in your screenshot

[lavish lynx]

So you just can't see the send time now at all? No way to bring it back? Why tf would they do this shit

[deft quiver]

no
remove this snippet

[patent kayak]

@modern python do you plan to fix this?

[modern python]

❌ I cant

aria label that was bringing "today at" was removed as obsidian said

and i can agree its true

[patent kayak]

okay then add something to indicate that this is broken

in your message

[spare turtle]

is it possible to make the timestamp detect if the message datetime is the same as "today", and if it is it adds the "Today at", otherwise it just displays it normally?

[deft quiver]

only if you update it every single day with what day it is

[deft quiver]

You can install this as a userplugin

[spare turtle]

i assume that means theres no function like datetime.now?

[deft quiver]

This is css, not js/ts

that's why you need to use a plugin

[supple hazel]

how do we do this?

[deft quiver]

https://discord.com/channels/1015060230222131221/1257038407503446176

it's a bit more annoying to do this one though since you can't just clone it

[real oak]

how do i downmload it

[deft quiver]

look at the message 2 above yours

[real oak]

i mean how do i download a pull request

[deft quiver]

you don't

I just copy and paste the files