Revision 432d9f7c
Von Cem Aydin vor fast 4 Jahren hinzugefügt
| css/less/developing_demo.less | ||
|---|---|---|
| 51 | 51 |
.rainbow-yellow { background-color: @rainbow-yellow }
|
| 52 | 52 |
|
| 53 | 53 |
// -------------- |
| 54 |
// Brand colors
|
|
| 54 |
// Base colors
|
|
| 55 | 55 |
|
| 56 | 56 |
// Text (Label & data) |
| 57 |
.brand-primary { background-color: @brand-primary }
|
|
| 58 |
.brand-label { background-color: @brand-label }
|
|
| 59 |
.brand-label-bg { background-color: @brand-label-bg }
|
|
| 57 |
.base-primary { background-color: @base-primary }
|
|
| 58 |
.base-label { background-color: @base-label }
|
|
| 59 |
.base-label-bg { background-color: @base-label-bg }
|
|
| 60 | 60 |
|
| 61 | 61 |
// Messages & info types |
| 62 |
.brand-info { background-color: @brand-info }
|
|
| 63 |
.brand-info-bg { background-color: @brand-info-bg }
|
|
| 62 |
.base-info { background-color: @base-info }
|
|
| 63 |
.base-info-bg { background-color: @base-info-bg }
|
|
| 64 | 64 |
|
| 65 |
.brand-ok { background-color: @brand-ok }
|
|
| 66 |
.brand-ok-bg { background-color: @brand-ok-bg }
|
|
| 65 |
.base-ok { background-color: @base-ok }
|
|
| 66 |
.base-ok-bg { background-color: @base-ok-bg }
|
|
| 67 | 67 |
|
| 68 |
.brand-warning { background-color: @brand-warning }
|
|
| 69 |
.brand-warning-bg { background-color: @brand-warning-bg }
|
|
| 68 |
.base-warning { background-color: @base-warning }
|
|
| 69 |
.base-warning-bg { background-color: @base-warning-bg }
|
|
| 70 | 70 |
|
| 71 |
.brand-error { background-color: @brand-error }
|
|
| 72 |
.brand-error-bg { background-color: @brand-error-bg }
|
|
| 71 |
.base-error { background-color: @base-error }
|
|
| 72 |
.base-error-bg { background-color: @base-error-bg }
|
|
| 73 | 73 |
|
| 74 | 74 |
// Positive & negative colors |
| 75 |
.brand-positive { background-color: @brand-positive }
|
|
| 76 |
.brand-positive-bg { background-color: @brand-positive-bg }
|
|
| 77 |
.brand-negative { background-color: @brand-negative }
|
|
| 78 |
.brand-negative-bg { background-color: @brand-negative-bg }
|
|
| 75 |
.base-positive { background-color: @base-positive }
|
|
| 76 |
.base-positive-bg { background-color: @base-positive-bg }
|
|
| 77 |
.base-negative { background-color: @base-negative }
|
|
| 78 |
.base-negative-bg { background-color: @base-negative-bg }
|
|
| 79 | 79 |
|
| 80 | 80 |
|
| 81 | 81 |
// Buttons |
| ... | ... | |
| 182 | 182 |
|
| 183 | 183 |
|
| 184 | 184 |
// ----------------------- |
| 185 |
// BRAND COLORS
|
|
| 185 |
// BASE COLORS
|
|
| 186 | 186 |
// ----------------------- |
| 187 |
.brand-superdark: @gray-superdark ; // Black
|
|
| 188 |
.brand-verydark: @gray-verydark ;
|
|
| 189 |
.brand-darker: @gray-darker ;
|
|
| 190 |
.brand-dark: @gray-dark ;
|
|
| 187 |
.base-superdark: @gray-superdark ; // Black
|
|
| 188 |
.base-verydark: @gray-verydark ;
|
|
| 189 |
.base-darker: @gray-darker ;
|
|
| 190 |
.base-dark: @gray-dark ;
|
|
| 191 | 191 |
|
| 192 |
.brand-standard: @gray-standard ;
|
|
| 192 |
.base-standard: @gray-standard ;
|
|
| 193 | 193 |
|
| 194 |
.brand-light: @gray-light ;
|
|
| 195 |
.brand-lighter: @gray-lighter ;
|
|
| 196 |
.brand-verylight: @gray-verylight ;
|
|
| 197 |
.brand-superlight: @gray-superlight ; // White
|
|
| 194 |
.base-light: @gray-light ;
|
|
| 195 |
.base-lighter: @gray-lighter ;
|
|
| 196 |
.base-verylight: @gray-verylight ;
|
|
| 197 |
.base-superlight: @gray-superlight ; // White
|
|
| 198 | 198 |
|
| 199 | 199 |
|
| 200 | 200 |
|
Auch abrufbar als: Unified diff
Neues Design Anpassung: #386 Farben Überschriften und Buttons angepasst
Da bei einer Änderung der Brand Farbe oftmals ein unbrauchbarer
Hintergrund-Ton entstand, habe ich diese nun entkoppelt. Dazu:
- brand durchgehend in base umbenannt
- neuen Abschnitt brand eingefügt (css/less/variables_color_style.less)
- diesen für H1 Header und Buttons verwendet
- less/css neu kompiliert