2019-12-18 16:25:03 -05:00
|
|
|
// Links/URLs
|
|
|
|
.shell-link {
|
2019-12-19 10:38:27 -05:00
|
|
|
color: $link_color;
|
|
|
|
&:hover { color: lighten($link_color,10%); }
|
2019-12-18 16:25:03 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.url-highlighter { link-color: $link_color; }
|
|
|
|
|
|
|
|
// Rubberband for select-area screenshots
|
|
|
|
.select-area-rubberband {
|
2019-12-19 10:38:27 -05:00
|
|
|
background-color: transparentize($selected_bg_color,0.7);
|
|
|
|
border: 1px solid $selected_bg_color;
|
2019-12-18 16:25:03 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
// Pointer accessibility notifications
|
|
|
|
.pie-timer {
|
2019-12-19 10:38:27 -05:00
|
|
|
width: 60px;
|
|
|
|
height: 60px;
|
|
|
|
-pie-border-width: 3px;
|
|
|
|
-pie-border-color: $selected_bg_color;
|
|
|
|
-pie-background-color: lighten(transparentize($selected_bg_color, 0.7), 40%);
|
2019-12-18 16:25:03 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
// Screen zoom/Magnifier
|
|
|
|
.magnifier-zoom-region {
|
2019-12-19 10:38:27 -05:00
|
|
|
border: 2px solid $selected_bg_color;
|
|
|
|
&.full-screen { border-width: 0; }
|
2019-12-18 16:25:03 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
// User icon
|
|
|
|
.user-icon {
|
2019-12-19 10:38:27 -05:00
|
|
|
background-size: contain;
|
|
|
|
color: $osd_fg_color;
|
|
|
|
border-radius: 99px;
|
|
|
|
&:hover {
|
|
|
|
color: lighten($osd_fg_color,30%);
|
|
|
|
}
|
2019-12-18 16:25:03 -05:00
|
|
|
}
|
|
|
|
|
2020-01-14 09:53:36 -05:00
|
|
|
.user-widget.vertical .user-icon {
|
|
|
|
icon-size: 128px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.user-widget.horizontal .user-icon {
|
|
|
|
icon-size: 64px;
|
|
|
|
}
|
|
|
|
|
2019-12-18 16:25:03 -05:00
|
|
|
// Input Source Switcher
|
|
|
|
.input-source-switcher-symbol {
|
2019-12-19 10:38:27 -05:00
|
|
|
font-size: 34pt;
|
|
|
|
width: 96px;
|
|
|
|
height: 96px;
|
2019-12-18 16:25:03 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
// Window cycler highlight
|
|
|
|
.cycler-highlight {
|
2019-12-19 10:38:27 -05:00
|
|
|
border: 5px solid $selected_bg_color;
|
2019-12-18 16:25:03 -05:00
|
|
|
}
|
|
|
|
|
2019-12-19 15:56:45 -05:00
|
|
|
// Text
|
2019-12-19 11:09:33 -05:00
|
|
|
.headline { @include fontsize($base_font_size + 1); }
|
2019-12-18 16:25:03 -05:00
|
|
|
.lightbox { background-color: black; }
|
|
|
|
.flashspot { background-color: white; }
|
2019-12-19 15:56:45 -05:00
|
|
|
|
|
|
|
|
|
|
|
// Hidden
|
2020-01-23 16:36:09 -05:00
|
|
|
.hidden { color: rgba(0,0,0,0);}
|
|
|
|
|
|
|
|
// Caps-lock warning
|
|
|
|
.caps-lock-warning-label {
|
2020-01-20 08:55:24 -05:00
|
|
|
text-align: center;
|
2020-01-23 16:36:09 -05:00
|
|
|
padding-bottom: 8px;
|
|
|
|
@include fontsize($base_font_size - 1);
|
|
|
|
color: $warning_color;
|
|
|
|
}
|