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

xenDark [Deleted]

Sage Knight

Well-known member
#1
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:

Sage Knight

Well-known member
#2
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.png

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

colorchange.png

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

changedcolour.png

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:
#15
@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

Well-known member
#16
@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.