105 lines
2.1 KiB
CSS
105 lines
2.1 KiB
CSS
@import 'common/colors.css';
|
|
@import 'common/common.css';
|
|
|
|
/* Based on adw-gtk version 4.7 and 4.9 */
|
|
|
|
|
|
.normal-icons { -gtk-icon-size: 16px; }
|
|
|
|
.large-icons { -gtk-icon-size: 32px; }
|
|
|
|
*:disabled {
|
|
-gtk-icon-filter: opacity(0.5);
|
|
}
|
|
|
|
|
|
popover > contents {
|
|
background-clip: border-box;
|
|
|
|
padding: 0.5em;
|
|
|
|
}
|
|
popover, popover.background {
|
|
background-color: transparent;
|
|
}
|
|
|
|
popover > contents, popover > arrow {
|
|
border: 1px solid mix(@popover_bg_color, @popover_fg_color, 0.5);
|
|
background-color: @popover_bg_color;
|
|
color: @popover_fg_color;
|
|
box-shadow: 0 0.25em 0.5em 0 alpha(black, 0.5);
|
|
}
|
|
|
|
|
|
|
|
|
|
entry > progress {
|
|
margin-bottom: -0.5em;
|
|
}
|
|
entry trough > progress {
|
|
background: none;
|
|
box-shadow: inset 0 -0.1em 0 0 @accent_color, 0 0.1em 0 0 @accent_color;
|
|
border-radius: 0;
|
|
}
|
|
entry {
|
|
padding: 2px;
|
|
}
|
|
|
|
entry trough, entry > progress {
|
|
background-color: unset;
|
|
}
|
|
|
|
@keyframes spin {
|
|
to { transform: rotate(1turn); }
|
|
}
|
|
@keyframes spin-no-spin {
|
|
to { transform: rotate(0.25turn); }
|
|
}
|
|
|
|
/*decoration, window.background.csd:backdrop*/
|
|
.csd {
|
|
box-shadow: 0 0.5em 1em 0 alpha(black, 0.5),
|
|
0 0 0 1px @headerbar_fg_color;
|
|
margin: 1em; /*for resizing */
|
|
}
|
|
/*decoration:backdrop, window.background.csd:backdrop*/
|
|
.csd:backdrop {
|
|
box-shadow: 0 0.5em 1em 0 alpha(black, 0.5),
|
|
0 0 0 1px mix(@headerbar_bg_color, @headerbar_fg_color, 0.5);
|
|
}
|
|
|
|
.titlebar, window { /* so much easier than in gtk3 */
|
|
border-radius: 12px 12px 0 0;
|
|
}
|
|
|
|
/* box-shadows are cut, so do not draw them */
|
|
/*tooltip.background {
|
|
box-shadow: 0 0.25em 0.5em 0 alpha(black, 0.5);
|
|
}*/
|
|
|
|
tooltip {
|
|
margin: 2px; /*otherwise, border might look cut; weirdly it could also be used to draw box-shadow, though...*/
|
|
}
|
|
|
|
/* calendar */
|
|
|
|
calendar {
|
|
font-feature-settings: "tnum";
|
|
}
|
|
calendar > grid > label.day-name {
|
|
font-style: italic;
|
|
}
|
|
calendar > grid > label.week-number {
|
|
font-size: 80%;
|
|
}
|
|
calendar > grid > label.today {
|
|
box-shadow: inset 0 0 0 1px @success_color;
|
|
}
|
|
calendar > grid > label:focus {
|
|
color: @accent_fg_color;
|
|
background-color: @accent_bg_color;
|
|
}
|
|
calendar > grid > label.day-number.other-month {
|
|
color:alpha(currentColor, 0.4);
|
|
}
|