Changeset 66642 in spip-zone


Ignore:
Timestamp:
Oct 10, 2012, 9:15:30 AM (7 years ago)
Author:
cedric@…
Message:

"Ça manque de violet" : corriger par un jeu de couleur plus Sarka, généré à partir de http://www.lavishbootstrap.com/ appliqué sur un screenshot d'un Sarka 3.2, et quelques ajustements manuels

File:
1 copied

Legend:

Unmodified
Added
Removed
  • _squelettes_/sarkaspip/trunk/css/variables.less

    r66608 r66642  
    77// --------------------------------------------------
    88
     9// Links
     10@linkColor:             #CA7467;
     11@linkColorHover:        darken(@linkColor, 15%);
    912
    1013// Grays
    11 // -------------------------
    12 @black:                 #000;
    13 @grayDarker:            #222;
    14 @grayDark:              #333;
    15 @gray:                  #555;
    16 @grayLight:             #999;
    17 @grayLighter:           #eee;
    18 @white:                 #fff;
    19 
     14@black:                 #725652;
     15@grayDark:              #6969A7;
     16@grayDarker:            darken(@grayDark, 10%);
     17@gray:                  #9996A3;
     18@grayLight:             #A6A6CB;
     19@grayLighter:           #D5BFB2;
     20@white:                 #F0F0F0;
    2021
    2122// Accent colors
     
    3334// Scaffolding
    3435// -------------------------
    35 @bodyBackground:        @white;
     36@bodyBackground:        #F9F9F9;
    3637@textColor:             @grayDark;
    37 
    38 
    39 // Links
    40 // -------------------------
    41 @linkColor:             #08c;
    42 @linkColorHover:        darken(@linkColor, 15%);
    43 
    4438
    4539// Typography
     
    8175@tableBackgroundAccent:             #f9f9f9; // for striping
    8276@tableBackgroundHover:              #f5f5f5; // for hover
    83 @tableBorder:                       #ddd; // table and cell border
     77@tableBorder:                       @grayDark; // table and cell border
     78
    8479
    8580// Buttons
     
    110105// Forms
    111106// -------------------------
    112 @inputBackground:               @white;
     107@inputBackground:               #fff;
    113108@inputBorder:                   #ccc;
    114 @inputBorderRadius:             @baseBorderRadius;
     109@inputBorderRadius:             3px;
    115110@inputDisabledBackground:       @grayLighter;
    116111@formActionsBackground:         #f5f5f5;
    117112@inputHeight:                   @baseLineHeight + 10px; // base line-height + 8px vertical padding + 2px top/bottom border
    118 
    119113
    120114// Dropdowns
     
    126120
    127121@dropdownLinkColor:             @grayDark;
     122
    128123@dropdownLinkColorHover:        @white;
     124@dropdownLinkBackgroundHover:   @dropdownLinkBackgroundActive;
     125
    129126@dropdownLinkColorActive:       @dropdownLinkColor;
    130 
    131127@dropdownLinkBackgroundActive:  @linkColor;
    132 @dropdownLinkBackgroundHover:   @dropdownLinkBackgroundActive;
    133128
    134129
     
    136131// COMPONENT VARIABLES
    137132// --------------------------------------------------
    138 
    139133
    140134// Z-index master list
     
    182176
    183177@navbarHeight:                    40px;
    184 @navbarBackgroundHighlight:       #ffffff;
    185 @navbarBackground:                darken(@navbarBackgroundHighlight, 5%);
     178@navbarBackground:                lighten(@grayLight, 10%);
     179@navbarBackgroundHighlight:       lighten(@navbarBackground, 5%);
    186180@navbarBorder:                    darken(@navbarBackground, 12%);
    187181
    188 @navbarText:                      #777;
    189 @navbarLinkColor:                 #777;
    190 @navbarLinkColorHover:            @grayDark;
    191 @navbarLinkColorActive:           @gray;
     182@navbarText:                      @gray;
     183@navbarLinkColor:                 @gray;
     184@navbarLinkColorHover:            @grayDarker;
     185@navbarLinkColorActive:           @grayDarker;
    192186@navbarLinkBackgroundHover:       transparent;
    193187@navbarLinkBackgroundActive:      darken(@navbarBackground, 5%);
     
    196190
    197191// Inverted navbar
    198 @navbarInverseBackground:                #111111;
    199 @navbarInverseBackgroundHighlight:       #222222;
    200 @navbarInverseBorder:                    #252525;
    201 
    202 @navbarInverseText:                      @grayLight;
    203 @navbarInverseLinkColor:                 @grayLight;
     192@navbarInverseBackground:                darken(@navbarInverseBackgroundHighlight, 5%);
     193@navbarInverseBackgroundHighlight:       @grayDark;
     194@navbarInverseBorder:                    darken(@navbarInverseBackground, 12%);
     195
     196@navbarInverseText:                      lighten(@grayLight,5%);
     197@navbarInverseLinkColor:                 lighten(@grayLight,5%);
    204198@navbarInverseLinkColorHover:            @white;
    205199@navbarInverseLinkColorActive:           @navbarInverseLinkColorHover;
     
    224218// Hero unit
    225219// -------------------------
    226 @heroUnitBackground:              @grayLighter;
     220@heroUnitBackground:              lighten(@grayLighter,10%);
    227221@heroUnitHeadingColor:            inherit;
    228222@heroUnitLeadColor:               inherit;
Note: See TracChangeset for help on using the changeset viewer.