roundabout,
created on Saturday, 3 April 2021, 00:09:22 (1617408562),
received on Sunday, 11 May 2025, 13:23:03 (1746969783)
Author identity: nana-4 <hnmaigo@gmail.com>
b80b8156c357c8764705a2abf8127672ff888b10
src/gnome-shell/sass/components/overview/_app-grid.scss
@@ -180,7 +180,7 @@
-arrow-base: 24px;
-arrow-rise: 12px;
-arrow-border-radius: theme.$corner-radius;
-arrow-background-color: theme-color.fill(theme-color.$on-dark);
-arrow-background-color: theme-color.fill(overview.$on-color);
}
.app-folder-popup-bin {
@@ -191,7 +191,7 @@
@if gnome-shell.$version >= 40 {
.app-well-app.app-folder > .overview-icon > StBoxLayout > StBin > StWidget {
border-radius: theme.$corner-radius;
background-color: theme-color.fill(theme-color.$on-dark);
background-color: theme-color.fill(overview.$on-color);
}
} @else {
.app-folder-icon {
@@ -199,7 +199,7 @@
spacing-rows: 4px;
spacing-columns: 4px;
border-radius: theme.$corner-radius;
background-color: theme-color.fill(theme-color.$on-dark);
background-color: theme-color.fill(overview.$on-color);
// HACK: Force icon size to 32px
> StBin > StIcon {
@@ -214,7 +214,7 @@
width: 32px;
margin-bottom: 0;
border-radius: 0;
background-color: theme-color.$on-dark;
background-color: overview.$on-color;
}
// Rename popup for app folders
@@ -248,7 +248,7 @@
width: 12px;
height: 12px;
border-radius: 12px; // the same as height&width
background-color: theme-color.$on-dark;
background-color: overview.$on-color;
}
} @else {
.page-indicator-icon {
@@ -257,27 +257,27 @@
border: 0;
border-radius: 12px;
background-image: none;
background-color: theme-color.disabled-hint(theme-color.$on-dark);
background-color: theme-color.disabled-hint(overview.$on-color);
transition-duration: st-theme.$duration;
}
&:hover .page-indicator-icon {
border-color: transparent;
background-image: none;
background-color: theme-color.disabled(theme-color.$on-dark);
background-color: theme-color.disabled(overview.$on-color);
}
&:active .page-indicator-icon {
margin: 0;
border: 0;
background-image: none;
background-color: theme-color.hint(theme-color.$on-dark);
background-color: theme-color.hint(overview.$on-color);
}
&:checked .page-indicator-icon,
&:checked:active .page-indicator-icon {
background-image: none;
background-color: theme-color.$on-dark;
background-color: overview.$on-color;
transition-duration: 0ms;
}
@@ -333,21 +333,21 @@
width: 300px;
&.dnd {
background: theme-color.dragged-overlay(theme-color.$on-system);
background: theme-color.dragged-overlay(overview.$on-color);
}
&.next:ltr,
&.previous:rtl {
background-gradient-start: theme-color.fill(theme-color.$on-system);
background-gradient-end: theme-color.fill(theme-color.$on-system);
background-gradient-start: theme-color.fill(overview.$on-color);
background-gradient-end: theme-color.fill(overview.$on-color);
background-gradient-direction: horizontal;
border-radius: theme.$corner-radius 0 0 theme.$corner-radius;
}
&.previous:ltr,
&.next:rtl {
background-gradient-start: theme-color.fill(theme-color.$on-system);
background-gradient-end: theme-color.fill(theme-color.$on-system);
background-gradient-start: theme-color.fill(overview.$on-color);
background-gradient-end: theme-color.fill(overview.$on-color);
background-gradient-direction: horizontal;
border-radius: 0 theme.$corner-radius theme.$corner-radius 0;
}
@@ -375,26 +375,26 @@
padding: 0 8px;
&, &:focus, &:hover, &:active, &:checked {
@include drawing.button(flat-normal, $tc: theme-color.$on-dark);
@include drawing.button(flat-normal, $tc: overview.$on-color);
}
&:hover {
background-color: theme-color.hover-overlay(theme-color.$on-dark);
background-color: theme-color.hover-overlay(overview.$on-color);
}
&:active {
background-color: theme-color.pressed-overlay(theme-color.$on-dark);
background-color: theme-color.pressed-overlay(overview.$on-color);
transition-duration: st-theme.$duration-ripple;
}
&:checked {
box-shadow: inset 0 2px 0 theme-color.$on-dark;
box-shadow: inset 0 2px 0 overview.$on-color;
background-color: rgba(black, .01);
color: theme-color.$on-dark;
color: overview.$on-color;
}
&:focus {
background-color: theme-color.focus-overlay(theme-color.$on-dark);
background-color: theme-color.focus-overlay(overview.$on-color);
}
&:first-child {
src/gnome-shell/sass/components/overview/_dash.scss
@@ -48,7 +48,7 @@ $dash-margin: 12px;
margin-bottom: 0;
padding: $dash-spacing ($dash-spacing / 2);
border-radius: theme.$corner-radius theme.$corner-radius 0 0;
background-color: theme-color.fill(theme-color.$on-dark);
background-color: theme-color.fill(overview.$on-color);
}
// Dash Items
@@ -60,7 +60,7 @@ $dash-margin: 12px;
.dash-separator {
width: 1px;
margin: $dash-spacing ($dash-spacing / 2);
background-color: theme-color.stroke(theme-color.$on-dark);
background-color: theme-color.stroke(overview.$on-color);
}
} @else {
// Dash Items
@@ -91,9 +91,9 @@ $dash-margin: 12px;
// Show apps button
.show-apps {
@include overview.icon;
color: theme-color.hint(theme-color.$on-dark);
color: theme-color.hint(overview.$on-color);
&:checked {
color: theme-color.$on-dark;
color: overview.$on-color;
}
}
src/gnome-shell/sass/components/overview/_overview.scss
@@ -7,6 +7,14 @@
@use "../../drawing";
@use "../base/scrollbar";
@if gnome-shell.$version >= 40 {
.controls-manager,
.secondary-monitor-workspaces {
@@ -14,21 +22,21 @@
}
#overviewGroup {
background-color: theme-color.$system;
color: theme-color.$on-system;
background-color: $color;
color: $on-color;
StScrollBar {
@include scrollbar.color(theme-color.$on-system);
@include scrollbar.color($on-color);
}
}
} @else {
#overview {
spacing: 24px;
background-color: transparent;
color: theme-color.$on-dark;
background-color: $color;
color: $on-color;
StScrollBar {
@include scrollbar.color(theme-color.$on-dark);
@include scrollbar.color($on-color);
}
}
@@ -40,13 +48,13 @@
@mixin panel {
transition-duration: st-theme.$duration-panel;
border: 0;
background-color: theme-color.fill(theme-color.$on-dark);
color: theme-color.$on-dark;
background-color: theme-color.fill($on-color);
color: $on-color;
}
@mixin status-text {
@include drawing.type(headline3);
color: theme-color.disabled(theme-color.$on-dark);
color: theme-color.disabled($on-color);
}
@mixin item {
@@ -107,7 +115,7 @@
@mixin _item-focus {
border-image: none;
background-image: none;
background-color: theme-color.focus-overlay(theme-color.$on-dark);
background-color: theme-color.focus-overlay($on-color);
color: inherit;
transition-duration: 0ms;
}
@@ -116,14 +124,14 @@
border: 0;
border-image: none;
background-image: none;
background-color: theme-color.hover-overlay(theme-color.$on-dark);
background-color: theme-color.hover-overlay($on-color);
color: inherit;
transition-duration: 0ms;
}
@mixin _item-active {
box-shadow: none;
background-color: theme-color.pressed-overlay(theme-color.$on-dark);
background-color: theme-color.pressed-overlay($on-color);
color: inherit;
transition-duration: st-theme.$duration-ripple;
}
src/gnome-shell/sass/components/overview/_search-entry.scss
@@ -4,16 +4,17 @@
@use "../../../../theme-color";
@use "../../gnome-shell";
@use "../../drawing";
@use "overview";
%search-entry,
.search-entry {
width: 320px - 8px * 2;
padding: 0 8px;
border-radius: theme.$corner-radius theme.$corner-radius 0 0;
color: theme-color.disabled(theme-color.$on-dark);
selection-background-color: theme-color.stroke(theme-color.$on-dark);
selected-color: theme-color.$on-dark;
@include drawing.entry(normal, $fc: theme-color.stroke(theme-color.$on-dark));
color: theme-color.disabled(overview.$on-color);
selection-background-color: theme-color.stroke(overview.$on-color);
selected-color: overview.$on-color;
@include drawing.entry(normal, $fc: theme-color.stroke(overview.$on-color));
@if gnome-shell.$version >= 40 {
margin-top: 16px;
@@ -21,31 +22,31 @@
}
&:hover {
@include drawing.entry(hover, $fc: theme-color.stroke(theme-color.$on-dark));
color: theme-color.disabled(theme-color.$on-dark);
@include drawing.entry(hover, $fc: theme-color.stroke(overview.$on-color));
color: theme-color.disabled(overview.$on-color);
}
&:focus {
@include drawing.entry(focus, $fc: theme-color.$on-dark);
@include drawing.entry(focus, $fc: overview.$on-color);
padding: 0 8px;
border: 0;
color: theme-color.$on-dark;
color: overview.$on-color;
}
StLabel.hint-text {
color: theme-color.hint(theme-color.$on-dark);
color: theme-color.hint(overview.$on-color);
}
.search-entry-icon {
icon-size: 16px;
padding: 0 4px;
color: theme-color.hint(theme-color.$on-dark);
color: theme-color.hint(overview.$on-color);
}
&:hover,
&:focus {
.search-entry-icon {
color: theme-color.$on-dark;
color: overview.$on-color;
}
}
}
src/gnome-shell/sass/components/overview/_search-results.scss
@@ -27,7 +27,7 @@ $searchResultsContent: if(gnome-shell.$version >= 3.34, "#searchResultsContent",
// separator
.search-section-separator {
height: 1px;
background-color: theme-color.divider(theme-color.$on-dark);
background-color: theme-color.divider(overview.$on-color);
}
&:last-child .search-section-separator {
@@ -78,7 +78,7 @@ $searchResultsContent: if(gnome-shell.$version >= 3.34, "#searchResultsContent",
.list-search-provider-details {
width: 150px;
margin-top: 0;
color: theme-color.hint(theme-color.$on-dark);
color: theme-color.hint(overview.$on-color);
// font-weight: bold;
}
}
@@ -107,6 +107,6 @@ $searchResultsContent: if(gnome-shell.$version >= 3.34, "#searchResultsContent",
// list item description
.list-search-result-description {
color: theme-color.hint(theme-color.$on-dark);
color: theme-color.hint(overview.$on-color);
}
}
src/gnome-shell/sass/components/overview/_window-picker.scss
@@ -4,6 +4,7 @@
@use "../../../../theme-color";
@use "../../../../st-theme";
@use "../../gnome-shell";
@use "overview";
// Window picker
.window-picker {
@@ -28,12 +29,12 @@
@if gnome-shell.$version < 40 {
// Borders on window thumbnails
.window-clone-border {
border: 4px solid theme-color.stroke(theme-color.$on-dark);
border: 4px solid theme-color.stroke(overview.$on-color);
border-radius: theme.$corner-radius;
// For window decorations with round corners we can't match
// the exact shape when the window is scaled. So apply a shadow
// to fix that case
box-shadow: inset 0 0 0 1px theme-color.stroke(theme-color.$on-dark);
box-shadow: inset 0 0 0 1px theme-color.stroke(overview.$on-color);
}
}
src/gnome-shell/sass/components/overview/_workspace-thumbnails.scss
@@ -1,7 +1,6 @@
/* Workspace pager */
@use "../../../../theme";
@use "../../../../theme-color";
@use "../../gnome-shell";
@use "overview";
@@ -44,7 +43,7 @@
// selected indicator
.workspace-thumbnail-indicator {
border: 0 solid theme-color.$on-dark;
border: 0 solid overview.$on-color;
border-radius: 0;
@if gnome-shell.$version >= 40 {