November 25, 2020, 03:06:34 AM

Author Topic: can you change the colors of this forum?  (Read 4285 times)

Offline Hardcoal

  • Sr. Member
  • ****
  • Posts: 481
can you change the colors of this forum?
« on: June 11, 2017, 11:43:46 PM »
 8)

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

Offline Qube

  • Administrator
  • Hero Member
  • *****
  • Posts: 2565
  • I mostly code at night... Mostly.
    • SyntaxBomb - Indie Coders
Re: can you change the colors of this forum?
« Reply #1 on: June 11, 2017, 11:49:38 PM »
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.

Quote
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.

Quote
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 :)
Mac mini ( 2018 / 2020 ), 3 GHz 6-Core Intel Core i5, 16 GB 2667 MHz DDR4, 1TB NVMe, eGPU Radeon Pro 580 8 GB, LG Ultragear 27GL83A-B 27 Inch
Commodore VIC-20, 1.1Mhz MOS 6502 CPU, 5KB RAM, VIC ( 6560 ) GPU

Until the next time...

Offline ENAY

  • Full Member
  • ***
  • Posts: 243
Re: can you change the colors of this forum?
« Reply #2 on: June 12, 2017, 02:32:10 AM »
I'd love the oldskool theme, but you know, that's a luxury really isn't it? :)

Offline GW

  • Full Member
  • ***
  • Posts: 202
Re: can you change the colors of this forum?
« Reply #3 on: June 12, 2017, 05:43:18 AM »
Quote
I'd love the oldskool theme,
ya, dark theme would help. it's too bright!

Offline MikeHart

  • Hero Member
  • *****
  • Posts: 738
Re: can you change the colors of this forum?
« Reply #4 on: June 12, 2017, 05:55:53 AM »
GoodlookinGuy posted something about a browser add-on where you maybe can change the colors yourself.

Offline Goodlookinguy

  • Full Member
  • ***
  • Posts: 146
    • How to be Unprofessional: A Blitz Research Ltd Story
Re: can you change the colors of this forum?
« Reply #5 on: June 12, 2017, 06:09:42 AM »
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.
I'm insane and not in a funny or good way! nrgs.org

Offline MikeHart

  • Hero Member
  • *****
  • Posts: 738
Re: can you change the colors of this forum?
« Reply #6 on: June 12, 2017, 07:01:26 AM »
GW, what browser do you use?

Offline GW

  • Full Member
  • ***
  • Posts: 202
Re: can you change the colors of this forum?
« Reply #7 on: June 12, 2017, 07:09:03 AM »
I use Chrome on windows



Offline MikeHart

  • Hero Member
  • *****
  • Posts: 738
Re: can you change the colors of this forum?
« Reply #8 on: June 12, 2017, 07:36:54 AM »
So the Stylish extension would help.

Offline GW

  • Full Member
  • ***
  • Posts: 202
Re: can you change the colors of this forum?
« Reply #9 on: June 12, 2017, 08:10:22 AM »
I tried 2 different dark themes, but everything above the first brown bar is white on white
Edit: nevermind i figured it out.
Thanks

Offline GW

  • Full Member
  • ***
  • Posts: 202
Re: can you change the colors of this forum?
« Reply #10 on: June 12, 2017, 08:30:39 AM »
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;
}




Offline Rick Nasher

  • Hero Member
  • *****
  • Posts: 790
Re: can you change the colors of this forum?
« Reply #11 on: June 19, 2017, 11:26:47 PM »
  • 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.
_______________________________________
 B3D + physics + shaders + X-platform = AGK!
:D ..ALIENBREED *LIVES* (thanks to Qube).. :D
_______________________________________

Offline Qube

  • Administrator
  • Hero Member
  • *****
  • Posts: 2565
  • I mostly code at night... Mostly.
    • SyntaxBomb - Indie Coders
Re: can you change the colors of this forum?
« Reply #12 on: June 20, 2017, 12:08:12 AM »
Would members prefer I change the colours to a more darker theme?
Mac mini ( 2018 / 2020 ), 3 GHz 6-Core Intel Core i5, 16 GB 2667 MHz DDR4, 1TB NVMe, eGPU Radeon Pro 580 8 GB, LG Ultragear 27GL83A-B 27 Inch
Commodore VIC-20, 1.1Mhz MOS 6502 CPU, 5KB RAM, VIC ( 6560 ) GPU

Until the next time...

Offline GW

  • Full Member
  • ***
  • Posts: 202
Re: can you change the colors of this forum?
« Reply #13 on: June 20, 2017, 01:46:29 AM »
I made an update to my post of the theme for stylish, fixing some small errors.
Quote
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.

Offline Rooster

  • Sr. Member
  • ****
  • Posts: 358
  • I don't know what this does...
Re: can you change the colors of this forum?
« Reply #14 on: June 20, 2017, 03:16:30 AM »
Would members prefer I change the colours to a more darker theme?
If we get to keep the cool background, then sure.

 

SimplePortal 2.3.6 © 2008-2014, SimplePortal