roundabout,
created on Saturday, 17 September 2016, 01:35:14 (1474076114),
received on Sunday, 11 May 2025, 13:22:00 (1746969720)
Author identity: nana-4 <hnmaigo@gmail.com>
c2df5f8c7735780c49d17b287fa1f30e69d2c5c7
gtk-3.0/_apps.scss
@@ -604,7 +604,7 @@ overlay grid.horizontal > revealer > scrolledwindow.frame {
// box-shadow: inset 0 1px shade(@borders, 1.30);
// background-color: @theme_bg_color;
&:hover { background-image: image(gtkalpha(currentColor, 0.05)); }
&:hover { background-image: image($row_track_color); }
}
frame.documents-dropdown {
gtk-3.0/_colors.scss
@@ -58,6 +58,9 @@ $accent_color: #FF4081;
// Misc colors
$track_color: gtkalpha(currentColor, $lower_opacity);
$semi_track_color: gtkalpha(currentColor, $lower_opacity / 2);
$zero_track_color: gtkalpha(currentColor, 0);
$row_track_color: gtkalpha(currentColor, 0.05);
$borders_color: if($variant == 'light', scale-alpha(#000000, 0.1), scale-alpha(#000000, 0.2));
$highlight_color: if($variant == 'light', scale-alpha(#FFFFFF, 0.4), scale-alpha(#FFFFFF, 0.1));
$secondary_highlight_color: scale-alpha(#FFFFFF, 0.2);
gtk-3.0/_common.scss
@@ -1129,9 +1129,9 @@ headerbar {
&:active { // add fallback
background-image: radial-gradient(circle farthest-corner at center,
gtkalpha(currentColor, $lower_opacity / 2) 100%,
$semi_track_color 100%,
transparent 0%),
image(gtkalpha(currentColor, $lower_opacity / 2));
image($semi_track_color);
}
}
}
@@ -1372,7 +1372,7 @@ menubar,
&:hover { //Seems like it :hover even with keyboard focus
transition: none;
background-color: gtkalpha(currentColor, $lower_opacity / 2);
background-color: $semi_track_color;
color: $inversed_fg_color;
}
@@ -1406,7 +1406,7 @@ menu,
&:hover {
transition: none;
background-color: gtkalpha(currentColor, $lower_opacity / 2);
background-color: $semi_track_color;
}
&:disabled { color: $disabled_fg_color; }
@@ -1454,7 +1454,7 @@ menu,
}
&:hover {
background-image: image(gtkalpha(currentColor, $lower_opacity / 2));
background-image: image($semi_track_color);
color: $fg_color;
}
@@ -2596,26 +2596,26 @@ $row_transition: $longer_transition, background-color 0, color 0;
row {
&.activatable {
transition: $row_transition;
box-shadow: inset 0 0 0 9999px gtkalpha(currentColor, 0);
box-shadow: inset 0 0 0 9999px $zero_track_color;
background-image: radial-gradient(circle farthest-corner at center,
gtkalpha(currentColor, 0) 100%,
$zero_track_color 100%,
transparent 0%),
image(gtkalpha(currentColor, 0));
image($zero_track_color);
&:hover {
transition: $row_transition, box-shadow 0;
box-shadow: inset 0 0 0 9999px gtkalpha(currentColor, 0.05);
box-shadow: inset 0 0 0 9999px $row_track_color;
background-image: radial-gradient(circle farthest-corner at center,
gtkalpha(currentColor, 0) 100%,
$zero_track_color 100%,
transparent 0%),
image(gtkalpha(currentColor, 0));
image($zero_track_color);
}
&.has-open-popup, // this is for indicathing which row generated a popover see https://bugzilla.gnome.org/show_bug.cgi?id=754411
&:active {
transition: $row_transition, background-image 0;
animation: row_ripple_effect $longer_duration $deceleration_curve forwards;
box-shadow: inset 0 0 0 9999px gtkalpha(currentColor, $lower_opacity / 2);
box-shadow: inset 0 0 0 9999px $semi_track_color;
}
}
gtk-3.0/_drawing.scss
@@ -23,48 +23,48 @@ $z-depth-5: 0 19px 19px rgba(0, 0, 0, 0.30), 0 15px 6px rgba(0, 0, 0, 0.22);
@keyframes ripple_effect {
from {
background-image: radial-gradient(circle farthest-corner at center,
gtkalpha(currentColor, $lower_opacity / 2) 0%,
$semi_track_color 0%,
transparent 0%),
image(gtkalpha(currentColor, 0));
image($zero_track_color);
}
to {
background-image: radial-gradient(circle farthest-corner at center,
gtkalpha(currentColor, $lower_opacity / 2) 100%,
$semi_track_color 100%,
transparent 0%),
image(gtkalpha(currentColor, $lower_opacity / 2));
image($semi_track_color);
}
}
@keyframes flat_ripple_effect {
from {
background-image: radial-gradient(circle farthest-corner at center,
gtkalpha(currentColor, $lower_opacity / 2) 0%,
$semi_track_color 0%,
transparent 0%),
image(gtkalpha(currentColor, $lower_opacity / 2));
image($semi_track_color);
}
to {
background-image: radial-gradient(circle farthest-corner at center,
gtkalpha(currentColor, $lower_opacity / 2) 100%,
$semi_track_color 100%,
transparent 0%),
image(gtkalpha(currentColor, $lower_opacity / 2));
image($semi_track_color);
}
}
@keyframes row_ripple_effect {
from {
background-image: radial-gradient(circle farthest-corner at center,
gtkalpha(currentColor, $lower_opacity / 2) 0%,
$semi_track_color 0%,
transparent 0%),
image(gtkalpha(currentColor, 0));
image($zero_track_color);
}
to {
background-image: radial-gradient(circle farthest-corner at center,
gtkalpha(currentColor, $lower_opacity / 2) 100%,
$semi_track_color 100%,
transparent 0%),
image(gtkalpha(currentColor, 0));
image($zero_track_color);
}
}
@@ -178,18 +178,18 @@ $z-depth-5: 0 19px 19px rgba(0, 0, 0, 0.30), 0 15px 6px rgba(0, 0, 0, 0.22);
box-shadow: $z-depth-1;
background-color: $c;
background-image: radial-gradient(circle farthest-corner at center,
gtkalpha(currentColor, 0) 100%,
$zero_track_color 100%,
transparent 0%),
image(gtkalpha(currentColor, 0));
image($zero_track_color);
color: $secondary_fg_color;
}
@if $t == hover {
box-shadow: $z-depth-2;
background-image: radial-gradient(circle farthest-corner at center,
gtkalpha(currentColor, 0) 100%,
$zero_track_color 100%,
transparent 0%),
image(gtkalpha(currentColor, 0));
image($zero_track_color);
color: $fg_color;
}
@@ -221,18 +221,18 @@ $z-depth-5: 0 19px 19px rgba(0, 0, 0, 0.30), 0 15px 6px rgba(0, 0, 0, 0.22);
box-shadow: none;
background-color: transparent;
background-image: radial-gradient(circle farthest-corner at center,
gtkalpha(currentColor, 0) 100%,
$zero_track_color 100%,
transparent 0%),
image(gtkalpha(currentColor, 0));
image($zero_track_color);
color: gtkalpha(currentColor, $enabled_opacity);
}
@if $t == flat-hover {
box-shadow: none;
background-image: radial-gradient(circle farthest-corner at center,
gtkalpha(currentColor, 0) 100%,
$zero_track_color 100%,
transparent 0%),
image(gtkalpha(currentColor, $lower_opacity / 2));
image($semi_track_color);
color: currentColor;
}
gtk-3.0/_mate.scss
@@ -68,7 +68,7 @@ PanelApplet.wnck-applet .wnck-pager {
background-color: transparent;
color: $alt_primary_color;
&:hover { background-color: gtkalpha(currentColor, $lower_opacity / 2); }
&:hover { background-color: $semi_track_color; }
&:active { background-color: $track_color; }