sass: Drop $scrim-inverse variable
Replace it with on(dark, fill).
Replace it with on(dark, fill).
by roundabout, Tuesday, 17 December 2019, 06:07:53 (1576562873), pushed by roundabout, Sunday, 11 May 2025, 13:22:46 (1746969766)
Author identity: nana-4 <hnmaigo@gmail.com>
1689435462981de4d01a726a31af1e7e6d19b3cc
$tooltip: rgba(#616161, 0.9);
$scrim: rgba(black, 0.6);
$scrim-alt: rgba(black, 0.3);
$scrim-inverse: rgba(white, 0.1);
$titlebar: if($topbar == 'dark', $dark-surface-4dp, #E0E0E0);
$titlebar-backdrop: if($topbar == 'dark', $dark-surface-1dp, #D6D6D6);
$panel: if($topbar == 'dark', #1F1F1F, $scrim);
}
.workspace-thumbnails-background {
color: $titlebar-text2;
background-color: $scrim-inverse;
background-color: on(dark, fill);
border: none;
padding: 8px;
border-radius: $corner-radius 0 0 $corner-radius;
transition-duration: $duration-panel;
font-size: 1em;
color: on(dark);
background-color: $scrim-inverse;
background-color: on(dark, fill);
padding: 3px 0;
border: none;
border-left: 0px;
}
.app-well-app.app-folder > .overview-icon {
background-color: $scrim-inverse;
background-color: on(dark, fill);
}
.show-apps .show-apps-icon {
// Collections
.app-folder-popup { //expanded collection
-arrow-border-radius: $corner-radius;
-arrow-background-color: $scrim-inverse;
-arrow-background-color: on(dark, fill);
-arrow-base: 24px;
-arrow-rise: 12px;
}
%overview-panel {
transition-duration: $duration-panel;
color: on(dark);
background-color: $scrim-inverse;
background-color: on(dark, fill);
border: none;
}
transition-duration: $duration-panel;
font-size: 1em;
color: on(dark);
background-color: $scrim-inverse;
background-color: on(dark, fill);
padding: 3px 0;
border: none;
border-left: 0px;
}
.app-well-app.app-folder > .overview-icon {
background-color: $scrim-inverse;
background-color: on(dark, fill);
}
.show-apps .show-apps-icon {
// Collections
.app-folder-popup { //expanded collection
-arrow-border-radius: $corner-radius;
-arrow-background-color: $scrim-inverse;
-arrow-background-color: on(dark, fill);
-arrow-base: 24px;
-arrow-rise: 12px;
}
%overview-panel {
transition-duration: $duration-panel;
color: on(dark);
background-color: $scrim-inverse;
background-color: on(dark, fill);
border: none;
}
transition-duration: $duration-panel;
font-size: 1em;
color: on(dark);
background-color: $scrim-inverse;
background-color: on(dark, fill);
padding: 3px 0;
border: none;
border-left: 0px;
}
.app-well-app.app-folder > .overview-icon {
background-color: $scrim-inverse;
background-color: on(dark, fill);
}
.show-apps .show-apps-icon {
// Collections
.app-folder-popup { //expanded collection
-arrow-border-radius: $corner-radius;
-arrow-background-color: $scrim-inverse;
-arrow-background-color: on(dark, fill);
-arrow-base: 24px;
-arrow-rise: 12px;
}
%overview-panel {
transition-duration: $duration-panel;
color: on(dark);
background-color: $scrim-inverse;
background-color: on(dark, fill);
border: none;
}
transition-duration: $duration-panel;
font-size: 1em;
color: on(dark);
background-color: $scrim-inverse;
background-color: on(dark, fill);
padding: 3px 0;
border: none;
border-left: 0px;
}
.app-well-app.app-folder > .overview-icon {
background-color: $scrim-inverse;
background-color: on(dark, fill);
}
.show-apps .show-apps-icon {
// Collections
.app-folder-popup { //expanded collection
-arrow-border-radius: $corner-radius;
-arrow-background-color: $scrim-inverse;
-arrow-background-color: on(dark, fill);
-arrow-base: 24px;
-arrow-rise: 12px;
}
%overview-panel {
transition-duration: $duration-panel;
color: on(dark);
background-color: $scrim-inverse;
background-color: on(dark, fill);
border: none;
}
transition-duration: $duration-panel;
font-size: 1em;
color: on(dark);
background-color: $scrim-inverse;
background-color: on(dark, fill);
padding: 3px 0;
border: none;
border-left: 0px;
}
.app-well-app.app-folder > .overview-icon {
background-color: $scrim-inverse;
background-color: on(dark, fill);
}
.show-apps .show-apps-icon {
// Collections
.app-folder-popup { //expanded collection
-arrow-border-radius: $corner-radius;
-arrow-background-color: $scrim-inverse;
-arrow-background-color: on(dark, fill);
-arrow-base: 24px;
-arrow-rise: 12px;
}
%overview-panel {
transition-duration: $duration-panel;
color: on(dark);
background-color: $scrim-inverse;
background-color: on(dark, fill);
border: none;
}
transition-duration: $duration-panel;
font-size: 1em;
color: on(dark);
background-color: $scrim-inverse;
background-color: on(dark, fill);
padding: 3px 0;
border: none;
border-left: 0px;
}
.app-well-app.app-folder > .overview-icon {
background-color: $scrim-inverse;
background-color: on(dark, fill);
}
.show-apps .show-apps-icon {
// Collections
.app-folder-popup { //expanded collection
-arrow-border-radius: $corner-radius;
-arrow-background-color: $scrim-inverse;
-arrow-background-color: on(dark, fill);
-arrow-base: 24px;
-arrow-rise: 12px;
}
%overview-panel {
transition-duration: $duration-panel;
color: on(dark);
background-color: $scrim-inverse;
background-color: on(dark, fill);
border: none;
}
}
.app-well-app.app-folder > .overview-icon {
background-color: $scrim-inverse;
background-color: on(dark, fill);
}
.show-apps .show-apps-icon {
// Collections
.app-folder-popup { //expanded collection
-arrow-border-radius: $corner-radius;
-arrow-background-color: $scrim-inverse;
-arrow-background-color: on(dark, fill);
-arrow-base: 24px;
-arrow-rise: 12px;
}
%overview-panel {
transition-duration: $duration-panel;
color: on(dark);
background-color: $scrim-inverse;
background-color: on(dark, fill);
border: none;
}
}
#dashtodockContainer:overview #dash {
background-color: $scrim-inverse;
background-color: on(dark, fill);
}
#dashtodockContainer.extended:overview #dash {