resources/sass/ext-all-access.scss

   1 $theme-name: 'access';
   2
   3 body {
   4     background: #000;
   5 }
   6
   7 $base-color: #3f4757;
   8 $orange: #ed9200;
   9 $color: #fff;
  10 $font-size: 15px;
  11 $css-shadow-background-color: #000000;
  12
  13 //panel
  14 $panel-header-background-color: #3a4155;
  15 $panel-header-color: #fff;
  16 $panel-body-background-color: #232d38;
  17 $panel-body-color: #fff;
  18 //$panel-header-font-size: 14px;
  19 $panel-border-color: #18181a;
  20 $panel-header-inner-border: false;
  21
  22 $border-layout-ct-background: #3f4757;
  23
  24 //framed panel
  25 $panel-frame-border-radius: 3px;
  26 $frame-base-color: #232d38;
  27 $panel-frame-background-color: #3f4757;
  28
  29 //window
  30 $window-background-color: #3f4757;
  31 $window-body-background-color: #1f2833;
  32 $window-body-color: #fff;
  33 $window-body-border-color: #18181a;
  34 $window-inner-border-color: #414b5c;
  35
  36 //loadmask
  37 $loadmask-msg-background-color: #3f4757;
  38 $loadmask-msg-border-color: #222233;
  39 $loadmask-msg-inner-border-color: #555566;
  40 $loadmask-msg-inner-background-color: #232d38;
  41 $loadmask-msg-inner-color: #fff;
  42 $loadmask-msg-inner-padding: 5px 10px;
  43 $loadmask-msg-inner-icon: null;
  44
  45 //toolbar
  46 $toolbar-border-color: $window-body-border-color;
  47 $toolbar-background-color: #3a3e4f;
  48 $toolbar-text-color: #fff;
  49
  50 $toolbar-separator-color: #1b1b29 !default;
  51 $toolbar-separator-highlight-color: #5d5d6e !default;
  52
  53 //buttons
  54 $button-default-base-color: #2a3142;
  55 $button-default-base-color-over: $orange;
  56 $button-default-base-color-pressed: #da7b19;
  57 $button-default-color: #fff;
  58
  59 $button-toolbar-border-color-over: #d97e27;
  60 $button-toolbar-border-color-pressed: #c86e19;
  61 $button-toolbar-background-color-over: $orange;
  62 $button-toolbar-background-color-pressed: #db7b1f;
  63 $button-toolbar-background-gradient: null;
  64 $button-toolbar-background-gradient-over: null;
  65 $button-toolbar-background-gradient-focus: null;
  66 $button-toolbar-background-gradient-pressed: null;
  67 $button-toolbar-background-gradient-disabled: null;
  68 $button-toolbar-color: #fff !default;
  69 $button-toolbar-color-over: #fff !default;
  70 $button-toolbar-color-pressed: #fff !default;
  71
  72 //forms
  73 $form-field-height: 26px;
  74 $form-toolbar-field-height: 24px;
  75 //$form-field-font-size: 15px;
  76 $form-field-border-width: 2px;
  77 $form-field-border-color: #737b8c;
  78 $form-field-background-color: #34383f;
  79 $form-field-color: #fff;
  80 $form-checkbox-size: 19px;
  81
  82 $form-field-focus-border-color: #ff9c33;
  83
  84 $form-field-invalid-background-color: #15171A;
  85 $form-field-invalid-border-color: #C30;
  86
  87 $form-trigger-width: 20px;
  88 $form-trigger-border-bottom-width: 2px;
  89 $form-trigger-border-bottom-color: $form-field-border-color;
  90 $form-trigger-border-bottom-color-over: $form-field-focus-border-color;
  91 $form-trigger-border-bottom-color-focus: $form-field-border-color;
  92 $form-trigger-border-bottom-color-focus-over: $form-field-focus-border-color;
  93 $form-trigger-border-bottom-color-pressed: #c76e12;
  94
  95 //htmleditor
  96 $html-editor-border-color: #737b8c;
  97
  98 //fieldsets
  99 $fieldset-header-color: #fff;
 100 $fieldset-border-color: #727c8c;
 101
 102 //tabs
 103 $tab-base-color: #616f8c;
 104 $tab-base-color-over: lighten(#616f8c, 5);
 105 $tab-base-color-active: $orange;
 106
 107 $tab-height: 27px;
 108
 109 $tab-color: #fff;
 110 $tab-color-active: $tab-color;
 111
 112 $tab-inner-border: false;
 113 $tab-border-color: #2e3746;
 114 $tab-border-color-active: #74400e;
 115
 116 $tab-background-gradient: null;
 117 $tab-background-gradient-over: null;
 118 $tab-background-gradient-active: null;
 119 $tab-background-gradient-disabled: null;
 120
 121 $tab-closable-icon: 'tabs/tab-close.gif';
 122 $tab-closable-background-position: top right;
 123 $tab-closable-width: 16px;
 124
 125 $tabbar-strip-background-color: $orange;
 126
 127 //grid
 128 $grid-header-background-color: #373c4b;
 129 $grid-header-over-background-color: #496085;
 130 $grid-header-background-gradient: 'glossy';
 131 $grid-header-over-background-gradient: 'glossy';
 132 $grid-header-color: #fff;
 133
 134 $grid-row-wrap-border-color: #101010;
 135
 136 $grid-row-cell-color: #fff;
 137
 138 $grid-row-cell-background: #1f2933;
 139
 140 $grid-row-cell-alt-background: #1a232b;
 141
 142 $grid-row-cell-over-background-color: #7e552f;
 143 $grid-row-cell-over-border-color: #101010;
 144
 145 $grid-row-cell-selected-background-color: #e48627;
 146 $grid-row-cell-selected-border-color: #101010;
 147
 148 $grid-row-cell-over-background-gradient: 'flat';
 149 $grid-row-cell-focus-background-gradient: 'flat';
 150
 151 //layout
 152 $accordion-header-color: #fff;
 153 $accordion-header-background-color: #5c6b82;
 154
 155 //progress bar
 156 $progress-border-color: #18181a;
 157 $progress-background-color: #232d38;
 158 $progress-text-color-back: #aaa;
 159 $progress-bar-background-color: $orange;
 160
 161 //datepicker
 162 $datepicker-background-color: #21252e;
 163 $datepicker-border-color: #798294;
 164 $datepicker-today-item-border-color: #9999aa;
 165
 166 $datepicker-header-background-color: #5c6980;
 167
 168 $datepicker-th-background-color: #3a4051;
 169 $datepicker-th-color: #fff;
 170 $datepicker-th-border-bottom-color: #535b5c;
 171
 172 $datepicker-td-height: 21px;
 173
 174 $datepicker-item-color: #fff;
 175 $datepicker-item-hover-background-color: #7e5530;
 176 $datepicker-selected-item-border-color: #864900;
 177 $datepicker-selected-item-background-color: #e5872c;
 178
 179 $datepicker-monthpicker-height: 172px;
 180
 181 $datepicker-monthpicker-item-color: #fff;
 182 $datepicker-monthpicker-item-border: 0 none;
 183 $datepicker-monthpicker-item-selected-background-color: $datepicker-selected-item-background-color;
 184
 185 // boundlist
 186 $boundlist-background-color: #404551;
 187 $boundlist-border-color: #222732;
 188 $boundlist-border-width: 2px;
 189
 190 $boundlist-item-border-width: 0;
 191 $boundlist-item-over-background-color: #e5872c;
 192 $boundlist-item-selected-background-color: #e5872c;
 193
 194 //tips
 195 $tip-base-color: #5e6986;
 196 $tip-border-color: #122d5e;
 197 $tip-body-color: #000;
 198
 199 @import 'compass';
 200 @import 'ext4/default/all';