NAS Forum - Brand update and maintenance.

If you want to fiddle with the colours you see on your own browser, you can do so.

Here's an example:

This was achieved by creating the following userContent.css file:

@-moz-document domain(autism.org.uk) {
     div {
         /* font-family:'Utopia' !important; */
        background-color: black !important;
        color: gray !important;
     }

     .site-nav__link {
         color: SteelBlue !important;
     }

     h1 {
         color: SteelBlue !important;
     }

     .thread-list h3 {
         /* font-family:'Utopia' !important; */
     }

     .thread-list h3 a:hover {
         color: white !important;
     }

     .thread-list h3 a {
        color: gray !important;
     }

     .content-fragment .content-list.tabular .content-item .cell .value {
         color: gray !important;
     }

     .activity-story .content-list.comments.with-content {
         background-color: #000000 !important;
     }

     .activity-story .content-list.comments {
         background-color: #000000 !important;
     }

     .content-fragment-page a {
         color: SteelBlue !important;
     }
}

If you've never done this sort of thing before, start here: ffeathers.wordpress.com/.../

If you want to fiddle with the colours you see on your own browser, you can do so.

Here's an example:

This was achieved by creating the following userContent.css file:

@-moz-document domain(autism.org.uk) {
     div {
         /* font-family:'Utopia' !important; */
        background-color: black !important;
        color: gray !important;
     }

     .site-nav__link {
         color: SteelBlue !important;
     }

     h1 {
         color: SteelBlue !important;
     }

     .thread-list h3 {
         /* font-family:'Utopia' !important; */
     }

     .thread-list h3 a:hover {
         color: white !important;
     }

     .thread-list h3 a {
        color: gray !important;
     }

     .content-fragment .content-list.tabular .content-item .cell .value {
         color: gray !important;
     }

     .activity-story .content-list.comments.with-content {
         background-color: #000000 !important;
     }

     .activity-story .content-list.comments {
         background-color: #000000 !important;
     }

     .content-fragment-page a {
         color: SteelBlue !important;
     }
}

If you've never done this sort of thing before, start here: ffeathers.wordpress.com/.../

Brilliant, thanks - will do that! Couldn't the devs just tweak their css though?

The issue of user control of colours was raised with the old design as well. As you say, modern browsers do hand control to the user - but you need to be able to write style sheets to do the kind of thing that DongFeng5 is suggesting. The other approach is browser add-ins, such as Stylish (for Chrome and Firefox). They offer a library of styles; you search it, and download the ones you like. Many are specific to individual sites (e.g. YouTube), and others change only minor things that some users find annoying (e.g the appearance of the scroll bar). However, there are also global styles that can be applied to all sites.

I wonder whether this might develop into a Community project, whereby DongFeng5 and Trogluddite might share their styles in Stylish, for the benefit of those who aren't so familiar with the technical details? I could provide the full set of colours for the new brand, to allow several versions (PM me).

The old font-size controls have gone, of course, because Ctrl+ and Ctrl- work better. Changing just the font size has the issue that most layouts are rather dependent on the expected sizes. Those short-cuts change the whole page size, as many of you will know. Ctrl0 to reset to normal.

Cheers, I might have to give that a go (a nice little rainy-day project.)  It'll give me an excuse to learn some CSS and HTML; I've been programming for 30 years or more, but never got around learning the internet stuff.