Re-apply dark theme modifications

This commit is contained in:
Kevin MacMartin 2023-10-09 22:28:40 -04:00
parent 71ec7f64f0
commit ff5492f201
2 changed files with 30 additions and 5 deletions

View file

@ -373,11 +373,11 @@
// $child_class: class name of the child element // $child_class: class name of the child element
// //
@mixin panel_button($bg:$panel_fg_color, $fg:$panel_fg_color, $flat: true, $highlighted_child: false, $child_class:"") { @mixin panel_button($bg:$panel_fg_color, $fg:$panel_fg_color, $flat: true, $highlighted_child: false, $child_class:"", $border_radius: 99px) {
transition-duration: 150ms; transition-duration: 150ms;
border: 3px solid transparent; border: 3px solid transparent;
border-radius: 99px; border-radius: $border_radius;
font-weight: bold; font-weight: bold;
background-color: transparent; background-color: transparent;

View file

@ -3,7 +3,7 @@
$privacy_indicator_color: $orange_3; $privacy_indicator_color: $orange_3;
$panel_bg_color: if($variant == 'light', $light_3, $dark_5); $panel_bg_color: if($variant == 'light', $light_3, $dark_4);
$panel_fg_color: if($variant == 'light', $fg_color, darken($fg_color, 5%)); $panel_fg_color: if($variant == 'light', $fg_color, darken($fg_color, 5%));
$panel_border_color: if($variant == 'light', darken($panel_bg_color, 2%), $panel_bg_color); $panel_border_color: if($variant == 'light', darken($panel_bg_color, 2%), $panel_bg_color);
@ -21,7 +21,7 @@ $panel_transition_duration: 250ms; // same as the overview transition duration
// panel menus // panel menus
.panel-button { .panel-button {
@include panel_button($panel_fg_color); @include panel_button($bg: $panel_fg_color, $border_radius: 3px);
-natural-hpadding: $base_padding * 2; -natural-hpadding: $base_padding * 2;
-minimum-hpadding: $base_padding; -minimum-hpadding: $base_padding;
@ -46,6 +46,31 @@ $panel_transition_duration: 250ms; // same as the overview transition duration
&#panelActivities { &#panelActivities {
-natural-hpadding: $base_padding * 2.5; -natural-hpadding: $base_padding * 2.5;
.panel-button {
> * {
background-image: url("common-assets/activities.svg");
background-size: contain;
width: 24px;
height: 24px;
background-color: transparent !important;
background-gradient-direction: none !important;
border: 0 solid transparent !important;
text-shadow: 0 0 transparent !important;
transition-duration: 0ms !important;
box-shadow: none !important;
color: transparent;
}
&:active, &:overview, &:focus, &:checked {
background-color: transparent;
box-shadow: none;
border-bottom-width: 1px;
border-color: transparent;
> * { background-image: url("common-assets/activities-active.svg"); }
}
}
& StBoxLayout { & StBoxLayout {
spacing: 5px; spacing: 5px;
} }
@ -83,7 +108,7 @@ $panel_transition_duration: 250ms; // same as the overview transition duration
// The clock display needs to have the background on .clock because // The clock display needs to have the background on .clock because
// we want to exclude the do-not-disturb indicator from the background // we want to exclude the do-not-disturb indicator from the background
// see _drawing.scss for override details // see _drawing.scss for override details
@include panel_button($highlighted_child: true, $child_class:".clock"); @include panel_button($highlighted_child: true, $child_class:".clock", $border_radius: 3px);
.clock { .clock {
// the highlighted child // the highlighted child