gtk-3.0/widgets/_base-states.scss 3.2 K raw
1
/***************
2
 * Base States *
3
 ***************/
4
.background {
5
  color: $fg_color;
6
  background-color: $bg_color;
7
8
  &:backdrop {
9
    color: $backdrop_fg_color;
10
    background-color: $backdrop_bg_color;
11
    text-shadow: none;
12
    -gtk-icon-shadow: none;
13
  }
14
}
15
16
/*
17
   These wildcard seems unavoidable, need to investigate.
18
   Wildcards are bad and troublesome, use them with care,
19
   or better, just don't.
20
   Everytime a wildcard is used a kitten dies, painfully.
21
*/
22
23
selection {
24
  background-color: $selected_bg_color;
25
  color: $selected_fg_color;
26
}
27
28
*:disabled { -gtk-icon-effect: dim; }
29
30
.gtkstyle-fallback {
31
  color: $fg_color;
32
  background-color: $bg_color;
33
34
  &:hover {
35
    color: $fg_color;
36
    background-color: lighten($bg_color, 10%);
37
  }
38
39
  &:active {
40
    color: $fg_color;
41
    background-color: darken($bg_color, 10%);
42
  }
43
44
  &:disabled {
45
    color: $insensitive_fg_color;
46
    background-color: $insensitive_bg_color;
47
  }
48
49
  &:selected {
50
    color: $selected_fg_color;
51
    background-color: $selected_bg_color;
52
  }
53
}
54
55
.view,
56
%view {
57
  color: $text_color;
58
  background-color: $base_color;
59
60
  &:backdrop {
61
    color: $backdrop_text_color;
62
    background-color: $backdrop_base_color;
63
  }
64
65
  &:selected {
66
    &:focus, & {
67
      @extend %selected_items;
68
69
      border-radius: 3px;
70
    }
71
  }
72
}
73
74
.view,
75
textview {
76
  text {
77
    @extend %view;
78
79
    selection { &:focus, & { @extend %selected_items; }}
80
  }
81
}
82
83
textview border { background-color: mix($bg_color, $base_color, 50%); }
84
85
iconview { @extend .view; }
86
87
.rubberband,
88
rubberband {
89
  border: 1px solid darken($selected_bg_color, 10%);
90
  background-color: transparentize(darken($selected_bg_color, 10%), 0.8);
91
}
92
93
flowbox {
94
  rubberband { @extend rubberband; }
95
96
  flowboxchild {
97
    padding: 3px;
98
    border-radius: 3px;
99
100
    &:selected {
101
      @extend %selected_items;
102
103
      outline-offset: -2px;
104
    }
105
  }
106
}
107
108
label {
109
  caret-color: currentColor; // this shouldn't be needed.
110
111
  &.separator {
112
    @extend .dim-label;
113
114
    color: $fg_color;
115
116
    &:backdrop { color: $backdrop_fg_color; }
117
  }
118
119
  row:selected &,
120
  &:selected { @extend %nobg_selected_items; }
121
122
  selection {
123
    background-color: $selected_bg_color;
124
    color: $selected_fg_color;
125
  }
126
127
  &:disabled {
128
    color: $insensitive_fg_color;
129
130
    selection { @extend %selected_items:disabled; }
131
132
    &:backdrop { color: $backdrop_insensitive_color; }
133
  }
134
135
  &:backdrop {
136
    color: $backdrop_fg_color;
137
138
    selection { @extend %selected_items:backdrop; }
139
  }
140
}
141
142
.dim-label {
143
  opacity: 0.55;
144
  text-shadow: none;
145
}
146
147
assistant {
148
  .sidebar {
149
    background-color: $base_color;
150
    border-top: 1px solid $borders_color;
151
152
    &:backdrop {
153
      background-color: $backdrop_base_color;
154
      border-color: $backdrop_borders_color;
155
    }
156
  }
157
158
  &.csd .sidebar { border-top-style: none; }
159
160
  .sidebar label { padding: 6px 12px; }
161
162
  .sidebar label.highlight { background-color: mix($bg_color, $fg_color, 80%); }
163
}
164
165
%osd, .osd {
166
  color: $osd_fg_color;
167
  border: none;
168
  background-color: $osd_bg_color;
169
  background-clip: padding-box;
170
  outline-color: transparentize($osd_fg_color, 0.7);
171
  text-shadow: 0 1px black;
172
  -gtk-icon-shadow: 0 1px black;
173
174
  &:backdrop {
175
    text-shadow: none;
176
    -gtk-icon-shadow: none;
177
  }
178
}
179
180
*:selected {
181
  background: $selected_bg_color;
182
  color: $selected_fg_color;
183
}