gtk-4.0/widgets/_infobars.scss 2.2 K raw
1
/**************
2
 * GtkInfoBar *
3
 **************/
4
%infobar,
5
infobar {
6
  text-shadow: none;
7
  color: $fg_color;
8
  background-color: $bg_color;
9
  border-bottom:1px solid darken($bg_color,10%);
10
  box-shadow: 0 1px 0 0 transparentize(black, 0.95),
11
              0 1px 2px 0 transparentize(black, 0.85);
12
13
}
14
15
%color_infobar {
16
17
  @extend %infobar;
18
19
  text-shadow: none;
20
  color: $selected_fg_color;
21
  border:none;
22
23
  .label {
24
    color: $selected_fg_color;
25
26
    &:backdrop {
27
      color: $backdrop_selected_fg_color;
28
    }
29
  }
30
31
  button {
32
    border-radius: 2px;
33
    border: none;
34
    background: transparentize($base_color, 0.02);
35
    color: $fg_color;
36
    box-shadow: 0 1px 0 0 transparentize(black, 0.8);
37
38
    .label {
39
      color: $fg_color;
40
    }
41
42
    &:active {
43
      background: $base_color;
44
      color: $fg_color;
45
46
      box-shadow: 0 1px 2px 0 transparentize(black, 0.6);
47
48
      &:backdrop {
49
        background: transparentize($base_color, 0.2);
50
        color: transparentize($fg_color, 0.5);
51
        box-shadow: none;
52
      }
53
    }
54
55
    &:hover,
56
    &:focus {
57
      box-shadow: 0 1px 2px 0 transparentize(black, 0.6);
58
    }
59
60
    &:disabled {
61
      background: transparentize($base_color, 0.4);
62
      color: transparentize($fg_color, 0.5);
63
      box-shadow: none;
64
65
        &:backdrop {
66
          background: transparentize($base_color, 0.5);
67
          color: transparentize($fg_color, 0.5);
68
          box-shadow: none;
69
        }
70
    }
71
72
    &:backdrop {
73
      background: transparentize($base_color, 0.2);
74
      color: transparentize($fg_color, 0.5);
75
      box-shadow: none;
76
    }
77
  }
78
}
79
80
.info {
81
  @extend %color_infobar;
82
  
83
  &, &:backdrop {
84
    color: $info_color;
85
    background-color: transparent;
86
  }
87
}
88
89
.warning {
90
  @extend %color_infobar;
91
92
  &, &:backdrop {
93
    color: $warning_color;
94
    background-color: transparent;
95
  }
96
}
97
98
.question {
99
  @extend %color_infobar;
100
101
  &, &:backdrop {
102
    color: $question_color;
103
    background-color: transparent;
104
  }
105
106
}
107
108
.error {
109
  @extend %color_infobar;
110
111
  &, &:backdrop {
112
    color: $error_color;
113
    background-color: transparent;
114
  }
115
}
116
117
118
// Gnome 47 info bars
119
banner revealer widget {
120
  background: lighten($bg_color, 5%);
121
  padding: 5px;
122
  color: $fg_color;
123
}