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
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
|
.upgrade-banner-background {
background: linear-gradient(to bottom, @green_5, @blue_5);
}
.context-tile-lozenge.green,
.context-tile-lozenge.details-rating-0 {
color: @green_1;
background-color: alpha(@green_4, .25);
}
.context-tile-lozenge.blue,
.context-tile-lozenge.details-rating-5 {
color: @blue_1;
}
.context-tile-lozenge.yellow,
.context-tile-lozenge.details-rating-12 {
color: @yellow_2;
background: alpha(#cd9309, .25);
}
.context-tile-lozenge.details-rating-15 {
color: @orange_1;
}
.context-tile-lozenge.red,
.context-tile-lozenge.details-rating-18 {
color: #ff7b63;
}
/* Dark styling for specific category buttons. */
.category-tile.category-create {
background: linear-gradient(180deg, #9141ac 0%, #2D5AA8 100%);
color: white;
}
.category-tile.category-create:hover {
background: linear-gradient(180deg, shade(#9141ac, 1.07) 0%, shade(#2D5AA8, 1.1) 100%);
}
.category-tile.category-create:active {
background: linear-gradient(180deg, shade(#9141ac, .95) 0%, shade(#2D5AA8, .95) 100%);
}
.category-tile.category-develop {
background: #4E4C54;
color: white;
}
.category-tile.category-develop:hover {
background: shade(#4E4C54, 1.2);
}
.category-tile.category-develop:active {
background-color: shade(#4E4C54, .95);
}
.category-tile.category-learn {
background: linear-gradient(180deg, #28AA6E 30%, #1E7E52 100%);
color: white;
}
.category-tile.category-learn:hover {
background: linear-gradient(180deg, shade(#28AA6E, 1.06) 30%, shade(#1E7E52, 1.06) 100%);
}
.category-tile.category-learn:active {
background: linear-gradient(180deg, shade(#28AA6E, .95) 30%, shade(#1E7E52, .95) 100%);
}
.category-tile.category-play {
background: linear-gradient(75deg, #E9CF90 0%, #C8499C 50%, #4B35BA 100%);
color: #393484;
}
.category-tile.category-play:hover {
background: linear-gradient(75deg, shade(#E9CF90, 1.07) 0%, shade(#C8499C, 1.07) 50%, shade(#4B35BA, 1.07) 100%);
}
.category-tile.category-play:active {
background: linear-gradient(75deg, shade(#E9CF90, .97) 0%, shade(#C8499C, .95) 50%, shade(#4B35BA, 1.07) 100%);
}
.category-tile.category-socialize {
background: linear-gradient(90deg, #CC307F 0%, #DD6C62 100%);
color: alpha(black, 0.75);
}
.category-tile.category-socialize:hover {
background: linear-gradient(90deg, shade(#CC307F, 1.08) 0%, shade(#DD6C62, 1.08) 100%);
}
.category-tile.category-socialize:active {
background: linear-gradient(90deg, shade(#CC307F, .95) 0%, shade(#DD6C62, .95) 100%);
}
.category-tile.category-work {
padding: 1px; /* FIXME: work around https://gitlab.gnome.org/GNOME/gtk/-/issues/4324 */
color: #1c71d8;
background-color:#ECDDA8;
background-image: linear-gradient(#C2C1BE 1px, transparent 1px),
linear-gradient(90deg, #C2C1BE 1px, transparent 1px);
background-size: 10px 10px, 10px 10px;
background-position: -1px -4px, center -1px;
}
.category-tile.category-work:hover {
background-color: shade(#ECDDA8, 1.03);
background-image: linear-gradient(shade(#C2C1BE, 1.04) 1px, transparent 1px),
linear-gradient(90deg, shade(#C2C1BE, 1.04) 1px, transparent 1px);
}
.category-tile.category-work:active {
background-color: shade(#ECDDA8, .93);
background-image: linear-gradient(shade(#C2C1BE, .97) 1px, transparent 1px),
linear-gradient(90deg, shade(#C2C1BE, .97) 1px, transparent 1px);
}
star-image {
color: @yellow_1;
}
.review-histogram star-image {
/* Specificity bump */
color: alpha(@theme_fg_color, .4);
}
|
