view/theme/quattro/colors.less

   1 // Quattro Theme LESS file
   2
   3 // "Echo" palette from Inkscape
   4 @Blue1:rgb(25,174,255);
   5 @Blue2:rgb(0,132,200);
   6 @Blue3:rgb(0,92,148);
   7 @Red1:rgb(255,65,65);
   8 @Red2:rgb(220,0,0);
   9 @Red3:rgb(181,0,0);
  10 @Orange1:rgb(255,255,62);
  11 @Orange2:rgb(255,153,0);
  12 @Orange3:rgb(255,102,0);
  13 @Brown1:rgb(255,192,34);
  14 @Brown2:rgb(184,129,0);
  15 @Brown3:rgb(128,77,0);
  16 @Green1:rgb(204,255,66);
  17 @Green2:rgb(154,222,0);
  18 @Green3:rgb(0,145,0);
  19 @Purple1:rgb(241,202,255);
  20 @Purple2:rgb(215,108,255);
  21 @Purple3:rgb(186,0,255);
  22 @Metalic1:rgb(189,205,212);
  23 @Metalic2:rgb(158,171,176);
  24 @Metalic3:rgb(54,78,89);
  25 @Metalic4:rgb(14,35,46);
  26 @Grey1:rgb(255,255,255);
  27 @Grey2:rgb(204,204,204);
  28 @Grey3:rgb(153,153,153);
  29 @Grey4:rgb(102,102,102);
  30 @Grey5:rgb(45,45,45);
  31
  32
  33 // Theme colors
  34 @BodyBackground: @Grey1;
  35 @BodyColor:     @Grey5;
  36
  37 @Link: @Blue3;
  38 @LinkHover: @Blue3;
  39 @LinkVisited: @Blue3;
  40
  41 @Banner: @Grey1;
  42
  43 @NavbarBackground:@Metalic4;
  44 @NavbarSelectedBg:@Metalic3;
  45 @NavbarSelectedBorder: @Metalic2;
  46 @NavbarNotifBg: @Blue1;
  47
  48 @Menu: @Grey5;
  49 @MenuBg: @Grey1;
  50 @MenuBorder: @Metalic3;
  51 @MenuItem: @Grey5;
  52 @MenuItemHoverBg: @Metalic1;
  53 @MenuItemSeparator: @Metalic2;
  54 @MenuEmpty: @Metalic2;
  55 @MenuItemDetail: @Metalic2;
  56
  57 @AsideBorder: @Metalic1;
  58 @AsideConnect: @Grey1;
  59 @AsideConnectBg: @Blue3;
  60 @AsideConnectHoverBg: @Blue1;
  61
  62 @InfoColor: @Grey1;
  63 @InfoBackgroundColor: @Metalic3;
  64
  65 @NoticeColor: @Grey1;
  66 @NoticeBackgroundColor: #511919;