Can anon do me a quick favor & test out some CSS on their browser? These aren't themes, but perhaps they could be adapted for some of them.
First is the Oekaki button given a skeuomorphic facelift.
Since clicking on it brings up the drawing window, why not give off the illusion of the button opening a drawing program instead of it looking like a boring add-on to the file upload box? Color isn't final, it's more the idea behind it.
.oekaki-btn {
background : linear-gradient (rgba (0 , 0 , 0 , 0 ), rgba (0 , 0 , 0 , 0.13 )), radial-gradient (90% 7% at 50% 8% , rgba (255 , 255 , 255 , 0.47 ) 25% , rgba (255 , 255 , 255 , 0 ) 50% ), #0053d0 ;
border : 0 ;
border-radius : 0.375em ;
box-shadow : 0.2em 0.2em 0.5em rgba (0 , 0 , 0 , 0.47 ), 0 -0.1em 0 0.1em rgba (0 , 0 , 0 , 0.27 ), 0 0.1em 0 0.1em rgba (255 , 255 , 255 , 0.27 ), -0.2em 0 0.2em #003f9d inset, 0 0.2em 0.2em rgba (255 , 255 , 255 , 0.27 ) inset, 0.2em 0 0.2em rgba (255 , 255 , 255 , 0.27 ) inset, 0 -0.2em 0.2em #003f9d inset;
color : #fff ;
cursor : pointer;
font-size : 16px ;
margin : 0 auto;
padding : 0.75em 1em ;
text-shadow : 0 0 0.2em rgba (255 , 255 , 255 , 0.47 );
transition-property : box-shadow;
-webkit-tap-highlight-color : transparent;
}
.oekaki-btn , .oekaki-btn span {
display : block;
transition-duration : 0.1s ;
transition-timing-function : linear;
}
.oekaki-btn :focus , .oekaki-btn span :focus {
outline : none;
}
.oekaki-btn span {
transition-property : transform;
will-change: transform;
}
.oekaki-btn :active {
box-shadow : 0 0 0 rgba (0 , 0 , 0 , 0.47 ), 0 -0.1em 0 0.1em rgba (0 , 0 , 0 , 0.27 ), 0 0.1em 0 0.1em rgba (255 , 255 , 255 , 0.27 ), -0.2em 0 0.2em #002a6a inset, 0 0.2em 0.2em rgba (0 , 0 , 0 , 0.27 ) inset, 0.2em 0 0.2em rgba (0 , 0 , 0 , 0.27 ) inset, 0 -0.2em 0.2em #002a6a inset;
}
.oekaki-btn :active span {
transform : scale (0.95 );
}
.oekaki-btn :focus {
color : #9dc4ff ;
text-shadow : 0 0 0.2em rgba (157 , 196 , 255 , 0.47 );
}
And the other code is a Scrolling starry background
You might have already seen something like this in the Space Penumbra theme, but this one doesn't rely on a image file as the stars are generated entirely in CSS. I remember the stars in the Penumbra theme hiccuping after the given time passed (2 minute cycle) & would like to know if it still gives off the same hiccups after every 15 seconds.
body {
background-color :black;
background-image :
radial-gradient (white, rgba (255 ,255 ,255 ,.2 ) 2px , transparent 10px ),
radial-gradient (white, rgba (255 ,255 ,255 ,.15 ) 1px , transparent 5px ),
radial-gradient (white, rgba (255 ,255 ,255 ,.1 ) 2px , transparent 10px ),
radial-gradient (rgba (255 ,255 ,255 ,.4 ), rgba (255 ,255 ,255 ,.1 ) 2px , transparent 5px );[Expand Post] background-size : 550px 550px , 350px 350px , 250px 250px , 150px 150px ;
background-position : 0 0 , 40px 60px , 130px 270px , 70px 100px ;
background-repeat : repeat;
background-attachment : fixed;
-webkit-animation : scrolling 15s linear infinite;
-moz-animation : scrolling 15s linear infinite;
-o-animation : scrolling 15s linear infinite;
animation : scrolling 15s linear infinite;
}
@-webkit-keyframes scrolling {
from {
background-position : top right;
}
to {
background-position : top left;
}
}
Copy & paste one of these codes to your CSS settings page & apply it.
The Oekaki window can also be customized to one's liking via CSS. I was able to get a different CSS pattern to work in the canvas background & change the file window colors.