Instead of making my own I thought I snag a couple that's already been made and just change it to my needs.
Here's the ClockTow one I changed.
I gave a padding around the border (it was too tight for my liking)
changed the background color, font sizes and colors and font family
Centered the date at the bottom instead of to the right and resized everything.
Just in case anyone wanted to change this desklet to their own liking I am adding the css changes I made to mine so you know what to change and where
REMEMBER THIS IS A FONT I HAVE ON MY SYSTEM, change it to one you have instead or it won't show or throw an error.
Code: Select all
.clock-container{
background:#1D1815;
padding:6px;
border-radius: 12px
}
.hour-container{}
.date-container{
color:#FFFCDC;
text-shadow: 1px 1px 2px #24211E;
font-size: 15pt;
text-align: center;
font-family:"DejaVu Sans Condensed",Sans;
}
.clock-hour-label{
color:#FFFCDC;
text-shadow: 1px 1px 2px #24211E;
font-size: 30pt;
font-family:"Sci Fied",San;
}
.clock-min-label{
color:#FFFCDC;
text-shadow: 1px 1px 2px #24211E;
font-size: 30pt;
font-family:"Sci Fied",San;
}
.clock-sec-label{
color:#FFFCDC;
text-shadow: 1px 1px 2px #24211E;
font-size: 15pt;
font-family:"Sci Fied",San;
}
.clock-date-label{}
This is the stylesheet.css in the clocks folder located at: home>.local>share>cinnamon>desklets>clockTow@armandobs14
Enjoy
Sam