X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Ftheme%2Fdispy%2Flight%2F_base.less;h=c605dc7028a16fd9556f9b0c7c02b0c66ac460fe;hb=34c9156fa157803a32ed69d1ab3ec4c4f471ea1d;hp=56fd2838d051d548d627a1982ce17c82b3ce2534;hpb=72d8e0459d8fdb11c4f8080bd33404db53e2f201;p=friendica.git diff --git a/view/theme/dispy/light/_base.less b/view/theme/dispy/light/_base.less index 56fd2838d0..c605dc7028 100644 --- a/view/theme/dispy/light/_base.less +++ b/view/theme/dispy/light/_base.less @@ -24,16 +24,23 @@ @menu_bg_colour: #555753; //* font colour, aka color: */ -@lt_main_colour: #ffff99; +@lt_main_colour: lighten(@bg_colour, 10%); @main_colour: #111; +@dk_main_colour: darken(@bg_colour, 10%); @main_alt_colour: #999999; +// darken(@main_alt_colour, 6.5%) > #888888 +// //#9eabb0 // darken(@main_alt_colour, 10%) > #777777 // darken(@main_alt_colour, 20%) > #666666 // darken(@main_alt_colour, 26.8%) > #555555 // darken(@main_alt_colour, 33.5%) > #444444 // darken(@main_alt_colour, 40%) > #333333 // +// lighten(@main_alt_colour, 26.5%) > #dddddd // lighten(@main_alt_colour, 20%) > #cccccc +// lighten(@main_alt_colour, 13.5%) > #bbbbbb +// lighten(@main_alt_colour, 6.5%) > #aaaaaa +// lighten(@main_alt_colour, 30%) @disabled_colour: #dddddd; @shiny_colour: #f2f2c3; @red_orange: #ff2000; @@ -49,11 +56,9 @@ @info: #364e59; @alert: #ff0000; -@lt_main_colour: lighten(@bg_colour, 10%); -@dk_main_colour: darken(@bg_colour, 10%); - //* links */ -@link_colour: #3465a4; +// yes our link colour is "friendica blue" ;) +@link_colour: @friendica_blue; @dk_link_colour: darken(@link_colour, 10%); @lt_link_colour: lighten(@link_colour, 10%); //@hover_colour: #729fcf; @@ -130,7 +135,19 @@ -webkit-text-overflow: @t; text-overflow: @t; } - +.lin_gradient(@x1: left, @x2: right, @y1: top, @y2: bottom, @c1: @bg_colour, @c2: @dk_bg_colour) { + // w3c + background: linear-gradient(@x1 @y2, @c1, @c2); + // webkit + // -webkit-gradient(, [, ]?, [, ]? [, ]*) + background: -webkit-gradient(linear, @x1 @y1, @x2 @y2, from(@c1), to(@c2)); + // mozilla + // -moz-linear-gradient([ || ,]? , [, ]) + background: -moz-linear-gradient(@x1 @y2, @c1, @c2); + // opera + //background: -o-linear-gradient([ || ,]? , [, ]); + background: -o-linear-gradient(@x1, @c1, @c2); +} //* pre wrap */ .wrap () { white-space: pre-wrap;