by roundabout, Friday, 25 December 2015, 10:01:13 (1451037673), pushed by roundabout, Sunday, 11 May 2025, 13:21:53 (1746969713)
Author identity: nana4 <hnmaigo@gmail.com>
dd7ba0c2eb0108a146933930ce2f2e79246f164f
gtk-3.0/_colors.scss
@@ -1,28 +1,32 @@
// When color definition differs for dark and light variant,
// it gets @if ed depending on $variant
@function gtkalpha($c,$a) {
@return unquote("alpha(#{$c},#{$a})");
@function gtkalpha($c, $a) {
@return unquote("alpha(#{$c}, #{$a})");
}
@function gtkopacity($c, $a) {
@return scale-color($c, $alpha: percentage(-1 + $a));
}
$base_color: if($variant == 'light', #ffffff, #444444);
$text_color: if($variant == 'light', scale-color(black, $alpha: -20%), white);
$text_color: if($variant == 'light', gtkopacity(black, 0.8), white);
$bg_color: if($variant == 'light', #eeeeee, #333333);
$fg_color: if($variant == 'light', scale-color(black, $alpha: -20%), white);
$fg_color: if($variant == 'light', gtkopacity(black, 0.8), white);
$light_color: if($variant =='light', darken($base_color,2%), lighten($base_color,4%));
$dark_color: if($variant =='light', darken($bg_color,4%), darken($bg_color,2%));
$secondary_fg_color: scale-color($fg_color, $alpha: -20%);
$secondary_fg_color: gtkopacity($fg_color, 0.8);
$selected_bg_color: if($variant == 'light', #3498db, #2980b9);
$selected_fg_color: #ffffff;
$secondary_selected_fg_color: scale-color($selected_fg_color, $alpha: -20%);
$secondary_selected_fg_color: gtkopacity($selected_fg_color, 0.8);
$fill_color: gtkalpha(currentColor, 0.2);
$borders_color: if($variant == 'light', scale-color(black, $alpha: -90%), scale-color(black, $alpha: -80%));
$borders_color: if($variant == 'light', gtkopacity(black, 0.1), gtkopacity(black, 0.2));
$link_color: if($variant == 'light', #3498db, #2980b9);
$link_visited_color: if($variant == 'light', #9b59b6, #8e44ad);
$highlight_color: if($variant == 'light', scale-color(white, $alpha: -60%), scale-color(white, $alpha: -90%));
$highlight_color: if($variant == 'light', gtkopacity(white, 0.4), gtkopacity(white, 0.1));
$warning_color: if($variant =='light', #e67e22, #d35400);
$error_color: if($variant =='light', #e74c3c, #c0392b);
@@ -31,19 +35,19 @@ $suggested_color: if($variant =='light', #1cccaa, #16a085);
$destructive_color: if($variant =='light', #e74c3c, #c0392b);
//insensitive state derived colors
$insensitive_fg_color: scale-color($fg_color, $alpha: -60%);
$insensitive_secondary_fg_color: scale-color($secondary_fg_color, $alpha: -60%);
$insensitive_selected_fg_color: scale-color($fg_color, $alpha: -60%);
$insensitive_secondary_selected_fg_color: scale-color($secondary_fg_color, $alpha: -60%);
$insensitive_fg_color: gtkopacity($fg_color, 0.4);
$insensitive_secondary_fg_color: gtkopacity($secondary_fg_color, 0.4);
$insensitive_selected_fg_color: gtkopacity($fg_color, 0.4);
$insensitive_secondary_selected_fg_color: gtkopacity($secondary_fg_color, 0.4);
$insensitive_base_color: mix($base_color, $bg_color, 50%);
//colors for the backdrop state, derived from the main colors.
$backdrop_fg_color: scale-color($fg_color, $alpha: -20%);
$backdrop_insensitive_fg_color: scale-color($insensitive_fg_color, $alpha: -20%);
$backdrop_fg_color: gtkopacity($fg_color, 0.8);
$backdrop_insensitive_fg_color: gtkopacity($insensitive_fg_color, 0.8);
$backdrop_base_color: if($variant ==' light', darken($base_color, 1%), lighten($base_color, 1%));
$backdrop_text_color: mix($text_color, $backdrop_base_color, 80%);
$backdrop_bg_color: $bg_color;
$backdrop_selected_fg_color: scale-color($selected_fg_color, $alpha: -20%);
$backdrop_selected_fg_color: gtkopacity($selected_fg_color, 0.8);
$backdrop_borders_color: mix($borders_color, $bg_color, 90%);
$backdrop_dark_fill: mix($backdrop_borders_color, $backdrop_bg_color, 35%);
$backdrop_sidebar_bg_color: mix($backdrop_bg_color, $backdrop_base_color, 50%);
gtk-3.0/_common.scss
@@ -120,7 +120,7 @@ $asset_suffix: if($variant=='dark', '-dark', '');
.rubberband {
border: 1px solid $selected_bg_color;
background-color: transparentize($selected_bg_color, 0.8);
background-color: gtkopacity($selected_bg_color, 0.2);
}
.label {
@@ -748,7 +748,7 @@ GtkComboBox {
}
&.selection-mode {
box-shadow: inset 0 1px transparentize(white, 0.8);
box-shadow: inset 0 1px gtkopacity(white, 0.2);
background-color: $selected_bg_color;
color: $selected_fg_color;
&:backdrop {
@@ -867,7 +867,7 @@ GtkTreeView.view {
&:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); }
&:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); }
&:selected {
color: transparentize($selected_fg_color, 0.4);
color: gtkopacity($selected_fg_color, 0.6);
&:hover, &:active { color: $selected_fg_color; }
}
}
@@ -883,7 +883,7 @@ GtkTreeView.view {
&.trough { // progress bar trough in treeviews
@extend .entry.progressbar;
border-width: 4px;
border-color: transparentize($selected_bg_color, 0.8);
border-color: gtkopacity($selected_bg_color, 0.2);
&:selected {
border-color: $fill_color;
}
@@ -1260,7 +1260,7 @@ column-header.button.dnd { // for treeview-like derive widgets
.slider {
margin: 2px;
border: 2px solid if($variant==light, transparentize(white, 0.8), transparentize(black, 0.8));
border: 2px solid if($variant==light, gtkopacity(white, 0.2), gtkopacity(black, 0.2));
// background-clip: padding-box;
}
@@ -1294,7 +1294,7 @@ column-header.button.dnd { // for treeview-like derive widgets
// slider coloring
.slider {
background-color: scale-color($fg_color, $alpha: -40%);
background-color: gtkopacity($fg_color, 0.6);
&:hover { background-color: $secondary_fg_color; }
&:active { background-color: $fg_color; }
&:insensitive {
@@ -1630,7 +1630,7 @@ GtkProgressBar {
}
&.trough { // background
border-radius: 0;
background-color: transparentize($selected_bg_color, 0.8);
background-color: gtkopacity($selected_bg_color, 0.2);
&.osd {
border-style: none;
box-shadow: none;
@@ -2057,7 +2057,7 @@ GtkInfoBar {
&.background {
// 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.
background-color: transparentize($base_color, 0.1);
background-color: gtkopacity($base_color, 0.9);
}
// @extend %osd;
@@ -2148,7 +2148,7 @@ GtkColorSwatch {
color: white;
}
&.color-light {
color: transparentize(black, 0.2);
color: gtkopacity(black, 0.8);
}
// border color
gtk-3.0/_drawing.scss
@@ -197,7 +197,7 @@ $z-depth-5: 0 19px 19px rgba(0, 0, 0, 0.30), 0 15px 6px rgba(0, 0, 0, 0.22);
// checked insensitive button
//
background-color: $fill_color;
color: transparentize($selected_bg_color, 0.6);
color: gtkopacity($selected_bg_color, 0.4);
> .label { color: inherit; }
}
@@ -291,7 +291,7 @@ $z-depth-5: 0 19px 19px rgba(0, 0, 0, 0.30), 0 15px 6px rgba(0, 0, 0, 0.22);
background-image: -gtk-gradient(radial,
$_position, 0,
$_position, 0.75,
to(transparentize($c, 0.8)),
to(gtkopacity($c, 0.2)),
to(transparent));
background-repeat: no-repeat;
@@ -312,8 +312,8 @@ $z-depth-5: 0 19px 19px rgba(0, 0, 0, 0.30), 0 15px 6px rgba(0, 0, 0, 0.22);
// top, bottom, right, left
//
$_undershoot_color_dark: transparentize(black, 0.8);
$_undershoot_color_light: transparentize(white, 0.8);
$_undershoot_color_dark: gtkopacity(black, 0.2);
$_undershoot_color_light: gtkopacity(white, 0.2);
$_gradient_dir: left;
$_dash_bg_size: 16px 2px;
gtk-3.0/gtk-dark.css
@@ -1,18 +1,18 @@
@keyframes ripple_effect {
from {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(currentColor,0.1)), to(transparent)), linear-gradient(to bottom, alpha(currentColor,0)); }
background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(currentColor, 0.1)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); }
to {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(currentColor,0.1)), to(transparent)), linear-gradient(to bottom, alpha(currentColor,0.1)); } }
background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(currentColor, 0.1)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); } }
@keyframes flat_ripple_effect {
from {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(currentColor,0.1)), to(transparent)), linear-gradient(to bottom, alpha(currentColor,0.1)); }
background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(currentColor, 0.1)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); }
to {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(currentColor,0.1)), to(transparent)), linear-gradient(to bottom, alpha(currentColor,0.1)); } }
background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(currentColor, 0.1)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); } }
@keyframes list_ripple_effect {
from {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(currentColor,0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor,0.05)); }
background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.05)); }
to {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(currentColor,0.1)), to(transparent)), linear-gradient(to bottom, alpha(currentColor,0.1)); } }
background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(currentColor, 0.1)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); } }
* {
padding: 0;
background-clip: padding-box;
@@ -40,7 +40,7 @@
-GtkStatusbar-shadow-type: none;
outline-style: solid;
outline-width: 2px;
outline-color: alpha(currentColor,0.2);
outline-color: alpha(currentColor, 0.2);
outline-offset: -4px;
outline-radius: 2px; }
@@ -159,7 +159,7 @@ GtkTextView {
border-radius: 0;
border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(#2980b9), to(transparent)) 0 0 0/0 0 0px;
border-radius: 0;
box-shadow: inset 0 -1px alpha(currentColor,0.2);
box-shadow: inset 0 -1px alpha(currentColor, 0.2);
background-color: transparent;
color: white; }
.entry.flat:focus, .notebook:not(.reorderable-page) > .entry:focus {
@@ -167,7 +167,7 @@ GtkTextView {
box-shadow: inset 0 -2px #2980b9;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0 cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color 0; }
.entry.flat:insensitive, .notebook:not(.reorderable-page) > .entry:insensitive {
box-shadow: inset 0 -1px alpha(currentColor,0.2);
box-shadow: inset 0 -1px alpha(currentColor, 0.2);
background-color: transparent;
color: rgba(255, 255, 255, 0.4); }
.entry.image.left {
@@ -203,7 +203,7 @@ GtkTextView {
box-shadow: inset 0 -2px #c0392b;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0 cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color 0; }
.entry.error.flat:insensitive, .notebook:not(.reorderable-page) > .error.entry:insensitive {
box-shadow: inset 0 -1px alpha(currentColor,0.2);
box-shadow: inset 0 -1px alpha(currentColor, 0.2);
background-color: transparent;
color: rgba(255, 255, 255, 0.4); }
.entry.warning {
@@ -226,13 +226,13 @@ GtkTextView {
box-shadow: inset 0 -2px #d35400;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0 cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color 0; }
.entry.warning.flat:insensitive, .notebook:not(.reorderable-page) > .warning.entry:insensitive {
box-shadow: inset 0 -1px alpha(currentColor,0.2);
box-shadow: inset 0 -1px alpha(currentColor, 0.2);
background-color: transparent;
color: rgba(255, 255, 255, 0.4); }
.entry.image:not(:hover):not(:active) {
color: alpha(currentColor,0.8); }
color: alpha(currentColor, 0.8); }
.entry.image:insensitive {
color: alpha(currentColor,0.4); }
color: alpha(currentColor, 0.4); }
/***********
* Buttons *
@@ -251,11 +251,11 @@ GtkTextView {
font-weight: 500;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
background-color: #4e4e4e;
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor,0));
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0));
color: rgba(255, 255, 255, 0.8); }
.button:hover {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor,0));
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0));
color: white; }
.button:active {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
@@ -264,7 +264,7 @@ GtkTextView {
animation: ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; }
.button:insensitive {
box-shadow: none;
background-color: alpha(currentColor,0.2);
background-color: alpha(currentColor, 0.2);
color: rgba(255, 255, 255, 0.32); }
.button:insensitive > .label {
color: inherit; }
@@ -276,7 +276,7 @@ GtkTextView {
.button:checked:not(:hover):not(:active) > GtkImage {
opacity: 0.8; }
.button:checked:insensitive {
background-color: alpha(currentColor,0.2);
background-color: alpha(currentColor, 0.2);
color: rgba(41, 128, 185, 0.4); }
.button:checked:insensitive > .label {
color: inherit; }
@@ -285,11 +285,11 @@ GtkTextView {
.header-bar .button:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .button, .sidebar-button.button {
box-shadow: none;
background-color: transparent;
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor,0)); }
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); }
.button.flat:hover, .inline-toolbar .button:hover, .osd .toolbar .button:hover, .toolbar.osd .button:hover, .app-notification .button:hover, .titlebar .button:hover:not(.suggested-action):not(.destructive-action),
.header-bar .button:hover:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .button:hover, .sidebar-button.button:hover {
box-shadow: none;
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor,0.1)); }
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); }
.button.flat:active, .inline-toolbar .button:active, .osd .toolbar .button:active, .toolbar.osd .button:active, .app-notification .button:active, .titlebar .button:active:not(.suggested-action):not(.destructive-action),
.header-bar .button:active:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .button:active, .sidebar-button.button:active {
box-shadow: none;
@@ -300,7 +300,7 @@ GtkTextView {
background-color: transparent; }
.button.flat:checked, .inline-toolbar .button:checked, .osd .toolbar .button:checked, .toolbar.osd .button:checked, .app-notification .button:checked, .titlebar .button:checked:not(.suggested-action):not(.destructive-action),
.header-bar .button:checked:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .button:checked, .sidebar-button.button:checked {
background-color: alpha(currentColor,0.2);
background-color: alpha(currentColor, 0.2);
color: white; }
.button.flat:checked:insensitive > .label, .inline-toolbar .button:checked:insensitive > .label, .osd .toolbar .button:checked:insensitive > .label, .toolbar.osd .button:checked:insensitive > .label, .app-notification .button:checked:insensitive > .label, .titlebar .button:checked:insensitive:not(.suggested-action):not(.destructive-action) > .label,
.header-bar .button:checked:insensitive:not(.suggested-action):not(.destructive-action) > .label, .message-dialog.csd .dialog-action-area .button:checked:insensitive > .label, .sidebar-button.button:checked:insensitive > .label {
@@ -321,7 +321,7 @@ GtkTextView {
color: #ffffff; }
.button.suggested-action:insensitive {
box-shadow: none;
background-color: alpha(currentColor,0.2);
background-color: alpha(currentColor, 0.2);
color: rgba(255, 255, 255, 0.32); }
.button.suggested-action:insensitive > .label {
color: inherit; }
@@ -340,7 +340,7 @@ GtkTextView {
color: #ffffff; }
.button.destructive-action:insensitive {
box-shadow: none;
background-color: alpha(currentColor,0.2);
background-color: alpha(currentColor, 0.2);
color: rgba(255, 255, 255, 0.32); }
.button.destructive-action:insensitive > .label {
color: inherit; }
@@ -476,10 +476,10 @@ GtkColorButton.button {
border: solid 6px transparent;
box-shadow: none;
background-color: transparent;
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor,0)); }
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); }
.spinbutton .button:hover {
box-shadow: none;
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor,0.1)); }
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); }
.spinbutton .button:active {
box-shadow: none;
animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; }
@@ -628,12 +628,12 @@ GtkComboBox {
.header-bar.selection-mode .button.suggested-action {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
background-color: #4e4e4e;
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor,0));
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0));
color: rgba(255, 255, 255, 0.8); }
.titlebar.selection-mode .button.suggested-action:hover,
.header-bar.selection-mode .button.suggested-action:hover {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor,0));
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0));
color: white; }
.titlebar.selection-mode .button.suggested-action:active,
.header-bar.selection-mode .button.suggested-action:active {
@@ -644,7 +644,7 @@ GtkComboBox {
.titlebar.selection-mode .button.suggested-action:insensitive,
.header-bar.selection-mode .button.suggested-action:insensitive {
box-shadow: none;
background-color: alpha(currentColor,0.2);
background-color: alpha(currentColor, 0.2);
color: rgba(255, 255, 255, 0.32); }
.titlebar.selection-mode .button.suggested-action:insensitive > .label,
.header-bar.selection-mode .button.suggested-action:insensitive > .label {
@@ -701,7 +701,7 @@ GtkTreeView.view {
-GtkTreeView-tree-line-width: 1;
-GtkTreeView-tree-line-pattern: '';
-GtkTreeView-expander-size: 16;
border-left-color: alpha(currentColor,0.2);
border-left-color: alpha(currentColor, 0.2);
border-top-color: rgba(0, 0, 0, 0.2);
border-radius: 0; }
GtkTreeView.view:hover, GtkTreeView.view:active, GtkTreeView.view:selected {
@@ -728,7 +728,7 @@ GtkTreeView.view {
border-width: 4px;
border-color: rgba(41, 128, 185, 0.2); }
GtkTreeView.view.trough:selected {
border-color: alpha(currentColor,0.2); }
border-color: alpha(currentColor, 0.2); }
column-header .button {
padding: 3px 6px 4px;
@@ -797,14 +797,14 @@ column-header.button.dnd, column-header .button.dnd {
.menu.button.bottom {
border-top: 1px solid rgba(0, 0, 0, 0.2); }
.menu.button:hover {
background-color: alpha(currentColor,0.2); }
background-color: alpha(currentColor, 0.2); }
.menu.button:insensitive {
color: transparent;
background-color: transparent;
border-color: transparent; }
.menuitem .accelerator {
color: alpha(currentColor,0.4); }
color: alpha(currentColor, 0.4); }
/***************
* Popovers *
@@ -836,10 +836,10 @@ column-header.button.dnd, column-header .button.dnd {
border-radius: 2px;
box-shadow: none;
background-color: transparent;
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor,0)); }
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); }
.popover .linked > .button:hover {
box-shadow: none;
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor,0.1)); }
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); }
.popover .linked > .button:active {
box-shadow: none;
animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; }
@@ -854,7 +854,7 @@ column-header.button.dnd, column-header .button.dnd {
.popover .linked > .button:checked:not(:hover):not(:active) > GtkImage {
opacity: 0.8; }
.popover .linked > .button:checked:insensitive {
background-color: alpha(currentColor,0.2);
background-color: alpha(currentColor, 0.2);
color: rgba(41, 128, 185, 0.4); }
.popover .linked > .button:checked:insensitive > .label {
color: inherit; }
@@ -961,7 +961,7 @@ column-header.button.dnd, column-header .button.dnd {
.notebook tab.right {
border-left-width: 2px; }
.notebook tab:hover, .notebook tab.prelight-page {
border-color: alpha(currentColor,0.2); }
border-color: alpha(currentColor, 0.2); }
.notebook tab:active, .notebook tab.active-page {
border-color: #2980b9; }
.notebook tab.reorderable-page.top {
@@ -1025,10 +1025,10 @@ column-header.button.dnd, column-header .button.dnd {
background-size: 30px 30px, auto;
box-shadow: none;
background-color: transparent;
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor,0)); }
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); }
.notebook tab .button:hover {
box-shadow: none;
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor,0.1)); }
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); }
.notebook tab .button:active {
box-shadow: none;
animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; }
@@ -1038,7 +1038,7 @@ column-header.button.dnd, column-header .button.dnd {
.notebook tab .button > GtkImage {
padding: 4px; }
.notebook.arrow:not(:hover):not(:active) {
color: alpha(currentColor,0.8); }
color: alpha(currentColor, 0.8); }
.notebook.arrow:insensitive {
color: rgba(255, 255, 255, 0.4); }
@@ -1123,13 +1123,13 @@ GtkSwitch {
GtkSwitch.trough {
border: 10px solid transparent;
border-radius: 100px;
background-color: alpha(currentColor,0.2); }
background-color: alpha(currentColor, 0.2); }
GtkSwitch.trough:insensitive {
color: rgba(255, 255, 255, 0.4); }
GtkSwitch.trough:active {
background-color: #27ae60; }
GtkSwitch.trough:active:insensitive {
background-color: alpha(currentColor,0.2);
background-color: alpha(currentColor, 0.2);
color: #27ae60; }
GtkSwitch.slider {
padding: 4px;
@@ -1444,7 +1444,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button {
.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough {
margin: 10px;
border-radius: 100px;
background-color: alpha(currentColor,0.2); }
background-color: alpha(currentColor, 0.2); }
.scale.trough.highlight,
.scale.scale-has-marks-above.scale-has-marks-below.trough.highlight,
.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight {
@@ -1452,7 +1452,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button {
.scale.trough.highlight:insensitive,
.scale.scale-has-marks-above.scale-has-marks-below.trough.highlight:insensitive,
.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight:insensitive {
background-color: alpha(currentColor,0.2); }
background-color: alpha(currentColor, 0.2); }
.scale.trough:insensitive,
.scale.scale-has-marks-above.scale-has-marks-below.trough:insensitive,
.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:insensitive {
@@ -1666,7 +1666,7 @@ GtkProgressBar {
.level-bar.fill-block.level-low {
background-color: #d35400; }
.level-bar.fill-block.empty-fill-block {
background-color: alpha(currentColor,0.2); }
background-color: alpha(currentColor, 0.2); }
/**********
* Frames *
@@ -1700,12 +1700,12 @@ GtkScrolledWindow GtkViewport.frame {
padding: 2px; }
.list-row.activatable, .view, column-header .button {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor,0));
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0));
background-repeat: no-repeat;
background-position: center, center;
background-size: 240px 240px, auto; }
.list-row.activatable:hover, .view:hover, column-header .button:hover {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor,0.05)); }
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.05)); }
.list-row.activatable:active, .view:active, column-header .button:active, GtkPlacesSidebar.sidebar .has-open-popup {
animation: list_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; }
@@ -1742,7 +1742,7 @@ GtkScrolledWindow GtkViewport.frame {
.expander:checked {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
.expander:not(:hover):not(:active) {
color: alpha(currentColor,0.6); }
color: alpha(currentColor, 0.6); }
.expander:selected {
color: #ffffff; }
@@ -1759,10 +1759,10 @@ GtkCalendar {
GtkCalendar.button {
box-shadow: none;
background-color: transparent;
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor,0)); }
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); }
GtkCalendar.button:hover {
box-shadow: none;
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor,0.1)); }
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); }
GtkCalendar.button:active {
box-shadow: none;
animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; }
@@ -1770,10 +1770,10 @@ GtkCalendar {
box-shadow: none;
background-color: transparent; }
GtkCalendar:inconsistent {
color: alpha(currentColor,0.5); }
color: alpha(currentColor, 0.5); }
GtkCalendar.highlight {
font-size: smaller;
color: alpha(currentColor,0.5); }
color: alpha(currentColor, 0.5); }
/***********
* Dialogs *
gtk-3.0/gtk.css
@@ -1,18 +1,18 @@
@keyframes ripple_effect {
from {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(currentColor,0.1)), to(transparent)), linear-gradient(to bottom, alpha(currentColor,0)); }
background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(currentColor, 0.1)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); }
to {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(currentColor,0.1)), to(transparent)), linear-gradient(to bottom, alpha(currentColor,0.1)); } }
background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(currentColor, 0.1)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); } }
@keyframes flat_ripple_effect {
from {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(currentColor,0.1)), to(transparent)), linear-gradient(to bottom, alpha(currentColor,0.1)); }
background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(currentColor, 0.1)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); }
to {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(currentColor,0.1)), to(transparent)), linear-gradient(to bottom, alpha(currentColor,0.1)); } }
background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(currentColor, 0.1)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); } }
@keyframes list_ripple_effect {
from {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(currentColor,0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor,0.05)); }
background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.05)); }
to {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(currentColor,0.1)), to(transparent)), linear-gradient(to bottom, alpha(currentColor,0.1)); } }
background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(currentColor, 0.1)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); } }
* {
padding: 0;
background-clip: padding-box;
@@ -40,7 +40,7 @@
-GtkStatusbar-shadow-type: none;
outline-style: solid;
outline-width: 2px;
outline-color: alpha(currentColor,0.2);
outline-color: alpha(currentColor, 0.2);
outline-offset: -4px;
outline-radius: 2px; }
@@ -159,7 +159,7 @@ GtkTextView {
border-radius: 0;
border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(#3498db), to(transparent)) 0 0 0/0 0 0px;
border-radius: 0;
box-shadow: inset 0 -1px alpha(currentColor,0.2);
box-shadow: inset 0 -1px alpha(currentColor, 0.2);
background-color: transparent;
color: rgba(0, 0, 0, 0.8); }
.entry.flat:focus, .notebook:not(.reorderable-page) > .entry:focus {
@@ -167,7 +167,7 @@ GtkTextView {
box-shadow: inset 0 -2px #3498db;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0 cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color 0; }
.entry.flat:insensitive, .notebook:not(.reorderable-page) > .entry:insensitive {
box-shadow: inset 0 -1px alpha(currentColor,0.2);
box-shadow: inset 0 -1px alpha(currentColor, 0.2);
background-color: transparent;
color: rgba(0, 0, 0, 0.32); }
.entry.image.left {
@@ -203,7 +203,7 @@ GtkTextView {
box-shadow: inset 0 -2px #e74c3c;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0 cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color 0; }
.entry.error.flat:insensitive, .notebook:not(.reorderable-page) > .error.entry:insensitive {
box-shadow: inset 0 -1px alpha(currentColor,0.2);
box-shadow: inset 0 -1px alpha(currentColor, 0.2);
background-color: transparent;
color: rgba(0, 0, 0, 0.32); }
.entry.warning {
@@ -226,13 +226,13 @@ GtkTextView {
box-shadow: inset 0 -2px #e67e22;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0 cubic-bezier(0.4, 0, 0.2, 1) 0.2s, color 0; }
.entry.warning.flat:insensitive, .notebook:not(.reorderable-page) > .warning.entry:insensitive {
box-shadow: inset 0 -1px alpha(currentColor,0.2);
box-shadow: inset 0 -1px alpha(currentColor, 0.2);
background-color: transparent;
color: rgba(0, 0, 0, 0.32); }
.entry.image:not(:hover):not(:active) {
color: alpha(currentColor,0.8); }
color: alpha(currentColor, 0.8); }
.entry.image:insensitive {
color: alpha(currentColor,0.4); }
color: alpha(currentColor, 0.4); }
/***********
* Buttons *
@@ -251,11 +251,11 @@ GtkTextView {
font-weight: 500;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
background-color: #fafafa;
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor,0));
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0));
color: rgba(0, 0, 0, 0.64); }
.button:hover {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor,0));
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0));
color: rgba(0, 0, 0, 0.8); }
.button:active {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
@@ -264,7 +264,7 @@ GtkTextView {
animation: ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; }
.button:insensitive {
box-shadow: none;
background-color: alpha(currentColor,0.2);
background-color: alpha(currentColor, 0.2);
color: rgba(0, 0, 0, 0.256); }
.button:insensitive > .label {
color: inherit; }
@@ -276,7 +276,7 @@ GtkTextView {
.button:checked:not(:hover):not(:active) > GtkImage {
opacity: 0.8; }
.button:checked:insensitive {
background-color: alpha(currentColor,0.2);
background-color: alpha(currentColor, 0.2);
color: rgba(52, 152, 219, 0.4); }
.button:checked:insensitive > .label {
color: inherit; }
@@ -285,11 +285,11 @@ GtkTextView {
.header-bar .button:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .button, .sidebar-button.button {
box-shadow: none;
background-color: transparent;
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor,0)); }
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); }
.button.flat:hover, .inline-toolbar .button:hover, .osd .toolbar .button:hover, .toolbar.osd .button:hover, .app-notification .button:hover, .titlebar .button:hover:not(.suggested-action):not(.destructive-action),
.header-bar .button:hover:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .button:hover, .sidebar-button.button:hover {
box-shadow: none;
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor,0.1)); }
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); }
.button.flat:active, .inline-toolbar .button:active, .osd .toolbar .button:active, .toolbar.osd .button:active, .app-notification .button:active, .titlebar .button:active:not(.suggested-action):not(.destructive-action),
.header-bar .button:active:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .button:active, .sidebar-button.button:active {
box-shadow: none;
@@ -300,7 +300,7 @@ GtkTextView {
background-color: transparent; }
.button.flat:checked, .inline-toolbar .button:checked, .osd .toolbar .button:checked, .toolbar.osd .button:checked, .app-notification .button:checked, .titlebar .button:checked:not(.suggested-action):not(.destructive-action),
.header-bar .button:checked:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .button:checked, .sidebar-button.button:checked {
background-color: alpha(currentColor,0.2);
background-color: alpha(currentColor, 0.2);
color: rgba(0, 0, 0, 0.8); }
.button.flat:checked:insensitive > .label, .inline-toolbar .button:checked:insensitive > .label, .osd .toolbar .button:checked:insensitive > .label, .toolbar.osd .button:checked:insensitive > .label, .app-notification .button:checked:insensitive > .label, .titlebar .button:checked:insensitive:not(.suggested-action):not(.destructive-action) > .label,
.header-bar .button:checked:insensitive:not(.suggested-action):not(.destructive-action) > .label, .message-dialog.csd .dialog-action-area .button:checked:insensitive > .label, .sidebar-button.button:checked:insensitive > .label {
@@ -321,7 +321,7 @@ GtkTextView {
color: #ffffff; }
.button.suggested-action:insensitive {
box-shadow: none;
background-color: alpha(currentColor,0.2);
background-color: alpha(currentColor, 0.2);
color: rgba(0, 0, 0, 0.32); }
.button.suggested-action:insensitive > .label {
color: inherit; }
@@ -340,7 +340,7 @@ GtkTextView {
color: #ffffff; }
.button.destructive-action:insensitive {
box-shadow: none;
background-color: alpha(currentColor,0.2);
background-color: alpha(currentColor, 0.2);
color: rgba(0, 0, 0, 0.32); }
.button.destructive-action:insensitive > .label {
color: inherit; }
@@ -476,10 +476,10 @@ GtkColorButton.button {
border: solid 6px transparent;
box-shadow: none;
background-color: transparent;
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor,0)); }
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); }
.spinbutton .button:hover {
box-shadow: none;
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor,0.1)); }
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); }
.spinbutton .button:active {
box-shadow: none;
animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; }
@@ -628,12 +628,12 @@ GtkComboBox {
.header-bar.selection-mode .button.suggested-action {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
background-color: #fafafa;
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor,0));
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0));
color: rgba(0, 0, 0, 0.64); }
.titlebar.selection-mode .button.suggested-action:hover,
.header-bar.selection-mode .button.suggested-action:hover {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor,0));
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0));
color: rgba(0, 0, 0, 0.8); }
.titlebar.selection-mode .button.suggested-action:active,
.header-bar.selection-mode .button.suggested-action:active {
@@ -644,7 +644,7 @@ GtkComboBox {
.titlebar.selection-mode .button.suggested-action:insensitive,
.header-bar.selection-mode .button.suggested-action:insensitive {
box-shadow: none;
background-color: alpha(currentColor,0.2);
background-color: alpha(currentColor, 0.2);
color: rgba(0, 0, 0, 0.256); }
.titlebar.selection-mode .button.suggested-action:insensitive > .label,
.header-bar.selection-mode .button.suggested-action:insensitive > .label {
@@ -701,7 +701,7 @@ GtkTreeView.view {
-GtkTreeView-tree-line-width: 1;
-GtkTreeView-tree-line-pattern: '';
-GtkTreeView-expander-size: 16;
border-left-color: alpha(currentColor,0.2);
border-left-color: alpha(currentColor, 0.2);
border-top-color: rgba(0, 0, 0, 0.1);
border-radius: 0; }
GtkTreeView.view:hover, GtkTreeView.view:active, GtkTreeView.view:selected {
@@ -728,7 +728,7 @@ GtkTreeView.view {
border-width: 4px;
border-color: rgba(52, 152, 219, 0.2); }
GtkTreeView.view.trough:selected {
border-color: alpha(currentColor,0.2); }
border-color: alpha(currentColor, 0.2); }
column-header .button {
padding: 3px 6px 4px;
@@ -797,14 +797,14 @@ column-header.button.dnd, column-header .button.dnd {
.menu.button.bottom {
border-top: 1px solid rgba(0, 0, 0, 0.1); }
.menu.button:hover {
background-color: alpha(currentColor,0.2); }
background-color: alpha(currentColor, 0.2); }
.menu.button:insensitive {
color: transparent;
background-color: transparent;
border-color: transparent; }
.menuitem .accelerator {
color: alpha(currentColor,0.4); }
color: alpha(currentColor, 0.4); }
/***************
* Popovers *
@@ -836,10 +836,10 @@ column-header.button.dnd, column-header .button.dnd {
border-radius: 2px;
box-shadow: none;
background-color: transparent;
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor,0)); }
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); }
.popover .linked > .button:hover {
box-shadow: none;
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor,0.1)); }
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); }
.popover .linked > .button:active {
box-shadow: none;
animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; }
@@ -854,7 +854,7 @@ column-header.button.dnd, column-header .button.dnd {
.popover .linked > .button:checked:not(:hover):not(:active) > GtkImage {
opacity: 0.8; }
.popover .linked > .button:checked:insensitive {
background-color: alpha(currentColor,0.2);
background-color: alpha(currentColor, 0.2);
color: rgba(52, 152, 219, 0.4); }
.popover .linked > .button:checked:insensitive > .label {
color: inherit; }
@@ -961,7 +961,7 @@ column-header.button.dnd, column-header .button.dnd {
.notebook tab.right {
border-left-width: 2px; }
.notebook tab:hover, .notebook tab.prelight-page {
border-color: alpha(currentColor,0.2); }
border-color: alpha(currentColor, 0.2); }
.notebook tab:active, .notebook tab.active-page {
border-color: #3498db; }
.notebook tab.reorderable-page.top {
@@ -1025,10 +1025,10 @@ column-header.button.dnd, column-header .button.dnd {
background-size: 30px 30px, auto;
box-shadow: none;
background-color: transparent;
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor,0)); }
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); }
.notebook tab .button:hover {
box-shadow: none;
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor,0.1)); }
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); }
.notebook tab .button:active {
box-shadow: none;
animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; }
@@ -1038,7 +1038,7 @@ column-header.button.dnd, column-header .button.dnd {
.notebook tab .button > GtkImage {
padding: 4px; }
.notebook.arrow:not(:hover):not(:active) {
color: alpha(currentColor,0.8); }
color: alpha(currentColor, 0.8); }
.notebook.arrow:insensitive {
color: rgba(0, 0, 0, 0.32); }
@@ -1123,13 +1123,13 @@ GtkSwitch {
GtkSwitch.trough {
border: 10px solid transparent;
border-radius: 100px;
background-color: alpha(currentColor,0.2); }
background-color: alpha(currentColor, 0.2); }
GtkSwitch.trough:insensitive {
color: rgba(0, 0, 0, 0.32); }
GtkSwitch.trough:active {
background-color: #2ecc71; }
GtkSwitch.trough:active:insensitive {
background-color: alpha(currentColor,0.2);
background-color: alpha(currentColor, 0.2);
color: #2ecc71; }
GtkSwitch.slider {
padding: 4px;
@@ -1444,7 +1444,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button {
.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough {
margin: 10px;
border-radius: 100px;
background-color: alpha(currentColor,0.2); }
background-color: alpha(currentColor, 0.2); }
.scale.trough.highlight,
.scale.scale-has-marks-above.scale-has-marks-below.trough.highlight,
.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight {
@@ -1452,7 +1452,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button {
.scale.trough.highlight:insensitive,
.scale.scale-has-marks-above.scale-has-marks-below.trough.highlight:insensitive,
.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight:insensitive {
background-color: alpha(currentColor,0.2); }
background-color: alpha(currentColor, 0.2); }
.scale.trough:insensitive,
.scale.scale-has-marks-above.scale-has-marks-below.trough:insensitive,
.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:insensitive {
@@ -1666,7 +1666,7 @@ GtkProgressBar {
.level-bar.fill-block.level-low {
background-color: #e67e22; }
.level-bar.fill-block.empty-fill-block {
background-color: alpha(currentColor,0.2); }
background-color: alpha(currentColor, 0.2); }
/**********
* Frames *
@@ -1700,12 +1700,12 @@ GtkScrolledWindow GtkViewport.frame {
padding: 2px; }
.list-row.activatable, .view, column-header .button {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor,0));
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0));
background-repeat: no-repeat;
background-position: center, center;
background-size: 240px 240px, auto; }
.list-row.activatable:hover, .view:hover, column-header .button:hover {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor,0.05)); }
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.05)); }
.list-row.activatable:active, .view:active, column-header .button:active, GtkPlacesSidebar.sidebar .has-open-popup {
animation: list_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; }
@@ -1742,7 +1742,7 @@ GtkScrolledWindow GtkViewport.frame {
.expander:checked {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
.expander:not(:hover):not(:active) {
color: alpha(currentColor,0.6); }
color: alpha(currentColor, 0.6); }
.expander:selected {
color: #ffffff; }
@@ -1759,10 +1759,10 @@ GtkCalendar {
GtkCalendar.button {
box-shadow: none;
background-color: transparent;
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor,0)); }
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); }
GtkCalendar.button:hover {
box-shadow: none;
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor,0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor,0.1)); }
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.1)); }
GtkCalendar.button:active {
box-shadow: none;
animation: flat_ripple_effect 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards; }
@@ -1770,10 +1770,10 @@ GtkCalendar {
box-shadow: none;
background-color: transparent; }
GtkCalendar:inconsistent {
color: alpha(currentColor,0.5); }
color: alpha(currentColor, 0.5); }
GtkCalendar.highlight {
font-size: smaller;
color: alpha(currentColor,0.5); }
color: alpha(currentColor, 0.5); }
/***********
* Dialogs *