1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

xenDark [Paid] 1.3.5

A Clean Dark Style Suitable For Various Niches

  1. Sage Knight

    Sage Knight Well-Known Member

    Sage Knight submitted a new resource:

    xenDark - A Clean Dark Style Suitable For Various Niches

    Read more about this resource...
    Last edited: Jun 9, 2014
    RastaLulz likes this.
  2. Sage Knight

    Sage Knight Well-Known Member


    How do I change the default Red Colour?

    They're are 2 ways to do so, the 2nd Method being the Preferred one.

    1st Method
    -Go to to the xenDark Style Properties and click on the Color Paletter Option (See Screenshot below)


    -Click on the "@flatprimary" option and choose the colour of your choice, I'll be using #575ffc in this example


    And simply save it, here is how it looks like:


    As you can see all the red is automatically changed into our colour of choice. Only the node icons remain red and for that you will have to edit the PSD provided which is really easy.

    2nd Method (Preferred)
    Simply create a "Child Style" by going to Styles > + Create New Style make sure to set "xenDark" as the parent style and then click "Save", see below for more details.

    child style.png

    And now simply follow the steps in the 1st Method, ensuring you change the colour palette of the child style.
    Last edited: Jul 19, 2013
  3. ggace

    ggace Active Member

    I like the choice of colors. Very nice!
    Sage Knight likes this.
  4. Rho Delta

    Rho Delta Well-Known Member

    Very cool Bateman.
    Sage Knight likes this.
  5. oman

    oman Well-Known Member

    Top quality dark style. It's good to see another one around! :)
    Sage Knight likes this.
  6. Cambion

    Cambion Well-Known Member

    [quote="Sage Knight, post: 588244, member: 19247"
    Read more about this resource...[/quote]

    I like this skin. Is it responsive and does it use the new editor like xenforo 1.2?
  7. oman

    oman Well-Known Member

    Yep, re size your browser, and you'll see it responsive. Since it only works with XenForo 1.2, you'd assume the new editor is there. :p
    Last edited: Jul 20, 2013
    Sage Knight likes this.
  8. Sage Knight

    Sage Knight Well-Known Member


    JABRONI Well-Known Member

    This is awesome. Once I upgrade to 1.2, I'll be buying it. Thanks for the release!
    Sage Knight likes this.
  10. wickedstangs

    wickedstangs Well-Known Member

    15 GBP
    Does Paypal automatically convert that to USD?
  11. Sage Knight

    Sage Knight Well-Known Member

    Yes :)
    wickedstangs likes this.
  12. Case

    Case Active Member

    Any plans for a Light version? Be great to get a minimalist style like this in white.
  13. Sage Knight

    Sage Knight Well-Known Member

    I am making a different for my forums, I will eventually release it when the time comes.

    Edit: I meant another completely different style.
    Last edited: Sep 16, 2013
    Case likes this.
  14. Sage Knight

    Sage Knight Well-Known Member

    Just a small note to existing customers that the style is fully compatible with xF 1.2 RC 2 without any template hiccups at all (y)
  15. it_

    it_ Member

    @Sage Knight
    I just purchased your xenDark Style and was browsing your Demo forum.
    There I also tested the RWBY Style.
    Since I think this is your forum (?) I really would appreciate informations
    about how to set up a custom header background
    & how to set up those individual categorie colours plus custom categorie pictures (on the right side);
    just like the RWBY style is providing.
    Those modifications would perfectly fit to my requirements.
    Best regards, a customer. ;)
  16. Sage Knight

    Sage Knight Well-Known Member

    For the header, what I used is this code, just simply change the file path accordingly and add it to the "extra.css" template.

    #logoBlock {
    background: #000 url(styles/default/rwbyheader.png) no-repeat center;
    For the individual node category background and titles, I used the following:

    .nodeList .node_3 .categoryStrip {
            background-color: #ece8ec !important;
        background-image: url(@imagePath/white.png);
        background-repeat: no-repeat;
        background-position: right;
    Instead of .node_3 add your own node ID for each node and style it accordingly to your taste.

    Same thing for the different node category titles:

    .nodeList .node_3 .categoryStrip .nodeTitle a {
        color: #d42231 !important;
    Again take note of the .node_ID and change it, all of this code goes into Extra.css

    Let me know if it works out for you.
  17. wickedstangs

    wickedstangs Well-Known Member

    conversation sent..
    Sage Knight likes this.
  18. wickedstangs

    wickedstangs Well-Known Member

  19. Sage Knight

    Sage Knight Well-Known Member

    This is a quick fix for now, add it to the extra.css

    .nodeList .categoryStrip {
      min-height: 20px;
    Let me know if it works.
    wickedstangs likes this.
  20. wickedstangs

    wickedstangs Well-Known Member

    I did not see any change happen..

Share This Page