by roundabout, Sunday, 13 May 2018, 03:29:49 (1526182189), pushed by roundabout, Sunday, 11 May 2025, 13:22:23 (1746969743)
Author identity: nana-4 <hnmaigo@gmail.com>
2a2616c3d1dd29da570f500e12d4aed2c6cb124d
src/_sass/gtk/_apps-3.18.scss
@@ -42,7 +42,7 @@ EelEditableLabel.entry { transition: none; }
}
.nautilus-desktop.nautilus-canvas-item {
// background-color: rgba(#000000, $lower_opacity);
// background-color: $panel_bg_color;
color: $inverse_fg_color;
text-shadow: $shadow_1;
}
@@ -210,14 +210,14 @@ UnityDecoration.bottom {
UnityDecoration.menuitem,
UnityDecoration .menuitem {
color: gtkalpha(currentColor, $secondary_opacity);
color: $titlebar_secondary_fg_color;
}
UnityDecoration.menubar.menuitem:hover,
UnityDecoration.menubar .menuitem *:hover {
box-shadow: inset 0 -2px currentColor;
box-shadow: inset 0 -2px $titlebar_indicator_color;
background-color: transparent;
color: currentColor;
color: $titlebar_fg_color;
}
.background:not(.csd) :not(.titlebar) .header-bar {
@@ -250,14 +250,14 @@ UnityPanelWidget:backdrop,
.unity-panel.menuitem,
.unity-panel .menuitem {
color: gtkalpha(currentColor, $secondary_opacity);
color: $titlebar_secondary_fg_color;
}
.unity-panel.menubar.menuitem:hover,
.unity-panel.menubar .menuitem *:hover {
box-shadow: inset 0 -2px currentColor;
box-shadow: inset 0 -2px $titlebar_indicator_color;
background-color: transparent;
color: currentColor;
color: $titlebar_fg_color;
}
@keyframes playbackmenuitem_spinner {
src/_sass/gtk/_common-3.18.scss
@@ -109,7 +109,7 @@
.rubberband {
border: 1px solid $alt_primary_color;
background-color: rgba($alt_primary_color, $lower_opacity);
background-color: rgba($alt_primary_color, 0.3);
}
.label {
@@ -126,7 +126,7 @@
}
.dim-label {
opacity: $hint_opacity;
opacity: 0.6;
}
GtkAssistant {
@@ -138,7 +138,7 @@ GtkAssistant {
}
// &.csd .sidebar { border-top-style: none; }
.sidebar .label {
opacity: $hint_opacity;
opacity: 0.5;
padding: 5px 12px 6px;
font-weight: 500;
}
@@ -158,7 +158,7 @@ GtkTextView { // This will get overridden by .view, needed by gedit line numbers
&:selected { @extend %selected_items; }
}
%osd, .osd { opacity: $higher_opacity; }
%osd, .osd { opacity: 0.9; }
/*********************
* Spinner Animation *
@@ -177,7 +177,7 @@ GtkTextView { // This will get overridden by .view, needed by gedit line numbers
opacity: 1;
animation: spin 1s linear infinite;
&:insensitive {
opacity: $disabled_opacity;
opacity: 0.5;
}
}
}
@@ -240,8 +240,8 @@ GtkTextView { // This will get overridden by .view, needed by gedit line numbers
}
&.image { // entry icons colors
&:not(:hover):not(:active) { color: gtkalpha(currentColor, $secondary_opacity); }
&:insensitive { color: gtkalpha(currentColor, $hint_opacity); }
&:not(:hover):not(:active) { color: gtkalpha(currentColor, 0.7); }
&:insensitive { color: gtkalpha(currentColor, 0.5); }
}
.osd & {
@@ -325,7 +325,7 @@ GtkTextView { // This will get overridden by .view, needed by gedit line numbers
background-color: $b_color;
color: $inverse_fg_color;
&:insensitive { @include button(insensitive, $b_color); }
&:checked { background-color: mix($inverse_fg_color, $b_color, percentage($lower_opacity)); }
&:checked { background-color: mix($inverse_fg_color, $b_color, percentage(0.3)); }
&.flat {
background-color: transparent;
color: $b_color;
@@ -539,7 +539,7 @@ GtkColorButton.button {
&:hover, &:active { color: $fg_color; }
&:insensitive { color: $disabled_secondary_fg_color; }
&:active { // add fallback
background-color: gtkalpha(currentColor, $lower_opacity);
background-color: $fill_color;
}
@extend %image_button;
@extend %simple_flat_button;
@@ -753,7 +753,7 @@ GtkComboBox {
.button.suggested-action, .button.destructive-action {
&:insensitive {
color: gtkalpha(currentColor, $disabled_opacity);
color: gtkalpha(currentColor, 0.5);
> .label { color: inherit; }
}
@@ -893,7 +893,7 @@ GtkTreeView.view {
&.trough { // progress bar trough in treeviews
@extend .entry.progressbar;
border-width: 4px;
border-color: rgba($primary_color, $lower_opacity);
border-color: rgba($primary_color, 0.3);
&:selected {
border-color: $fill_color;
}
@@ -948,7 +948,7 @@ column-header.button.dnd { // for treeview-like derive widgets
color: $titlebar_secondary_fg_color;
&:hover { //Seems like it :hover even with keyboard focus
transition: none;
background-color: gtkalpha(currentColor, $lower_opacity / 2);
background-color: $titlebar_divider_color;
color: $titlebar_fg_color;
}
&:insensitive {
@@ -975,7 +975,7 @@ column-header.button.dnd { // for treeview-like derive widgets
text-shadow: none;
&:hover {
transition: none;
background-color: gtkalpha(currentColor, $lower_opacity / 2);
background-color: $divider_color;
}
&:insensitive {
color: $disabled_fg_color;
@@ -990,7 +990,7 @@ column-header.button.dnd { // for treeview-like derive widgets
box-shadow: none;
&.top { border-bottom: 1px solid $border_color; }
&.bottom { border-top: 1px solid $border_color; }
&:hover { background-color: gtkalpha(currentColor, $lower_opacity / 2); }
&:hover { background-color: $divider_color; }
&:insensitive {
background-color: transparent;
border-color: transparent;
@@ -998,7 +998,7 @@ column-header.button.dnd { // for treeview-like derive widgets
}
}
.menuitem .accelerator { color: gtkalpha(currentColor, $hint_opacity); }
.menuitem .accelerator { color: $secondary_fg_color; }
.csd.popup { border-radius: 2px; }
@@ -1229,9 +1229,9 @@ column-header.button.dnd { // for treeview-like derive widgets
}
}
&.arrow {
&:not(:hover):not(:active) { color: gtkalpha(currentColor, $secondary_opacity); }
&:not(:hover):not(:active) { color: $secondary_fg_color; }
&:insensitive {
color: $disabled_fg_color;
color: $disabled_secondary_fg_color;
}
}
GtkGrid > .entry {
@@ -1268,7 +1268,7 @@ $_slider_fine_tune_margin: 6px;
.slider {
margin: $_slider_margin - 1px;
border: 1px solid rgba($base_color, $lower_opacity);
border: 1px solid rgba($base_color, 0.3);
// background-clip: padding-box;
}
@@ -1282,7 +1282,7 @@ $_slider_fine_tune_margin: 6px;
&.dragging,
&.hovering {
.trough {
background-color: rgba($base_color, $higher_opacity);
background-color: rgba($base_color, 0.9);
}
}
}
@@ -1300,7 +1300,7 @@ $_slider_fine_tune_margin: 6px;
&:hover { background-color: $secondary_fg_color; }
&:active { background-color: $fg_color; }
&:insensitive {
opacity: $disabled_opacity;
opacity: 0.5;
}
}
@@ -1377,10 +1377,10 @@ GtkSwitch {
// similar to the .scale
border: 8px solid transparent;
border-radius: 100px;
background-color: $fill_color;
background-color: $track_color;
// background-clip: padding-box;
&:insensitive {
color: gtkalpha(currentColor, $disabled_opacity);
color: $divider_color;
}
&:active {
background-color: rgba($accent_color, 0.5);
@@ -1440,7 +1440,7 @@ GtkSwitch {
(':checked', '-checked'),
(':checked:insensitive', '-checked-disabled') {
.menu .menuitem.#{$w}#{$s} {
// color: gtkalpha(currentColor, $hint_opacity);
// color: $secondary_fg_color;
// -gtk-icon-source: -gtk-icontheme('#{$a}-symbolic');
// &:active, &:checked { -gtk-icon-source: -gtk-icontheme('#{$a}-checked-symbolic'); }
// &:inconsistent { -gtk-icon-source: -gtk-icontheme('#{$a}-mixed-symbolic'); }
@@ -1611,7 +1611,7 @@ GtkProgressBar {
}
&.trough { // background
border-radius: 0;
background-color: rgba($primary_color, $lower_opacity);
background-color: rgba($primary_color, 0.3);
&.osd {
border-style: none;
box-shadow: none;
@@ -1755,24 +1755,24 @@ $row_transition: $longer_transition, background-color 0, color 0;
.list-row.activatable {
transition: $row_transition;
box-shadow: inset 0 0 0 10000px gtkalpha(currentColor, 0);
box-shadow: inset 0 0 0 10000px transparent;
background-image: -gtk-gradient(radial,
center center, 0,
center center, 0.5,
to(gtkalpha(currentColor, 0)),
to(transparent),
to(transparent)),
linear-gradient(to bottom, gtkalpha(currentColor, 0));
linear-gradient(to bottom, transparent);
background-repeat: no-repeat;
background-position: center, center;
background-size: (192px / 0.8) (192px / 0.8), auto;
&:hover {
transition: $row_transition, box-shadow 0;
box-shadow: inset 0 0 0 10000px gtkalpha(currentColor, 0.05);
box-shadow: inset 0 0 0 10000px $row_fill_color;
}
&:active {
transition: $row_transition, background-image 0;
animation: list_ripple_effect $longer_duration $deceleration_curve forwards;
box-shadow: inset 0 0 0 10000px gtkalpha(currentColor, $lower_opacity / 2);
box-shadow: inset 0 0 0 10000px $semi_fill_color;
}
}
@@ -1813,7 +1813,7 @@ $row_transition: $longer_transition, background-color 0, color 0;
-gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
&:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); }
&:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); }
&:not(:hover):not(:active) { color: gtkalpha(currentColor, $secondary_opacity); }
&:not(:hover):not(:active) { color: gtkalpha(currentColor, 0.7); }
&:selected { color: $inverse_fg_color; }
}
@@ -1842,10 +1842,10 @@ GtkCalendar {
@extend %simple_flat_button;
}
&:inconsistent { color: gtkalpha(currentColor, $disabled_opacity); }
&:inconsistent { color: $disabled_secondary_fg_color; }
&.highlight {
font-size: smaller;
color: gtkalpha(currentColor, $hint_opacity);
color: $secondary_fg_color;
}
}
@@ -1918,7 +1918,7 @@ GtkSidebarRow {
padding: 4px 14px 4px 12px;
}
.sidebar-icon {
opacity: $hint_opacity; // dim the device icons
opacity: 0.7; // dim the device icons
&:dir(ltr) { padding-right: 8px; }
&:dir(rtl) { padding-left: 8px; }
}
@@ -2053,7 +2053,7 @@ GtkInfoBar {
// background-color needs to be set this way otherwise it gets drawn twice
// see https://bugzilla.gnome.org/show_bug.cgi?id=736155 for details.
// box-shadow: inset 0 1px $highlight_color;
background-color: rgba($tooltip_bg_color, $higher_opacity);
background-color: $tooltip_bg_color;
}
// @extend %osd;
@@ -2088,7 +2088,7 @@ GtkColorSwatch {
// we need to re-set the shadow here since it get axed by the previous bit
&:selected { }
&:insensitive {
opacity: $disabled_opacity;
opacity: 0.5;
box-shadow: none;
}
@@ -2261,9 +2261,9 @@ GtkVolumeButton.button {
background-image: -gtk-gradient(radial,
center center, 0,
center center, 0.4,
to(gtkalpha(currentColor, $lower_opacity / 2)),
to($semi_fill_color),
to(transparent)),
linear-gradient(to bottom, gtkalpha(currentColor, $lower_opacity / 2));
linear-gradient(to bottom, $semi_fill_color);
}
}
src/_sass/gtk/_drawing-3.18.scss
@@ -8,17 +8,17 @@
background-image: -gtk-gradient(radial,
center center, 0,
center center, 0.001,
to(gtkalpha(currentColor, $lower_opacity / 2)),
to($semi_fill_color),
to(transparent)),
linear-gradient(to bottom, gtkalpha(currentColor, 0));
linear-gradient(to bottom, transparent);
}
to {
background-image: -gtk-gradient(radial,
center center, 0,
center center, 0.4,
to(gtkalpha(currentColor, $lower_opacity / 2)),
to($semi_fill_color),
to(transparent)),
linear-gradient(to bottom, gtkalpha(currentColor, $lower_opacity / 2));
linear-gradient(to bottom, $semi_fill_color);
}
}
@@ -27,17 +27,17 @@
background-image: -gtk-gradient(radial,
center center, 0,
center center, 0.001,
to(gtkalpha(currentColor, $lower_opacity / 2)),
to($semi_fill_color),
to(transparent)),
linear-gradient(to bottom, gtkalpha(currentColor, $lower_opacity / 2));
linear-gradient(to bottom, $semi_fill_color);
}
to {
background-image: -gtk-gradient(radial,
center center, 0,
center center, 0.4,
to(gtkalpha(currentColor, $lower_opacity / 2)),
to($semi_fill_color),
to(transparent)),
linear-gradient(to bottom, gtkalpha(currentColor, $lower_opacity / 2));
linear-gradient(to bottom, $semi_fill_color);
}
}
@@ -46,17 +46,17 @@
background-image: -gtk-gradient(radial,
center center, 0,
center center, 0.001,
to(gtkalpha(currentColor, $lower_opacity / 2)),
to($semi_fill_color),
to(transparent)),
linear-gradient(to bottom, gtkalpha(currentColor, 0));
linear-gradient(to bottom, transparent);
}
to {
background-image: -gtk-gradient(radial,
center center, 0,
center center, 0.4,
to(gtkalpha(currentColor, $lower_opacity / 2)),
to($semi_fill_color),
to(transparent)),
linear-gradient(to bottom, gtkalpha(currentColor, 0));
linear-gradient(to bottom, transparent);
}
}
@@ -133,9 +133,9 @@
background-image: -gtk-gradient(radial,
center center, 0,
center center, 0.5,
to(gtkalpha(currentColor, 0)),
to(transparent),
to(transparent)),
linear-gradient(to bottom, gtkalpha(currentColor, 0));
linear-gradient(to bottom, transparent);
color: $button_fg_color;
}
@@ -144,9 +144,9 @@
background-image: -gtk-gradient(radial,
center center, 0,
center center, 0.5,
to(gtkalpha(currentColor, 0)),
to(transparent),
to(transparent)),
linear-gradient(to bottom, gtkalpha(currentColor, 0));
linear-gradient(to bottom, transparent);
color: $fg_color;
}
@@ -171,8 +171,8 @@
}
@if $t == checked-insensitive {
background-color: $fill_color;
color: rgba($primary_color, $disabled_opacity);
background-color: rgba($primary_color, 0.3);
color: rgba($primary_color, 0.5);
> .label { color: inherit; }
}
@@ -183,10 +183,10 @@
background-image: -gtk-gradient(radial,
center center, 0,
center center, 0.5,
to(gtkalpha(currentColor, 0)),
to(transparent),
to(transparent)),
linear-gradient(to bottom, gtkalpha(currentColor, 0));
color: gtkalpha(currentColor, $secondary_opacity);
linear-gradient(to bottom, transparent);
color: gtkalpha(currentColor, 0.7);
}
@if $t == flat-hover {
@@ -194,9 +194,9 @@
background-image: -gtk-gradient(radial,
center center, 0,
center center, 0.5,
to(gtkalpha(currentColor, 0)),
to(transparent),
to(transparent)),
linear-gradient(to bottom, gtkalpha(currentColor, $lower_opacity / 2));
linear-gradient(to bottom, $semi_fill_color);
color: currentColor;
}
@@ -211,8 +211,8 @@
box-shadow: none;
background-color: transparent;
color: if($c == $lighter_bg_color,
gtkalpha(currentColor, $secondary_opacity * $disabled_opacity),
gtkalpha(currentColor, $disabled_opacity));
gtkalpha(currentColor, 0.3),
gtkalpha(currentColor, 0.5));
> .label { color: inherit; }
}
@@ -224,7 +224,7 @@
@if $t == flat-checked-insensitive {
background-color: $fill_color;
color: gtkalpha(currentColor, $disabled_opacity);
color: gtkalpha(currentColor, 0.5);
> .label { color: inherit; }
}
@@ -250,7 +250,7 @@
background-image: -gtk-gradient(radial,
$_position, 0,
$_position, 0.75,
to(rgba($alt_primary_color, $lower_opacity)),
to(rgba($alt_primary_color, 0.3)),
to(transparent));
background-repeat: no-repeat;
@@ -273,7 +273,7 @@
//
$_undershoot_color_dark: $track_color;
$_undershoot_color_light: rgba($base_color, $lower_opacity);
$_undershoot_color_light: rgba($base_color, 0.3);
$_gradient_dir: left;
$_dash_bg_size: 12px 1px;