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