Title: Dark theme version (css style?)
Last modified: August 21, 2016

---

# Dark theme version (css style?)

 *  Resolved [lokipp](https://wordpress.org/support/users/lokipp/)
 * (@lokipp)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/dark-theme-version-css-style/)
 * Hi all!
    First of all it’s really great theme. Congratulation Alex! I use it 
   on two websites. In one case I need to change more then is available in admin
   panel.
 * How can I generate dark version of hueman theme? I mean how can I change colors
   of areas highlighted in the picture: [http://i6.minus.com/iNjP4AIS865A1.jpg](http://i6.minus.com/iNjP4AIS865A1.jpg)
   
   I supposed it will be needed to change text color too. I know how to change text
   color for entry and entry.excerpt ([http://wordpress.org/support/topic/change-font-color-12?replies=7](http://wordpress.org/support/topic/change-font-color-12?replies=7))
   But I don’t know how to change color of sidebar text. Is there a simple way to
   do it by using child theme?
 * I try to use firebug to check what I need to edit but I’m not css expert.
 * I will be grateful for any help.

Viewing 9 replies - 1 through 9 (of 9 total)

 *  [DesignsByTrey](https://wordpress.org/support/users/designsbytrey/)
 * (@designsbytrey)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/dark-theme-version-css-style/#post-4902016)
 * Provide the link to your website so I can take a look into the CSS please.
 *  Thread Starter [lokipp](https://wordpress.org/support/users/lokipp/)
 * (@lokipp)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/dark-theme-version-css-style/#post-4902029)
 * It’s [http://nightscapes.pl](http://nightscapes.pl) I didn’t change anything 
   in css. It’s default.
    Thanks.
 *  [DesignsByTrey](https://wordpress.org/support/users/designsbytrey/)
 * (@designsbytrey)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/dark-theme-version-css-style/#post-4902040)
 * Okay here’s what you should add to your custom CSS:
 *     ```
       .sidebar-content {
   
         background-color: #33363b;
       }
       .pad.group {
         background-color:  #33363b;
       }
       .main-inner.group {
         background-color: #33363B;
       }
       .entry.excerpt > p {
         color:  #ffffff;
       }
       #footer-widgets {
         background-color:  #33363b;
       }
       ```
   
 * After this, the background image is going to give you problems, just find this
   bit of code and remove the background image:
 *     ```
       .col-3cm .main-inner {
         background: url("img/sidebar/s-left.png") repeat-y scroll left 0 rgba(0, 0, 0, 0);
   
       }
       ```
   
 * From there, you should just have to change your link colors and your heading 
   colors in the footer.
 * May the force be with you!
 *  Thread Starter [lokipp](https://wordpress.org/support/users/lokipp/)
 * (@lokipp)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/dark-theme-version-css-style/#post-4902074)
 * Wow!
    Thanks a lot. I learn something new 🙂
 * I add to css more lines
 *     ```
       .boxed .container {
         background-color:  #33363b;
       }
   
       #commentform {
       background: #33363b;
       padding: 10px 20px 20px;
       margin-bottom: 15px;
       -webkit-border-radius: 2px;
       border-radius: 2px;
       }
   
       #commentform textarea {
       background: #33363b;
       height: 100px;
       }
       ```
   
 * And it’a almost perfect ([http://i1.minus.com/iSeImrXj0ML99.jpg](http://i1.minus.com/iSeImrXj0ML99.jpg))
   
   Is there another option to change that white area without removing that line?
 * Besouse when I remove that line from parent theme css something goes wrong.
 *     ```
       .col-3cm .main { background: url(img/sidebar/s-right-s2.png) repeat-y right 0; }
       ```
   
 * That’s how it’s look like after:
    dark version: [http://i7.minus.com/ibiPBjJVAdVQSH.jpg](http://i7.minus.com/ibiPBjJVAdVQSH.jpg)
   light version: [http://i7.minus.com/i9iRTyDB5ShqN.jpg](http://i7.minus.com/i9iRTyDB5ShqN.jpg)
   Sidebars goes away 🙁 It’s happen only on main page.
 * The main purpose is to allow users to choose color theme. And it’s so close 🙂
   
   I test it here: [http://test2.piotrpotepa.art.pl/](http://test2.piotrpotepa.art.pl/)
 *  [DesignsByTrey](https://wordpress.org/support/users/designsbytrey/)
 * (@designsbytrey)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/dark-theme-version-css-style/#post-4902090)
 * You really might have to play with the source files, or change the background
   url instead of deleting it. Personally, I would create a dark version of the 
   same image, name it “s-right-s2-dark” and FTP it to your themes correct folder,
   and redirect the url to it: i.e. img/sidebar/s-right-s2-dark.png.
 * Either that, or save it to your child theme, and direct the url there. Then you
   can easily switch from light and dark for your users.
 *  Thread Starter [lokipp](https://wordpress.org/support/users/lokipp/)
 * (@lokipp)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/dark-theme-version-css-style/#post-4902188)
 * I was afraid that will be only option.
    Thanks for Your time. You help me a lot!
 *  Thread Starter [lokipp](https://wordpress.org/support/users/lokipp/)
 * (@lokipp)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/dark-theme-version-css-style/#post-4902189)
 * One more question.
    How to change text color in contact form? [http://test2.piotrpotepa.art.pl/kontakt/](http://test2.piotrpotepa.art.pl/kontakt/)
 * It should be like text in comment form. Light all the time.
    [http://test2.piotrpotepa.art.pl/blog/mlody-ksiezyc-nad-wisla/](http://test2.piotrpotepa.art.pl/blog/mlody-ksiezyc-nad-wisla/)
 *  [DesignsByTrey](https://wordpress.org/support/users/designsbytrey/)
 * (@designsbytrey)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/dark-theme-version-css-style/#post-4902201)
 * You can add this code to take care of that ( you may want to play with the settings
   a tad bit to fit your liking)
 *     ```
       .wpcf7 p {
         color: #666666;
         font-weight: 400;
       }
       ```
   
 * Good luck! The site looks good.
 * _[sig moderated as per the [Forum Rules](http://codex.wordpress.org/Forum_Welcome)]_
 *  Thread Starter [lokipp](https://wordpress.org/support/users/lokipp/)
 * (@lokipp)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/dark-theme-version-css-style/#post-4902211)
 * Thanks again!
    May the 4th by with you 🙂
 * Here you can find final result: [http://nightscapes.pl/](http://nightscapes.pl/)

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Dark theme version (css style?)’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/hueman/3.7.27/screenshot.png)
 * Hueman
 * [Support Threads](https://wordpress.org/support/theme/hueman/)
 * [Active Topics](https://wordpress.org/support/theme/hueman/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/hueman/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/hueman/reviews/)

 * 9 replies
 * 2 participants
 * Last reply from: [lokipp](https://wordpress.org/support/users/lokipp/)
 * Last activity: [12 years, 1 month ago](https://wordpress.org/support/topic/dark-theme-version-css-style/#post-4902211)
 * Status: resolved