1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
|
/* colorRules.json
*
* Simple rules for checking that the colors of specific elements are in a specific set.
* Test using exampleData/basic/testColorRules.html
*/
{ 'name': "Color Guidelines"
, 'description': "Foreground/background color guidelines"
, 'rules': [
//----------------------------------------------------------------
{ 'name': "Foreground check"
, 'description': "Foreground colors should be in the set:"+
"#00 #FF #3D #F7 #C2 #B4 #4E #FFCB05 #7B8738"
, 'rule':
function () {
var allow = "#00 #FF #3D #F7 #C2 #B4 #4E #FFCB05 #7B8738".split(" ");
$5(":visible")
.cssIsNot("color", allow, fiveui.color.colorToHex)
.each(function (i, elt) {
var color = fiveui.color.colorToHex($(elt).css("color"));
report("foreground color: " + color, elt);
});
}
},
//----------------------------------------------------------------
{ 'name': "Background check"
, 'description': "Backgrounds colors should be in the set:" +
"#00 #FF #3D #F7 #C2 #B4 #4E"
, 'rule':
function () {
var allow = "#00 #FF #3D #F7 #C2 #B4 #4E".split(" ");
$5(":visible")
.cssIsNot("background-color", allow, fiveui.color.colorToHex)
.each(function (i, elt) {
var color = fiveui.color.colorToHex($(elt).css("background-color"));
report("non-standard background color: " + color, $(elt));
});
}
},
//----------------------------------------------------------------
{ 'name': "Content area color"
, 'description': "Background color should be: " +
"#F7"
, 'rule':
function () {
var allow = "#F7";
$5("#content")
.cssIsNot("background-color", allow, fiveui.color.colorToHex)
.each(function (i, elt) {
var color = fiveui.color.colorToHex($(elt).css("background-color"));
report("non-standard content background color: " + color, elt);
});
}
},
//----------------------------------------------------------------
{ 'name': "Left navigation color"
, 'description': "Left navigation color should be: " +
"#C2"
, 'rule':
function () {
var allow = "#C2";
$5("#leftNav")
.cssIsNot("color", allow, fiveui.color.colorToHex)
.each(function (i, elt) {
var color = fiveui.color.colorToHex($(elt).css("color"));
report("non-standard left navigation color: " + color, elt);
});
}
},
//----------------------------------------------------------------
{ 'name': "Header color check"
, 'description': "Header color should be: " +
"#3D"
, 'rule':
function () {
var allow = "#3D";
$5(":header")
.cssIsNot("color", allow, fiveui.color.colorToHex)
.each(function (i, elt) {
var color = fiveui.color.colorToHex($(elt).css("color"));
report("non-standard header color: " + color, elt);
});
}
}//,
//----------------------------------------------------------------
]
}
|
