2023-05-25 17:25:11 -04:00
|
|
|
// Rubberband for select-area screenshots
|
|
|
|
.select-area-rubberband {
|
2024-09-19 20:40:52 -04:00
|
|
|
background-color: st-transparentize(-st-accent-color,0.7);
|
|
|
|
border: 1px solid -st-accent-color;
|
2023-05-25 17:25:11 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
// User icon
|
|
|
|
.user-icon {
|
|
|
|
background-size: contain;
|
2024-03-25 13:34:36 -04:00
|
|
|
border-radius: $forced_circular_radius;
|
|
|
|
icon-size: $base_icon_size * 4;
|
|
|
|
|
|
|
|
background-color: transparentize($osd_fg_color,0.95);
|
2023-05-25 17:25:11 -04:00
|
|
|
color: $osd_fg_color;
|
|
|
|
|
|
|
|
& StIcon {
|
2024-03-25 13:34:36 -04:00
|
|
|
padding: $base_padding * 2;
|
2023-05-25 17:25:11 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
&.user-avatar {
|
|
|
|
box-shadow:inset 0 0 0 1px transparentize($osd_fg_color, 0.9);
|
2024-03-25 13:34:36 -04:00
|
|
|
|
|
|
|
@if $contrast == 'high' {
|
|
|
|
@include draw_hc_inset();
|
2023-05-25 17:25:11 -04:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.lightbox { background-color: black; }
|
|
|
|
.flashspot { background-color: white; }
|
|
|
|
|
|
|
|
// Hidden
|
|
|
|
.hidden { color: transparent;}
|
|
|
|
|
|
|
|
// Caps-lock warning
|
|
|
|
.caps-lock-warning-label {
|
|
|
|
text-align: center;
|
|
|
|
padding-bottom: 8px;
|
|
|
|
@extend %caption;
|
|
|
|
color: $warning_color;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Workspace animation */
|
|
|
|
|
|
|
|
.workspace-animation {
|
|
|
|
background-color: $system_bg_color;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Tiled window previews */
|
|
|
|
.tile-preview {
|
2024-09-19 20:40:52 -04:00
|
|
|
background-color: st-transparentize(-st-accent-color,0.5);
|
|
|
|
border: 1px solid -st-accent-color;
|
2023-05-25 17:25:11 -04:00
|
|
|
}
|