gtk-4.0/widgets/_base-states.scss 3.3 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
.gtkstyle-fallback {
24
  color: $fg_color;
25
  background-color: $bg_color;
26
27
  &:hover {
28
    color: $fg_color;
29
    background-color: lighten($bg_color, 10%);
30
  }
31
32
  &:active {
33
    color: $fg_color;
34
    background-color: darken($bg_color, 10%);
35
  }
36
37
  &:disabled {
38
    color: $insensitive_fg_color;
39
    background-color: $insensitive_bg_color;
40
  }
41
42
  &:selected {
43
    color: $selected_fg_color;
44
    background-color: $selected_bg_color;
45
  }
46
}
47
48
.view,
49
.history-view,
50
%view {
51
  color: $text_color;
52
  background-color: $base_color;
53
54
  &:backdrop {
55
    color: $backdrop_text_color;
56
    background-color: $backdrop_base_color;
57
  }
58
59
  &:selected {
60
    &:focus, & {
61
      @extend %selected_items;
62
63
      border-radius: 3px;
64
    }
65
  }
66
}
67
68
textview {
69
  > text {
70
   @extend %view;
71
   background-color: transparent;
72
   selection { &:focus, & { @extend %selected_items; }}
73
 }
74
}
75
76
textview border { background-color: mix($bg_color, $base_color, 50%); }
77
78
iconview { @extend .view; }
79
80
.rubberband,
81
rubberband {
82
  border: 1px solid darken($selected_bg_color, 10%);
83
  background-color: transparentize(darken($selected_bg_color, 10%), 0.8);
84
}
85
86
flowbox {
87
  rubberband { @extend rubberband; }
88
89
  flowboxchild {
90
    padding: 3px;
91
    border-radius: 3px;
92
93
    &:selected {
94
      @extend %selected_items;
95
96
      outline-offset: -2px;
97
    }
98
  }
99
}
100
101
// Nautilus grid view
102
gridview {
103
  padding: 10px;
104
  > child {
105
    padding: 7px;
106
    box { //cells
107
      border-spacing: 5px; //label separation
108
    }
109
  }
110
}
111
112
label {
113
  caret-color: currentColor; // this shouldn't be needed.
114
115
  &.separator {
116
    @extend .dim-label;
117
118
    color: $fg_color;
119
120
    &:backdrop { color: $backdrop_fg_color; }
121
  }
122
123
  row:selected &,
124
  &:selected { @extend %nobg_selected_items; }
125
126
  selection {
127
    background-color: $selected_bg_color;
128
    color: $selected_fg_color;
129
  }
130
131
  &:disabled {
132
    color: $insensitive_fg_color;
133
134
    selection { @extend %selected_items:disabled; }
135
136
    &:backdrop { color: $backdrop_insensitive_color; }
137
  }
138
139
  &:backdrop {
140
    color: $backdrop_fg_color;
141
142
    selection { @extend %selected_items:backdrop; }
143
  }
144
}
145
146
.dim-label {
147
  opacity: 0.55;
148
  text-shadow: none;
149
}
150
151
window.assistant {
152
  .sidebar {
153
    background-color: $base_color;
154
    border-top: 1px solid $borders_color;
155
156
    &:backdrop {
157
      background-color: $backdrop_base_color;
158
      border-color: $backdrop_borders_color;
159
    }
160
  }
161
162
  &.csd .sidebar { border-top-style: none; }
163
164
  .sidebar label { padding: 6px 12px; }
165
166
  .sidebar label.highlight { background-color: mix($bg_color, $fg_color, 80%); }
167
}
168
169
window.aboutdialog image.large-icons {
170
  -gtk-icon-size: 128px;
171
}
172
173
%osd, .osd {
174
  color: $osd_fg_color;
175
  border: none;
176
  background-color: $osd_bg_color;
177
  background-clip: padding-box;
178
  outline-color: transparentize($osd_fg_color, 0.7);
179
  text-shadow: 0 1px black;
180
  -gtk-icon-shadow: 0 1px black;
181
182
  &:backdrop {
183
    text-shadow: none;
184
    -gtk-icon-shadow: none;
185
  }
186
}