xenDark [Deleted]

Sage Knight

Well-known member
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...
 
Last edited:
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)

styleproperties.webp

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

colorchange.webp

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

changedcolour.webp

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


And now simply follow the steps in the 1st Method, ensuring you change the colour palette of the child style.
 
Last edited:
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.
 
Last edited:
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)
 
@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
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.

Code:
#logoBlock {
background: #000 url(styles/default/rwbyheader.png) no-repeat center;
}

For the individual node category background and titles, I used the following:

Code:
.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:

Code:
.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.
 
Top Bottom