can you change the colors of this forum?

[Hardcoal]

 

why there is only quick reply option..
what if you want to add pictures or stuff to the reply?

[Qube]

Colour wise I can manually change them but I'm trying to avoid user selectable themes. Reason being is when new features are added it means I have to do the same changes to each theme template and that gets tedious.

why there is only quick reply option..

There isn't just that. At the top and bottom of each thread there is a Reply link which gives you more options.

what if you want to add pictures or stuff to the reply?

Use the reply link at the top / bottom of each thread. The tools are in there

[ENAY]

I'd love the oldskool theme, but you know, that's a luxury really isn't it?

[GW]

I'd love the oldskool theme,

ya, dark theme would help. it's too bright!

[MikeHart]

GoodlookinGuy posted something about a browser add-on where you maybe can change the colors yourself.

[Goodlookinguy]

I can work on a dark theme for Stylish if anyone wants me to. Making themes is a relatively passive activity for me. Although I can't guarantee everyone will like how I style things.

[MikeHart]

GW, what browser do you use?

[GW]

I use Chrome on windows

[MikeHart]

So the Stylish extension would help.

[GW]

I tried 2 different dark themes, but everything above the first brown bar is white on white
Edit: nevermind i figured it out.
Thanks

[GW]

I finally figured it out.
If anyone wants: here is my dark theme for stylish that I hacked up {poorly}.


Edit: I've updated this to fix some small errors.

Code: [Select]


body,
td,
th,
tr {
    color: #CCC !important;
}
body,
td,
th,
tr {
    color: #CCC !important;
}
.dropmenu a,
a:link,
a:visited {
    color: white !important;
}
.pagesection{
background: #666666 !important;
}
.keyinfo{
  background: #333333 !important;
    color: #CCCCCC !important;
}
.full_linktreebox{
  background: #333 !important;
}
.forumwidth {
    background: #292929 !important;
}
.quoteheader {
    background: #333333 !important;
}
.quickReplyContent {
color: #333333 !important;
    background: #333333 !important;
}




body {
    background: -webkit-linear-gradient(#333, #151515) !important;
    background: -moz-linear-gradient(#333, #151515) !important;
    background: linear-gradient(#333, #151515) !important;
}
#header {
    background: -webkit-linear-gradient(#252525, #111) !important;
    background: -moz-linear-gradient(#252525, #111) !important;
    background: linear-gradient(#252525, #111) !important;
    border-radius: 15px 15px 0 0 !important;
}
#upper_section {
    background: -webkit-linear-gradient(#444, transparent) !important;
    background: -moz-linear-gradient(#444, transparent) !important;
    background: linear-gradient(#444, transparent) !important;
    border-radius: 15px !important;
    padding: 15px 10px !important;
}
#content_section,
#footer_section {
    background: #111 !important;
}
h3.titlebg a,
h3.titlebg,
h4.titlebg,
h4.titlebg a {
    color: #CCC !important;
}
.windowbg2 {
    background: #333 !important;
    color: inherit !important;
}
.windowbg,
#preview_body {
    background: #292929 !important;
    color: inherit !important;
}
div.cat_bar {
    background: -webkit-linear-gradient(#222, black) !important;
    background: -moz-linear-gradient(#222, black) !important;
    background: linear-gradient(#222, black) !important;
    border-radius: 5px !important;
}
.navigate_section ul {
    border-top: 1px solid #444 !important;
    background: #292929 !important;
}
.roundframe {
    border-radius: 5px !important;
    border: 2px solid #555 !important;
    padding-top: 10px !important;
    padding-bottom: 5px !important;
}
div.title_barIC {
    background: -webkit-linear-gradient(#444, #222) !important;
    background: -moz-linear-gradient(#444, #222) !important;
    background: linear-gradient(#444, #222) !important;
}
#footer_section {
    background: -webkit-linear-gradient(#111, black) !important;
    background: -moz-linear-gradient(#111, black) !important;
    background: linear-gradient(#111, black) !important;
    border-radius: 0 0 15px 15px !important;
}
.catbg,
.catbg2,
tr.catbg td,
tr.catbg2 td,
tr.catbg th,
tr.catbg2 th,
.titlebg,
.titlebg2 td,
div.frame,
span.upperframe,
span.upperframe span,
span.lowerframe,
span.lowerframe span,
.roundframe,
span.botslice,
span.botslice span,
span.topslice,
span.topslice span,
.buttonlist ul li a span,
.buttonlist ul li a.active span,
.dropmenu li a span,
.dropmenu li a span,
.dropmenu li a {
    background: #333 !important;
}
.description,
.description_board,
.plainbox {
    background: #222 !important;
}
table.table_grid td {
    border-bottom: 1px solid #111 !important;
    border-right: 1px solid #111 !important;
}
.stickybg,
.stickybg2 {
    background: #444 !important;
}
textarea,
input,
button,
select {
    background: black !important;
    color: white !important;
    border: 1px solid #555 !important;
    padding: 2px;
}
blockquote.bbc_standard_quote {
    background-color: #222 !important;
    color: #CCC !important;
    border: 2px solid #555 !important;
    border-radius: 5px !important;
}
.buttonlist ul li a {
    background: #333 !important;
    border-radius: 5px !important;
}
.buttonlist ul li a:hover {
    background: -webkit-linear-gradient(95deg, #111, #222, #111) !important;
    background: -moz-linear-gradient(95deg, #111, #222, #111) !important;
    background: linear-gradient(95deg, #111, #222, #111) !important;
    color: #555 !important;
    border-radius: 5px;
}
.buttonlist ul li a.active:hover {
    background: -webkit-linear-gradient(95deg, black, #111, black) !important;
    background: -moz-linear-gradient(95deg, black, #111, black) !important;
    background: linear-gradient(95deg, black, #111, black) !important;
    color: #555 !important;
    border-radius: 5px;
}
code.bbc_code {
    background: #222 !important;
    color: #CCC !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: inherit !important;
}
.dropmenu li a.firstlevel {
    background: #333 !important;
    border-radius: 2px !important;
    padding: 0 0 0 5px !important;
}
.dropmenu li a.firstlevel:hover {
    background: #555 !important;
}
.dropmenu li ul {
    background: #333 !important;
    border-top: 1px solid #999 !important;
    padding: 0px !important
}
.dropmenu li ul li:hover {
    background: #222 !important;
}
.geshi {
    background: #DDD !important;
    color: #333 !important;
}
.geshi ol {
    list-style-type: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.geshi li {
    background: #DDD !important;
    border-bottom: none !important;
    border-left: none !important;
}
::selection {
    background-color: #555 !important;
    color: #bb4444 !important;
}
::-moz-selection { /* Code for Firefox */
    color: red;
    background: yellow;
}


.geshi ol li div::selection,
.geshi ol li span::selection {
    background-color: #BBB !important;
}
#footer_section div.frame {
    padding: 10px 0 0 0 !important;
}
.topic_table td.lockedbg2,
.topic_table td.lockedbg {
    background: #111 !important;
}

[Rick Nasher]

• Tried it GW: very nice.
• Pity it kills the galaxy oic on the title bar though, but hey can't have it all. Thanks dude.

[Qube]

Would members prefer I change the colours to a more darker theme?

[GW]

I made an update to my post of the theme for stylish, fixing some small errors.

Would members prefer I change the colours to a more darker theme?

I prefer darker themes because it's easier on the eyes, but I'm getting by with the stylish plugin so far.

[Rooster]

Would members prefer I change the colours to a more darker theme?

If we get to keep the cool background, then sure.