xenDark [Deleted]

[Sage Knight]

Sage Knight submitted a new resource:

xenDark - A Clean Dark Style Suitable For Various Niches

xenDark Overview
xenDark is a simple yet powerful Dark Style that can be easily changed from its default red colour to any colour you want within just a click. It fully supports xF 1.2 native responsive.

View attachment 51667

xenDark Demo/Screenshots
The Default Colour is Red (Which can be changed easily)

DEMO - RED (DEFAULT)

xenDark Features
Just by simply changing the Primary Flat Colour Palette...

Read more about this resource...

 

[Sage Knight]

FAQs

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.




And now simply follow the steps in the 1st Method, ensuring you change the colour palette of the child style.

 

[ggace]

I like the choice of colors. Very nice!

 

[Rho Delta]

Very cool Bateman.

 

[oman]

Top quality dark style. It's good to see another one around!

 

[Cambion]

[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?

 

[oman]

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

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

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.

 

[Sage Knight]

@Micah Impulse as Oman mentioned it is native responsive.

 

[JABRONI]

This is awesome. Once I upgrade to 1.2, I'll be buying it. Thanks for the release!

 

[wickedstangs]

15 GBP
Does Paypal automatically convert that to USD?

 

[Sage Knight]

15 GBP
Does Paypal automatically convert that to USD?

Yes

 

[Case]

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

 

[Sage Knight]

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

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

Edit: I meant another completely different style.

 

[Sage Knight]

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

 

[it_]

@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.

 

[Sage Knight]

@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.

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.

 

[wickedstangs]

conversation sent..

 

[wickedstangs]

can someone show me how to fix this..


site: www.modularfoxmustangs.com

 

[Sage Knight]

can someone show me how to fix this..
View attachment 53303

site: www.modularfoxmustangs.com

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]

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

.nodeList .categoryStrip {
  min-height: 20px;
}

Let me know if it works.

I did not see any change happen..