11 votes

Changed the default theme to use a white background, moved theme-selection to Settings page

Posted by Deimos
Tags: changelog

Okay, okay. The default site theme is now less beige/tan/yellow. This was a bit of a quick-and-dirty way of doing it, so the other colors are all still the Solarized ones for now, but I may change them around some later.

The other themes are still available, and can now be selected on the Settings page—if you want the beige back, that's "Solarized Light". I also added a theme with a full-black background (I don't think it looks very good, but it's there).

9 comments

  1. cfabbro
    (edited )
    Link
    Thanks, it's much easier on the eyes for me and more options is always better (so long as they don't take up too much of your time to implement). This also sets up a really nice potential feature...

    Thanks, it's much easier on the eyes for me and more options is always better (so long as they don't take up too much of your time to implement). This also sets up a really nice potential feature to consider for the future of including user-submitted site-wide themes as well once you open-source.

    p.s. My feelings on the new theme.

    4 votes
  2. insubstantial
    Link
    I like light blues and greys? :D

    I like light blues and greys? :D

    3 votes
  3. [3]
    aphoenix
    Link
    How quick and dirty is it? Is it so quick and dirty that we could customize our own?

    How quick and dirty is it?

    Is it so quick and dirty that we could customize our own?

    2 votes
    1. [2]
      Deimos
      Link Parent
      One of the interesting things about Solarized is that it switches between its light and dark modes by only changing a few colors. So my "theme system" is extremely basic and only handles changing...

      One of the interesting things about Solarized is that it switches between its light and dark modes by only changing a few colors. So my "theme system" is extremely basic and only handles changing those colors. Because of that, this was the entirety of the (SCSS) code that added the white-background theme:

      body {
  @include theme-dependent($background-color: #fff, $background-alt-color: #eee, $text-color: #333, $text-highlight-color: #222, $text-secondary-color: #999, $border-color: #ccc);
}

      Building the dropdown to choose a theme was more work than that. But since it doesn't include anything for the link/button/etc. colors, all of those are still the same. To have all those other colors be able to change between themes I'll need to do some reworking to move them into the theme-dependent mixin. That should be pretty straightforward, but will take a bit of time.

      1 vote
      1. aphoenix
        Link Parent
        I've always liked the idea of Solarized, but I never end up staying with it for all that long, especially the lighter theme. I've mostly switched into using JetBrains IDEs (> 95% of my time) and...

        I've always liked the idea of Solarized, but I never end up staying with it for all that long, especially the lighter theme. I've mostly switched into using JetBrains IDEs (> 95% of my time) and have distinct colour schemes for each of them, but I still use Solarized dark in Vim.

        I haven't seen the code, but I think it would be interesting to let users define their own colour schemes (instead of colour schemes per community) and maybe base it off something similar to Solarized (or any other terminal-esque colour palette) - 16 colours, set them how you like them.

        2 votes
  4. nothis
    Link
    I like it. Simple and high contrast.

    I like it. Simple and high contrast.

    2 votes
  5. SleepyGary
    Link
    Look a bunch better.

    Look a bunch better.

    2 votes
  6. [2]
    Flashynuff
    Link
    I'm rocking the beige like a mid 90's office

    I'm rocking the beige like a mid 90's office

    1 vote
    1. cfabbro
      Link Parent
      ...like a 1970s kitchen appliance! ;)

      ...like a 1970s kitchen appliance! ;)

      1 vote