Home
Databases
Community
Blogs
Tools
Submit
About
Donate
Database Search
Title
Console
Genre
Year
Publisher
RFG ID#
Community Blogs
My Blog
Submit Info
RFG Chat
Store
New on the Blogs
The Top 5 Survival Horror Games for the Sega Dreamcast
(2/20/2024)
Trombone Champ Is a Good Game
(12/30/2023)
Exploring the Infinite Fusion Calculator
(12/5/2023)
Thoughts on the Nintendo Switch OLED Model
(11/21/2023)
Hypnospace Outlaw
(10/30/2023)
OMNIFATE's Release, and a Bit of Development History
(10/1/2023)
This Way Madness Lies is the Best, Weirdest Game I have Ever Played
(8/21/2023)
Hot Community Blog Entries
Trombone Champ Is a Good Game
(1)
Thoughts on the Nintendo Switch OLED Model
(1)
The Steam Indie Spring Sale - What should you get?
(3)
The Top 5 Survival Horror Games for the Sega Dreamcast
(1)
Exploring the Infinite Fusion Calculator
(0)
Flash gaming at its best: Liferaft Zero
(2)
Nielsen's Favorites on Channel 4
Press Playcast Episode 91 - Doki Doki Literature Club
(0)
RFGeneration Secret Santa 2022 Signups are LIVE!!
(0)
Press Playcast Episode 92 - Bioshock Infinite
(0)
Shmup Club January 2023 - Metal Black
(1)
Shoot the Core-cast Episode 052 - Deathsmiles
(0)
Shoot the Core-cast Episode 053 - Fire Shark
(1)
Welcome,
Guest
. Please
login
or
register
.
Did you miss your
activation email?
March 29, 2024, 02:03:59 AM
News:
RF Generation: You are standing in an open field west of a white house, with a boarded front door.
RF Generation Message Board
|
Announcements and Feedback
|
The Thinktank
|
Dark theme
0 Members and 1 Guest are viewing this topic.
« previous
next »
Pages:
[
1
]
Author
Topic: Dark theme (Read 12970 times)
zophar53
Blog Writer
Posts: 174
Dark theme
«
on:
August 09, 2019, 10:59:16 AM »
Not sure if this has been suggested in the past, but I didn't see it in the recent threads I saw. I think having a dark or night theme would be a great and (possibly?) easy thing to do. I'm not a coder, so I don't know what it would take on the back end, but I've heard from a few people I've shown the site to, and I personally enjoy a nice dark theme, so to have a dark/light theme option seems like a great addition. Thoughts?
Logged
MetalFRO
Blog Writer
Posts: 2999
Awards: 2014 RFGen Top Shmuper
Re: Dark theme
«
Reply #1 on:
August 26, 2019, 09:13:13 AM »
I will second this! I know the site has a color scheme that is part of the branding, but I use a night/dark theme on my phone for almost anything that supports it, because it's easier on my eyes. The ability to do something like that would be very helpful.
Logged
Twitter
Game Boy Reviews
Host of
Shoot the Core-cast
!
mumboking
Do you feel the heartbeat of the land?
PlayStation
Posts: 2683
Re: Dark theme
«
Reply #2 on:
August 26, 2019, 06:19:15 PM »
I just tried modifying the CSS a little bit...
Looks alright, but some stuff has the colour defined by HTML, so I can't change that easily.
Probably missed out changing some stuff, but it's really just a concept.
Spoiler
(hover to show)
Code:
/* Normal, standard links. */
a:link, a:visited
{
color: #999;
background-color: transparent;
text-decoration: none;
}
a:hover
{
color: #cc0000;
background-color: transparent;
text-decoration: none;
}
/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited
{
color: #999;
background-color: transparent;
text-decoration: none;
}
a.nav:hover
{
font-weight: bold;
color: #cc0000;
background-color: transparent;
text-decoration: underline;
}
/* Tables should show empty cells too. */
table
{
empty-cells: show;
}
/* By default (td, body..) use Verdana in black. */
body
{
color: #FFF;
font-size: small;
font-family: verdana, arial, helvetica, sans-serif;
margin: 0
}
td
{
color: #FFF;
font-size: small;
font-family: verdana, arial, helvetica, sans-serif;
}
/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea
{
font-size: 9pt;
color: #fff;
font-family: verdana, arial, helvetica, sans-serif;
background-color: #111;
border-color: #444;
}
/* Checkboxes shouldn't have a background color. */
input.check
{
background-color: transparent;
}
/* Selects are a bit smaller, because it makes them look even better 8). */
select
{
font-size: 8pt;
font-weight: normal;
color: #FFF;
font-family: verdana, arial, helvetica, sans-serif;
background-color: #111;
border-color: #444;
}
/* Standard horizontal rule.. */
hr
{
color: #cccccc;
background-color: #cccccc;
}
/* A more colorful hr.. */
.hrcolor
{
height: 1px;
border: 0;
color: #333333;
background-color: #333333;
}
/* Still more colorful and larger horizontal hr.. */
.hrRFG
{
height: 2px;
border: 0;
color: #CC0000;
background-color: #CC0000;
}
/* A quote, perhaps from another post. */
.quote
{
color: #000000;
background-color: #CC6666;
border: 1px solid #cc3333;
margin: 2px;
padding: 5px;
font-size: 9pt;
}
/* A code block - maybe even PHP ;). */
.code
{
color: #FFF;
background-color: #333;
border: 1px solid white;
margin: 1px;
padding: 1px;
font-size: x-small;
}
/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader
{
color: #fff;
text-decoration: none;
font-style: normal;
font-weight: bold;
font-size: x-small;
}
.quoteheader a:link, .quoteheader a:visited
{
color: #000000;
background-color: transparent;
text-decoration: none;
}
/* Generally, those [?] icons. */
.help
{
cursor: help;
background-color: transparent;
}
/* /me uses this a lot. */
.meaction
{
color: red;
background-color: transparent;
}
/* The main post box - this makes it as wide as possible. */
.editor
{
width: 100%;
}
/* Highlighted text - such as search results. */
.highlight
{
background-color: yellow;
font-weight: bold;
color: black;
}
/* Alternating backgrounds... */
.windowbg, .windowbg3
{
color: #FFF;
background-color: #222;
}
.windowbg2
{
color: #FFF;
background-color: #111;
}
/*Message Control... Hey, Bob, you have 2...*/
.fmessage
{
font-style: normal;
color: #CC0000;
background-color: #EEEEEE;
}
/*Message Control*/.fmessage, .fmessage a:link, .fmessage a:visited
{
font-weight: bold;
font-style: normal;
color: #ECECEC;
background-color: transparent;
}
.fmessage a:hover
{
font-weight:bold;
font-style: normal;
color: #CC0000;
background-color: transparent;
}
/* Titles - such as table headers. */
.titlebg, tr.titlebg td, .titlebg a:link, .titlebg a:visited, .titlebg2, tr.titlebg2 td, .titlebg2 a:link, .titlebg2 a:visited
{
font-weight: bold;
font-style: normal;
color: #eeeeee;
background-color: #CC0000;
}
.titlebg a:hover,.titlebg2 a:hover
{
color: #ffffff;
}
/* The category headers, page indexes, and such things. */
.catbg
{
font-weight: bold;
background-color: #222;
background-image: linear-gradient(#333, #111);
color: #fff;
}
/* The borders around things. */
.bordercolor
{
background-color: #808080;
}
.tborder
{
border: 1px solid #808080;
}
/* Default font sizes. */
.smalltext
{
font-size: x-small;
}
.normaltext
{
font-size: small;
}
.largetext
{
font-size: large;
}
/* No image should have a border when linked */
a img{
border: 0;
}
/*Headline Text Control*/
.headline, .headline a:link, .headline a:visited
{
font-size: 14pt;
font-weight: bold;
color: #cc0000;
}
.headline a:hover
{
color: #BBBBBB;
}
/* Current Navigation Selected*/
.navbg, tr.navbg td, .navbg a:link, .navbg a:visited, .navbg a:hover
{
font-weight: bold;
font-style: normal;
color: #CC0000;
background-color: #222;
}
/* Navigation Background on Toggle*/
.navbg2, tr.navbg2 td, .navbg2 a:link, .navbg2 a:visited, .navbg2 a:hover
{
font-weight: bold;
font-style: normal;
color: #CC0000;
background-color: #111;
}
/* For the left bar*/
.leftbar
{
background-color: #DDDDDD;
}
.bodybg
{
background-color: #333;
}
.lightredbg
{
background-color: #CC9999;
}
/* The background for the top. */
.topbg
{
font-weight: bold;
background-color: #666666;
background-image: url(http://www.rfgeneration.com/bg.gif);
color: #000000;
}
/* No Images Exist*/
.noimages
{
font-weight: bold;
font-style: normal;
color: #555;
background-color: #222;
}
.yesimg
{
font-weight: bold;
color: #009900;
}
.noimg
{
font-weight: bold;
color: #993300;
}
table.warning
{
border-style: dashed;
border-color: #666666
}
/* Track Banner background */
.track
{
background-color: #000000;
}
/* Dropdown Menu Controls */
#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}
#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}
#dropmenudiv a:hover{ /*hover background color*/
background-color: #111;
}
/* For Profile Links */
a.windowbg2:link {color: #000000; text-decoration: none; }
a.windowbg2:visited {color: #000000; text-decoration: none; }
a.windowbg2:hover {color: #CC0000; text-decoration: none; }
/* Typeahead.js styles */
.tt-hint {
display: none;
}
.tt-dropdown-menu {
min-width: 200px;
border-width: 1px 1px 0;
border-color: black;
border-style: solid;
text-align: left;
}
.tt-suggestion {
color: #666666;
background-color: #dddddd;
border-bottom: 1px solid black;
text-indent: 3px;
font-weight: bold;
padding: 1px 0;
}
.tt-suggestion > p {
margin: 0;
}
.tt-is-under-cursor {
color: #cc0000;
background-color: #eeeeee;
}
«
Last Edit: August 26, 2019, 06:45:38 PM by mumboking
»
Logged
bickman2k
Director
Posts: 3243
Awards: 2017 RF Generation Punch-Out Heavyweight Champion!
Champion of
Re: Dark theme
«
Reply #3 on:
August 27, 2019, 12:13:01 PM »
I can put it on my board of things to do. It would probably be something optional once we move to an updated SMF version.
Which is also on the list of things to work on...
Logged
Cryptid Collector
SNES
Posts: 2258
Re: Dark theme
«
Reply #4 on:
August 28, 2019, 06:37:54 PM »
You mean something that looks a bit like the YoYoGames forums but maybe with less green?
Logged
They're so hell-bent on giving, walking a wire
Convinced it's not living if you stand outside the fire
-Garth Brooks/Standing Outside The Fire
tactical_nuke
DB Reviewer
Posts: 1394
Re: Dark theme
«
Reply #5 on:
September 12, 2019, 03:07:06 AM »
This would be a top request for me. The current colors can be eye-straining at times. In the meantime, if you use Chrome,
install an extension called "High Contrast"
to turn down the brightness.
Logged
Bear78
DB Contributor
Posts: 770
Re: Dark theme
«
Reply #6 on:
September 23, 2019, 09:14:13 AM »
I wouldn't mind a dark theme on the RFGen app also
Logged
Pages:
[
1
]
« previous
next »
Jump to:
Please select a destination:
-----------------------------
Gaming
-----------------------------
=> Video Game Generation
===> RFGeneration Archives
=> Community Playthroughs
=> What About Channel 4?
=> The Arena
=> RF Generation Podcasts
-----------------------------
Collecting
-----------------------------
=> Collection Connection
=> Trophies From the Hunt
=> Sales Extravaganza
===> Free Stuff
===> Keep An Eye Out For Me!!!
-----------------------------
Announcements and Feedback
-----------------------------
=> Announcements and Feedback
=> The Thinktank
=> RF Generation Events
-----------------------------
Other
-----------------------------
=> Idle Chatter
=> Media Room
=> The Gym
1 Hour
1 Day
1 Week
1 Month
Forever
Login with username, password and session length
Powered by SMF 1.1.21
|
SMF © 2015, Simple Machines
Simple Audio Video Embedder
RF Generation Theme derived from YabbGrey By
Nesianstyles
| Buttons by A.M.A
Page created in 0.111 seconds with 23 queries.
Site content Copyright © rfgeneration
.
com unless otherwise noted
.
Oh, and keep it on channel three
.