Upvote Upvoted 14 Downvote Downvoted
New TF.TV Dark Theme - inspired by vlr.gg
posted in Customization
1
#1
0 Frags +

Dark theme for TF.TV based on the styling of vlr.gg.

https://i.imgur.com/S6DwvB4.png

Something I have been working on in my spare time.

Requires something like Stylus to work, available for most web browsers as an extension. Tested on Firefox but it looks similar in Chrome too.

Pictures:

https://imgur.com/a/C1Jd8Ow

There is an optional HQ flag/class icon file with SVG flags and TF2 class icons. Improves the quality especially when zoomed in or with display scaling. File size is relatively large however.

Credits:


Download:

Dark theme

HQ Icons

WIP and the CSS is most likely a mess currently. Maybe a tampermonkey script in the future.

Any issues or feedback report here with SS/details. Enjoy!

Dark theme for TF.TV based on the styling of vlr.gg.

[img]https://i.imgur.com/S6DwvB4.png[/img]

Something I have been working on in my spare time.

Requires something like Stylus to work, available for most web browsers as an extension. Tested on Firefox but it looks similar in Chrome too.
[h]
Pictures:[/h]
https://imgur.com/a/C1Jd8Ow

There is an optional HQ flag/class icon file with SVG flags and TF2 class icons. Improves the quality especially when zoomed in or with display scaling. File size is relatively large however.

[h]Credits:[/h]
[list]
[*] Me: the CSS, class icons and nerd stars
[*] Roblan11: TFTV logo
[*] Flags: https://github.com/lipis/flag-icons
[/list]
[b][h]
Download:[/h][/b]
[url=https://userstyles.world/style/6123/teamfortress-tv-dark-theme-vlr-gg-inspired]Dark theme[/url]

[url=https://userstyles.world/style/6125/teamfortress-tv-hq-icons]HQ Icons[/url]


WIP and the CSS is most likely a mess currently. Maybe a tampermonkey script in the future.

Any issues or feedback report here with SS/details. Enjoy!
2
#2
0 Frags +

Changelog:

Show Content
16.04.2024
Prevent some elements clipping off the page
Fix up some buttons
Fix drop shadows in some areas
Round off corners in a bunch of places
SVG discord icon
Bit of clean up

31.03.2024
Separator bars look proper when zoomed in
Header no longer looks ugly
Fixed some element alignment issues
Rounded off corners of some elements
Tweaked colours
Inbox fixes

21.08.2022
New header separation bits. Might look better, might look worse.
Fix for + and - frags in posts
Margin tweaks
Rounded corners for thread frag counts
Couple of small tweaks
[b][u]Changelog:[/u][/b]
[spoiler]
16.04.2024
Prevent some elements clipping off the page
Fix up some buttons
Fix drop shadows in some areas
Round off corners in a bunch of places
SVG discord icon
Bit of clean up

[b]31.03.2024[/b]
Separator bars look proper when zoomed in
Header no longer looks ugly
Fixed some element alignment issues
Rounded off corners of some elements
Tweaked colours
Inbox fixes

[b]21.08.2022[/b]
New header separation bits. Might look better, might look worse.
Fix for + and - frags in posts
Margin tweaks
Rounded corners for thread frag counts
Couple of small tweaks[/spoiler]
3
#3
2 Frags +

Now I will no longer be suddenly blinded by a flash of white when jumping between discord and tftv, thank you.

Now I will no longer be suddenly blinded by a flash of white when jumping between discord and tftv, thank you.
4
#4
0 Frags +

Thanks for the credit! Let me know if you need any other files / formats.
Looks sick! I love the subtle margin changes to make the layout a little more compact, looking forward to using it!

Thanks for the credit! Let me know if you need any other files / formats.
Looks sick! I love the subtle margin changes to make the layout a little more compact, looking forward to using it!
5
#5
5 Frags +

@enigma...

you know its time

@enigma...

you know its time
Please sign in through STEAM to post a comment.