Alternative theme

[morciej]

My senior eyes don't tolerate well the saturated colour of the note's title bar, so I created an alternative theme, simply by editing the /usr/share/sticky/sticky.css file. I paid special attention to making sure that the selected text is still visible, and the slider matches the note colour but is darker. Since I can't make a dark enough yellow that is not muddy, in this case the slider is basically grey.

Perhaps we could get a choice of styles, such as this and the original, in light and dark versions. I did not make a dark version yet, but I might do it if/when I warm up to dark themes in general.

Here's what I did:

The new colour definitions (at the beginning of the sticky.css file) are here:

@define-color red1 #ff8888; /* main */
@define-color red2 #ffcccc; /* title */
@define-color red3 #ff6666; /* slider */
@define-color red4 #aa0000; /* slider hover */
@define-color red5 #ffcccc; /* slider trough */
@define-color red5 #ffcccc; /* selection */

@define-color blue1 #88bbff; /* main */
@define-color blue2 #cceeff; /* title */
@define-color blue3 #3399ff; /* slider */
@define-color blue4 #0055bb; /* slider hover */
@define-color blue5 #cceeff; /* slider trough */
@define-color blue5 #cceeff; /* selection */

@define-color green1 #88ff88; /* main */
@define-color green2 #eeffee; /* title */
@define-color green3 #00cc00; /* slider */
@define-color green4 #009900; /* slider hover */
@define-color green5 #eeffee; /* slider trough */
@define-color green5 #eeffee; /* selection */

@define-color yellow1 #ffff66; /* main */
@define-color yellow2 #ffffcc; /* title */
@define-color yellow3 #777700; /* slider */
@define-color yellow4 #333300; /* slider hover */
@define-color yellow5 #ffffcc; /* slider trough */
@define-color yellow5 #cccc00; /* selection */

@define-color purple1 #cc99ff; /* main */
@define-color purple2 #eeccff; /* title */
@define-color purple3 #9933ff; /* slider */
@define-color purple4 #5500cc; /* slider hover */
@define-color purple5 #eeccff; /* slider trough */
@define-color purple5 #eeccff; /* selection */

@define-color teal1 #99ffff; /* main */
@define-color teal2 #eeffff; /* title */
@define-color teal3 #00dddd; /* slider */
@define-color teal4 #009999; /* slider hover */
@define-color teal5 #eeffff; /* slider trough */
@define-color teal5 #eeffff; /* selection */

@define-color orange1 #ffbb66; /* main */
@define-color orange2 #ffeecc; /* title */
@define-color orange3 #ff8800; /* slider */
@define-color orange4 #cc4400; /* slider hover */
@define-color orange5 #ffbb66; /* slider trough */
@define-color orange5 #ffddbb; /* selection */

@define-color magenta1 #ffaaff; /* main */
@define-color magenta2 #ffeeff; /* title */
@define-color magenta3 #ff33ff; /* slider */
@define-color magenta4 #dd00dd; /* slider hover */
@define-color magenta5 #ffaaff; /* slider trough */
@define-color magenta5 #ffeeff; /* selection */

[ungaratto93]

Hi @morciej
What do you think about a dark note with white font ? Or some more solid color...

[morciej]

I am not an expert in graphic design. All I am saying is that I have an aversion to filling the screen with colours that are supposed to be for alert only. "All emphasis is no emphasis". If it's a dark background, I suggest something other than pure white, for the same reason.