by roundabout, Thursday, 22 December 2016, 07:22:05 (1482391325), pushed by roundabout, Sunday, 11 May 2025, 13:22:03 (1746969723)
Author identity: nana-4 <hnmaigo@gmail.com>
09414dd9f163d15f7cf218813bd7b558f6559858
src/gtk-3.0/3.18/gtk-dark.css
@@ -344,7 +344,7 @@ GtkTextView {
.button.suggested-action:insensitive {
box-shadow: none;
background-color: alpha(currentColor, 0.3);
color: rgba(255, 255, 255, 0.3); }
color: rgba(255, 255, 255, 0.4); }
.button.suggested-action:insensitive > .label {
color: inherit; }
.button.suggested-action:checked {
@@ -359,18 +359,22 @@ GtkTextView {
.button.suggested-action.flat:insensitive {
box-shadow: none;
background-color: transparent;
color: alpha(currentColor, 0.3); }
color: alpha(currentColor, 0.4); }
.toolbar:not(.search-bar) .suggested-action.button:insensitive > .label, .titlebar .suggested-action.button:insensitive:not(.suggested-action):not(.destructive-action) > .label,
.header-bar .suggested-action.button:insensitive:not(.suggested-action):not(.destructive-action) > .label, .frame.action-bar .suggested-action.button:insensitive:not(.suggested-action):not(.destructive-action) > .label, .app-notification .suggested-action.button:insensitive > .label,
.button.suggested-action.flat:insensitive > .label {
color: inherit; }
.toolbar:not(.search-bar) .suggested-action.button:checked, .titlebar .suggested-action.button:checked:not(.suggested-action):not(.destructive-action),
.header-bar .suggested-action.button:checked:not(.suggested-action):not(.destructive-action), .frame.action-bar .suggested-action.button:checked:not(.suggested-action):not(.destructive-action), .app-notification .suggested-action.button:checked,
.button.suggested-action.flat:checked {
background-color: alpha(currentColor, 0.3); }
.button.destructive-action {
background-color: #FF5252;
color: #FFFFFF; }
.button.destructive-action:insensitive {
box-shadow: none;
background-color: alpha(currentColor, 0.3);
color: rgba(255, 255, 255, 0.3); }
color: rgba(255, 255, 255, 0.4); }
.button.destructive-action:insensitive > .label {
color: inherit; }
.button.destructive-action:checked {
@@ -385,11 +389,15 @@ GtkTextView {
.button.destructive-action.flat:insensitive {
box-shadow: none;
background-color: transparent;
color: alpha(currentColor, 0.3); }
color: alpha(currentColor, 0.4); }
.toolbar:not(.search-bar) .destructive-action.button:insensitive > .label, .titlebar .destructive-action.button:insensitive:not(.suggested-action):not(.destructive-action) > .label,
.header-bar .destructive-action.button:insensitive:not(.suggested-action):not(.destructive-action) > .label, .frame.action-bar .destructive-action.button:insensitive:not(.suggested-action):not(.destructive-action) > .label, .app-notification .destructive-action.button:insensitive > .label,
.button.destructive-action.flat:insensitive > .label {
color: inherit; }
.toolbar:not(.search-bar) .destructive-action.button:checked, .titlebar .destructive-action.button:checked:not(.suggested-action):not(.destructive-action),
.header-bar .destructive-action.button:checked:not(.suggested-action):not(.destructive-action), .frame.action-bar .destructive-action.button:checked:not(.suggested-action):not(.destructive-action), .app-notification .destructive-action.button:checked,
.button.destructive-action.flat:checked {
background-color: alpha(currentColor, 0.3); }
.button.text-button,
GtkScaleButton.button.text-button,
GtkVolumeButton.button.text-button {
src/gtk-3.0/3.18/gtk-light.css
@@ -364,6 +364,10 @@ GtkTextView {
.header-bar .suggested-action.button:insensitive:not(.suggested-action):not(.destructive-action) > .label, .frame.action-bar .suggested-action.button:insensitive:not(.suggested-action):not(.destructive-action) > .label, .app-notification .suggested-action.button:insensitive > .label,
.button.suggested-action.flat:insensitive > .label {
color: inherit; }
.toolbar:not(.search-bar) .suggested-action.button:checked, .titlebar .suggested-action.button:checked:not(.suggested-action):not(.destructive-action),
.header-bar .suggested-action.button:checked:not(.suggested-action):not(.destructive-action), .frame.action-bar .suggested-action.button:checked:not(.suggested-action):not(.destructive-action), .app-notification .suggested-action.button:checked,
.button.suggested-action.flat:checked {
background-color: alpha(currentColor, 0.3); }
.button.destructive-action {
background-color: #FF5252;
color: #FFFFFF; }
@@ -390,6 +394,10 @@ GtkTextView {
.header-bar .destructive-action.button:insensitive:not(.suggested-action):not(.destructive-action) > .label, .frame.action-bar .destructive-action.button:insensitive:not(.suggested-action):not(.destructive-action) > .label, .app-notification .destructive-action.button:insensitive > .label,
.button.destructive-action.flat:insensitive > .label {
color: inherit; }
.toolbar:not(.search-bar) .destructive-action.button:checked, .titlebar .destructive-action.button:checked:not(.suggested-action):not(.destructive-action),
.header-bar .destructive-action.button:checked:not(.suggested-action):not(.destructive-action), .frame.action-bar .destructive-action.button:checked:not(.suggested-action):not(.destructive-action), .app-notification .destructive-action.button:checked,
.button.destructive-action.flat:checked {
background-color: alpha(currentColor, 0.3); }
.button.text-button,
GtkScaleButton.button.text-button,
GtkVolumeButton.button.text-button {
src/gtk-3.0/3.18/gtk.css
@@ -364,6 +364,10 @@ GtkTextView {
.header-bar .suggested-action.button:insensitive:not(.suggested-action):not(.destructive-action) > .label, .frame.action-bar .suggested-action.button:insensitive:not(.suggested-action):not(.destructive-action) > .label, .app-notification .suggested-action.button:insensitive > .label,
.button.suggested-action.flat:insensitive > .label {
color: inherit; }
.toolbar:not(.search-bar) .suggested-action.button:checked, .titlebar .suggested-action.button:checked:not(.suggested-action):not(.destructive-action),
.header-bar .suggested-action.button:checked:not(.suggested-action):not(.destructive-action), .frame.action-bar .suggested-action.button:checked:not(.suggested-action):not(.destructive-action), .app-notification .suggested-action.button:checked,
.button.suggested-action.flat:checked {
background-color: alpha(currentColor, 0.3); }
.button.destructive-action {
background-color: #FF5252;
color: #FFFFFF; }
@@ -390,6 +394,10 @@ GtkTextView {
.header-bar .destructive-action.button:insensitive:not(.suggested-action):not(.destructive-action) > .label, .frame.action-bar .destructive-action.button:insensitive:not(.suggested-action):not(.destructive-action) > .label, .app-notification .destructive-action.button:insensitive > .label,
.button.destructive-action.flat:insensitive > .label {
color: inherit; }
.toolbar:not(.search-bar) .destructive-action.button:checked, .titlebar .destructive-action.button:checked:not(.suggested-action):not(.destructive-action),
.header-bar .destructive-action.button:checked:not(.suggested-action):not(.destructive-action), .frame.action-bar .destructive-action.button:checked:not(.suggested-action):not(.destructive-action), .app-notification .destructive-action.button:checked,
.button.destructive-action.flat:checked {
background-color: alpha(currentColor, 0.3); }
.button.text-button,
GtkScaleButton.button.text-button,
GtkVolumeButton.button.text-button {
src/gtk-3.0/3.18/sass/_common.scss
@@ -324,18 +324,13 @@ GtkTextView { // This will get overridden by .view, needed by gedit line numbers
&.#{$b_type} {
background-color: $b_color;
color: $inverse_fg_color;
// @include button(normal, $b_color, white);
// &:hover { @include button(hover, $b_color, white); }
// &:active, &:checked { @include button(active, $b_color, white); }
&:insensitive { @include button(insensitive, $b_color, white); }
&:insensitive { @include button(insensitive, $b_color); }
&:checked { background-color: mix($inverse_fg_color, $b_color, percentage($lower_opacity)); }
&.flat {
background-color: transparent;
color: $b_color;
// @include button(flat-normal, $b_color, white);
// &:hover { @include button(flat-hover, $b_color, white); }
// &:active, &:checked { @include button(flat-active, $b_color, white); }
&:insensitive { @include button(flat-insensitive, $b_color, white); }
&:insensitive { @include button(flat-insensitive, $b_color); }
&:checked { background-color: $fill_color; }
}
}
}
src/gtk-3.0/3.18/sass/_drawing.scss
@@ -60,36 +60,32 @@
}
}
// entries
@mixin entry($t, $fc:$primary_color) {
@mixin entry($t, $fc: $primary_color) {
//
// Entries drawing function
// entry
//
// $t: entry type
// $fc: focus color
//
// possible $t values:
// normal, focus, insensitive, flat-normal, flat-focus, flat-insensitive;
//
@if $t==normal {
@if $t == normal {
transition: $longer_transition, $shadow_transition;
box-shadow: $shadow_1;
background-color: if($fc!=$primary_color, $fc, $base_color);
color: if($fc!=$primary_color, $inverse_fg_color, $fg_color);
background-color: if($fc == $primary_color, $base_color, $fc);
color: if($fc == $primary_color, $fg_color, $inverse_fg_color);
}
@if $t==focus {
@if $t == focus {
box-shadow: $shadow_2;
}
@if $t==insensitive {
@if $t == insensitive {
color: $disabled_fg_color;
background-color: $alt_base_color;
}
@if $t==flat-normal {
@if $t == flat-normal {
transition: $longer_transition;
border-image: -gtk-gradient(radial,
center bottom, 0,
@@ -98,12 +94,12 @@
to(transparent))
0 0 0 / 0 0 0px;
border-radius: 0;
box-shadow: inset 0 -1px if($fc!=$primary_color, $fc, $fill_color);
box-shadow: inset 0 -1px if($fc == $primary_color, $fill_color, $fc);
background-color: transparent;
color: $fg_color;
}
@if $t==flat-focus {
@if $t == flat-focus {
border-image: -gtk-gradient(radial,
center bottom, 0,
center bottom, 0.5,
@@ -114,29 +110,23 @@
transition: $longer_transition, box-shadow 0 $longer_duration;
}
@if $t==flat-insensitive {
@if $t == flat-insensitive {
box-shadow: inset 0 -1px $fill_color;
background-color: transparent;
color: $disabled_fg_color;
}
}
// buttons
@mixin button($t, $c:$lighter_bg_color, $tc:$fg_color) {
//
// Button drawing function
@mixin button($t, $c: $lighter_bg_color) {
//
// $t: button type,
// $c: base button color for colored* types
// $tc: optional text color for colored* types
// button
//
// possible $t values:
// normal, hover, active, insensitive, checked, checked-insensitive,
// flat-normal, flat-hover, flat-active, flat-insensitive, flat-checked, flat-checked-insensitive;
// $t: button type
// $c: base color
//
@if $t==normal {
@if $t == normal {
transition: $longer_transition, $shadow_transition;
box-shadow: $shadow_1;
background-color: $c;
@@ -149,7 +139,7 @@
color: $secondary_fg_color;
}
@else if $t==hover {
@if $t == hover {
box-shadow: $shadow_2;
background-image: -gtk-gradient(radial,
center center, 0,
@@ -160,33 +150,33 @@
color: $fg_color;
}
@else if $t==active {
@if $t == active {
transition: $longer_transition, $shadow_transition, background-image 0;
animation: ripple_effect $longer_duration $deceleration_curve forwards;
box-shadow: $shadow_2;
color: $fg_color;
}
@else if $t==insensitive {
@if $t == insensitive {
box-shadow: none;
background-color: $fill_color;
color: if($tc!=$fg_color, $disabled_fg_color, $disabled_secondary_fg_color);
color: if($c == $lighter_bg_color, $disabled_secondary_fg_color, $disabled_fg_color);
> .label { color: inherit; }
}
@else if $t==checked {
@if $t == checked {
background-color: $primary_color;
color: $inverse_fg_color;
}
@else if $t==checked-insensitive {
@if $t == checked-insensitive {
background-color: $fill_color;
color: scale-alpha($primary_color, $disabled_opacity);
> .label { color: inherit; }
}
@else if $t==flat-normal {
@if $t == flat-normal {
transition: $longer_transition;
box-shadow: none;
background-color: transparent;
@@ -199,7 +189,7 @@
color: gtkalpha(currentColor, $secondary_opacity);
}
@else if $t==flat-hover {
@if $t == flat-hover {
box-shadow: none;
background-image: -gtk-gradient(radial,
center center, 0,
@@ -210,27 +200,29 @@
color: currentColor;
}
@else if $t==flat-active {
@if $t == flat-active {
transition: $longer_transition, background-image 0;
animation: flat_ripple_effect $longer_duration $deceleration_curve forwards;
box-shadow: none;
color: currentColor;
}
@else if $t==flat-insensitive {
@if $t == flat-insensitive {
box-shadow: none;
background-color: transparent;
color: if($tc != $fg_color, gtkalpha(currentColor, $disabled_opacity), gtkalpha(currentColor, $secondary_opacity * $disabled_opacity));
color: if($c == $lighter_bg_color,
gtkalpha(currentColor, $secondary_opacity * $disabled_opacity),
gtkalpha(currentColor, $disabled_opacity));
> .label { color: inherit; }
}
@else if $t==flat-checked {
@if $t == flat-checked {
background-color: $fill_color;
color: currentColor;
}
@else if $t==flat-checked-insensitive {
@if $t == flat-checked-insensitive {
background-color: $fill_color;
color: gtkalpha(currentColor, $disabled_opacity);
@@ -238,19 +230,15 @@
}
}
@mixin overshoot($p, $t:normal, $c:$alt_primary_color) {
@mixin overshoot($p) {
//
// overshoot
//
// $p: position
// $t: type
// $c: base color
//
// possible $p values:
// top, bottom, right, left
//
// possible $t values:
// normal, backdrop
//
$_position: center $p;
@@ -262,7 +250,7 @@
background-image: -gtk-gradient(radial,
$_position, 0,
$_position, 0.75,
to(scale-alpha($c, $lower_opacity)),
to(scale-alpha($alt_primary_color, $lower_opacity)),
to(transparent));
background-repeat: no-repeat;
@@ -273,6 +261,7 @@
box-shadow: none; //
}
@mixin undershoot($p) {
//
// undershoot
@@ -291,8 +280,6 @@
$_gradient_repeat: repeat-x;
$_bg_pos: left $p;
background-color: transparent; // shouldn't be needed, but better to be sure;
@if ($p == left) or ($p == right) {
$_gradient_dir: top;
$_dash_bg_size: 1px 12px;
@@ -300,6 +287,8 @@
$_bg_pos: $p top;
}
background-image: linear-gradient(to $_gradient_dir, // this is the dashed line
$_undershoot_color_light 50%,
$_undershoot_color_dark 50%);