egroupware/pixelegg/less/def_colors.less

/**
 * EGroupware: Stylite Pixelegg template
 *
 * Please do NOT change css-files directly, instead change less-files and compile them!
 *
 * @link http://www.egroupware.org
 * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
 * @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
 * @package pixelegg
 * @version $Id: pixelegg.less 3017 2014-04-15 08:35:38Z ralfbecker $

## Definitions of all used colors

 */
@import "definitions.less";

 // Basic colour

 // Message color codes
 @egw_color_msg_error: fade(#CC0033, 50%);
 @egw_color_msg_warning: fade(#FFCC00, 50%);
 @egw_color_msg_info: fade(#33CC66, 50%);

 // CI EGW

@egw_color_select: #6699CC;
@egw_color_hover: #99CCFF;

// Orange
@egw_color_1 : rgb(255, 194, 0); // #ffc200

@egw_color_1_a : #ffc200;
@egw_color_1_b : #BF9D30;
@egw_color_1_c : #A67E00;
@egw_color_1_d : #FFD140;
@egw_color_1_e : #FFDD73; // li:selected

// BLUE
@egw_color_2_a : #0C5DA5;
@egw_color_2_b : #26537C;
@egw_color_2_c : #043A6B;
@egw_color_2_d : #408DD2;
@egw_color_2_e : #679FD2; // li:current


// Lila
@egw_color_3_a : #560EAD;
@egw_color_3_b : #512882;
@egw_color_3_c : #360570;
@egw_color_3_d : #8643D6;
@egw_color_3_e : #9B6AD6;




@egw_color_blue : #1D1AB2;

@egw_color_blue_lighter : #0B5FA4 ;

@egw_color_blue_lightest : #679FD2;     //#66A1D2;

//Berechnung der EGW Farben

.background_color_egw_normal  {background-color : @egw_color_1_a;}
.background_color_egw_light   {background-color : @egw_color_1_d;}
.background_color_egw_lighter {background-color : @egw_color_1_e;}
.background_color_egw_dark    {background-color : @egw_color_2_a;}
.background_color_egw_darker  {background-color : @egw_color_2_b;}


// greyscale
@gray : #000000; // Base colur is black

/*@gray-100 : #000000;*/
@gray_100 : #000000;
@gray_90 : #1E1E1E;
@gray_80 : #373737;
@gray_70 : #505050;
@gray_60 : #696969;
@gray_50 : #828282;
@gray_40 : #9B9B9B;
@gray_30 : #B4B4B4;
@gray_20 : #CDCDCD;
@gray_10 : #E6E6E6;
@gray_5 : #F2F2F2;
@gray_0 : #FFFFFF;


.color_0_gray 	{	color : lighten(@gray, 100%);} // white

.color_5_gray 	{	color : lighten(@gray, 95%);}
.color_10_gray 	{	color : lighten(@gray, 90%);}
.color_15_gray  {       color : lighten(@gray, 85%);}
.color_20_gray 	{	color : lighten(@gray, 80%);}
.color_25_gray 	{	color : lighten(@gray, 75%);}
.color_30_gray 	{	color : lighten(@gray, 70%);}
.color_40_gray 	{	color : lighten(@gray, 60%);}
.color_50_gray 	{	color : lighten(@gray, 50%);}
.color_60_gray 	{	color : lighten(@gray, 40%);}
.color_70_gray 	{	color : lighten(@gray, 30%);}
.color_80_gray 	{	color : lighten(@gray, 20%);}
.color_90_gray 	{	color : lighten(@gray, 10%);}
.color_100_gray {	color : @gray;	} // black

@lightgray : @gray*010101;
/*@darkgrey : .color_90_gray;*/

// grey fpr background

.background_color_0_gray {	background-color : lighten(@gray, 100%);}
.background_color_5_gray {	background-color : lighten(@gray, 98%);	}
.background_color_10_gray {	background-color : lighten(@gray, 94%);	}
.background_color_15_gray {	background-color : lighten(@gray, 85%);	}
.background_color_20_gray {     background-color : lighten(@gray, 80%);	}
.background_color_25_gray {     background-color : lighten(@gray, 75%);	}
.background_color_30_gray {     background-color : lighten(@gray, 70%) !important;	}
.background_color_40_gray {     background-color : lighten(@gray, 60%);	}
.background_color_50_gray {	background-color : lighten(@gray, 50%);	}

//Placeholder
@color_placeholder: #666666;

// Warning
@red: #FF0000;
@color_warning : @red;


// ERROR
@color_error : #AE1D00;


// Test Colour for debug
@yellow : #FFD40F;

// Link Colours
@link_color : @egw_color_2_b;
@link_color_active: fade(@egw_color_2_b, 60%);

// soll EGROUPWARE FARBE GEBEN
/*@active_button_border_bottom : @egw_color_2_d;*/

// Hint / or have to do / must field
@color_hint : #189800; //@egw_color_2_a;

// Tooltipp / or have to do / must field
@color_tooltip : lighten(@egw_color_1_e, 90%);

/*optional / can field*/
@color_optional : fade(@egw_color_1_e, 10%);



/*Listenausgabe*/

@color_even : @gray_0;
@color_odd : darken(@gray_0, 5%);


// aktiverte Zeilen in allen APP mit Listenausgabe
@color_active_row : fade(@egw_color_1_a, 1%);

// not in use
@color_selected_row : fade(@egw_color_select,70%);

// Mouse over
@color_hover_row : fade(@egw_color_hover, 40%);

@sl-color-menu: hsl(0, 0%, 100%);
@sl-bg-color-menu: hsl(200, 98%, 39%);
@sl-filter-menu: invert(1) brightness(5);
@sl-box-shadow-menu: 0 2px 8px hsl(240 3.8% 46.1% / 12%);
@sl-border-menu: 1px solid hsl(240deg 6% 90%);

/* Dialog Button panel Background Color*/
@color_button_panel_bg_color : @egw_color_2_e;


 /*Button edit + save + apply + copy = positive action         */
@color_positive_action : #ace29e; // green
@color_positive_action_hover : fade(#ace29e, 2%); // green
@color_positive_action_active : lighten(#ace29e, 2%); // green

/*Button Add-plus*/
@color_add_plus_bg_color:  #336666;

 /*Button  cancel = do nothing action         */
@color_cancel_action : #ffdb7a;
@color_cancel_action_hover : lighten(#ffdb7a, 0%);
@color_cancel_action_active : lighten(#ffdb7a, 15%);

 /*Button delete  = negative action         */
@color_negative_action : #ff866e;
@color_negative_action_hover : lighten(#ff866e, 2%);
@color_negative_action_active : lighten(#ff866e, 10%);





@color_splitter_bar : @egw_color_1_a;
@color_splitter_bar_hover : @egw_color_1_a;
@color_splitter_bar_active : @egw_color_1_a;

// Search Button

.background_color_search {background-color : @gray_30;	}


// cal Heute // in Sidebar
.background_table_cal_head { background-color : @egw_color_1_e;}

@color_progress : @egw_color_1_e;



// Color disabled
// transparent blue -> egw_color_2_a
@color_disabled : rgba(12, 93, 165, 0.2);