xp-dev.com Git - RRRRHHHH_Artifacts/blob - It2Artifacts(E)/html-docs/assets/css/variables.less

   1 /*
   2  * Copyright (c) 2013-2014 Minkyu Lee. All rights reserved.
   3  *
   4  * NOTICE:  All information contained herein is, and remains the
   5  * property of Minkyu Lee. The intellectual and technical concepts
   6  * contained herein are proprietary to Minkyu Lee and may be covered
   7  * by Republic of Korea and Foreign Patents, patents in process,
   8  * and are protected by trade secret or copyright law.
   9  * Dissemination of this information or reproduction of this material
  10  * is strictly forbidden unless prior written permission is obtained
  11  * from Minkyu Lee (niklaus.lee@gmail.com).
  12  *
  13  */
  14
  15 // ----- Light Theme ----------------------------------------------------------
  16
  17 /*
  18 // Icons
  19 @ui-image-folder: "Default";
  20 @ui-icon-url: url('icons/icons-light.png');
  21
  22 // Widget
  23 @ui-widget-color: #e4e4e4;
  24 @ui-widget-light-color: lighten(@ui-widget-color, 15%);
  25 @ui-widget-dark-color: darken(@ui-widget-color, 15%);
  26 @ui-widget-border-color: darken(@ui-widget-color, 20%);
  27 @ui-widget-text-color: #454545;
  28 @ui-widget-text-weight: 400;
  29
  30 // Widget Header
  31 @ui-widget-header-color: darken(@ui-widget-color, 12%);
  32 @ui-widget-header-light-color: lighten(@ui-widget-header-color, 10%);
  33 @ui-widget-header-dark-color: darken(@ui-widget-header-color, 10%);
  34 @ui-widget-header-border-color: @ui-widget-border-color;
  35 @ui-widget-header-text-color: @ui-widget-text-color;
  36
  37 // Widget Content
  38 @ui-widget-content-color: lighten(@ui-widget-color, 5%);
  39 @ui-widget-content-light-color: lighten(@ui-widget-content-color, 2%);
  40 @ui-widget-content-dark-color: darken(@ui-widget-content-color, 2%);
  41 @ui-widget-content-border-color: darken(@ui-widget-content-color, 5%);
  42 @ui-widget-content-hover-color: lighten(@ui-widget-content-color, 5%);
  43
  44 // Widget Active
  45 @ui-widget-active-color: #0380e8;
  46 @ui-widget-active-light-color: lighten(@ui-widget-active-color, 10%);
  47 @ui-widget-active-dark-color: darken(@ui-widget-active-color, 10%);
  48 @ui-widget-active-border-color: darken(@ui-widget-active-color, 20%);
  49
  50 // Context Menu
  51 @ui-context-menu-background-color: #ffffff;
  52 @ui-context-menu-text-color: @ui-widget-text-color;
  53 @ui-context-menu-border-color: #ddd;
  54 @ui-context-menu-hover-color: #d6f6ff;
  55 */
  56
  57
  58 // ----- Dark Theme ----------------------------------------------------------
  59
  60 // Icons
  61 @ui-image-folder: "Black";
  62 @ui-icon-url: url('assets/icons/icons-light.png');
  63
  64 // Widget
  65 @ui-widget-color: #3b3f41;
  66 @ui-widget-light-color: lighten(@ui-widget-color, 3%);
  67 @ui-widget-dark-color: darken(@ui-widget-color, 3%);
  68 @ui-widget-border-color: darken(@ui-widget-color, 5%);
  69 @ui-widget-text-color: #c7c7c7;
  70 @ui-widget-text-weight: 400;
  71
  72 // Widget Header
  73 @ui-widget-header-color: darken(@ui-widget-color, 4%);
  74 @ui-widget-header-light-color: lighten(@ui-widget-header-color, 2%);
  75 @ui-widget-header-dark-color: darken(@ui-widget-header-color, 2%);
  76 @ui-widget-header-border-color: @ui-widget-border-color;
  77 @ui-widget-header-text-color: @ui-widget-text-color;
  78
  79 // Widget Content
  80 @ui-widget-content-color: lighten(@ui-widget-color, 2%);
  81 @ui-widget-content-light-color: lighten(@ui-widget-content-color, 2%);
  82 @ui-widget-content-dark-color: darken(@ui-widget-content-color, 2%);
  83 @ui-widget-content-border-color: darken(@ui-widget-content-color, 3%);
  84 @ui-widget-content-hover-color: lighten(@ui-widget-content-color, 3%);
  85
  86 // Widget Active
  87 @ui-widget-active-color: #0079de;
  88 @ui-widget-active-light-color: lighten(@ui-widget-active-color, 3%);
  89 @ui-widget-active-dark-color: darken(@ui-widget-active-color, 3%);
  90 @ui-widget-active-border-color: darken(@ui-widget-active-color, 5%);
  91
  92 // Context Menu
  93 @ui-context-menu-background-color: @ui-widget-color;
  94 @ui-context-menu-text-color: @ui-widget-text-color;
  95 @ui-context-menu-border-color: @ui-widget-border-color;
  96 @ui-context-menu-hover-color: lighten(@ui-context-menu-background-color, 5%);
  97