As the whole microcat subforum kindly gets its own color scheme, this is what I am working on:
(http://i.imgur.com/uF9F6iY.png)
If you want to try it out yourself, just install the Stylish extension and put the following stylesheet:
@import url(https://fonts.googleapis.com/css?family=Coda);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,700,600);
body {
background: #333;
font-family: "Coda", sans-serif;
}
#content-section a, #content-section a:link, #content-section a:visited,
#upper_section .user a, #upper_section .user a:link, #upper_section .user a:visited,
#content_section a, #content_section a:link, #content_section a:visited {
color: #b7e55b;
}
#content-section a:hover {
color: #ccff66;
}
h4.catbg a, h4.catbg a:link, h4.catbg a:visited,
h4.catbg2 a, h4.catbg2 a:link, h4.catbg2 a:visited,
h3.catbg a, h3.catbg a:link, h3.catbg a:visited,
h3.catbg2 a, h3.catbg2 a:link, h3.catbg2 a:visited,
.table_list tbody.header td.catbg a, .table_list tbody.header td.catbg a:link, .table_list tbody.header td.catbg a:visited,
div.cat_bar a, div.cat_bar a:link, div.cat_bar a:visited {
color: #fff !important;
}
h4.catbg a:hover, h4.catbg2 a:hover, h3.catbg a:hover, h3.catbg2 a:hover, .table_list tbody.header td.catbg a:hover, div.cat_bar a:hover {
color: #fff !important;
}
.buttonlist ul li a.active {
color: #fff !important;
}
.buttonlist ul li a {
color: #000 !important;
}
h4.catbg, h4.catbg2, h3.catbg, h3.catbg2, .table_list tbody.header td.catbg, div.cat_bar
{
background: #b7e55b;
color: #333;
font-family: "Coda", sans-serif;
}
.windowbg, #preview_body {
background: #666;
color: #000;
}
.windowbg2, #preview_body {
background: #666;
color: #000;
}
#header, #content_section, #footer_section {
background: #333;
color: #fff;
}
#header div.frame, #content_section div.frame, #footer_section div.frame,
#header, #content_section, #footer_section {
border-top: none;
border-right: none;
border-left: none;
border-bottom: none;
}
h1.forumtitle {
width: 100%;
height: 100px;
background-image: url(http://img.codewalr.us/smflogo_microcat_border.png);
background-repeat: no-repeat;
background-position: center;
}
h1.forumtitle img {
display: none;
}
blockquote.bbc_standard_quote, code.bbc_code {
background: #999;
}
blockquote.bbc_standard_quote, blockquote.bbc_alternate_quote {
border-top: 1px solid #444;
border-bottom: 1px solid #444;
}
.pagesection, p#whoisviewing {
color: #fff;
}
.roundframe {
background: #666;
}
Then you can some URL rules such as:
- https://codewalr.us/index.php?action=post;board=40.0
- https://codewalr.us/index.php?board=40.0
- https://codewalr.us/index.php?topic=646
- https://codewalr.us/index.php?topic=815
And you should see the new style :)
The style is nowhere near completion yet, but how do you like it so far?
This actually looks nice. I am curious about if changing WalrusIRC colors would be feasible from the sub-forum, because it would be nice if the top and bottom were the same colors. Or perhaps the posts could be made the same color as WIRC, but then the text would be impossible to read elsewhere on the site.
Ideally I think the sub-forum change should be done via a script, but in the worst case scenario we can always create a brand new theme directory and have the sub-forum theme set to Microcat by default. I wonder if
@Streetwalrus would be able to setup some script...
Looks good, i like the color combinations :)
The background misses some noise though, i recommend adding some small texture to give it some diversity (like the green blocks on the main theme)
Quote from: DJ Omnimaga on October 31, 2015, 03:02:00 AM
This actually looks nice. I am curious about if changing WalrusIRC colors would be feasible from the sub-forum, because it would be nice if the top and bottom were the same colors. Or perhaps the posts could be made the same color as WIRC, but then the text would be impossible to read elsewhere on the site.
Definitely possible but requires a minor change to wirc.
Quote from: DJ Omnimaga on October 31, 2015, 03:02:00 AM
Ideally I think the sub-forum change should be done via a script, but in the worst case scenario we can always create a brand new theme directory and have the sub-forum theme set to Microcat by default. I wonder if @Streetwalrus would be able to setup some script...
As I said, it's a 2 line php edit. I can do that.
Quote from: Streetwalrus on October 31, 2015, 10:51:47 AM
Quote from: DJ Omnimaga on October 31, 2015, 03:02:00 AM
This actually looks nice. I am curious about if changing WalrusIRC colors would be feasible from the sub-forum, because it would be nice if the top and bottom were the same colors. Or perhaps the posts could be made the same color as WIRC, but then the text would be impossible to read elsewhere on the site.
Definitely possible but requires a minor change to wirc.
Yeah, it's very possible with some JS.
Quote from: Juju on October 31, 2015, 06:02:26 PM
Quote from: Streetwalrus on October 31, 2015, 10:51:47 AM
Quote from: DJ Omnimaga on October 31, 2015, 03:02:00 AM
This actually looks nice. I am curious about if changing WalrusIRC colors would be feasible from the sub-forum, because it would be nice if the top and bottom were the same colors. Or perhaps the posts could be made the same color as WIRC, but then the text would be impossible to read elsewhere on the site.
Definitely possible but requires a minor change to wirc.
Yeah, it's very possible with some JS.
Yea, but Streetwalrus said that he will do a few PHP lines to get it working without JS.
Anyway, WalrusIRC has theming support (and a yet hidden option to change the theme), so you can write a CSS for it.
Quote from: Juju on October 31, 2015, 06:12:21 PM
Anyway, WalrusIRC has theming support (and a yet hidden option to change the theme), so you can write a CSS for it.
That sounds good :)
Btw, this is the latest stylesheet:
@import url(https://fonts.googleapis.com/css?family=Coda);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,700,600);
body {
background: #333;
font-family: "Coda", sans-serif;
color: #fff;
}
a, a:link, a:visited,
a.new_win:link, a.new_win:visited,
.poster h4, .poster h4 a {
color: #b7e55b;
}
#content-section a:hover {
color: #ccff66;
}
.dropmenu {
font-family: "Arial", "Helvetica", sans-serif;
}
.dropmenu a, #search_form a {
color: #000;
}
h4.catbg a, h4.catbg a:link, h4.catbg a:visited,
h4.catbg2 a, h4.catbg2 a:link, h4.catbg2 a:visited,
h3.catbg a, h3.catbg a:link, h3.catbg a:visited,
h3.catbg2 a, h3.catbg2 a:link, h3.catbg2 a:visited,
.table_list tbody.header td.catbg a, .table_list tbody.header td.catbg a:link, .table_list tbody.header td.catbg a:visited,
div.cat_bar a, div.cat_bar a:link, div.cat_bar a:visited {
color: #fff !important;
}
h4.catbg a:hover, h4.catbg2 a:hover, h3.catbg a:hover, h3.catbg2 a:hover, .table_list tbody.header td.catbg a:hover, div.cat_bar a:hover {
color: #fff !important;
}
.buttonlist ul li a.active {
color: #fff !important;
}
.buttonlist ul li a {
color: #000 !important;
}
h4.catbg, h4.catbg2, h3.catbg, h3.catbg2, .table_list tbody.header td.catbg, div.cat_bar,
.catbg, .catbg2, tr.catbg td, tr.catbg2 td, tr.catbg th, tr.catbg2 th,
tr.catbg th.first_th,
tr.catbg th.last_th
{
background: #b7e55b;
color: #333;
font-family: "Coda", sans-serif;
}
.stickybg, .stickybg2 {
background: #999;
}
.windowbg, #preview_body {
background: #666;
color: #000;
}
.windowbg2, #preview_body {
background: #777;
color: #000;
}
#header, #content_section, #footer_section {
background: #333;
color: #fff;
}
#header div.frame, #content_section div.frame, #footer_section div.frame,
#header, #content_section, #footer_section {
border-top: none;
border-right: none;
border-left: none;
border-bottom: none;
}
h1.forumtitle {
width: 100%;
height: 100px;
background-image: url(http://img.codewalr.us/smflogo_microcat_border.png);
background-repeat: no-repeat;
background-position: center;
}
h1.forumtitle img {
display: none;
}
blockquote.bbc_standard_quote, code.bbc_code, .description, .description_board, .plainbox, .post_wrapper table,
.titlebg, .titlebg2, tr.titlebg th, tr.titlebg td, tr.titlebg2 td {
background: #999;
}
blockquote.bbc_standard_quote, blockquote.bbc_alternate_quote {
border-top: 1px solid #444;
border-bottom: 1px solid #444;
}
.pagesection, p#whoisviewing, .codeheader, .quoteheader, .navigate_section {
color: #fff;
}
.roundframe {
background: #666;
}
div.spoilerheader input {
background: #b7e55b;
}
input, button, select, textarea,
.bbc_table {
color: #000;
border: 1px solid #444;
}
.bbc_table {
border-collapse: collapse;
padding: 5px 2px;
}
.bbc_table tr, .bbc_table td
{
border: 1px dotted #444;
}
.signature, .custom_fields_above_signature,
.inner {
border-top: 1px solid #999;
padding-top: 2px;
}
.windowbg span.botslice,
.windowbg2 span.botslice {
border-bottom: 1px solid #333;
}
blockquote.bbc_alternate_quote {
background: #666;
}
.tex {
background: #fff;
padding: 2px 5px;
}
This is a screenshot for those who can't test it out theirselves:
https://www.dropbox.com/s/w9902q6ht0lwunl/Screenshot%202015-10-31%2019.16.23.png?dl=0
What do you think?
I like it more and more. Glad you managed to make the theme look goos. I was unsure myself about how to do it when I tried.
I wonder if juju and Street had any luck setting the theme for the subforum... ideally it needs to support multiple boards since Microcat might get multiple sub-forums at one point.
Great job on the theme, it looks gorgeous. And thanks Juju for finding a way to enable it. :3
I just made a new theme based on CodeWalrus' and there was an option to enable it only on this board. Simple enough. I like this theme, though, great job DarkestEx ^_^
Hmmm, you might wanna make a few contrast tweaks, black is hard to see on top of the darker gray post bg. Also the font is very hard to read for me.
Quote from: Streetwalrus on October 31, 2015, 08:30:31 PM
Great job on the theme, it looks gorgeous. And thanks Juju for finding a way to enable it. :3
Quote from: Juju on October 31, 2015, 08:31:55 PM
I just made a new theme based on CodeWalrus' and there was an option to enable it only on this board. Simple enough. I like this theme, though, great job DarkestEx ^_^
Thanks :)
Quote from: Streetwalrus on October 31, 2015, 08:34:54 PM
Hmmm, you might wanna make a few contrast tweaks, black is hard to see on top of the darker gray post bg. Also the font is very hard to read for me.
Sure, i could make the text larger
This is some LaTeX text:
[tex]\cos (2\theta) = \cos^2 \theta - \sin^2 \theta[/tex]
I don't know if it's because I'm a mod, but I get a PHP error at the top of the page:
QuoteParse error: syntax error, unexpected '$data' (T_VARIABLE) in /var/www/codewalr.us/Sources/Subs.php(1702) : runtime-created function on line 2
Oh nice the theme works now. Also I like the new buttons :)
Would it be possible however to not make signatures show a border by default when using the table tag? Because now my sig looks a bit strange >.<
Also maybe it would be nice if selected text still used default browser colors.
Another suggestion would be to make the text inside light green bars easier to read, such as make it bold. And make calculators owned easier to read
EDIT: There is a MAJOR issue with the theme: It uses its own template files instead of CodeWalrus theme's. As a result, most features we implemented in our theme won't show up in this theme. So if you don't mind
@DarkestEx and
@adekto , the final version of this theme should only involve CSS changes and we will replace the template files in the folder with copies of the CW theme ones.
Make all the text on dark backgrounds a shade of light gray, that should help readability.
Quote from: Ivoah on November 01, 2015, 01:40:31 AM
I don't know if it's because I'm a mod, but I get a PHP error at the top of the page:
QuoteParse error: syntax error, unexpected '$data' (T_VARIABLE) in /var/www/codewalr.us/Sources/Subs.php(1702) : runtime-created function on line 2
I haven't seen that one even though I am moderator in this forum.
Quote from: Streetwalrus on November 01, 2015, 02:27:04 AM
Make all the text on dark backgrounds a shade of light gray, that should help readability.
I will maybe do that, though IMO its fine as it is.
Quote from: DJ Omnimaga on November 01, 2015, 02:13:45 AM
Oh nice the theme works now. Also I like the new buttons :)
Would it be possible however to not make signatures show a border by default when using the table tag? Because now my sig looks a bit strange >.<
Also maybe it would be nice if selected text still used default browser colors.
Another suggestion would be to make the text inside light green bars easier to read, such as make it bold. And make calculators owned easier to read
EDIT: There is a MAJOR issue with the theme: It uses its own template files instead of CodeWalrus theme's. As a result, most features we implemented in our theme won't show up in this theme. So if you don't mind @DarkestEx and @adekto , the final version of this theme should only involve CSS changes and we will replace the template files in the folder with copies of the CW theme ones.
Well as long as all dialogs (post, edit, moderate, etc.) stay themed within this subforum and the custom logo is kept, I don't see any reason that this won't be portable. Even the logo can be changed using a very dirty hack without changing the HTML.
Yea I could make it bold. And about the table tag, sure I can disable borders within signatures.
Quote from: Streetwalrus on November 01, 2015, 02:27:04 AM
Make all the text on dark backgrounds a shade of light gray, that should help readability.
Links as well :P
Quote from: DarkestEx on November 01, 2015, 03:02:59 AM
Quote from: Ivoah on November 01, 2015, 01:40:31 AM
I don't know if it's because I'm a mod, but I get a PHP error at the top of the page:
QuoteParse error: syntax error, unexpected '$data' (T_VARIABLE) in /var/www/codewalr.us/Sources/Subs.php(1702) : runtime-created function on line 2
I haven't seen that one even though I am moderator in this forum.
Quote from: Streetwalrus on November 01, 2015, 02:27:04 AM
Make all the text on dark backgrounds a shade of light gray, that should help readability.
I will maybe do that, though IMO its fine as it is.
Quote from: DJ Omnimaga on November 01, 2015, 02:13:45 AM
Oh nice the theme works now. Also I like the new buttons :)
Would it be possible however to not make signatures show a border by default when using the table tag? Because now my sig looks a bit strange >.<
Also maybe it would be nice if selected text still used default browser colors.
Another suggestion would be to make the text inside light green bars easier to read, such as make it bold. And make calculators owned easier to read
EDIT: There is a MAJOR issue with the theme: It uses its own template files instead of CodeWalrus theme's. As a result, most features we implemented in our theme won't show up in this theme. So if you don't mind @DarkestEx and @adekto , the final version of this theme should only involve CSS changes and we will replace the template files in the folder with copies of the CW theme ones.
Well as long as all dialogs (post, edit, moderate, etc.) stay themed within this subforum and the custom logo is kept, I don't see any reason that this won't be portable. Even the logo can be changed using a very dirty hack without changing the HTML.
Yea I could make it bold. And about the table tag, sure I can disable borders within signatures.
The error might have to do with the error I got earlier while Juju was modifying stuff on the site.
Also I'm glad that the template issues got fixed (we had to copy the display.template.php from CW folder into Microcat's). What remains to be fixed is the "Calculators owned" text just above signatures, which is next to impossible to read.
I like the font. I had forgotten that downloadable web fonts were a thing.
Yeah I like how we can do that now. People just have to make sure to use public domain or their own fonts and it can allow some interesting website designs.
By the way, what color should links inside green bars be? Should they be black or gray?
Also I am fine with the CW navigation being teal. It makes it more like the sub-forum is part of CW, but again perhaps since the logo color was changed as well then the navigation could be changed too? Or the site logo in the Microcat sub-forum could be changed back to teal.
Quote from: DarkestEx on November 01, 2015, 03:02:59 AM
Quote from: Ivoah on November 01, 2015, 01:40:31 AM
I don't know if it's because I'm a mod, but I get a PHP error at the top of the page:
QuoteParse error: syntax error, unexpected '$data' (T_VARIABLE) in /var/www/codewalr.us/Sources/Subs.php(1702) : runtime-created function on line 2
I haven't seen that one even though I am moderator in this forum.
That was me messing up with the bbcode earlier.
Quote from: DJ Omnimaga on November 01, 2015, 03:42:38 AM
Also I'm glad that the template issues got fixed (we had to copy the display.template.php from CW folder into Microcat's). What remains to be fixed is the "Calculators owned" text just above signatures, which is next to impossible to read.
I thought that if it doesn't exist it goes in the based-of theme's folder? At least for php files.
Oh I see. I assume you mean the video tag? Also you should bump the staff topic about code changes with that change in case it causes issues during upgrades.
Quote from: DJ Omnimaga on November 01, 2015, 06:23:54 AM
Yeah I like how we can do that now. People just have to make sure to use public domain or their own fonts and it can allow some interesting website designs.
By the way, what color should links inside green bars be? Should they be black or gray?
Also I am fine with the CW navigation being teal. It makes it more like the sub-forum is part of CW, but again perhaps since the logo color was changed as well then the navigation could be changed too? Or the site logo in the Microcat sub-forum could be changed back to teal.
The links should be white but I might change them to gray later.
About the navigation bar, I think I leave it as it is for multiple reasons. First clicking anything up there will bring you back to the main site. Second the bar is hard to theme. Third I want the bar to stay consistent.
Quote from: Travis on November 01, 2015, 05:26:55 AM
I like the font. I had forgotten that downloadable web fonts were a thing.
Yes, I am a big fan of them too :)
Quote from: DJ Omnimaga on November 01, 2015, 03:42:38 AM
Quote from: Streetwalrus on November 01, 2015, 02:27:04 AM
Make all the text on dark backgrounds a shade of light gray, that should help readability.
Links as well [emoji14]Quote from: DarkestEx on November 01, 2015, 03:02:59 AM
Quote from: Ivoah on November 01, 2015, 01:40:31 AM
I don't know if it's because I'm a mod, but I get a PHP error at the top of the page:
QuoteParse error: syntax error, unexpected '$data' (T_VARIABLE) in /var/www/codewalr.us/Sources/Subs.php(1702) : runtime-created function on line 2
I haven't seen that one even though I am moderator in this forum.
Quote from: Streetwalrus on November 01, 2015, 02:27:04 AM
Make all the text on dark backgrounds a shade of light gray, that should help readability.
I will maybe do that, though IMO its fine as it is.
Quote from: DJ Omnimaga on November 01, 2015, 02:13:45 AM
Oh nice the theme works now. Also I like the new buttons :)
Would it be possible however to not make signatures show a border by default when using the table tag? Because now my sig looks a bit strange >.<
Also maybe it would be nice if selected text still used default browser colors.
Another suggestion would be to make the text inside light green bars easier to read, such as make it bold. And make calculators owned easier to read
EDIT: There is a MAJOR issue with the theme: It uses its own template files instead of CodeWalrus theme's. As a result, most features we implemented in our theme won't show up in this theme. So if you don't mind @DarkestEx and @adekto , the final version of this theme should only involve CSS changes and we will replace the template files in the folder with copies of the CW theme ones.
Well as long as all dialogs (post, edit, moderate, etc.) stay themed within this subforum and the custom logo is kept, I don't see any reason that this won't be portable. Even the logo can be changed using a very dirty hack without changing the HTML.
Yea I could make it bold. And about the table tag, sure I can disable borders within signatures.
The error might have to do with the error I got earlier while Juju was modifying stuff on the site.
Also I'm glad that the template issues got fixed (we had to copy the display.template.php from CW folder into Microcat's). What remains to be fixed is the "Calculators owned" text just above signatures, which is next to impossible to read.
The problem is that I cannot change this from CSS as all the user ranks and this calculators owned section uses inline CSS and has no class assigned to them.
Quote from: DarkestEx on November 01, 2015, 10:51:58 AM
The problem is that I cannot change this from CSS as all the user ranks and this calculators owned section uses inline CSS and has no class assigned to them.
I blame DJ for that. :P It is changeable if you use !important but you do need a class to build your selectors, we can help you with that.
Quote from: Streetwalrus on November 01, 2015, 10:57:23 AM
Quote from: DarkestEx on November 01, 2015, 10:51:58 AM
The problem is that I cannot change this from CSS as all the user ranks and this calculators owned section uses inline CSS and has no class assigned to them.
I blame DJ for that. [emoji14] It is changeable if you use !important but you do need a class to build your selectors, we can help you with that.
Well it isn't as I can't reliably select those labels.
I would like to have classes for user ranks and this calculators owned field. That would be great and keep the forum overall more portable on style changes.
Oh right, I forgot that owned calcs used hardcoded CSS. I'll check that later.
By the way, while I like the theme, I kinda feel it's a bit akward that when we switch sub-forums the CW logo changes colors. Since the navigation is staying intact, do you think it would be better to have the logo look like this, so that it retains its original colors, but still have some NinjaBytes in it?
(http://img.codewalr.us/cwmicrocatlogo.png)
I tried doing a mockup and I thought it looked kinda cool.
(https://img.ourl.ca/cwmicrocat.png)
Quote from: DJ Omnimaga on November 02, 2015, 04:16:52 AM
By the way, while I like the theme, I kinda feel it's a bit akward that when we switch sub-forums the CW logo changes colors. Since the navigation is staying intact, do you think it would be better to have the logo look like this, so that it retains its original colors, but still have some NinjaBytes in it?
(http://img.codewalr.us/cwmicrocatlogo.png)
I tried doing a mockup and I thought it looked kinda cool.
(https://img.ourl.ca/cwmicrocat.png)
Well to be honorest it looks quite nice, but before changing my one I would like to test yours myself first.
Thanks for making that one :)
So what remains to fix when I come back from vacation:
- Style user ranks and Calculators owned (requires Juju, DJ or Streetwalrus to add a CSS class selector to each of them)
- Remove borders of tables in signatures (?)
- Darken links in headers
Did I forgot anything?
User ranks cannot be set on per-theme basis, because there is no way to use custom CSS for them, at least not without making all their colors identical. EDIT: WAIT! Actually it might be possible, but it's not guaranted it would work. In the group name field, we can use the span tag, but the forums will only parse bold/italic/underline/font color. I'll have to check if classes can be set instead of styles.
ShortURL also needs to be fixed below the topic view, because the text is too dark.
The expand/collapse icons could also use some work, but which color should they be?
Quote from: DJ Omnimaga on November 02, 2015, 08:17:10 AM
User ranks cannot be set on per-theme basis, because there is no way to use custom CSS for them, at least not without making all their colors identical. EDIT: WAIT! Actually it might be possible, but it's not guaranted it would work. In the group name field, we can use the span tag, but the forums will only parse bold/italic/underline/font color. I'll have to check if classes can be set instead of styles.
ShortURL also needs to be fixed below the topic view, because the text is too dark.
The expand/collapse icons could also use some work, but which color should they be?
Can't you assign the user ranks a CSS class? If not I would really like to have some new BBCode that allows giving a custom CSS class to a text.
Yes I will look into short URL too.
Which expand/collapse icons do you mean?
I'll have to check if classes work in that field, because the usergroup editor strips off some CSS properties. Technically, we aren't even supposed to be able to put HTML there so I am surprised that SMF team actually took the time to add CSS filters there.
I do not want usergroup colors to be tampered with by forum themes, to keep things consistent, but I wouldn't mind making some darker in colors to fit your theme better.
By expand/collapse I mean (https://codewalr.us/Themes/microcat/images/collapse.gif)
This theme reminds me of a game, but I can't remember the name-darn it!
It had this guy who had one of those three eyed goggles that the military uses...
After using the theme for a while, I agree with
@Streetwalrus about the contrast. I think blacktext is too difficult to read, compared to a brighter color
By the way you forgot to make the text on the quick replay banner black.
Also I couldn't stand the font on my pc so I made a quick userstyle to revert back to the regular font.
@-moz-document url-prefix("https://codewalr.us/index.php")
{
body, h4.catbg, h4.catbg2, h3.catbg, h3.catbg2, .table_list tbody.header td.catbg, div.cat_bar,
.catbg, .catbg2, tr.catbg td, tr.catbg2 td, tr.catbg th, tr.catbg2 th,
tr.catbg th.first_th,
tr.catbg th.last_th, h1, h2, h3, h4, h5, h6
{
font-family: Arial, Helvetica, sans-serif;
}
}
Quote from: Araidia on November 02, 2015, 03:52:02 PM
This theme reminds me of a game, but I can't remember the name-darn it!
It had this guy who had one of those three eyed goggles that the military uses...
Just realized it was Splinter Cell lol
Quote from: Max Leiter on November 02, 2015, 03:54:41 PM
After using the theme for a while, I agree with @Streetwalrus about the contrast. I think blacktext is too difficult to read, compared to a brighter color
I actually don't mind the black text myself, since the gray isn't too dark, but again lightning in my room helps. I tend to get headaches when reading white text on dark backgrounds for extended periods of time, but I haven't tried on gray backgrounds. I guess we could try white text.
Ok I just experimented around, #DDD seems to be a good looking color for contrast, much more readable than plain black imo.
(https://sr.ht/6UDR.png)
Quote from: DJ Omnimaga on November 02, 2015, 08:27:38 AM
I'll have to check if classes work in that field, because the usergroup editor strips off some CSS properties. Technically, we aren't even supposed to be able to put HTML there so I am surprised that SMF team actually took the time to add CSS filters there.
I do not want usergroup colors to be tampered with by forum themes, to keep things consistent, but I wouldn't mind making some darker in colors to fit your theme better.
By expand/collapse I mean (https://codewalr.us/Themes/microcat/images/collapse.gif)
Ah alright, I will create some new, themed icons.
Quote from: DJ Omnimaga on November 02, 2015, 04:16:52 AM
By the way, while I like the theme, I kinda feel it's a bit akward that when we switch sub-forums the CW logo changes colors. Since the navigation is staying intact, do you think it would be better to have the logo look like this, so that it retains its original colors, but still have some NinjaBytes in it?
(http://img.codewalr.us/cwmicrocatlogo.png)
I tried doing a mockup and I thought it looked kinda cool.
(https://img.ourl.ca/cwmicrocat.png)
Well after trying it out and comparing it side to side to the old logo, I think that I want to keep the old one.
I might change the navigation bar colors though.
Quote from: Max Leiter on November 02, 2015, 03:54:41 PM
After using the theme for a while, I agree with @Streetwalrus about the contrast. I think blacktext is too difficult to read, compared to a brighter color
I still think that its allright. I have no problems reading it.
Quote from: Streetwalrus on November 02, 2015, 04:05:16 PM
By the way you forgot to make the text on the quick replay banner black.
Also I couldn't stand the font on my pc so I made a quick userstyle to revert back to the regular font.
@-moz-document url-prefix("https://codewalr.us/index.php")
{
body, h4.catbg, h4.catbg2, h3.catbg, h3.catbg2, .table_list tbody.header td.catbg, div.cat_bar,
.catbg, .catbg2, tr.catbg td, tr.catbg2 td, tr.catbg th, tr.catbg2 th,
tr.catbg th.first_th,
tr.catbg th.last_th, h1, h2, h3, h4, h5, h6
{
font-family: Arial, Helvetica, sans-serif;
}
}
Well I did not forgot changing the color, but links in title bars are currently themed white. I might look into another color there.
About the font: :P
Quote from: DJ Omnimaga on November 02, 2015, 08:20:15 PM
Quote from: Max Leiter on November 02, 2015, 03:54:41 PM
After using the theme for a while, I agree with @Streetwalrus about the contrast. I think blacktext is too difficult to read, compared to a brighter color
I actually don't mind the black text myself, since the gray isn't too dark, but again lightning in my room helps. I tend to get headaches when reading white text on dark backgrounds for extended periods of time, but I haven't tried on gray backgrounds. I guess we could try white text.
I tried white text and it looks bad.
Quote from: Streetwalrus on November 04, 2015, 03:47:15 PM
Ok I just experimented around, #DDD seems to be a good looking color for contrast, much more readable than plain black imo.
(https://sr.ht/6UDR.png)
Nah, black is just fine. I have no issues reading it at all.
Quote from: DarkestEx on November 04, 2015, 04:52:29 PM
I still think that its allright. I have no problems reading it.
I tried white text and it looks bad.
Nah, black is just fine. I have no issues reading it at all.
Look, I don't want to be a c about this but if you're not accepting feedback then why ask for it ?
I'm obviously not the only one to want white/light gray instead of black, and it's not because
you can read it that others can. A very large proportion of people have some kind of sight impairment and optimizing contrast is something to consider with text.
People who pick the colors and do the rest of the design are aware of that, they have a dedicated feedback team and beta testers to make sure it's alright. This is called accessibility.
Same problem with the font, you might like it but I find it very difficult to read, and you're not going to convince me otherwise.
I'm not going to force you to change these (after all that's what userstyles are for, although I can't reliably know which subforum I'm viewing with stylish), but please reconsider.
Actually, looking at this screenshot, I find black easier to read but both are fine. My main issur is the white text in the green bars. but I think it depends of screen contrast as well. But keep in mind that since CW is our site then we are free to let people choose what they prefer. Maybe start a poll?
This isn't the brightest white I could use. For me it's easier to read with white though. A bright color on a dark background is proven to be much easier to read.
Quote from: Streetwalrus on November 04, 2015, 05:12:37 PM
Quote from: DarkestEx on November 04, 2015, 04:52:29 PM
I still think that its allright. I have no problems reading it.
I tried white text and it looks bad.
Nah, black is just fine. I have no issues reading it at all.
Look, I don't want to be a d*** about this but if you're not accepting feedback then why ask for it ?
I'm obviously not the only one to want white/light gray instead of black, and it's not because you can read it that others can. A very large proportion of people have some kind of sight impairment and optimizing contrast is something to consider with text.
People who pick the colors and do the rest of the design are aware of that, they have a dedicated feedback team and beta testers to make sure it's alright. This is called accessibility.
Same problem with the font, you might like it but I find it very difficult to read, and you're not going to convince me otherwise.
I'm not going to force you to change these (after all that's what userstyles are for, although I can't reliably know which subforum I'm viewing with stylish), but please reconsider.
I do accept feedback and like to get it, but that does not mean that I have to change anything like you said. It's an orientation and I like to consider it when making changes.
Sure but the thing is that something that others say is sometimes very hard to experience yourself. Like I wouldn't ever thought about changing anything regarding the background or the font as I could always perfectly read it.
Another reason is that everything I change regarding this contrast "problem" basically overthrows all other colors and I have to change a lot then.
Also right now I have many other problems than just this website design: school problems, microcat not being able to run most programming languages and me probably having to develop one, manufacturing more than 100 units, etc.
Quote from: DJ Omnimaga on November 04, 2015, 07:37:37 PM
Actually, looking at this screenshot, I find black easier to read but both are fine. My main issur is the white text in the green bars. but I think it depends of screen contrast as well. But keep in mind that since CW is our site then we are free to let people choose what they prefer. Maybe start a poll?
I will change the white in the green bars definitely but the text color will certainly stay black. About a poll, well I don't think it's necessary but I might consider it for other things in the future.
Quote from: Streetwalrus on November 04, 2015, 07:40:25 PM
This isn't the brightest white I could use. For me it's easier to read with white though. A bright color on a dark background is proven to be much easier to read.
No, I will not change the text color at all. I will adjust the background colors some more.
Quote from: DarkestEx on November 04, 2015, 08:18:05 PM
No, I will not change the text color at all. I will adjust the background colors some more.
I'm fine with it as long as you increase the contrast, but keep in mind that we have the final word and if people complain that it's too hard to read we will not hesitate to modify the theme.
I can understand that it's hard for you to experience other people's difficulty to see, but that's what feedback is for. :)
Maybe lighten the gray a little?
Quote from: DJ Omnimaga on November 04, 2015, 10:18:48 PM
Maybe lighten the gray a little?
Yes, that is what I was thinking about.
Quote from: Streetwalrus on November 04, 2015, 08:38:22 PM
Quote from: DarkestEx on November 04, 2015, 08:18:05 PM
No, I will not change the text color at all. I will adjust the background colors some more.
I'm fine with it as long as you increase the contrast, but keep in mind that we have the final word and if people complain that it's too hard to read we will not hesitate to modify the theme.
I can understand that it's hard for you to experience other people's difficulty to see, but that's what feedback is for. :)
Alright :)
So for this sub-forum theme, we definitvely need to fix two things:
-WalrusIRC background color (should be the same as posts)
-Locked topic backgrounds (see the topic list)