mirror of
https://github.com/EGroupware/egroupware.git
synced 2024-10-05 01:32:29 +02:00
218 lines
5.6 KiB
Plaintext
218 lines
5.6 KiB
Plaintext
/**
|
|
* 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); |