sass: Split 'fill' into 'fill' and 'entry-fill'
And stop abuse of $stroke-disabled against .entry-tag, .disk-space-display, etc.
by roundabout, Monday, 4 November 2019, 05:21:36 (1572844896), pushed by roundabout, Sunday, 11 May 2025, 13:22:44 (1746969764)
Author identity: nana-4 <hnmaigo@gmail.com>
2f8bbcd6ad4778e8d5d20f487b4ecd88fbd91475
src/_sass/_colors.scss
@@ -41,7 +41,8 @@ $on-colors: (
stroke: rgba(black, .26),
stroke-disabled: rgba(black, .12),
divider: rgba(black, .12),
fill: rgba(black, .04)
fill: rgba(black, .08),
entry-fill: rgba(black, .04)
),
light: (
primary: #8AB4F8,
@@ -53,7 +54,8 @@ $on-colors: (
stroke: rgba(white, .3),
stroke-disabled: rgba(white, .12),
divider: rgba(white, .12),
fill: rgba(white, .04)
fill: rgba(white, .08),
entry-fill: rgba(white, .04)
)
);
@@ -136,6 +138,7 @@ $stroke: on($background, stroke);
$stroke-disabled: on($background, stroke-disabled);
$divider: on($background, divider);
$fill: on($background, fill);
$entry-fill: on($background, entry-fill);
$titlebar-text: on($titlebar);
$titlebar-text2: on($titlebar, text2);
@@ -145,6 +148,7 @@ $titlebar-stroke: on($titlebar, stroke);
$titlebar-stroke-disabled: on($titlebar, stroke-disabled);
$titlebar-divider: on($titlebar, divider);
$titlebar-fill: on($titlebar, fill);
$titlebar-entry-fill: on($titlebar, entry-fill);
// workaround for GTK3 @placeholder_text_color which doesn't allow translucent colors
$placeholder_text_color: if($variant == 'light', mix(black, $base, percentage(0.6)), mix(white, $base, percentage(0.7)));
src/_sass/cinnamon/_common.scss
@@ -78,7 +78,7 @@ StScrollView {
padding: 10px;
}
.popup-sub-menu {
background-color: $fill;
background-color: $entry-fill;
}
.popup-menu-arrow {
icon-size: 1.14em;
@@ -1437,7 +1437,7 @@ StScrollView {
.expo-workspaces-name-entry {
@include type(body1);
background-color: on(dark, fill);
background-color: on(dark, entry-fill);
color: on(dark);
padding: 0 8px;
selection-background-color: on(dark, stroke);
@@ -1449,7 +1449,7 @@ StScrollView {
-cinnamon-caption-spacing: 12px;
&#selected {
color: on(dark);
background-color: on(dark, fill);
background-color: on(dark, stroke);
}
&:focus {
color: on(dark);
src/_sass/gnome-shell/_common-3.18.scss
@@ -592,7 +592,7 @@ StScrollBar {
.popup-menu-arrow { } //defined globally in the TOP BAR
.popup-sub-menu {
background-color: $fill;
background-color: $entry-fill;
box-shadow: $shadow-0;
}
src/_sass/gnome-shell/_common-3.24.scss
@@ -592,7 +592,7 @@ StScrollBar {
.popup-menu-arrow { } //defined globally in the TOP BAR
.popup-sub-menu {
background-color: $fill;
background-color: $entry-fill;
box-shadow: $shadow-0;
}
src/_sass/gnome-shell/_common-3.26.scss
@@ -565,7 +565,7 @@ StScrollBar {
.popup-menu-arrow { } //defined globally in the TOP BAR
.popup-sub-menu {
background-color: $fill;
background-color: $entry-fill;
box-shadow: $shadow-0;
}
src/_sass/gnome-shell/_common-3.28.scss
@@ -565,7 +565,7 @@ StScrollBar {
.popup-menu-arrow { } //defined globally in the TOP BAR
.popup-sub-menu {
background-color: $fill;
background-color: $entry-fill;
box-shadow: $shadow-0;
}
src/_sass/gnome-shell/_common-3.30.scss
@@ -567,7 +567,7 @@ StScrollBar {
.popup-menu-arrow { } //defined globally in the TOP BAR
.popup-sub-menu {
background-color: $fill;
background-color: $entry-fill;
box-shadow: $shadow-0;
}
src/_sass/gnome-shell/_common-3.32.scss
@@ -562,7 +562,7 @@ StScrollBar {
.popup-menu-arrow { } //defined globally in the TOP BAR
.popup-sub-menu {
padding-bottom: 0;
background-color: $fill;
background-color: $entry-fill;
box-shadow: $shadow-0;
}
src/_sass/gnome-shell/_common-3.34.scss
@@ -593,7 +593,7 @@ StScrollBar {
.popup-menu-arrow { } //defined globally in the TOP BAR
.popup-sub-menu {
padding-bottom: 0;
background-color: $fill;
background-color: $entry-fill;
box-shadow: $shadow-0;
}
src/_sass/gnome-shell/_drawing.scss
@@ -109,7 +109,7 @@
@if $t == normal {
transition-duration: $duration;
background-color: if($fc == $primary, $fill, on(dark, fill));
background-color: if($fc == $primary, $entry-fill, on(dark, entry-fill));
border-color: transparent;
box-shadow: inset 0 -1px if($fc == $primary, $stroke, $fc);
}
src/_sass/gtk/_common-3.20.scss
@@ -340,7 +340,7 @@ treeview entry {
margin: 2px;
border-radius: $circular-radius;
box-shadow: none;
background-color: $stroke-disabled;
background-color: $fill;
color: $text;
&:hover { background-image: image($overlay-hover); }
@@ -1084,12 +1084,12 @@ searchbar > revealer > box {
entry {
box-shadow: inset 0 -1px $titlebar-stroke;
background-color: $titlebar-fill;
background-color: $titlebar-entry-fill;
color: $titlebar-text;
&:disabled {
box-shadow: inset 0 -1px $titlebar-stroke-disabled;
background-color: $titlebar-fill;
background-color: $titlebar-entry-fill;
color: $titlebar-text-disabled;
}
src/_sass/gtk/_drawing-3.20.scss
@@ -37,7 +37,7 @@
transparent 0%)
0 0 0 / 0 0 0px;
box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px if($fc == $primary, $stroke, $fc);
background-color: $fill;
background-color: $entry-fill;
color: $text;
}
@@ -58,7 +58,7 @@
@if $t == disabled {
box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px $stroke-disabled;
background-color: $fill;
background-color: $entry-fill;
color: $text-disabled;
}
src/_sass/gtk/apps/_budgie.scss
@@ -388,7 +388,7 @@ $pos_list: ((top, bottom), (bottom, top), (left, right), (right, left));
// &.middle { border-bottom-style: none; } // applet background between two headers
> overlay > widget > image { color: $divider; }
> overlay > widget > image { color: $fill; }
}
scrolledwindow.raven-background { border-bottom-style: none; }
src/_sass/gtk/apps/_gnome-3.22.scss
@@ -52,12 +52,12 @@
button { margin: 0; } // reset the margin
&.width-maximized { background-color: $titlebar-fill; }
&.width-maximized { background-color: $titlebar-entry-fill; }
// workaround for 3.30.1
&.background.frame {
border-style: none;
background-color: $titlebar-fill;
background-color: $titlebar-entry-fill;
}
// for 3.30
@@ -133,8 +133,8 @@
}
&.free {
background-color: $stroke-disabled;
color: $stroke-disabled;
background-color: $fill;
color: $fill;
}
}
src/_sass/gtk/apps/_mate.scss
@@ -361,7 +361,7 @@ na-tray-applet widget box widget {
.caja-navigation-window .view .entry {
border: none;
border-radius: $corner-radius;
background-color: $fill;
background-color: $entry-fill;
background-image: none;
color: $text;
src/_sass/gtk/apps/_nemo.scss
@@ -44,7 +44,7 @@
// Rename box styling in the icon view.
.nemo-window-pane widget.entry {
border-radius: $corner-radius;
background-color: $fill;
background-color: $entry-fill;
&:selected { @extend %selected_items; }
}