resources/sass/ext-all-gray.scss

   1 $theme-name: 'gray';
   2 $base-color: #ccc;
   3
   4 //panel
   5 $panel-header-background-gradient: color-stops(#F0F0F0, #D7D7D7);
   6 $panel-border-color: #D0D0D0;
   7 $panel-header-color: #333;
   8
   9 $panel-frame-background-color: #f1f1f1;
  10
  11 //window
  12 $window-background-color: #e8e8e8;
  13 $window-header-color: #333;
  14
  15 //menu
  16 $menu-item-active-background-color: darken(#f3f3f3, 5);
  17 $menu-item-active-border-color: #9d9d9d;
  18
  19 //datepicker
  20 $datepicker-header-background-color: #6f6f6f;
  21 $datepicker-border-color: #585858;
  22 $datepicker-th-background-color: #e9e9e9;
  23 $datepicker-selected-item-background-color: #d8d8d8;
  24 $datepicker-item-hover-background-color: transparent;
  25
  26 //progress bar
  27 $progress-border-color: #8e8e8e;
  28 $progress-background-color: #f1f1f1;
  29 $progress-bar-background-color: #ababab;
  30
  31 //tips
  32 $tip-base-color: $base-color;
  33
  34 //grid
  35 $grid-header-over-border-color: darken($base-color, 3);
  36
  37 //toolbar
  38 $toolbar-background-gradient: color-stops(#e6e6e6, #efefef);
  39 $toolbar-separator-color: #aca899;
  40 $toolbar-text-color: #000;
  41
  42 //form
  43 $fieldset-header-color: #333;
  44
  45 $boundlist-border-color: #b5b8c8;
  46
  47 //acordion
  48 $accordion-header-background-color: #e5e5e5;
  49
  50 //tabs
  51 $tab-base-color: #eaeaea;
  52 $tab-color-active: #333333;
  53
  54 $tab-background-gradient: color-stops(#dcdcdc, #eaeaea);
  55 $tab-background-gradient-over: 'tab-over' !default;
  56 $tab-background-gradient-active: color-stops(#ffffff, #eaeaea);
  57 $tab-background-gradient-disabled: 'tab-disabled' !default;
  58
  59 //buttons
  60 $button-default-base-color: #f8f8f8;
  61 $button-default-base-color-over: #f3f3f3;
  62 $button-default-base-color-focus: $button-default-base-color-over;
  63 $button-default-base-color-pressed: #d6d6d6;
  64 $button-default-base-color-disabled: adjust-color($base-color, $hue: 0deg, $saturation: -55.556%, $lightness: 12.745%) !default; //F7F7F7
  65
  66 $button-default-border-color: #bbbbbb;
  67 $button-default-border-color-over: #9d9d9d;
  68 $button-default-border-color-focus: $button-default-border-color-over;
  69 $button-default-border-color-pressed: $button-default-border-color-over;
  70 $button-default-border-color-disabled: adjust-color($button-default-base-color-disabled, $hue: 0deg, $saturation: 0%, $lightness: -8.627%) !default;
  71
  72 $button-default-background-gradient: 'matte';
  73 $button-default-background-gradient-over: 'matte';
  74 $button-default-background-gradient-focus: 'matte';
  75 $button-default-background-gradient-pressed: 'matte-reverse';
  76 $button-default-background-gradient-disabled: 'matte';
  77
  78 $button-default-background-gradient-color-stops: null;
  79 $button-default-background-gradient-color-stops-over: null;
  80 $button-default-background-gradient-color-stops-focus: null;
  81 $button-default-background-gradient-color-stops-pressed: null;
  82 $button-default-background-gradient-color-stops-disabled: null;
  83
  84
  85 $button-toolbar-base-color: $button-default-base-color;
  86
  87 $button-toolbar-border-color: transparent !default;
  88 $button-toolbar-border-color-over: $button-default-border-color-over;
  89 $button-toolbar-border-color-focus: $button-default-border-color-focus;
  90 $button-toolbar-border-color-pressed: $button-default-border-color-pressed;
  91 $button-toolbar-border-color-disabled: $button-default-border-color-disabled;
  92
  93 $button-toolbar-background-color: transparent !default;
  94 $button-toolbar-background-color-over: $button-default-base-color-over;
  95 $button-toolbar-background-color-focus: $button-default-base-color-focus;
  96 $button-toolbar-background-color-pressed: $button-default-base-color-pressed;
  97 $button-toolbar-background-color-disabled: transparent;
  98
  99 $button-toolbar-background-gradient: null;
 100 $button-toolbar-background-gradient-over: 'matte';
 101 $button-toolbar-background-gradient-focus: 'matte';
 102 $button-toolbar-background-gradient-pressed: 'matte-reverse';
 103 $button-toolbar-background-gradient-disabled: null;
 104
 105 $button-toolbar-background-gradient-color-stops: null;
 106 $button-toolbar-background-gradient-color-stops-over: null;
 107 $button-toolbar-background-gradient-color-stops-focus: null;
 108 $button-toolbar-background-gradient-color-stops-pressed: null;
 109 $button-toolbar-background-gradient-color-stops-disabled: null;
 110
 111 @import 'compass';
 112 @import 'ext4/default/all';