gnome-shell-dark-theme/gnome-shell-sass/widgets/_looking-glass.scss

236 lines
4.6 KiB
SCSS
Raw Normal View History

/* Looking Glass */
2024-09-19 20:40:52 -04:00
// common
.lg-dialog {
StEntry {
@extend %osd_entry;
min-height: to_em(22px);
}
// override link color since OSD style
$lg_link_color: st-lighten(-st-accent-color, 20%);
.shell-link {
color: $lg_link_color;
&:hover { color: st-lighten($lg_link_color, 10%); }
&:active { color: st-darken($lg_link_color, 10%); }
}
.actor-link {
@extend %monospace;
color: st-darken($osd_fg_color, 20%);
&:hover { color:$osd_fg_color; }
&:active { color: st-lighten($osd_fg_color, 20%); }
& StIcon { icon-size: 12px; }
}
}
.lg-completions-text {
@extend %caption;
font-style: italic;
}
// Dialog
#LookingGlassDialog {
@extend %osd_panel;
background-color: transparentize($osd_bg_color,0.02);
color: $osd_fg_color;
2023-10-09 22:24:14 -04:00
border-radius: $modal_radius;
margin-top: $base_margin;
2024-03-25 13:34:36 -04:00
border: 2px solid transparent;
padding: $base_padding;
spacing: $base_padding;
box-shadow: 0 2px 4px 0 $shadow_color;
2024-03-25 13:34:36 -04:00
@if $contrast == 'high' {
border-color: $hc_inset_color;
background-color: $osd_bg_color;
box-shadow:none;
}
& > #Toolbar {
border: none;
padding: $base_padding;
border-radius: 0;
background-color: transparent;
spacing: $base_padding;
.lg-toolbar-button {
@extend %osd_button;
2024-03-25 13:34:36 -04:00
padding: $base_padding $base_padding * 2;
& > StIcon { icon-size: $base_icon_size; }
}
}
.labels {
spacing: $base_padding;
}
.notebook-tab {
2024-09-19 20:40:52 -04:00
@extend %osd_button_flat;
background-color: transparent;
2024-03-25 13:34:36 -04:00
-natural-hpadding: $base_padding * 2;
-minimum-hpadding: $base_padding * 2;
padding: $base_padding $base_padding * 2;
2024-09-19 20:40:52 -04:00
&:selected {
@include button(active, $tc:$osd_fg_color, $c:$osd_bg_color, $always_dark: true);
}
}
}
2024-09-19 20:40:52 -04:00
// Inspector
#LookingGlassPropertyInspector {
2024-09-19 20:40:52 -04:00
background-color: $osd_bg_color;
color: $osd_fg_color;
border-radius: $modal_radius;
border: 1px solid $osd_borders_color;
padding: $base_padding * 2;
@if $contrast == 'high' {
border-color: $hc_inset_color;
}
2024-09-19 20:40:52 -04:00
.lg-obj-inspector-title {
@extend %heading;
spacing: $base_margin;
}
2024-09-19 20:40:52 -04:00
.lg-obj-inspector-close-button,
.lg-obj-inspector-button {
@extend %osd_button;
padding: $base_padding $base_padding * 2;
}
2024-09-19 20:40:52 -04:00
.lg-obj-inspector-close-button {
margin: $base_margin;
padding: $base_padding;
border-radius: $forced_circular_radius;
> StIcon {
icon-size: $base_icon_size;
}
}
}
2024-09-19 20:40:52 -04:00
// Evaluator
#LookingGlassEvaluator {
padding: $base_padding;
2024-09-19 20:40:52 -04:00
.evaluator-results {
@extend %monospace;
spacing: $base_padding;
}
}
2024-09-19 20:40:52 -04:00
// Window List
#LookingGlassWindows {
padding: $base_padding;
spacing: $base_padding;
2024-09-19 20:40:52 -04:00
.lg-window {
@extend %card_common;
@include button(normal, $tc:$osd_fg_color, $c:$osd_bg_color, $always_dark: true);
margin: 0;
padding: $base_padding * 2;
.lg-window-name {
@extend %heading;
}
2024-09-19 20:40:52 -04:00
.lg-window-props-box {
.lg-window-props {
}
}
}
}
2024-09-19 20:40:52 -04:00
// Extensions
#LookingGlassExtensions {
.lg-extensions-list {
padding: $base_padding;
spacing: $base_padding;
}
.lg-extension {
@extend %card_common;
@include button(normal, $tc:$osd_fg_color, $c:$osd_bg_color, $always_dark: true);
margin: 0;
spacing: $base_margin;
padding: $base_padding * 2;
.lg-extension-name {
@extend %heading;
color: $osd_fg_color !important;
}
.lg-extension-description {
}
.lg-extension-meta {
spacing: $base_padding * 2;
}
}
.lg-extensions-none {
@extend %title_4;
color: transparentize($osd_fg_color, 0.5);
}
}
2024-09-19 20:40:52 -04:00
// Actors
#LookingGlassActors {
padding: $base_padding;
2024-09-19 20:40:52 -04:00
spacing: $base_margin;
}
2024-09-19 20:40:52 -04:00
// Debug
#LookingGlassDebugFlags {
2024-09-19 20:40:52 -04:00
.lg-debug-flags-header {
padding: $base_padding;
padding-top: 2 * $base_padding;
@extend %title_4;
}
2024-09-19 20:40:52 -04:00
.lg-debug-flag-button {
@extend %osd_button;
padding: $base_padding * 1.5 $base_padding * 2;
margin-bottom: $base_padding;
StLabel {
@extend %monospace;
font-weight: normal !important;
}
// switch style overrides since lg is OSD style
.toggle-switch {
@if $contrast == 'high' {
background: transparentize(white, .7);
&:hover {
background: transparentize(white, .6);
}
} @else {
background: transparentize(white, .85);
&:hover {
background: transparentize(white, .8);
}
}
&:checked {
background: -st-accent-color;
color: -st-accent-fg-color;
&:hover {
background-color: st-lighten(-st-accent-color, 5%);
color: st-lighten(-st-accent-fg-color, 5%);
}
}
}
}
}