mirror of
https://github.com/vinceliuice/WhiteSur-gtk-theme.git
synced 2025-06-08 00:13:02 +00:00
139 lines
3.1 KiB
SCSS
139 lines
3.1 KiB
SCSS
//let's start by telling people not to edit the generated CSS:
|
|
$cakeisalie: "This stylesheet is generated, DO NOT EDIT";
|
|
/* #{$cakeisalie} */
|
|
|
|
// GLOBALS
|
|
// * {
|
|
// // transition-timing-function: $deceleration_curve;
|
|
// transition-duration: $longer_duration;
|
|
// }
|
|
|
|
stage {
|
|
// font-family: $font-family;
|
|
@include font(body-1);
|
|
color: $fg_color;
|
|
}
|
|
|
|
// links
|
|
.shell-link {
|
|
border-radius: $bt_radius;
|
|
color: $link_color;
|
|
&:hover {
|
|
color: $link_color;
|
|
background-color: rgba($link_color, $lower_opacity / 2);
|
|
}
|
|
&:active {
|
|
color: $link_color;
|
|
background-color: rgba($link_color, $lower_opacity);
|
|
}
|
|
}
|
|
|
|
// Outline for low res icons
|
|
.lowres-icon {
|
|
icon-shadow: 0 1px 2px rgba(black, 0.3);
|
|
}
|
|
|
|
// Dropshadow for large icons
|
|
.icon-dropshadow {
|
|
icon-shadow: 0 1px 2px rgba(black, 0.4);
|
|
}
|
|
|
|
%icon_tile {
|
|
color: $light_alt_fg_color;
|
|
border-radius: $bd_radius * 1.5;
|
|
padding: 6px;
|
|
border: none;
|
|
transition-duration: $longer_duration;
|
|
text-align: center;
|
|
}
|
|
|
|
%osd-panel {
|
|
color: $fg_color;
|
|
background-color: $base_color;
|
|
border: 1px solid if($variant=='light', rgba(black, 0), rgba(black, 0.75));
|
|
box-shadow: 0 3px 8px 0 rgba(black, 0.25);
|
|
border-radius: $bt_radius;
|
|
padding: 12px;
|
|
}
|
|
|
|
%overview-panel {
|
|
color: $light_alt_fg_color;
|
|
background-color: $light_divider_color;
|
|
border: none;
|
|
}
|
|
|
|
%status_text {
|
|
@include font(display-2);
|
|
color: $light_hint_fg_color;
|
|
}
|
|
|
|
%popover_bubble {
|
|
border-radius: $mn_radius;
|
|
border: none;
|
|
box-shadow: none;
|
|
background-color: if($variant == 'light', rgba(white, 0.75), rgba(lighten($base_color, 8%), 0.75));
|
|
text-shadow: none;
|
|
color: $alt_fg_color;
|
|
transition: none;
|
|
|
|
&:hover, &:focus {
|
|
color: $fg_color;
|
|
background-color: if($variant == 'light', rgba(white, 1), rgba(lighten($base_color, 15%), 0.75));
|
|
box-shadow: 0 3px 5px rgba(black, 0.1);
|
|
}
|
|
|
|
&:active {
|
|
color: $fg_color;
|
|
background-color: if($variant == 'light', rgba(white, 0.65), rgba(lighten($base_color, 10%), 0.75));
|
|
box-shadow: none;
|
|
}
|
|
}
|
|
|
|
%bubble_button {
|
|
@include button(normal);
|
|
padding: $container_padding * 2;
|
|
border-style: solid;
|
|
border-width: 0;
|
|
border-left-width: 0;
|
|
border-bottom-width: 0;
|
|
|
|
&:insensitive { @include button(insensitive); }
|
|
&:hover { @include button(hover); }
|
|
&:focus { @include button(focus); }
|
|
&:active { @include button(active); }
|
|
|
|
// radius is 2 pixel less to fit in bubble
|
|
&:first-child {
|
|
border-radius: 0 0 0 $bt_radius;
|
|
}
|
|
|
|
&:last-child {
|
|
border-right-width: 0;
|
|
border-radius: 0 0 $bt_radius 0;
|
|
}
|
|
|
|
&:first-child:last-child {
|
|
border-radius: 0 0 $bt_radius $bt_radius;
|
|
}
|
|
}
|
|
|
|
%theme_dialogs {
|
|
background-color: $dialog_bg_color;
|
|
border-radius: $wm_radius;
|
|
border: solid rgba(black, 0.75);
|
|
border-width: if($variant=='light', 0, 1px);
|
|
box-shadow: 3px 3px 8px -3px rgba(black, 0.65);
|
|
}
|
|
|
|
%overview_scrollbar {
|
|
StBin#trough {
|
|
background-color: $light_divider_color;
|
|
}
|
|
|
|
StButton#vhandle, StButton#hhandle {
|
|
background-color: $light_hint_fg_color;
|
|
&:hover { background-color: $light_alt_fg_color; }
|
|
&:active { background-color: $light_alt_fg_color; }
|
|
}
|
|
}
|