Details | Last modification | View Log | RSS feed
| Rev | Author | Line No. | Line |
|---|---|---|---|
| 1 | espaco | 1 | //== Colors |
| 2 | |||
| 3 | $gray-base: darken(#34495E, 20%); |
||
| 4 | $gray-dark: lighten($gray-base, 20%); |
||
| 5 | $gray: lighten($gray-base, 33.5%); |
||
| 6 | $gray-light: lighten($gray-base, 46.7%); |
||
| 7 | |||
| 8 | $brand-primary: darken(#428bca, 6.5%); |
||
| 9 | $brand-success: lighten(#32c5d2, 1%); |
||
| 10 | $brand-info: lighten(#5893dd, 3%); |
||
| 11 | $brand-warning: #F1C40F; |
||
| 12 | $brand-danger: lighten(#eb5d68, 3%); |
||
| 13 | |||
| 14 | //== Forms |
||
| 15 | // |
||
| 16 | //## |
||
| 17 | |||
| 18 | //** `<input>` background color |
||
| 19 | $input-bg: #fff ; |
||
| 20 | //** `<input disabled>` background color |
||
| 21 | $input-bg-disabled: darken(#f1f4f7, 1%); |
||
| 22 | |||
| 23 | //** Text color for `<input>`s |
||
| 24 | $input-color: lighten(#000000, 33.5%); |
||
| 25 | //** `<input>` border color |
||
| 26 | $input-border: darken(#e1e5ec, 10%); |
||
| 27 | |||
| 28 | //** Border color for inputs on focus |
||
| 29 | $input-border-focus: darken($input-border, 15%); |
||
| 30 | |||
| 31 | //** Placeholder text color |
||
| 32 | $input-color-placeholder: #999; |
||
| 33 | |||
| 34 | $legend-color: $gray-dark; |
||
| 35 | $legend-border-color: #e5e5e5 ; |
||
| 36 | |||
| 37 | //== Dropdowns |
||
| 38 | |||
| 39 | $dropdown-link-hover-bg: #e1e5ec; // set by keenthemes |
||
| 40 | |||
| 41 | //== Wells |
||
| 42 | |||
| 43 | $well-bg: lighten($gray-base, 87%); // set by keenthemes |
||
| 44 | |||
| 45 | //== Tables |
||
| 46 | |||
| 47 | //** Default background color used for all tables. |
||
| 48 | $table-bg: transparent; |
||
| 49 | |||
| 50 | //** Background color used for `.table-striped`. |
||
| 51 | |||
| 52 | $table-bg-accent: lighten($general-panel-bg-color, 3%); |
||
| 53 | |||
| 54 | //** Background color used for `.table-hover`. |
||
| 55 | $table-bg-hover: darken($general-panel-bg-color, 1%); |
||
| 56 | $table-bg-active: $table-bg-hover; |
||
| 57 | |||
| 58 | //** Border color for table and cell borders. |
||
| 59 | $table-border-color: darken($general-panel-bg-color, 3%); |
||
| 60 | |||
| 61 | //== Form states and alerts |
||
| 62 | // |
||
| 63 | //## Define colors for form feedback states and, by default, alerts. |
||
| 64 | |||
| 65 | $state-success-text: darken($brand-success, 10%); |
||
| 66 | $state-success-bg: lighten($brand-success, 28%); |
||
| 67 | $state-success-border: lighten($brand-success, 28%); |
||
| 68 | |||
| 69 | $state-info-text: darken($brand-info, 12%); |
||
| 70 | $state-info-bg: lighten($brand-info, 29%); |
||
| 71 | $state-info-border: lighten($brand-info, 29%); |
||
| 72 | |||
| 73 | $state-danger-text: darken($brand-danger, 10%); |
||
| 74 | $state-danger-bg: lighten($brand-danger, 26%); |
||
| 75 | $state-danger-border: lighten($brand-danger, 26%); |
||
| 76 | |||
| 77 | $state-warning-text: darken($brand-warning, 10%); |
||
| 78 | $state-warning-bg: lighten($brand-warning, 27%); |
||
| 79 | $state-warning-border: lighten($brand-warning, 27%); |
||
| 80 | |||
| 81 | //== Buttons |
||
| 82 | // |
||
| 83 | //## For each of Bootstrap's buttons, define text, background and border color. |
||
| 84 | |||
| 85 | $btn-font-weight: normal; |
||
| 86 | |||
| 87 | $btn-default-color: #333; |
||
| 88 | $btn-default-bg: #fff; |
||
| 89 | $btn-default-border: #ccc; |
||
| 90 | |||
| 91 | $btn-primary-color: #fff; |
||
| 92 | $btn-primary-bg: $brand-primary; |
||
| 93 | $btn-primary-border: darken($btn-primary-bg, 5%); |
||
| 94 | |||
| 95 | $btn-success-color: #fff; |
||
| 96 | $btn-success-bg: $brand-success; |
||
| 97 | $btn-success-border: darken($btn-success-bg, 5%); |
||
| 98 | |||
| 99 | $btn-info-color: #fff; |
||
| 100 | $btn-info-bg: $brand-info; |
||
| 101 | $btn-info-border: darken($btn-info-bg, 5%); |
||
| 102 | |||
| 103 | $btn-warning-color: #fff; |
||
| 104 | $btn-warning-bg: $brand-warning; |
||
| 105 | $btn-warning-border: darken($btn-warning-bg, 5%); |
||
| 106 | |||
| 107 | $btn-danger-color: #fff; |
||
| 108 | $btn-danger-bg: $brand-danger; |
||
| 109 | $btn-danger-border: darken($btn-danger-bg, 5%); |
||
| 110 | |||
| 111 | $btn-link-disabled-color: $gray-light; |
||
| 112 | |||
| 113 | |||
| 114 | //== Alerts |
||
| 115 | // |
||
| 116 | //## Define alert colors, border radius, and padding. |
||
| 117 | |||
| 118 | $alert-success-bg: $state-success-bg; |
||
| 119 | $alert-success-text: $state-success-text; |
||
| 120 | $alert-success-border: $state-success-border; |
||
| 121 | |||
| 122 | $alert-info-bg: $state-info-bg; |
||
| 123 | $alert-info-text: $state-info-text; |
||
| 124 | $alert-info-border: $state-info-border; |
||
| 125 | |||
| 126 | $alert-warning-bg: $state-warning-bg; |
||
| 127 | $alert-warning-text: $state-warning-text; |
||
| 128 | $alert-warning-border: $state-warning-border; |
||
| 129 | |||
| 130 | $alert-danger-bg: $state-danger-bg; |
||
| 131 | $alert-danger-text: $state-danger-text; |
||
| 132 | $alert-danger-border: $state-danger-border; |
||
| 133 | |||
| 134 | //== Progress bars |
||
| 135 | // |
||
| 136 | //## |
||
| 137 | |||
| 138 | //** Default progress bar color |
||
| 139 | $progress-bar-bg: $brand-primary; |
||
| 140 | //** Success progress bar color |
||
| 141 | $progress-bar-success-bg: $brand-success; |
||
| 142 | //** Warning progress bar color |
||
| 143 | $progress-bar-warning-bg: $brand-warning; |
||
| 144 | //** Danger progress bar color |
||
| 145 | $progress-bar-danger-bg: $brand-danger; |
||
| 146 | //** Info progress bar color |
||
| 147 | $progress-bar-info-bg: $brand-info; |
||
| 148 | |||
| 149 | //== Panels |
||
| 150 | // |
||
| 151 | //## |
||
| 152 | |||
| 153 | $panel-primary-text: #fff; |
||
| 154 | $panel-primary-border: $brand-primary; |
||
| 155 | $panel-primary-heading-bg: $brand-primary; |
||
| 156 | |||
| 157 | $panel-success-text: $state-success-text; |
||
| 158 | $panel-success-border: $state-success-border; |
||
| 159 | $panel-success-heading-bg: $state-success-bg; |
||
| 160 | |||
| 161 | $panel-info-text: $state-info-text; |
||
| 162 | $panel-info-border: $state-info-border; |
||
| 163 | $panel-info-heading-bg: $state-info-bg; |
||
| 164 | |||
| 165 | $panel-warning-text: $state-warning-text; |
||
| 166 | $panel-warning-border: $state-warning-border; |
||
| 167 | $panel-warning-heading-bg: $state-warning-bg; |
||
| 168 | |||
| 169 | $panel-danger-text: $state-danger-text; |
||
| 170 | $panel-danger-border: $state-danger-border; |
||
| 171 | $panel-danger-heading-bg: $state-danger-bg; |
||
| 172 | |||
| 173 | //== List Group |
||
| 174 | $list-group-disabled-bg: $general-panel-bg-color; |
||
| 175 | $list-group-disabled-color: lighten($general-panel-font-color, 45%); |
||
| 176 | $list-group-disabled-text-color: lighten($general-panel-font-color, 45%); |