Delta Virtual Airlines Issue Report #4,956

DEVELOPMENT ISSUE #4,956 - Improvement: Dark theme / Banner transparency
Reported by	Tyler Devereaux (DVA3220) on 08/21/2017 17:15 ET
Assigned To	Luke Kolin (DVA043)
Issue Status	Open
Issue Priority	Medium
Security	Public
Area	Web Site
Issue Type	Enhancement
Target Version	0.0
Issue Description	Hello again: This one is for Luke. I wanted to suggest a dark theme for the website and, if you like the idea, removing the background layer from one of the logo banners. While I think the design of the DVA website is very clean (good job!), unfortunately the bright background hurts my eyes. So, I made a dark theme for the website. Once I did this, I noticed that there are two logo banners that get used: a default one [DeltaBanner.png] and a secondary one [DeltaBanner_delta_2007]. My guess is that the secondary banner gets used when users have the default "Delta 2007" theme selected in the profile edit options. The default banner has a transparent background; however, the secondary banner does not. I tried to leave it alone but, alas, my OCD would not allow me to, so I edited the banner image. It was a quick hack job: I can code all day, but image editing has never been my specialty. Notwithstanding, it's decent enough to not scream at my OCD when I view the DVA website. While it's not perfect, I think the overall product came out fairly nice. I wanted to share my prototype with you, that you might consider adopting something similar for everyone to have the option of using. I have no intention of claiming any more credit than due. Largely, none of this is "mine": all I did was write the CSS that overrides specific selectors on the DVA site. The color scheme is from Mozilla (https://developer.mozilla.org/en-US/docs/Tools/DevToolsColors): I extracted the CSS variables from the developer tools dark theme resource and then applied those variables against DVA's CSS. Here's a few screenshots: - Homepage, not logged in: https://puu.sh/xfVvJ/2bb3336e8f.png - Homepage, once I login: https://puu.sh/xfVv0/15ff54ed1f.png And here's after I edited the banner: - Homepage: https://puu.sh/xfYGX/dcbddc4070.png - Pilot Center: http://puu.sh/xg1O6/6bc7d2cc77.png - Online Events: http://puu.sh/xg1Qc/c4614a1eba.png - Water Cooler (All Posts): http://puu.sh/xg1RV/2ca6e55be4.png - Water Cooler (Thread): http://puu.sh/xg1T2/43f8ce5279.png
2 ISSUE COMMENTS
Yisrael Wealcatch (DVA12719) 08/23/2017 06:17 ET	I just want to pipe up here. I really like this. If we could have this as an option in addition to the DVA2006 and Legacy themes, that would be awesome.
Soonho Lee (DVA11591) 08/23/2017 06:17 ET	Converted Help Desk Issue at http://www.deltava.org/hdissue.do?id=0x2626

For flight simulation purposes only. Not a commercial website. In no way are we affiliated with Delta Air Lines, its affiliates, or any other airline. All logos, images, and trademarks remain the property of their respective owners. Delta Virtual Airlines is a non-profit entity engaged in providing an avenue for flight simulation enthusiasts.