Become a Patron!

New Dark Mode for VU


VaporJoe

_ the end has arrived _
Staff member
VU Owner
VU Senior Leadership
VU Senior Administrator
Senior Moderator
VU Donator
Platinum Contributor
Press Corps
ECF Refugee
Vape Media
Member For 5 Years
Reddit Exile
VU Patreon
You now have the ability to change the style that best matches your style.

You can now pick Default Mode (what you see all the time) and Vaping Underground Dark.

The dark mode seem to be something many people were asking for. So here ya go!


Some may have access to one called "Xenforo" its just the boilerplate that comes with the forum, but you can use that as well.

Enjoy....

#announcement #colors #vaporjoes
 

nadalama

Senior Moderator
Staff member
Senior Moderator
VU Donator
Platinum Contributor
Member For 2 Years
VU Patreon
I really like the dark mode. Think I'll like it even better on smaller devices (I'm on a laptop now).
 

Carambrda

Gold Contributor
Member For 3 Years
ECF Refugee
Here's what I have in Dark Reader addon.

 

Wb80

-DIY-demon-
VU Donator
Gold Contributor
Member For 1 Year
VU Patreon
Dark mode looks good to me.
Thanks for all the hard work put into the updated vu.
 

Smigo

Gold Contributor
Gold Contributor
Oh for crying out loud. I tried to post it with corrected grammar, even down dragged but nothing. Still got posted as Mideq.
Ok so how do I try DARK MODE (MIDEQ)
Pretty please!
 

VaporJoe

_ the end has arrived _
Staff member
VU Owner
VU Senior Leadership
VU Senior Administrator
Senior Moderator
VU Donator
Platinum Contributor
Press Corps
ECF Refugee
Vape Media
Member For 5 Years
Reddit Exile
VU Patreon

nadalama

Senior Moderator
Staff member
Senior Moderator
VU Donator
Platinum Contributor
Member For 2 Years
VU Patreon
Oh for crying out loud. I tried to post it with corrected grammar, even down dragged but nothing. Still got posted as Mideq.
Ok so how do I try DARK MODE (MIDEQ)
Pretty please!

Click on your member name in the top right corner of your screen, then on next screen click Preferences. The choices are in the drop-down box next to where it says "Style." You'll see it right there. Just choose "Vaping Underground Dark"
 

Carambrda

Gold Contributor
Member For 3 Years
ECF Refugee
I'm blind in one eye and dark mode makes it easier to read. Anyone else have vision problems try dark mode. You won't regret it!!
I'm near deaf in one ear, have tinnitus, and diabetes. But also I am HSP, and, that's how this new Dark Mode right now is still much too bright for me for reading, i.e., white text is much too bright against this very dark background so I am forced to stick to using this popular addon called Dark Reader, to make text and brightly colored badges look like how it looks in the screenshot that I posted earlier. Only when I look at pictures is when I can stand max brightness because, then, I'm not reading, but the background in this new Dark Mode theme is still much too dark for looking at pictures. @5150sick
 

Anibird

Platinum Contributor
Member For 1 Year
Reddit Exile
I'm near deaf in one ear, have tinnitus, and diabetes. But also I am HSP, and, that's how this new Dark Mode right now is still much too bright for me for reading, i.e., white text is much too bright against this very dark background so I am forced to stick to using this popular addon called Dark Reader, to make text and brightly colored badges look like how it looks in the screenshot that I posted earlier. Only when I look at pictures is when I can stand max brightness because, then, I'm not reading, but the background in this new Dark Mode theme is still much too dark for looking at pictures. @5150sick

I guess nothing works for everyone. Good luck!
 

nadalama

Senior Moderator
Staff member
Senior Moderator
VU Donator
Platinum Contributor
Member For 2 Years
VU Patreon
I'm near deaf in one ear, have tinnitus, and diabetes. But also I am HSP, and, that's how this new Dark Mode right now is still much too bright for me for reading, i.e., white text is much too bright against this very dark background so I am forced to stick to using this popular addon called Dark Reader, to make text and brightly colored badges look like how it looks in the screenshot that I posted earlier. Only when I look at pictures is when I can stand max brightness because, then, I'm not reading, but the background in this new Dark Mode theme is still much too dark for looking at pictures. @5150sick

Are you on a tablet by chance? Have you tried a blue light filter?
 

lordmage

Senior Moderator
Staff member
Senior Moderator
VU Donator
Gold Contributor
ECF Refugee
Member For 5 Years
If his photophobia is like mine, blue light glasses don’t help.


Sent from my iPhone using Tapatalk
must be an extreme case you must not have much light in your house at all. i image alot of black out fabric and paint
 

~Don~

Platinum Contributor
Member For 4 Years
must be an extreme case you must not have much light in your house at all. i image alot of black out fabric and paint

Our condo is North facing as to not get direct light into the house... imagine hunting down a home in California to that specification lol...blinds are generally closed.






When we go out and about to the beaches and stuff, I can hang about 2 hours max before I need the wife drive due to head aches.

Our Accord I had tinted with 5%, which it completely against the law here... but I’m ok having to pay $264 ticket for tint, which we have a few times already.

My Sunglasses are prescription, and rather dark, costs a ton more to get them really dark instead of just transition dark which really isn’t at all dark.

Now blue blocking coating does help, just not a ton for those with severe light sensitivity.

But yeah, sucks.


Sent from my iPhone using Tapatalk
 

Carambrda

Gold Contributor
Member For 3 Years
ECF Refugee
Are you on a tablet by chance? Have you tried a blue light filter?
I'm on a laptop hooked up via HDMI cable to an Emotiva processor (Emotiva = America's #1 greatest audio company from Franklin, Tennesee─just outside of Nashville) to a 55″ TV that's standing in front of my bed... using a Logitech K800 wireless keyboard that I put on top of my legs, and a G402 corded optical mouse that I put right next to me on the mattress, no mouse mat needed. :D
 

nadalama

Senior Moderator
Staff member
Senior Moderator
VU Donator
Platinum Contributor
Member For 2 Years
VU Patreon
I'm on a laptop hooked up via HDMI cable to an Emotiva processor (Emotiva = America's #1 greatest audio company from Franklin, Tennesee─just outside of Nashville) to a 55″ TV that's standing in front of my bed... using a Logitech K800 wireless keyboard that I put on top of my legs, and a G402 corded optical mouse that I put right next to me on the mattress, no mouse mat needed. :D

So, what you're saying then, is you're on the ANTI-TABLET, eh? lol
 

lordmage

Senior Moderator
Staff member
Senior Moderator
VU Donator
Gold Contributor
ECF Refugee
Member For 5 Years
Our condo is North facing as to not get direct light into the house... imagine hunting down a home in California to that specification lol...blinds are generally closed.






When we go out and about to the beaches and stuff, I can hang about 2 hours max before I need the wife drive due to head aches.

Our Accord I had tinted with 5%, which it completely against the law here... but I’m ok having to pay $264 ticket for tint, which we have a few times already.

My Sunglasses are prescription, and rather dark, costs a ton more to get them really dark instead of just transition dark which really isn’t at all dark.

Now blue blocking coating does help, just not a ton for those with severe light sensitivity.

But yeah, sucks.


Sent from my iPhone using Tapatalk
about what i saw in my head id like the post but i know it sucks

I'm on a laptop hooked up via HDMI cable to an Emotiva processor (Emotiva = America's #1 greatest audio company from Franklin, Tennesee─just outside of Nashville) to a 55″ TV that's standing in front of my bed... using a Logitech K800 wireless keyboard that I put on top of my legs, and a G402 corded optical mouse that I put right next to me on the mattress, no mouse mat needed. :D
you headaches could be due to the overall size and refresh rate of the TV i know i used to use a TV but when i went to as monitor with 120 or better refresh rate the headaches stopped. TV and pc graphic never got along then again this was over 10 years ago.
 

Carambrda

Gold Contributor
Member For 3 Years
ECF Refugee
you headaches could be due to the overall size and refresh rate of the TV i know i used to use a TV but when i went to as monitor with 120 or better refresh rate the headaches stopped. TV and pc graphic never got along then again this was over 10 years ago.
I don't have any headaches, it's just that the full-bright white text is in such a shrill contrast with the very dark background that reading it feels almost like someone is pointing a flashlight straight into my eyes. Me being HSP (Highly Sensitive Person) worsens the distractiveness... about 15 to 20% of the population are HSP so it isn't a disorder. It is what the Polish psychiatrist/pshychologist Dr. Kazimierz Dąbrowski described as "The 5 Overexcitabilities" See:


 

Smigo

Gold Contributor
Gold Contributor
Mmm, Dark mode I just couldn't get along with for some reason. Good its an option though for some after reading why they like it.
 

gsmit1

Platinum Contributor
Member For 2 Years
This is only an expression of personal preference. I don't expect anything to change based upon my personal preferences only.

I like the dark theme overall, but the deal killer for me is the lack of contrast in the quotes. I find myself reading out of the quotes and into the post without realizing it because it's not obvious enough for me where the former ends and the latter begins. It's not that there's NO contrast, but just not enough.

In the default theme the left border being clearly delineated by a contrasting line and the greyish background in the quote make it obvious.
 

SMOKIE

THE MODFATHER
Staff member
VU Senior Leadership
VU Senior Administrator
Senior Moderator
VU Donator
Platinum Contributor
VU Live Leadership
Show Host
Reviewer
Vape Media
VU Live Host
Member For 5 Years
You now have the ability to change the style that best matches your style.

You can now pick Default Mode (what you see all the time) and Vaping Underground Dark.

The dark mode seem to be something many people were asking for. So here ya go!


Some may have access to one called "Xenforo" its just the boilerplate that comes with the forum, but you can use that as well.

Enjoy....

#announcement #colors #vaporjoes
Nice for those youths, lol
 

Carambrda

Gold Contributor
Member For 3 Years
ECF Refugee
I know it's still a little bit bric-à-brac, but anyway here it goes:

Code:
vapingunderground.com

CSS
div {
  color: ${#989280} !important;
}
body {
  background-color: ${#4f4542} !important;
}
.lg-backdrop,
div[class*="message-cell message-cell--main"] {
  background-color: ${#dcdedf} !important;
}
.iconic, .reaction-text, button, a, .fr-placeholder, .menu-header {
  color: ${#aca79a} !important;
}
div.bbWrapper a,
div.bbCodeBlock-expandContent a,
a[class*="username"] {
  color: ${#a0a080} !important;
}
.tabs.tabs--standalone, .tabs-tab,
a.button--cta.button.button--icon.button--icon--write,
.block-minorHeader, .block-header, .block-header a, .block-minorHeader a, .block-desc {
  color: ${#649280} !important;
  background-color: ${#dfb0b0} !important;
}
.bbCodeBlock {
  border-color: rgb(55, 59, 62) rgb(55, 59, 62) rgb(55, 59, 62) rgb(80, 28, 32);
}
header, a[target*="new"] img, aside.message-signature div.bbWrapper,
.smilie, .reaction-sprite, .message-avatar-online, div.bbWrapper img:not(.bbImage) {
  opacity: 0.5 !important;
}
::selection {
  color: ${#3a3aaf} !important;
  background-color: ${#c0c0d0} !important;
}
div.bbCodeBlock-expandLink a,
div.bbCodeBlock-title a.bbCodeBlock-sourceJump,
a.link.link--external.fauxBlockLink-blockLink,
.structItem-status--watched::before,
a[data-shortcut*="node-description"],
input, span[style*="color: rgb(0, 0, 0); --darkreader-inline-color:#e8e6e3;"] {
  color: ${#808080} !important;
}
.userBanner {
  color: ${#ffffff} !important;
}
.userBanner--staff {
  color: ${#a0a098} !important;
}
.userBanner--red {
  background-color: ${#d8a0a0} !important;
}
.userBanner--blue {
  background-color: ${#8090df} !important;
}
.userBanner--royalBlue {
  background-color: ${#7088d0} !important;
}
.userBanner--lightGreen {
  background-color: ${#60ffff} !important;
}
.userBanner--orange {
  background-color: ${#f0f040} !important;
}

================================
 

Syythe

Bronze Contributor
Member For 2 Years
ECF Refugee
Our condo is North facing as to not get direct light into the house... imagine hunting down a home in California to that specification lol...blinds are generally closed.






When we go out and about to the beaches and stuff, I can hang about 2 hours max before I need the wife drive due to head aches.

Our Accord I had tinted with 5%, which it completely against the law here... but I’m ok having to pay $264 ticket for tint, which we have a few times already.

My Sunglasses are prescription, and rather dark, costs a ton more to get them really dark instead of just transition dark which really isn’t at all dark.

Now blue blocking coating does help, just not a ton for those with severe light sensitivity.

But yeah, sucks.


Sent from my iPhone using Tapatalk
I'm very much the same way. Too much light and my head feels like it could pop. My house gets compared to a dungeon quite often.

I am super happy to see the addition of dark mode. Those white backgrounds makes it hard for me to read for more than a few minutes before the headaches start.
 

Lady Sarah

Gold Contributor
Member For 2 Years
All the brightly colored pictures and badges overwhelmed the screen in dark mode, and I have the brightness on my screen turned way down to reduce the chances of more migraines. The light gray screen is less harsh on my eyes.
 

ProlineVaper

VU Donator
Silver Contributor
Member For 2 Years
ECF Refugee
VU Patreon
I was already using dark mode for VU on my phone (phone settings) but now I can use it on the laptop too! Awesome! I can hardly stand to look at the screen without dark mode. Not only does it make all the words bury, but the white background hurts my eyes and gives me migraines! DARK MODE RULES!
 

5150sick

Under Ground Hustler
Staff member
VU Administrator
Senior Moderator
VU Donator
Diamond Contributor
Press Corps
Member For 5 Years
Mod Team Leader
the white background hurts my eyes and gives me migraines!
DARK MODE RULES!

I was also having problems with the brightness.
I look at the screen a lot.
I'm on here a lot.
The white background was hurting my eyes, giving me bad headaches, and it was even messing my sleep up.
I had the brightness turned down really low but that didn't help very much.
Also, I had to keep toggling it on brighter in the daytime then darker at nighttime.

VU dark mode has helped solve the problems.:)
Also, Win10 has the night light option now which is great for night time.
 

Carambrda

Gold Contributor
Member For 3 Years
ECF Refugee
I was also having problems with the brightness.
I look at the screen a lot.
I'm on here a lot.
The white background was hurting my eyes, giving me bad headaches, and it was even messing my sleep up.
I had the brightness turned down really low but that didn't help very much.
Also, I had to keep toggling it on brighter in the daytime then darker at nighttime.

VU dark mode has helped solve the problems.:)
Also, Win10 has the night light option now which is great for night time.
The dark theme is not a solution for me. It still hurts my eyes because, when trying to read text, the BRIGHT WHITE font still hits my eyes like a fucking military search light so, instead, here's what DOES work:
Code:
vapingunderground.com

CSS
div {
  color: ${#989280} !important;
}
div.message-cell.message-cell--main { 
  background-color: ${#d4d6d6} !important;
}
.structItem {
  background-color: ${#dadcdd} !important;
}
div.bbCodeBlock-content, div.bbCodeBlock-expandContent { 
  color: ${#aeb2a0} !important;
  background-color: ${#dadbdb} !important;
}
body {
  background-color: ${#4f4542} !important;
}
.lg-backdrop,
div[class*="message-cell message-cell--main"] {
  background-color: ${#dcdedf} !important;
}
.iconic, .reaction-text, button, a, .fr-placeholder, .menu-header {
  color: ${#aca79a} !important;
}
div.bbWrapper a,
div.bbCodeBlock-expandContent a,
a[class*="username"] {
  color: ${#a0a080} !important;
}
.tabs.tabs--standalone, .tabs-tab,
a.button--cta.button.button--icon.button--icon--write,
.block-minorHeader, .block-header, .block-header a, .block-minorHeader a, .block-desc {
  color: ${#649280} !important;
  background-color: ${#dfb0b0} !important;
}
.bbCodeBlock {
  border-color: rgb(55, 59, 62) rgb(55, 59, 62) rgb(55, 59, 62) rgb(80, 28, 32);
}
.patreon-widget {
  opacity: 0.35 !important;
}
header, a[target*="new"] img, aside.message-signature div.bbWrapper,
.smilie, .reaction-sprite, .message-avatar-online, div.bbWrapper img:not(.bbImage) {
  opacity: 0.5 !important;
}
::selection {
  color: ${#3a3aaf} !important;
  background-color: ${#c0c0d0} !important;
}
div.bbCodeBlock-expandLink a,
div.bbCodeBlock-title a.bbCodeBlock-sourceJump,
a.link.link--external.fauxBlockLink-blockLink,
.structItem-status--watched::before,
a[data-shortcut*="node-description"],
input, span[style*="color: rgb(0, 0, 0); --darkreader-inline-color:#e8e6e3;"],
span[style*="color: black; --darkreader-inline-color:#e8e6e3;"] {
  color: ${#808080} !important;
}
.userBanner {
  color: ${#ffffff} !important;
}
.userBanner--staff {
  color: ${#a0a098} !important;
}
.userBanner--red {
  background-color: ${#d8a0a0} !important;
}
.userBanner--blue {
  background-color: ${#8090df} !important;
}
.userBanner--royalBlue {
  background-color: ${#7088d0} !important;
}
.userBanner--lightGreen {
  background-color: ${#60ffff} !important;
}
.userBanner--orange {
  background-color: ${#f0f040} !important;
}

================================
Just copy the code from the box above, add it to the top of the code that already is present in Dark Reader addon's Dev tools window by pasting it there. Next, hit on Apply. Done... no more need to wear goggles like Vin Diesel was wearing in the movie Pitch Black.
 

Carambrda

Gold Contributor
Member For 3 Years
ECF Refugee
Updated.
CSS:
vapingunderground.com

CSS
div {
  color: ${#989280} !important;
}
div.message-cell.message-cell--main {
  background-color: ${#d4d6d6} !important;
}
.structItem, div.memberTooltip, div.memberHeader,
h2.block-tabHeader.block-tabHeader {
  background-color: ${#dadcdd} !important;
}
div.bbCodeBlock-content, div.bbCodeBlock-expandContent {
  color: ${#aeb2a0} !important;
  background-color: ${#dadbdb} !important;
}
body {
  background-color: ${#4f4542} !important;
}
.fr-view blockquote[data-quote]::before,
.p-nav-scroller .hScroller-action,
.tabs--standalone .hScroller-action,
.block-tabHeader .hScroller-action {
  color: ${#e0a0a0} !important;
}
.block-tabHeader .hScroller-action--start {
  background-image: linear-gradient(to right, rgb(30, 32, 33) 66%, rgba(30, 32, 33, 0) 100%) !important;
}
.block-tabHeader .hScroller-action--end {
  background-image: linear-gradient(to right, rgba(30, 32, 33, 0) 0%, rgb(30, 32, 33) 33%) !important;
}
blockquote {
  border-left-color: rgb(72, 28, 32) !important;
}
.fr-toolbar .fr-command.fr-btn.fr-open {
  color: ${#deb4b4} !important;
  background-color: ${#dcdedf} !important;
}
.lg-backdrop,
div[class*="message-cell message-cell--main"],
.fr-btn-grp {
  background-color: ${#dcdedf} !important;
}
.iconic, .reaction-text, button, a, .fr-placeholder, .menu-header,
.pairs > dt, dl.pairs {
  color: ${#aca79a} !important;
}
div.bbWrapper a,
div.bbCodeBlock-expandContent a,
a[class*="username"],
div.bbWrapper a:hover,
.message-body .username:hover {
  color: ${#a0a080} !important;
}
.tabs.tabs--standalone, .tabs-tab,
a.button--cta.button.button--icon.button--icon--write,
.block-minorHeader, .block-header, .block-header a, .block-minorHeader a, .block-desc {
  color: ${#649280} !important;
  background-color: ${#dfb0b0} !important;
}
.bbCodeBlock {
  border-color: rgb(55, 59, 62) rgb(55, 59, 62) rgb(55, 59, 62) rgb(80, 28, 32);
}
.patreon-widget {
  opacity: 0.35 !important;
}
header, a[target*="new"] img, aside.message-signature div.bbWrapper,
.smilie, .reaction-sprite, .message-avatar-online, div.bbWrapper img:not(.bbImage) {
  opacity: 0.5 !important;
}
::selection {
  color: ${#3a3aaf} !important;
  background-color: ${#c0c0d0} !important;
}
div.bbCodeBlock-expandLink a,
div.bbCodeBlock-title a.bbCodeBlock-sourceJump,
a.link.link--external.fauxBlockLink-blockLink,
.structItem-status--watched::before,
a[data-shortcut*="node-description"],
input, span[style*="color: rgb(0, 0, 0); --darkreader-inline-color:#e8e6e3;"],
span[style*="color: black; --darkreader-inline-color:#e8e6e3;"],
i.structItem-status--sticky::before,
span.username, span.label, .inputDate-icon::before, abbr {
  color: ${#808080} !important;
}
.userBanner {
  color: ${#f8fff0} !important;
  text-shadow: -1px 0 ${#b0b0b0}, 0 1px ${#b0b0b0}, 1px 0 ${#b0b0b0}, 0 -1px ${#b0b0b0}, 0 0 11px white !important;
}
.userBanner--staff {
  color: ${#a0a098} !important;
}
.userBanner--red {
  background-color: ${#d8a0a0} !important;
}
.userBanner--blue {
  background-color: ${#8090df} !important;
}
.userBanner--royalBlue {
  background-color: ${#7088d0} !important;
}
.userBanner--lightGreen {
  background-color: ${#60ffff} !important;
}
.userBanner--orange {
  background-color: ${#f0f040} !important;
}
select.input {
  color: ${#787878} !important;
  background-color: ${#d2d4d4} !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4.9 10'%3E%3Cstyle%3E._xfG%7Bfill:%23a83030;%7D%3C/style%3E%3Cpath class='_xfG' d='M1.4 4.7l1.1-1.5 1 1.5m0 .6l-1 1.5-1.1-1.5'/%3E%3C/svg%3E") !important;
}
select.input:hover {
  background-color: ${#c0c2c2} !important;
}
.ratingStars-star.ratingStars-star--full::before {
  color: ${#deb4b4} !important;
}
.ratingStars-star::before {
  color: ${#cacaca} !important;
}
.memberTooltip-blurb div, .memberTooltip-blurb dl.pairs, .memberTooltip-blurb dl.pairs dt,
.memberTooltip-blurb dl.pairs a,
div.memberHeader-blurb, .memberHeader-blurb dl.pairs, .memberHeader-blurb dl.pairs dt,
.memberHeader-blurb dl.pairs a, h4.block-textHeader, h2.block-formSectionHeader {
  color: ${#606060} !important;
  text-shadow: -1px 0 2px black, 0 1px 2px black, 1px 0 2px black, 0 -1px 2px black !important;
}
.memberTooltip-nameWrapper .username, .memberTooltip-name a,
.memberHeader-nameWrapper, .memberHeader-nameWrapper span.username {
  color: ${#576548} !important;
  text-shadow: -1px 0 5px black, 0 1px 5px black, 1px 0 5px black, 0 -1px 5px black !important;
}
.memberTooltip-header, .memberHeader-main {
  background-color: ${#ced1d2} !important;
}

================================
 

VU Sponsors

Top