gtk-4.0/apps/_gnome.scss 4.1 K raw
1
/************
2
 * Nautilus *
3
 ************/
4
 .nautilus-window {
5
  .frame{
6
    *:selected, *:selected:backdrop{
7
      background: transparent;
8
      color: $selected_bg_color;
9
      label {
10
        color: $selected_bg_color;
11
      }
12
    }
13
  }
14
  paned {
15
    > separator { background-image: none; }
16
  }
17
  .sidebar {
18
    background-color: transparent;
19
    // background-image: none;
20
21
    &:backdrop {
22
      background-color: transparent;
23
      // background-image: none;
24
    }
25
26
    .list-row {
27
      button {
28
        border: none;
29
        background-color: transparentize(darken($base_color,3%),0.05);
30
        &:active {
31
          background-color: transparentize($selected_bg_color,0.25);
32
        }
33
      }
34
35
      &:selected {
36
        background-color: transparentize($selected_bg_color,0.25);
37
        &:hover {
38
          background-color: transparentize($selected_bg_color,0.1);
39
        }
40
      }
41
42
      &:hover {
43
        background-color: transparentize($base_color,0.5);
44
        &:active {
45
          background-color: transparentize($selected_bg_color,0.1);
46
        }
47
      }
48
    }
49
  }
50
  
51
  notebook {
52
    > stack:only-child { // the :not(:only-child) is for "hidden" notebooks
53
        background-color: $base_color;
54
        &:backdrop { background-color: $backdrop_base_color; }
55
    }
56
  }
57
58
  searchbar {
59
    border-top: 1px solid rgba(0, 0, 0, 0.12);
60
  }
61
  
62
 .searchbar-container {
63
    margin-top: -1px;
64
  }
65
}
66
67
.nautilus-circular-button {
68
  border-radius: 20px;
69
}
70
71
.disk-space-display {
72
  border: 2px solid;
73
74
  .unknown {
75
    background-color: #888a85;
76
    border-color: darken(#888a85, 20%);
77
  }
78
79
  .used {
80
    background-color: #9FB0B9;
81
    border-color: darken(#9FB0B9, 20%);
82
  }
83
84
  .free {
85
    background-color: #D8D8D8;
86
    border-color: darken(#D8D8D8, 20%);
87
  }
88
}
89
90
.nautilus-desktop {
91
92
  color: $fg_color;
93
94
  .nautilus-canvas-item {
95
    border-radius: 5px;
96
    color: #ffffff;
97
    text-shadow: 1px 1px transparentize(black, 0.4);
98
99
    &:active {
100
      color: $fg_color;
101
      text-shadow: none;
102
    }
103
104
    &:hover {
105
      color: $fg_color;
106
      text-shadow: none;
107
    }
108
109
    &:selected {
110
      color: $selected_fg_color;
111
      text-shadow: none;
112
    }
113
114
    .dim-label {
115
      &:selected {
116
        color: $selected_fg_color;
117
      }
118
    }
119
  }
120
121
  .nautilus-list {
122
123
    .dim-label {
124
      &:selected {
125
        color: $selected_fg_color;
126
      }
127
    }
128
  }
129
}
130
131
/*********
132
 * Gedit *
133
 *********/
134
.gedit-search-slider {
135
     padding: 4px;
136
     border-radius: 0 0 3px 3px;
137
     border: 0;
138
     background-color: $bg_color;
139
 }
140
141
142
/*********
143
 * Gnucash *
144
*********/
145
#gnc-id-main-window {
146
  entry.gnc-class-register-foreground {
147
    background: transparent;
148
    border: none;
149
    box-shadow: none;
150
  } 
151
  .arrow.button.toggle {
152
    transition: none;
153
    box-shadow: none;
154
    &:hover { border-color: $selected_bg_color; }
155
  } 
156
}
157
158
/*******************
159
 * Calendar events *
160
********************/
161
.color-light {
162
  &.timed label, .event-popover label {
163
    color: $fg_color;
164
    opacity: 1;
165
  }
166
  // & label {
167
  //   color: $dm_bg;
168
  //   opacity: 1;
169
  // }
170
}
171
172
/*******************
173
 * Calendar sidebar *
174
********************/
175
datechooser {
176
  .circular.day.text-button{ 
177
    padding: 6px;
178
    border-radius: 50%;
179
    min-height: 22px;
180
    min-width: 22px;
181
    border: none;
182
    &.flat.other-month, &.flat.non-workday {
183
      color: $insensitive_fg_color;
184
    }
185
    &.today { color: $selected_bg_color; }
186
    &:active, &:selected { 
187
      @include button(active, $selected_bg_color, $selected_fg_color);
188
      font-weight: bold;
189
    }
190
  }
191
  .weekday, .weeknum { color: $insensitive_fg_color;}
192
  .weeknum { background-color: transparentize($base_color, 0.2);}
193
  .current-week { background-color: transparentize($insensitive_fg_color, 0.9);}
194
}
195
196
agenda-view list.background {
197
  padding: 8px;
198
  .caption-heading, .dim-label.no-events {
199
    color: $headerbar_fg_color;
200
  }
201
}
202
203
datechooser,
204
agenda-view list.background,
205
.calendar-list {
206
  &, &:backdrop { background-color: $_sidebar_color; }
207
}
208
209
210
/******************************
211
 * Gnome system monitor graph *
212
******************************/
213
214
#gnome-system-monitor .loadgraph  {
215
  background: $bg_color;
216
  color: $text_color;
217
}