[Silk UI Framework] Bug in CSS for Data/Counter ??

[Silk UI Framework] Bug in CSS for Data/Counter ??

  
Forge Component
(45)
Published on 10 May by OutSystems Labs
45 votes
Published on 10 May by OutSystems Labs
Framework Version: 1.1.1
Here is the CSS in Patterns_Lisbon.css:

.Counter.Black,
.Tile.Black{
    background-color: #FFF;
    border-bottom-color: #131819;
}
 
.Counter.Blue,
.Tile.Blue{
    background-color: #FFF;
    border-bottom-color: #0074c1;
}
 
.Counter.DarkBlue,
.Tile.DarkBlue{
    background-color: #FFF;
    border-bottom-color: #194968;
}
 
 
.Counter.DarkPlum,
.Tile.DarkPlum{
    background-color: #FFF;
    border-bottom-color: #970263;
}
 
.Counter.DarkRed,
.Tile.DarkRed{
    background-color: #FFF;
    border-bottom-color: #b10000;
}
 
.Counter.Gray,
.Tile.Gray{
    background-color: #FFF;
    border-bottom-color: #79868a;
}
 
.Counter.Green,
.Tile.Green{
    border-bottom-color: #388e3c;
}
 
.Counter.LightGreen,
.Tile.LightGreen{
    background-color: #FFF;
    border-bottom-color: #64be68; 
}
 
.Counter.Orange,
.Tile.Orange{
    border-bottom-color: #da6802;
}
 
.Counter.Plum,
.Tile.Plum{
    background-color: #FFF;
    border-bottom-color: #c32b87;
}
 
.Counter.Red,
.Tile.Red{
    background-color: #FFF;
    border-bottom-color: #d01a1a; 
}
 
.Counter.Silver,
.Tile.Silver{
    background-color: #FFF;
    border-bottom-color: #dadbde;
}
 
.Counter.Transparent,
.Tile.Transparent{
    background-color: #FFF;
    border-bottom-color: transparent;
}
 
.Counter.Turquoise,
.Tile.Turquoise{
    background-color: #FFF;
    border-bottom-color: #00b0c1;
}
 
.Counter.White,
.Tile.White{
    background-color: #FFF;
    border-bottom-color: #FFFFFF; 
}
 
.Counter.Yellow,
.Tile.Yellow{
    background-color: #FFF;
    border-bottom-color: #dab702;  
}

Bacground color is defined as white for all the colors except green and orange. As a result, when using Data/Counter , if any color except green and orange is used, it shows up as white backgrond with colored bottom border. 

 
Solution
Hi kota, thank you for the feedback, it is much appreciated!
 
There was a mistake in the CSS indeed, but it was the other way around, all colors were good except Green and Orange. The design for Lisbon Theme regarding Counters and Tiles suggests that the background should be always white and the color is applied to the bottom border.
 
This issue has been solved in Silk UI Framework 1.2.0 release.
 
My regards,
Dinis Carvalho
Solution