[Summary view] [Print] [Text view]

   1  //--------------------------- GLOBAL VALUES--------------------------//

   2  
   3  //Please Change the below colors only to change the Skin of vtigercrm

   4  // Base Theme Colors

   5  @baseThemeColor : #008D4C;
   6  @bodyBackgroundColor: #EEEFF2;
   7  
   8  // Link Colors

   9  @themeLinkColor : @baseThemeColor;
  10  @themeLinkColorInverse : @white;
  11  
  12  // Body variables

  13  @baseFontSize:                  12px;
  14  @baseFontColor:                    @greyDarker;
  15  @baseFontFamily:                'Lucida Grande', Verdana, Tahoma, Arial, sans-serif;
  16  @baseLineHeight:                18px;
  17  @bodyColor:                        @white;
  18  
  19  // Menu bar Stylings //

  20  @menubarColor: @baseThemeColor;
  21  @menubarLink: @themeLinkColorInverse;
  22  @menubarLinkSelected: @white;
  23  @menubarLinkBackground: darken(@baseThemeColor,20%);
  24  @moreMenulinks: darken(@baseFontColor,10%);
  25  
  26  // -- Notification Background Color -- //

  27  @notificationBackground:        #FAFAD2;
  28  @notificationborder:            #ccc;
  29  @footerBackground: @baseThemeColor;
  30  
  31  //--Actions container -- //

  32  @actionsContainerBackground: #F3F3F3;
  33  @actionsContainerBorder: @white;
  34  @actionsContainerShadow: @grey;
  35  
  36  //Borders

  37  @lightColorBorder : #dddddd;
  38  @themeBorder : darken(@baseThemeColor,5%);
  39  
  40  //--Search bar Stylings --//

  41  @searchButton: @baseThemeColor;
  42  @advSearch: @menubarLinkBackground + #222222;
  43  @searchChzn : @lightColorBorder + #111;
  44  @searchChznBorder : @lightColorBorder;
  45  
  46  //Select All message div color //

  47  @selectAllMsgDivColor: @notificationBackground;
  48  
  49  // Contents Backgrounds

  50  @mainContainer: @bodyBackgroundColor;
  51  @contentsBackground : @white;
  52  
  53  // Dashboard widget stylings

  54  @dashboardHeader: #F5F5F5;
  55  @dashboardWidgetHeader: #F3F3F4;
  56  @dashboardWidgetHeaderText: @baseFontColor;
  57  
  58  //Dashboard widgets settings styles;

  59  @dashboardSettingBackground: @lightColorBorder + #111;
  60  
  61  // Editview Styles

  62  @editViewLabel: @bodyBackgroundColor;
  63  
  64  
  65  // Basic Button Gradient Colors

  66  @basicButtonBorderColorOnHover:     @greyLighter;
  67  @addButton:                         @greyLightest + #222;
  68  @addButtonBorder:                    @baseThemeColor;
  69  @primarybtnColor:                    @baseThemeColor;
  70  @dangerbtnColor:                    #BD362F;
  71  @saveButton:                        #51A351;
  72  @deleteButton:                      #aa3434;
  73  @importNextButton:                  #51A351;
  74  @importLastImportedRecords:         #FAA732;
  75  @importUndoLastImport:              #DA4F49;
  76  
  77  
  78  // Gray Colors

  79  @white            : #fff;
  80  @black            : #000;
  81  @greyDarker     : #444;
  82  @grey            : #888;
  83  @greyLighter    : #bbb;
  84  @greyLightest    : #f3f3f3;
  85  
  86  // Solid colors

  87  @lightBlue    :    #65A6FF;
  88  @lightRed    :    #FF5757;
  89  @lightViolet:    #984DFF;
  90  @lightGreen    :    #9CD159;
  91  @greenyBlue    :    #41E5C0;
  92  
  93  
  94  //---------------VARIABLES USED FOR SETTINGS ------------------------//

  95  
  96  //Groups Member Colors

  97  @users:                             #F99984;
  98  @groups:                            #acd5ff;
  99  @roles:                             #FFEC98;
 100  @rolesAndSubordinates:              #c4dea2;
 101  
 102  //Full Calendar view

 103  @fc-style1:                         #17309A;
 104  @fc-style2:                         #3A87AD;
 105  @fc-style3:                         #AA6705;
 106  @fc-style4:                         #953B39;
 107  @fc-style5:                         #545252;
 108  @fc-style6:                         #87865D;
 109  @fc-style7:                         #C71585;
 110  @fc-style8:                         #006400;