To make all of the text white, go to /SlantedLock.theme/Private/css and load SlantedLock.css. Delete ALL of the text and replace it with this:
body {
font-family: Arial, Helvetica, sans-serif;
margin: 0;
padding:0;
height: 480px;
width: 320px;
background: url("/private/var/mobile/Library/SpringBoard/LockBackground.jpg") #000;
background-size: 61%;
color:#FFF;
text-shadow:3px 3px 7px #000000;
}

div#content {
position:absolute;
-webkit-transform: rotate(-30deg);
left:20px;
top:150px;
}

div#timecluster {
position:absolute;
text-align:center;
top:30px;
left:-95px;
color:#fff;
clear:left;
width:360px;
opacity:.8;
}
div#hourbox {
text-align:right;
position:relative;
font-size:155px;
letter-spacing:-5px;
margin-right:15px;
font-weight:bold;
}
div#minutebox {
position:relative;
font-size:155px;
letter-spacing:-5px;
margin-left:15px;
font-weight:bold;
}
div#secondsbox {
position:relative;
font-size:10px;
text-align:center;
width:15px;
height:15px;
line-height:15px;
background-color:#fff;
color:#818181;
text-shadow:none;
z-index:2;
margin:20px 0 20px 0;
-webkit-box-shadow:3px 3px 7px #000000;"
}
div#ampmbox {
position:relative;
font-size:8px;
text-align:center;
width:15px;
height:15px;
line-height:15px;
background-color:#FFF;
color:#818181;
text-shadow:none;
z-index:2;
margin: 0;
-webkit-box-shadow:3px 3px 7px #000000;"
}

div#datecluster {
position:absolute;
top:180px;
left:-150px;
width:380px;
height:180px;
}
div#dateinner {
position:absolute;
top:53px;
left:55px;
width:300px;
height:90px;
}
div#monthbox {
position:absolute;
top:-54px;
left:-53px;
color:#fff;
font-size:60px;
font-weight:bold;
opacity:0.3;
width:370px;
text-align:center;
}
div#daybox {
position:relative;
float:left;
padding:0;
color:#fff;
font-size:20px;
opacity:0.7;
width:135px;
text-align:right;
}

div#datebox {
position:relative;
float:left;
margin:-35px 0 0 0;
font-size:80px;
opacity:0.8;
text-align:center;
}
div#yearbox {
position:relative;
float:left;
margin:0 0 0 3px;
font-size:20px;
color:#fff;
opacity:.4;
}

/*WEATHER*/
#weathercluster{
position:absolute;
top:30px;
left:-30px;
width:480px;
height:24px;
text-align:center;
}

#weathercluster div{
float:left;
padding: 0;
margin: 0 0 0 10px;
}

#location{
text-transform: capitalize;
font-weight: bold;
font-size:12px;
color:#fff;
opacity:0.7;
}
#temp{
font-size:24px;
line-height:6px;
opacity:0.8;
}

#desc{
text-transform: capitalize;
font-size:12px;
color:#fff;
opacity:0.7;
}

#weatherIcon{
position:absolute;
height: 128px;
width: 128px;
border: none;
top:-130px;
left:40px;
opacity:0.7;
z-index:0;
}
So you're just changed all the colours to #fff?
Ash9414 wrote:So you're just changed all the colours to #fff?

Yep. It should be just easy as that. ;)

As seen in the above css code, everything is very clearly defined and you can easily manipulate the theme's appearance.

If you want to start messing with the CSS, you can just make a new file and place it into the same css folder. Specify the name of your CSS file in your configuration and it will use your styles instead.

Maybe start by duplicating my CSS file and then play with it from there. :)
Hmm is there a way to easily change fonts? I don't actually know what fonts are installed on the phone to change it. Any help appreciated
Thanks for an awesome work !!!

Need some help with:

Is there a way to retrieve or show Yahoo Weather info in spanish language (or another besides english)? Maybe editing .js file or adding some API string?

Thanks again.
worked great! so awesome :thumbsup:
very very cool!
Forget my last post...it looks amazing with my new font xD luv ya creator!
Claude626 wrote:
Ash9414 wrote:So you're just changed all the colours to #fff?

Yep. It should be just easy as that. ;)

As seen in the above css code, everything is very clearly defined and you can easily manipulate the theme's appearance.

If you want to start messing with the CSS, you can just make a new file and place it into the same css folder. Specify the name of your CSS file in your configuration and it will use your styles instead.

Maybe start by duplicating my CSS file and then play with it from there. :)

Thanks for you help. This theme is actually amazing lol.
I dont get what im supposed to dl in the first step.... what am i searching for in cydia? besides winterboard.
i am using this theme in my 3gs 4.01. but facing prob. i dont get the slider shown in the pitures rather get the original stock slider.
Hi there. Great job! When I originally wrote wedaPanel, I tried to get database storage to work, but failed. Now with file:// for MobileSafari, I may give it another shot.

Once again, your theme/app looks great...
storyr wrote:Hi there. Great job! When I originally wrote wedaPanel, I tried to get database storage to work, but failed. Now with file:// for MobileSafari, I may give it another shot.

Once again, your theme/app looks great...

Hey! I actually got this idea from a post by "bost" on your thread over at modmyi.(I noted his discovery in the README.txt. ;)) It seems key-value for localStorage is available in mobile safari, but the theme just can't access it. The relational database model works though!

BTW, weda's an awesome theme! I have plans to integrate jquery in the future to extend the capabilities of this theme--sorta like you. :D
Last edited by Claude626 on September 7th, 2010, 8:37 pm, edited 1 time in total.
I was wondering if there is a way to prevent the caching. Everytime I dont have internet connection my whole phone goes into lag mode. I cant even turn on the app store. As for other apps the just crash. Im using a 3GS on 4.0.1. Thanks
Hey, i am a big noob to this.
I downloaded the file:// mobile safari thing from cydia and i tried to type that link file:///Library/Themes/SlantedLock.theme/config.html
and it won't work? any help?
@ilovesandraoh, check if /Library/Themes/SlantedLock.theme/config.html exist or not.
yea when I'm offline my iPod starts laggin like crazy
Is there a way to get rid of the seconds and AM/PM signals? I would rather have the colon completely white.
Redicaluss wrote:Is there a way to get rid of the seconds and AM/PM signals? I would rather have the colon completely white.

Go to SlantedLock.themePrivatecss and open SlantedLock.css with notepad or something. Lines 53 (div#secondsbox section) and 67 (div#ampmbox section) show a selected color of #818181 while the background-color for the white boxes is #fff. If you change the colors on these two lines to #fff as well, the seconds and am/pm will become white (same color as the box) and you won't see them anymore. I don't know how to get rid of them altogether, but it's the workaround that I used since I'm rubbish with js.

Hope that helps!

p.s. I love this theme, thank you Claude626 for sharing it!
Last edited by Sirdrunknmunky on September 8th, 2010, 5:24 am, edited 1 time in total.
IamBob wrote:@ilovesandraoh, check if /Library/Themes/SlantedLock.theme/config.html exist or not.

it says the file doesnt exist
ss4adib wrote:I was wondering if there is a way to prevent the caching. Everytime I dont have internet connection my whole phone goes into lag mode. I cant even turn on the app store. As for other apps the just crash. Im using a 3GS on 4.0.1. Thanks

aznrebelboy wrote:yea when I'm offline my iPod starts laggin like crazy

You guys got PM. :)
ilovesandraoh wrote:
IamBob wrote:@ilovesandraoh, check if /Library/Themes/SlantedLock.theme/config.html exist or not.

it says the file doesnt exist

Make sure you downloaded the theme (or SSH) onto your phone in the proper Theme folder. Also double check all capitalization--it matters.
I love it! Thank you so much

Image
Looks good!

One question, is there a way to get rid of the seconds and the "AM/PM" inside the squares?
Sirdrunknmunky wrote:
Redicaluss wrote:Is there a way to get rid of the seconds and AM/PM signals? I would rather have the colon completely white.

Go to SlantedLock.themePrivatecss and open SlantedLock.css with notepad or something. Lines 53 (div#secondsbox section) and 67 (div#ampmbox section) show a selected color of #818181 while the background-color for the white boxes is #fff. If you change the colors on these two lines to #fff as well, the seconds and am/pm will become white (same color as the box) and you won't see them anymore. I don't know how to get rid of them altogether, but it's the workaround that I used since I'm rubbish with js.

Hope that helps!

p.s. I love this theme, thank you Claude626 for sharing it!