Contact me through Discord

Timestamp Tweaks

Bring back a more detailed timestamp on hover (+ more readable edited-message-timestamp) and create bordered timestamps! Both are customizable!

Bordered timestamps

Before:

After:

Full timestamps

Before:

After [On hover]:

Installing it to your Discord

Use Vencord or an equivalent client mod that allows you to install themes.

Paste the following link into your online theme links:

https://raw.githubusercontent.com/MEWPASCO/timestamp-tweaks/main/timestamps.css

Other method

Paste this into your QuickCSS (Or any non-Vencord equivalent) to make it a little easier:

Note

Must be at the top of your code, @import does not work otherwise - this is for all the @import code you might have - put it to the top!

/* timestamp-tweaks */
@import url('https://raw.githubusercontent.com/MEWPASCO/timestamp-tweaks/main/timestamps.css');

Alternatively if your client does not support online themes you can download the theme file found in this repository and put it into your theme folder.

Configuration

Put this into your QuickCSS (Or any non-Vencord equivalent) to configure some behavior of this theme:

/* timestamp-tweaks */
:root{
  /* Timestamp - Border */
  /* the / <number> in the hsl code refers to the opacity */
    --timestamp-border-color: hsl(120 100% 50% / 100%) !important;

  /* Colored EDITED-Timestamp on hover */
  [role="article"]:hover .timestamp_c19a55:has(.edited_c19a55) > [class^="hiddenVisually_"] {
  color: #ff00a6 !important;   /* !!custom color!! */
}
}

Thanks to the creator of the wonderful website of HSL Color Picker, this will help you pick your HSL value/s!