Hello Phate!

i change the colors with some help from a other post. Here is the quote :-)

@KirAsh4 said in Change default interface colors:

By the way, that colorful screen capture was simply demonstrating that if you want to edit the default modules, you can, and you can then color them any way you want. In this case, I opened calendar.js and in the 'getStyles' section, I added another file:

        // Define required scripts.
        getStyles: function() {
                return ["calendar.css", "font-awesome.css", "mystyles.css"];
        },

In this instance, 'mystyles.css' is my custom one, which I then created and added my own colors to the various elements:

#module_1_clock .time, #module_1_clock .date {
        color: #99F;
}

#module_1_clock .dimmed {
        color: #449;
}

#module_2_calendar header {
        color: #F00;
        border-bottom: 2px solid #600;
}

#module_2_calendar .title {
        color: #F99;
}

#module_2_calendar .time {
        color: #FBB;
}

#module_2_calendar .symbol {
        color: #FF0;
}

Use this and you can change the colors of the calender with some use of HTML color codes. What i’am now need is some example of the code for each symbol of the currentweather module…try a few times but nothing real works. :-/

Hello Phate!

i change the colors with some help from a other post. Here is the quote :-)

@KirAsh4 said in Change default interface colors:

By the way, that colorful screen capture was simply demonstrating that if you want to edit the default modules, you can, and you can then color them any way you want. In this case, I opened calendar.js and in the 'getStyles' section, I added another file:

        // Define required scripts.
        getStyles: function() {
                return ["calendar.css", "font-awesome.css", "mystyles.css"];
        },

In this instance, 'mystyles.css' is my custom one, which I then created and added my own colors to the various elements:

#module_1_clock .time, #module_1_clock .date {
        color: #99F;
}

#module_1_clock .dimmed {
        color: #449;
}

#module_2_calendar header {
        color: #F00;
        border-bottom: 2px solid #600;
}

#module_2_calendar .title {
        color: #F99;
}

#module_2_calendar .time {
        color: #FBB;
}

#module_2_calendar .symbol {
        color: #FF0;
}

Use this and you can change the colors of the calender with some use of HTML color codes. What i’am now need is some example of the code for each symbol of the currentweather module…try a few times but nothing real works. :-/

Hello!

How i can change the colors of the currentweather module ? I want to change every weather icon and the font color. I successful change the colors of the calender and the compliments but i don’t get it on the currentweather module… :confused:

Thanks for everything! :blush:

Works perfect! Thank you so much! Is it possible to add a video as background later or a webcam ?

Hello!

i wanna add a background picture instead of the black background color but no command works in the custom css. I made a folder call images, add the command to the css (backgroud-image: url (…images/image.jpg)) but the screen become white and no picture…

Any solution ?