roundabout,
created on Saturday, 3 April 2021, 00:09:35 (1617408575),
received on Sunday, 11 May 2025, 13:23:03 (1746969783)
Author identity: nana-4 <hnmaigo@gmail.com>
2c301631bd6d8f4bb6b5fe8bf8d6aaf04a27ed45
src/gnome-shell/sass/components/menu/_calendar.scss
@@ -6,10 +6,10 @@
@use "../../gnome-shell";
@use "../../drawing";
$calendar-column-spacing: 8px;
$calendar-column-margin: 0 8px;
$column-spacing: 8px;
$column-margin: 0 8px;
%calendar-item {
@mixin item {
margin: 0;
border: 0;
border-radius: theme.$corner-radius;
@@ -57,7 +57,7 @@ $calendar-column-margin: 0 8px;
// Calendar menu side column
.datemenu-calendar-column {
spacing: $calendar-column-spacing;
spacing: $column-spacing;
padding: 0;
border: 0 solid theme-color.divider(theme-color.$on-surface);
@@ -76,13 +76,13 @@ $calendar-column-margin: 0 8px;
}
.datemenu-displays-box {
spacing: $calendar-column-spacing;
margin: $calendar-column-margin;
spacing: $column-spacing;
margin: $column-margin;
}
}
.events-section-title {
@extend %calendar-item;
@include item;
min-height: st-theme.$menuitem-size - 8px * 2;
padding: 8px;
color: theme-color.hint(theme-color.$on-surface) !important;
@@ -91,8 +91,8 @@ $calendar-column-margin: 0 8px;
/* today button (the date) */
.datemenu-today-button {
@extend %calendar-item;
margin: $calendar-column-margin;
@include item;
margin: $column-margin;
min-height: st-theme.$menuitem-size * 2 - 8px * 2;
padding: 8px;
@@ -110,8 +110,8 @@ $calendar-column-margin: 0 8px;
/* Calendar */
.calendar {
@extend %calendar-item;
margin: $calendar-column-margin;
@include item;
margin: $column-margin;
margin-bottom: 0;
padding: 0;
@@ -325,7 +325,7 @@ $calendar-column-margin: 0 8px;
@if gnome-shell.$version >= 3.38 {
/* Events */
.events-button {
@extend %calendar-item;
@include item;
min-height: st-theme.$menuitem-size * 2 - 8px * 2;
padding: 8px;
@@ -353,7 +353,7 @@ $calendar-column-margin: 0 8px;
/* World clocks */
.world-clocks-button {
@extend %calendar-item;
@include item;
min-height: st-theme.$menuitem-size - 8px * 2;
padding: 8px;
@@ -402,7 +402,7 @@ $calendar-column-margin: 0 8px;
/* Weather */
.weather-button {
@extend %calendar-item;
@include item;
min-height: st-theme.$menuitem-size * 2 - 8px * 2;
padding: 8px;
src/gnome-shell/sass/components/menu/_message-list.scss
@@ -55,7 +55,7 @@
// message bubbles
.message {
@extend %calendar-item;
@include calendar.item;
min-height: st-theme.$menuitem-size * 2;
// icon container
src/gnome-shell/sass/components/osd/_osd.scss
@@ -5,7 +5,7 @@
@use "../../gnome-shell";
@use "../../drawing";
%osd-panel {
@mixin panel {
padding: 12px;
border: none;
border-radius: theme.$corner-radius;
@@ -15,7 +15,7 @@
}
.osd-window {
@extend %osd-panel;
@include panel;
text-align: center;
font-weight: bold;
spacing: 12px;
@@ -56,7 +56,7 @@
}
.resize-popup {
@extend %osd-panel;
@include panel;
}
/* Pad OSD */
src/gnome-shell/sass/components/osd/_switcher.scss
@@ -13,7 +13,7 @@
// switcher onscreen panel
.switcher-list {
@extend %osd-panel;
@include osd.panel;
.switcher-list-item-container {
spacing: 8px;
src/gnome-shell/sass/components/osd/_workspace-switcher.scss
@@ -9,7 +9,7 @@
}
.workspace-switcher-container {
@extend %osd-panel;
@include osd.panel;
}
.workspace-switcher {
src/gnome-shell/sass/components/overview/_dash.scss
@@ -5,15 +5,15 @@
@use "../../gnome-shell";
@use "overview";
$dash-spacing: 6px;
$dash-margin: 12px;
$spacing: 6px;
$margin: 12px;
#dash {
font-size: 1em;
@if gnome-shell.$version >= 40 {
margin-top: 0;
padding: $dash-margin $dash-margin 0;
padding: $margin $margin 0;
.overview-icon {
// Same as normal .overview-icon
@@ -21,7 +21,7 @@ $dash-margin: 12px;
}
} @else {
@include overview.panel;
padding: ($dash-spacing / 2) 0;
padding: ($spacing / 2) 0;
border-left-width: 0;
border-radius: 0 theme.$corner-radius theme.$corner-radius 0;
@@ -46,7 +46,7 @@ $dash-margin: 12px;
@if gnome-shell.$version >= 40 {
.dash-background {
margin-bottom: 0;
padding: $dash-spacing ($dash-spacing / 2);
padding: $spacing ($spacing / 2);
border-radius: theme.$corner-radius theme.$corner-radius 0 0;
background-color: theme-color.fill(overview.$on-color);
}
@@ -54,18 +54,18 @@ $dash-margin: 12px;
// Dash Items
.dash-item-container .app-well-app,
.show-apps {
padding: $dash-spacing ($dash-spacing / 2);
padding: $spacing ($spacing / 2);
}
.dash-separator {
width: 1px;
margin: $dash-spacing ($dash-spacing / 2);
margin: $spacing ($spacing / 2);
background-color: theme-color.stroke(overview.$on-color);
}
} @else {
// Dash Items
.dash-item-container > StWidget {
padding: ($dash-spacing / 2) $dash-spacing;
padding: ($spacing / 2) $spacing;
}
}
src/gnome-shell/sass/components/panel/_panel.scss
@@ -5,12 +5,18 @@
@use "../../../../st-theme";
@use "../../gnome-shell";
#panel {
$background: if(gnome-shell.$version >= 3.26 and gnome-shell.$version < 3.32, theme-color.$scrim, theme-color.$panel);
$color: theme-color.$panel;
$on-color: theme-color.$on-panel;
@if gnome-shell.$version >= 3.26 and gnome-shell.$version < 3.32 {
$color: theme-color.$scrim;
$on-color: theme-color.$on-scrim;
}
transition-duration: st-theme.$duration-panel;
height: st-theme.$menuitem-size;
background-color: $background;
background-color: $color;
font-weight: bold;
font-feature-settings: "tnum";
@@ -44,7 +50,7 @@
transition-duration: st-theme.$duration;
border: 0;
border-radius: 0;
color: theme-color.hint(theme-color.on($background));
color: theme-color.hint($on-color);
text-shadow: none;
font-weight: bold;
@@ -66,7 +72,7 @@
&:hover {
box-shadow: none;
color: theme-color.on($background);
color: $on-color;
text-shadow: none;
@if gnome-shell.$version >= 3.36 {
@@ -87,10 +93,10 @@
}
&:active, &:overview, &:focus, &:checked {
box-shadow: inset 0 -2px theme-color.on($background);
box-shadow: inset 0 -2px $on-color;
// Trick due to St limitations. It needs a background to draw a box-shadow
background-color: rgba($background, .01);
color: theme-color.on($background);
background-color: rgba($color, .01);
color: $on-color;
@if gnome-shell.$version >= 3.36 {
// The clock display needs to have the background on .clock because
@@ -100,8 +106,8 @@
background-color: transparent;
.clock {
box-shadow: inset 0 -2px theme-color.on($background);
background-color: rgba($background, .01);
box-shadow: inset 0 -2px $on-color;
background-color: rgba($color, .01);
}
}
}