-
--- 5.20.5-1/src/gtk4/widgets/_lists.scss 1970-01-01 00:00:00.000000000 +0000
+++ 5.20.90-0ubuntu1/src/gtk4/widgets/_lists.scss 2021-01-21 12:40:08.000000000 +0000
@@ -0,0 +1,69 @@
+@charset "UTF-8";
+
+/*********
+ * Lists *
+ *********/
+
+@mixin list-item-highlight {
+ @if $new-highlight {
+ background-color: gtk("@theme_selected_bg_color");
+ color: gtk("@theme_button_foreground_active");
+ border-top: 1px solid gtk("@theme_button_decoration_focus");
+ border-bottom: 1px solid gtk("@theme_button_decoration_focus");
+ border-radius: 0px;
+ } @else {
+ background-color: gtk("@theme_selected_bg_color");
+ }
+}
+
+list {
+ background-color: gtk("@theme_bg_color");
+ color: gtk("@theme_fg_color");
+ border-width: 0px;
+ &:backdrop {
+ background-color: gtk("@theme_unfocused_bg_color");
+ color: gtk("@theme_unfocused_fg_color");
+ }
+ row { padding: 2px; }
+}
+
+row {
+
+
+
+
+ &.activatable {
+ @if $new-highlight {
+ border: 1px solid transparent;
+ }
+
+ &.has-open-popup, // this is for indicathing which row generated a popover see https://bugzilla.gnome.org/show_bug.cgi?id=754411
+
+ &:hover {
+ @include list-item-highlight();
+ }
+
+ &:active {
+ box-shadow: none;
+ @include list-item-highlight();
+ }
+
+ &:selected {
+ &:active {
+ box-shadow: none;
+ @include list-item-highlight();
+ }
+
+ &.has-open-popup,
+ &:hover {
+ @include list-item-highlight();
+ }
+
+ &:backdrop {
+ background-color: gtk("@theme_unfocused_selected_bg_color_alt");
+ }
+ }
+ }
+
+ &:selected { @extend %selected_items; }
+}
\ No newline at end of file
-
--- 5.20.5-1/src/gtk3/widgets/_pathbar.scss 2021-01-05 11:48:07.000000000 +0000
+++ 5.20.90-0ubuntu1/src/gtk3/widgets/_pathbar.scss 2021-01-21 12:40:08.000000000 +0000
@@ -12,12 +12,17 @@
@include button(undecorated);
padding: 4px 8px;
color: gtk("@theme_fg_color");
- &:hover {border-color: gtk("@theme_button_decoration_hover"); }
- &:active, &:checked {
+ &:hover {
+ border-color: gtk("@theme_button_decoration_hover");
+ }
+ &:active,
+ &:checked {
background-color: gtk("@borders");
font-weight: normal;
- }
- &.text-button, &.image-button, & {
+ }
+ &.text-button,
+ &.image-button,
+ & {
padding-left: 4px;
padding-right: 4px;
}
@@ -27,9 +32,14 @@
padding-right: 0;
}
- &.text-button.image-button, & {
- label:last-child { padding-right: 8px; }
- label:first-child { padding-left: 8px; }
+ &.text-button.image-button,
+ & {
+ label:last-child {
+ padding-right: 8px;
+ }
+ label:first-child {
+ padding-left: 8px;
+ }
}
image {
-
--- 5.20.5-1/src/gtk4/widgets/_link.scss 1970-01-01 00:00:00.000000000 +0000
+++ 5.20.90-0ubuntu1/src/gtk4/widgets/_link.scss 2021-01-21 12:40:08.000000000 +0000
@@ -0,0 +1,57 @@
+@charset "UTF-8";
+
+/*********
+ * Links *
+ *********/
+%link,
+*:link {
+ color: gtk("@link_color");
+ &:visited {
+ color: gtk("@link_visited_color");
+ *:selected & {
+ color: gtkmix(gtk("@theme_selected_fg_color"), gtk("@theme_selected_bg_color"), 0.6);
+ }
+ }
+ &:hover {
+ color: gtkshade("@link_color", 1.1);
+ *:selected & {
+ color: gtkmix(gtk("@theme_selected_fg_color"), gtk("@theme_selected_bg_color"), 0.9);
+ }
+ }
+ &:active {
+ color: gtk("@link_color");
+ *:selected & {
+ color: gtkmix(gtk("@theme_selected_fg_color"), gtk("@theme_selected_bg_color"), 0.8);
+ }
+ }
+ &:backdrop, &:backdrop:hover, &:backdrop:hover:selected {
+ color: gtk("@theme_unfocused_selected_bg_color");
+ }
+ @at-root %link_selected,
+ &:selected, *:selected & {
+ color: gtkmix(gtk("@theme_selected_fg_color"), gtk("@theme_selected_bg_color"), 0.8);
+ }
+}
+
+button:link,
+button:visited {
+ @extend %undecorated_button;
+
+ @extend *:link;
+
+ text-shadow: none;
+
+ &:hover,
+ &:active,
+ &:checked {
+ @extend %undecorated_button;
+
+ text-shadow: none;
+ }
+
+ > label {
+ @extend %link;
+
+ text-decoration-line: underline;
+ }
+}
-
--- 5.20.5-1/src/gtk3/widgets/_overshoot.scss 2021-01-05 11:48:07.000000000 +0000
+++ 5.20.90-0ubuntu1/src/gtk3/widgets/_overshoot.scss 2021-01-21 12:40:08.000000000 +0000
@@ -1,19 +1,19 @@
@charset "UTF-8";
-@mixin overshoot($p, $t:normal, $c:gtk("@theme_fg_color")) {
-//
-// overshoot
-//
-// $p: position
-// $t: type
-// $c: base color
-//
-// possible $p values:
-// top, bottom, right, left
-//
-// possible $t values:
-// normal, backdrop
-//
+@mixin overshoot($p, $t: normal, $c: gtk("@theme_fg_color")) {
+ //
+ // overshoot
+ //
+ // $p: position
+ // $t: type
+ // $c: base color
+ //
+ // possible $p values:
+ // top, bottom, right, left
+ //
+ // possible $t values:
+ // normal, backdrop
+ //
$_small_gradient_length: 5%;
$_big_gradient_length: 100%;
@@ -25,15 +25,11 @@
@if $p==bottom {
$_position: center bottom;
$_linear_gradient_direction: to top;
- }
-
- @else if $p==right {
+ } @else if $p==right {
$_position: right center;
$_small_gradient_size: $_small_gradient_length 100%;
$_big_gradient_size: $_big_gradient_length 100%;
- }
-
- @else if $p==left {
+ } @else if $p==left {
$_position: left center;
$_small_gradient_size: $_small_gradient_length 100%;
$_big_gradient_size: $_big_gradient_length 100%;
@@ -46,27 +42,35 @@
$_small_gradient_color: gtkshade("@borders", 0.9);
$_big_gradient_color: gtk("@theme_fg_color");
- @if $t==backdrop { $_small_gradient_color: gtk("@unfocused_borders"); }
+ @if $t==backdrop {
+ $_small_gradient_color: gtk("@unfocused_borders");
+ }
}
- $_small_gradient: -gtk-gradient(radial,
- $_position, 0,
- $_position, 0.5,
- to($_small_gradient_color),
- to(gtkalpha($_small_gradient_color, 0)));
-
- $_big_gradient: -gtk-gradient(radial,
- $_position, 0,
- $_position, 0.6,
- from(gtkalpha($_big_gradient_color, 0.07)),
- to(gtkalpha($_big_gradient_color, 0)));
+ $_small_gradient: -gtk-gradient(
+ radial,
+ $_position,
+ 0,
+ $_position,
+ 0.5,
+ to($_small_gradient_color),
+ to(gtkalpha($_small_gradient_color, 0))
+ );
+
+ $_big_gradient: -gtk-gradient(
+ radial,
+ $_position,
+ 0,
+ $_position,
+ 0.6,
+ from(gtkalpha($_big_gradient_color, 0.07)),
+ to(gtkalpha($_big_gradient_color, 0))
+ );
@if $t==normal {
background-image: $_small_gradient, $_big_gradient;
background-size: $_small_gradient_size, $_big_gradient_size;
- }
-
- @else if $t==backdrop {
+ } @else if $t==backdrop {
background-image: $_small_gradient;
background-size: $_small_gradient_size;
}
@@ -75,10 +79,10 @@
background-position: $_position;
background-color: transparent; // reset some properties to be sure to not inherit them somehow
- border: none; //
- box-shadow: none; //
+ border: none; //
+ box-shadow: none; //
}
-
+
scrolledwindow {
// This is used when content is touch-dragged past boundaries.
// draws a box on top of the content, the size changes programmatically.
@@ -86,25 +90,33 @@ scrolledwindow {
&.top {
@include overshoot(top);
- &:backdrop { @include overshoot(top, backdrop); }
+ &:backdrop {
+ @include overshoot(top, backdrop);
+ }
}
&.bottom {
@include overshoot(bottom);
- &:backdrop { @include overshoot(bottom, backdrop); }
+ &:backdrop {
+ @include overshoot(bottom, backdrop);
+ }
}
&.left {
@include overshoot(left);
- &:backdrop { @include overshoot(left, backdrop); }
+ &:backdrop {
+ @include overshoot(left, backdrop);
+ }
}
&.right {
@include overshoot(right);
- &:backdrop { @include overshoot(right, backdrop); }
+ &:backdrop {
+ @include overshoot(right, backdrop);
+ }
}
}
@@ -113,4 +125,4 @@ scrolledwindow {
background-image: none;
border: none;
}
-}
\ No newline at end of file
+}
-
--- 5.20.5-1/src/gtk3/widgets/_scale.scss 2021-01-05 11:48:07.000000000 +0000
+++ 5.20.90-0ubuntu1/src/gtk3/widgets/_scale.scss 2021-01-21 12:40:08.000000000 +0000
@@ -4,7 +4,6 @@
* GtkScale *
************/
scale {
-
&.fine-tune {
&.trough {
margin: 8px;
@@ -22,7 +21,7 @@ scale {
margin: -9px;
&:hover {
border-style: solid;
- border-width: 2px;
+ border-width: 2px;
border-color: gtk("@theme_button_decoration_hover");
border-radius: 50%; // needed for double marks scales
&:backdrop {
@@ -32,12 +31,18 @@ scale {
}
&:disabled {
border-style: solid; // needed for double marks scales or they'll get
- border-radius: 50%; // overridden
- background-color: gtkalpha(gtk("@theme_button_background_insensitive"), 100.0);
- opacity: 1.0;
+ border-radius: 50%; // overridden
+ background-color: gtkalpha(
+ gtk("@theme_button_background_insensitive"),
+ 100
+ );
+ opacity: 1;
border-color: gtk("@insensitive_borders");
&:backdrop {
- background-color: gtkalpha(gtk("@theme_button_background_backdrop_insensitive"), 100.0);
+ background-color: gtkalpha(
+ gtk("@theme_button_background_backdrop_insensitive"),
+ 100
+ );
border-color: gtk("@unfocused_insensitive_borders");
}
}
@@ -62,7 +67,8 @@ scale {
background-color: $trough_color;
box-shadow: none;
- &:disabled, &.vertical:disabled {
+ &:disabled,
+ &.vertical:disabled {
border-color: $trough_color_insensitive;
background-color: $trough_color_insensitive;
box-shadow: none;
@@ -80,17 +86,17 @@ scale {
border: 0px solid;
border-radius: 3px;
background-color: gtk("@theme_selected_bg_color");
- border-color: gtk("@theme_selected_bg_color");
+ border-color: gtk("@theme_selected_bg_color");
&.vertical {
background-color: gtk("@theme_selected_bg_color");
- border-color: gtk("@theme_selected_bg_color");
+ border-color: gtk("@theme_selected_bg_color");
}
- &:disabled {
+ &:disabled {
background-color: gtk("@insensitive_selected_bg_color");
}
&:backdrop {
background-color: gtk("@theme_unfocused_selected_bg_color");
- border-color: gtk("@theme_unfocused_selected_bg_color");
+ border-color: gtk("@theme_unfocused_selected_bg_color");
&:disabled {
background-color: gtk("@insensitive_unfocused_selected_bg_color");
}
-
--- 5.20.5-1/src/gtk4/widgets/_tooltips.scss 1970-01-01 00:00:00.000000000 +0000
+++ 5.20.90-0ubuntu1/src/gtk4/widgets/_tooltips.scss 2021-01-21 12:40:08.000000000 +0000
@@ -0,0 +1,32 @@
+@charset "UTF-8";
+
+/************
+ * Tooltips *
+ ************/
+
+tooltip {
+ &.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: gtk("@tooltip_background");
+ background-clip: padding-box;
+ }
+
+ color: gtk("@tooltip_text");
+ padding: 4px; /* not working */
+ border-radius: $r;
+ box-shadow: none; // otherwise it gets inherited by windowframe.csd
+ text-shadow: none;
+ border: 1px solid gtk("@tooltip_border");
+ &.window-frame.csd {
+ background-color: transparent;
+ box-shadow: none;
+ }
+ decoration { background-color: transparent; }
+}
+
+tooltip * { //Yeah this is ugly
+ padding: 0px;
+ background-color: transparent;
+ color: gtk("@tooltip_text"); // just to be sure
+}
-
--- 5.20.5-1/src/gtk4/widgets/_switch.scss 1970-01-01 00:00:00.000000000 +0000
+++ 5.20.90-0ubuntu1/src/gtk4/widgets/_switch.scss 2021-01-21 12:40:08.000000000 +0000
@@ -0,0 +1,54 @@
+@charset "UTF-8";
+
+/**********
+ * Switch *
+ **********/
+
+switch {
+ margin: 2px;
+ font-weight: bold;
+ font-size: smaller;
+ min-width: 48px;
+ min-height: 24px;
+ border: 0px solid;
+ border-radius: 12px;
+ color: transparent;
+ background-color: gtkalpha(gtk("@theme_button_foreground_normal"),0.3);
+ text-shadow: none;
+
+ &:checked {
+ background-color: gtk("@theme_selected_bg_color");
+ }
+
+ &:backdrop {
+ background-color: gtkalpha(gtk("@theme_button_foreground_backdrop"), 0.3);
+ text-shadow: none;
+
+ &:checked {
+ background-color: gtk("@theme_unfocused_selected_bg_color_alt");
+ }
+ }
+
+ slider {
+ min-width: 22px;
+ min-height: 22px;
+ border: 1px solid;
+ border-radius: 11px;
+ background-color: gtk("@theme_bg_color");
+ border-color: gtk("@borders");
+ }
+
+ &:hover slider { border-color: gtk("@theme_button_decoration_hover"); }
+
+ &:disabled slider {
+ background-color: gtk("@insensitive_bg_color");
+ }
+
+ &:backdrop {
+ slider {
+ background-color: gtk("@theme_unfocused_bg_color");
+ }
+
+ &:disabled slider { background-color: gtk("@insensitive_unfocused_bg_color"); }
+ }
+}
-
-
src/gtk3/widgets/_entry.scss
-
src/gtk3/widgets/_button.scss
-
--- 5.20.5-1/src/_colors.scss 2021-01-05 11:48:07.000000000 +0000
+++ 5.20.90-0ubuntu1/src/_colors.scss 2021-01-21 12:40:08.000000000 +0000
@@ -269,4 +269,4 @@ these are pretty self explicative */
@define-color warning_color @warning_color_breeze;
@define-color error_color @error_color_breeze;
@define-color success_color @success_color_breeze;
-@define-color content_view_bg @content_view_bg_breeze;
\ No newline at end of file
+@define-color content_view_bg @content_view_bg_breeze;
-
--- 5.20.5-1/src/gtk4/widgets/_pathbar.scss 1970-01-01 00:00:00.000000000 +0000
+++ 5.20.90-0ubuntu1/src/gtk4/widgets/_pathbar.scss 2021-01-21 12:40:08.000000000 +0000
@@ -0,0 +1,44 @@
+@charset "UTF-8";
+
+/************
+ * Pathbars *
+ ************/
+.path-bar {
+ background-color: gtk("@theme_bg_color");
+ border-bottom: 1px solid gtk("@borders");
+}
+
+.path-bar button {
+ @include button(undecorated);
+ padding: 4px 8px;
+ color: gtk("@theme_fg_color");
+ &:hover {border-color: gtk("@theme_button_decoration_hover"); }
+ &:active, &:checked {
+ background-color: gtk("@borders");
+ font-weight: normal;
+ }
+ &.text-button, &.image-button, & {
+ padding-left: 4px;
+ padding-right: 4px;
+ }
+
+ &.text-button.image-button label {
+ padding-left: 0;
+ padding-right: 0;
+ }
+
+ &.text-button.image-button, & {
+ label:last-child { padding-right: 8px; }
+ label:first-child { padding-left: 8px; }
+ }
+
+ image {
+ padding-left: 4px;
+ padding-right: 4px;
+ }
+
+ &.slider-button {
+ padding-left: 0;
+ padding-right: 0;
+ }
+}
-
--- 5.20.5-1/src/gtk4/widgets/_color_chooser.scss 1970-01-01 00:00:00.000000000 +0000
+++ 5.20.90-0ubuntu1/src/gtk4/widgets/_color_chooser.scss 2021-01-21 12:40:08.000000000 +0000
@@ -0,0 +1,100 @@
+@charset "UTF-8";
+
+/*****************
+ * Color Chooser *
+ *****************/
+// FIXME button.color in buttons section
+colorswatch {
+// take care of colorswatches on selected elements
+ :selected & {
+ box-shadow: none;
+ &.overlay, &.overlay:hover {
+ border-color: gtk("@theme_selected_fg_color");
+ }
+ }
+
+ &:selected { box-shadow: none; }
+
+ &.top,
+ &.bottom,
+ &.left, &:first-child:not(.overlay):not(.top),
+ &.right, &:last-child:not(.overlay):not(.bottom),
+ &:only-child:not(.overlay),
+ &.top > .overlay,
+ &.bottom > .overlay,
+ &:first-child:not(.top) > .overlay,
+ &:last-child:not(.bottom) > .overlay,
+ &:only-child > .overlay { border-radius: $r; }
+
+ // hover effect
+ &:hover,
+ &:hover:selected {
+ background-image: linear-gradient(135deg, transparentize(white, 0.3),
+ transparentize(white, 1) 50%);
+ box-shadow: inset 0 1px transparentize(white, 0.6);
+ &.color-dark { // swatches with colors with luminosity lower than 50% get the color-dark class
+ background-image: linear-gradient(135deg, transparentize(white, 0.5),
+ transparentize(white, 1) 50%);
+ }
+ }
+ &:backdrop,
+ &:backdrop:selected
+ &.color-dark:backdrop,
+ &.color-dark:backdrop:selected {
+ background-image: none;
+ box-shadow: none;
+ }
+
+ // no hover effect for the colorswatch in the color editor
+ GtkColorEditor & {
+ border-radius: $r; // same radius as the entry
+ &:hover {
+ background-image: none;
+ box-shadow: none;
+ }
+ &:backdrop { box-shadow: none; }
+ }
+
+ // indicator and keynav outline colors
+ &.color-dark {
+ color: white;
+ outline-color: transparentize(black, 0.7);
+ &:backdrop { color: transparentize(white, 0.7); }
+ }
+ &.color-light {
+ color: black;
+ outline-color: transparentize(white, 0.5);
+ &:backdrop { color: transparentize(black, 0.7); }
+ }
+
+ // border color
+ overlay,
+ overlay:selected {
+ border: 1px solid gtk("@borders");
+ &:hover {
+ border-color: gtk("@theme_button_decoration_hover");
+ }
+ }
+
+ // make the add color button looks like, well, a button
+ &#add-color-button {
+ border-style: solid; // the borders are drawn by the overlay for standard colorswatches to have them semi
+ border-width: 1px; // translucent on the colored background, here it's not necessary so they need to be set
+ @include button(normal);
+ &:hover { @include button(hover); }
+ &:backdrop { @include button(backdrop); }
+ overlay { @include button(undecorated); } // reset the overlay to not cover the button style underneat
+ }
+}
+
+GtkColorButton.button {
+ padding: 5px; // Uniform padding on the GtkColorButton
+
+ GtkColorSwatch:first-child:last-child { // :first-child:last-child for a specificity bump, it gets overridden by the
+ // colorpicker style, otherwise
+ border-radius: 0;
+ box-shadow: none;
+ &:disabled,
+ &:backdrop { box-shadow: none; }
+ }
+}
-
--- 5.20.5-1/src/gtk3/widgets/_calendar.scss 2021-01-05 11:48:07.000000000 +0000
+++ 5.20.90-0ubuntu1/src/gtk3/widgets/_calendar.scss 2021-01-21 12:40:08.000000000 +0000
@@ -23,7 +23,7 @@ calendar {
color: gtk("@theme_unfocused_text_color");
border-color: gtk("@unfocused_borders");
}
-
+
&:disabled {
color: gtk("@insensitive_base_fg_color");
}
@@ -49,15 +49,14 @@ calendar {
&:indeterminate,
&.highlight {
- color: gtkalpha(gtk("@theme_text_color"),0.5);
+ color: gtkalpha(gtk("@theme_text_color"), 0.5);
}
&:indeterminate:backdrop,
&.highlight:backdrop {
- color:gtkalpha(gtk("@theme_unfocused_text_color"),0.5);
+ color: gtkalpha(gtk("@theme_unfocused_text_color"), 0.5);
}
-
&:backdrop {
color: gtk("@theme_unfocused_text_color");
border-color: gtk("@unfocused_borders");
-
--- 5.20.5-1/src/gtk4/widgets/_progressbar.scss 1970-01-01 00:00:00.000000000 +0000
+++ 5.20.90-0ubuntu1/src/gtk4/widgets/_progressbar.scss 2021-01-21 12:40:08.000000000 +0000
@@ -0,0 +1,145 @@
+@charset "UTF-8";
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+ // sizing
+ &.horizontal {
+ trough,
+ progress { min-height: 6px; }
+ }
+
+ &.vertical {
+ trough,
+ progress { min-width: 6px; }
+ }
+
+ // FIXME: insensitive state missing and some other state should be set probably
+ font-size: smaller;
+ color: gtkalpha(gtk("@theme_button_foreground_normal"), 0.3);
+
+ trough {
+ border: 0px solid transparent;
+ border-radius: $r;
+ background-color: gtkalpha(gtk("@theme_button_foreground_normal"),0.3);
+ }
+
+ &:backdrop trough { background-color: gtkalpha(gtk("@theme_button_foreground_backdrop"),0.3); } // looks like states are not passed to the trough component here
+
+ progress {
+ background-color: gtk("@theme_selected_bg_color");
+ border: 0px solid transparent;
+ border-radius: 3px;
+ box-shadow: none; //needed for clipping
+ }
+
+ &:backdrop progress {
+ background-color: gtk("@theme_unfocused_selected_bg_color_alt");
+ } // states not passed here as well
+
+ &.osd { // progressbar.osd used for epiphany page loading progress
+ background-color: transparent;
+ }
+}
+
+treeview.view {
+ &.progressbar {
+ border: 0px solid transparent;
+ border-radius: $r;
+ background-color: gtk("@theme_selected_bg_color");
+ color: gtk("@theme_selected_fg_color");
+ background-image: none;
+ &:selected {
+ &:focus, & {
+ background-color: gtkalpha(gtk("@theme_selected_bg_color"),0.25);
+ }
+ }
+ }
+ &.trough {
+ background-color: $trough_color;
+ &:selected {
+ &:focus, & {
+ background-color: gtkalpha(gtk("@theme_selected_fg_color"),0.3);
+ }
+ }
+ }
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar {
+ block {
+ min-width: 32px;
+ min-height: 6px;
+ }
+
+ &.vertical block {
+ min-width: 6px;
+ min-height: 32px;
+ }
+
+ trough {
+ border: 1px solid;
+ padding: 2px;
+ border-radius: 3px;
+ @include entry(normal);
+
+ &:backdrop { @include entry(backdrop); }
+ }
+
+ &.horizontal.discrete block { margin: 0 1px; }
+
+ &.vertical.discrete block { margin: 1px 0; }
+
+ block:not(.empty) {
+ border: 1px solid gtk("@theme_selected_bg_color");
+ background-color: gtk("@theme_selected_bg_color");
+ box-shadow: none;
+ border-radius: 1px;
+
+ &:backdrop {
+ border-color: gtk("@theme_unfocused_selected_bg_color_alt");
+ background-color: gtk("@theme_unfocused_selected_bg_color_alt");
+ }
+ }
+
+ block {
+ &.low {
+ border-color: gtk("@warning_color");
+ background-color: gtk("@warning_color");
+ &:backdrop {
+ background-color: gtk("@warning_color_backdrop");
+ border-color: gtk("@warning_color_backdrop");
+ }
+ }
+
+ &.high {
+ border-color: gtk("@success_color");
+ background-color: gtk("@success_color");
+ &:backdrop {
+ background-color: gtk("@success_color_backdrop");
+ border-color: gtk("@success_color_backdrop");
+ }
+ }
+
+ &.full {
+ border-color: gtk("@success_color");
+ background-color: gtk("@success_color");
+ &:backdrop {
+ background-color: gtk("@success_color_backdrop");
+ border-color: gtk("@success_color_backdrop");
+ }
+ }
+
+ &.empty {
+ background-color: gtkalpha(gtk("@theme_button_foreground_normal"),0.3);
+ border-color: transparent;
+ box-shadow: none;
+ &:backdrop {
+ background-color: gtkalpha(gtk("@theme_button_foreground_insensitive"),0.3);
+ }
+ }
+ }
+}
-
src/gtk3/widgets/_notebook.scss
-
-
--- 5.20.5-1/src/gtk4/widgets/_spinbutton.scss 1970-01-01 00:00:00.000000000 +0000
+++ 5.20.90-0ubuntu1/src/gtk4/widgets/_spinbutton.scss 2021-01-21 12:40:08.000000000 +0000
@@ -0,0 +1,104 @@
+@charset "UTF-8";
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton {
+ text {
+ @extend %entry;
+
+ border-radius: 0px;
+ }
+
+ &:not(.vertical) {
+ // in this horizontal configuration, the whole spinbutton
+ // behaves as the entry, so we extend the entry styling
+ // and nuke the style on the internal entry
+ @extend %entry;
+
+ padding: 0;
+
+ text {
+ min-width: 28px;
+ // reset all the other props since the spinbutton node is styled here
+ margin: 0;
+ background: none;
+ background-color: transparent;
+ border: none;
+ border-radius: 0;
+ box-shadow: none;
+
+ &:backdrop:disabled {
+ background-color: transparent;
+ }
+ }
+
+ button {
+ @include button(undecorated);
+ }
+ }
+
+ // Vertical
+ &.vertical {
+ // in the vertical configuration, we treat the spinbutton
+ // as a box, and tweak the style of the entry in the middle
+ // so that it's linked
+
+ // FIXME: this should not be set at all, but otherwise it gets the wrong
+ // color
+ &:disabled {
+ color: gtk("@insensitive_base_fg_color");
+ }
+
+ &:backdrop:disabled {
+ color: gtk("@theme_unfocused_view_text_color");
+ }
+
+ &:drop(active) {
+ border-color: transparent;
+ box-shadow: none;
+ }
+
+ entry {
+ margin: 0px;
+ min-height: 26px;
+ min-width: 26px;
+ border-style: none solid none solid;
+ border-color: gtk("@borders");
+ padding: 0;
+ border-radius: 0;
+ &:disabled {
+ color: gtk("@insensitive_base_fg_color");
+ background-color: gtk("@insensitive_base_color");
+ border-color: gtk("@insensitive_borders");
+ }
+ &:backdrop:disabled {
+ color: gtk("@theme_unfocused_view_text_color");
+ background-color: gtk("@theme_unfocused_view_bg_color");
+ border-color: gtk("@unfocused_insensitive_borders");
+ }
+ }
+
+ button.up {
+ border-radius: 3px 3px 0 0;
+ border-style: solid solid none solid;
+ }
+
+ button.down {
+ border-radius: 0 0 3px 3px;
+ border-style: none solid solid solid;
+ }
+ }
+
+ // Misc
+ treeview &:not(.vertical) {
+ min-height: 0;
+ border-style: none;
+ border-radius: 0;
+
+ entry {
+ min-height: 0;
+ padding: 1px 2px;
+ }
+ }
+}
-
--- 5.20.5-1/src/gtk3/widgets/_treeview.scss 2021-01-05 11:48:07.000000000 +0000
+++ 5.20.90-0ubuntu1/src/gtk3/widgets/_treeview.scss 2021-01-21 12:40:08.000000000 +0000
@@ -29,7 +29,10 @@
@mixin item-selected-middle-backdrop {
@if $new-highlight {
- background-color: gtkalpha(gtk("@theme_button_decoration_focus_backdrop"), 0.3);
+ background-color: gtkalpha(
+ gtk("@theme_button_decoration_focus_backdrop"),
+ 0.3
+ );
color: gtk("@theme_button_foreground_active_backdrop");
border: 1px solid gtk("@theme_button_decoration_focus_backdrop");
border-left: 0;
@@ -46,38 +49,46 @@
* Tree Views *
**************/
treeview.view {
- -GtkTreeView-grid-line-width: 0;
- -GtkTreeView-grid-line-pattern: '';
- -GtkTreeView-tree-line-width: 1;
- -GtkTreeView-tree-line-pattern: '';
- -GtkTreeView-expander-size: 16;
+ -gtktreeview-grid-line-width: 0;
+ -gtktreeview-grid-line-pattern: "";
+ -gtktreeview-tree-line-width: 1;
+ -gtktreeview-tree-line-pattern: "";
+ -gtktreeview-expander-size: 16;
border-left-color: gtk("@borders"); // this is actually the tree lines color,
- border-top-color: transparent; // while this is the grid lines color, better then nothing
+ border-top-color: transparent; // while this is the grid lines color, better then nothing
- rubberband { @extend rubberband; } // to avoid borders being overridden by the previously set props
-
- &:selected { border-radius: 0; } // rest border radius in lists
+ rubberband {
+ @extend rubberband;
+ } // to avoid borders being overridden by the previously set props
+
+ &:selected {
+ border-radius: 0;
+ } // rest border radius in lists
&:hover {
@include item-hover-middle();
}
- &:selected {
+ &:selected {
@include item-selected-middle();
}
-
+
&:backdrop:selected {
@include item-selected-middle-backdrop();
}
&:disabled {
- color: gtk("@insensitive_borders");
+ color: gtk("@insensitive_fg_color");
&:selected {
color: gtk("@insensitive_selected_fg_color");
- &:backdrop { color: gtk("@insensitive_unfocused_selected_fg_color"); }
+ &:backdrop {
+ color: gtk("@insensitive_unfocused_selected_fg_color");
+ }
+ }
+ &:backdrop {
+ color: gtk("@insensitive_unfocused_fg_color");
}
- &:backdrop { color: gtk("@unfocused_insensitive_borders"); }
}
&.separator {
min-height: 2px;
@@ -101,17 +112,29 @@ treeview.view {
// GtkTreeView uses the larger of the expander’s min-width and min-height
min-width: 16px;
min-height: 16px;
- -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
color: gtk("@theme_fg_color");
- &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-start-symbolic'); };
- &:hover { color: gtk("@theme_button_decoration_hover"); }
- &:selected { color: gtk("@theme_selected_fg_color"); }
+ &:dir(rtl) {
+ -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+ }
+ &:hover {
+ color: gtk("@theme_button_decoration_hover");
+ }
+ &:selected {
+ color: gtk("@theme_selected_fg_color");
+ }
&:checked {
- -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
- &:selected { color: gtk("@theme_selected_fg_color"); }
- &:backdrop { color: gtk("@theme_unfocused_base_color"); }
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+ &:selected {
+ color: gtk("@theme_selected_fg_color");
+ }
+ &:backdrop {
+ color: gtk("@theme_unfocused_base_color");
+ }
+ }
+ &:backdrop {
+ color: gtk("@theme_unfocused_base_color");
}
- &:backdrop { color: gtk("@theme_unfocused_base_color"); }
}
header {
button {
@@ -125,31 +148,40 @@ treeview.view {
color: gtk("@theme_button_foreground_normal");
background-color: gtkalpha(gtk("@theme_button_decoration_hover"), 0.5);
box-shadow: none;
- transition: none; //I shouldn't need this
+
}
&:active {
@extend %column_header_button;
color: gtk("@theme_button_foreground_normal");
background-color: gtkalpha(gtk("@theme_button_decoration_hover"), 0.5);
- transition: none; //I shouldn't need this
+
}
}
- button:last-child { &:backdrop, & { border-right-style: none; }}
- }
- button.dnd,
- header.button.dnd { // for treeview-like derive widgets
- &:active, &:selected, &:hover, & {
- padding: 0 6px;
- color: gtk("@theme_selected_fg_color");
- background-image: none;
- background-color: gtk("@theme_selected_bg_color");
- border-style: none;
- border-radius: 0;
- box-shadow: none;
- text-shadow: none;
- transition: none;
+ button:last-child {
+ &:backdrop,
+ & {
+ border-right-style: none;
}
}
+ }
+ button.dnd,
+ header.button.dnd {
+ // for treeview-like derive widgets
+ &:active,
+ &:selected,
+ &:hover,
+ & {
+ padding: 0 6px;
+ color: gtk("@theme_selected_fg_color");
+ background-image: none;
+ background-color: gtk("@theme_selected_bg_color");
+ border-style: none;
+ border-radius: 0;
+ box-shadow: none;
+ text-shadow: none;
+
+ }
+ }
}
%column_header_button {
-
--- 5.20.5-1/debian/control 2020-12-26 21:08:52.000000000 +0000
+++ 5.20.90-0ubuntu1/debian/control 2021-01-21 23:43:39.000000000 +0000
@@ -5,12 +5,12 @@ Maintainer: Debian Qt/KDE Maintainers <d
Uploaders: Scarlett Moore <sgmoore@kde.org>,
Patrick Franz <patfra71@gmail.com>,
Norbert Preining <norbert@preining.info>,
-Build-Depends: breeze-dev (>= 4:5.14.90~),
+Build-Depends: breeze-dev (>= 4:5.20.90~),
cmake (>= 3.2),
debhelper-compat (= 13),
extra-cmake-modules (>= 5.18.0~),
gtk2-engines-pixbuf,
- kde-style-breeze (>= 4:5.14.90~),
+ kde-style-breeze (>= 4:5.20.90~),
libglib2.0-dev,
libgtk-3-dev,
libgtk2.0-dev,
-
--- 5.20.5-1/src/gtk3/widgets/_app_notifications.scss 2021-01-05 11:48:07.000000000 +0000
+++ 5.20.90-0ubuntu1/src/gtk3/widgets/_app_notifications.scss 2021-01-21 12:40:08.000000000 +0000
@@ -10,7 +10,9 @@
padding: 10px;
border-top-width: 0px;
border-radius: 0px 0px 3px 3px;
- &:backdrop { background-image: none; }
+ &:backdrop {
+ background-image: none;
+ }
button {
@include button(normal);
&.flat {
@@ -27,9 +29,13 @@
}
&:backdrop,
&:disabled,
- &:backdrop:disabled { @extend %undecorated_button; }
+ &:backdrop:disabled {
+ @extend %undecorated_button;
+ }
+ }
+ &:hover {
+ @include button(hover);
}
- &:hover { @include button(hover); }
&:active,
&:checked,
&:backdrop:active,
@@ -37,10 +43,14 @@
@include button(active);
}
&:disabled,
- &:backdrop:disabled{
+ &:backdrop:disabled {
@include button(insensitive);
}
- &:backdrop { @include button(backdrop); }
+ &:backdrop {
+ @include button(backdrop);
+ }
+ }
+ border {
+ border: none;
}
- border {border: none;}
-}
\ No newline at end of file
+}
-
src/gtk3/widgets/_spinbutton.scss
-
--- 5.20.5-1/CMakeLists.txt 2021-01-05 11:48:07.000000000 +0000
+++ 5.20.90-0ubuntu1/CMakeLists.txt 2021-01-21 12:40:08.000000000 +0000
@@ -1,5 +1,5 @@
project(breeze-gtk)
-set(PROJECT_VERSION "5.20.5")
+set(PROJECT_VERSION "5.20.90")
set(PROJECT_VERSION_MAJOR 5)
cmake_minimum_required(VERSION 2.8.12)
-
--- 5.20.5-1/src/gtk4/widgets/_scrollbar.scss 1970-01-01 00:00:00.000000000 +0000
+++ 5.20.90-0ubuntu1/src/gtk4/widgets/_scrollbar.scss 2021-01-21 12:40:08.000000000 +0000
@@ -0,0 +1,123 @@
+@charset "UTF-8";
+
+/**************
+ * Scrollbars *
+ **************/
+
+scrollbar {
+
+ background-color: gtk("@theme_bg_color");
+ border-width: 0px 0px;
+ border-color: gtk("@theme_bg_color");
+ margin: 5px;
+
+ button {
+ min-width: 14px;
+ min-height: 14px;
+ margin: 0px;
+ padding: 0px 0px;
+ border: none;
+ border-radius: 0px;
+ background-image: none;
+ background-color: transparent;
+ color: transparent;
+ box-shadow: none;
+ &:hover {
+ border: none;
+ background-image: none;
+ background-color: gtk("@theme_bg_color");
+ color: transparent;
+ }
+ &:active,
+ &:active:hover {
+ border: none;
+ background-image: none;
+ background-color: gtk("@theme_bg_color");
+ color: transparent;
+ }
+ &:disabled {
+ border: none;
+ background-color: gtk("@theme_bg_color");
+ background-image: none;
+ color: transparent;
+ }
+ }
+
+ // Overlay Scrollbars
+ &.dragging, // if this isn't set, the scrollbars don't update their size correctly
+ &.hovering { opacity: 0.9910; } // probably a gtk bug
+ &.overlay-indicator:not(.dragging):not(.hovering) { opacity: 0.999; } //
+
+ &.overlay-indicator {
+ background: none;
+ }
+
+ trough {
+ //margin: 0px;
+ transition-duration: 0.1s;
+ min-width: 3px;
+ min-height: 14px;
+ border-radius: 8px;
+ background-color: transparent;
+ }
+
+ &:hover {
+ trough {
+ background-color: $trough_color_backdrop;
+ min-width: 6px;
+ }
+ slider {
+ min-width: 6px;
+ background-color: gtk("@theme_button_decoration_hover");
+ }
+ }
+
+ &.horizontal trough {
+ //margin: 0px;
+ transition-duration: 0.1s;
+ min-width: 14px;
+ min-height: 3px;
+ border-radius: 8px;
+ background-color: transparent;
+ }
+
+ &.horizontal:hover {
+ &.horizontal trough {
+ background-color: $trough_color_backdrop;
+ min-height: 6px;
+ }
+ &.horizontal slider {
+ min-height: 6px;
+ background-color: gtk("@theme_button_decoration_hover");
+ }
+ }
+
+ slider {
+ //margin: 0px;
+ transition-duration: 0.1s;
+ min-width: 3px;
+ min-height: 30px;
+ border-radius: 8px;
+ background-clip: padding-box;
+ background-color: gtkalpha(gtk("@theme_fg_color"), 0.5);
+ &:hover {
+ min-width: 6px;
+ background-color: gtk("@theme_button_decoration_hover");
+
+ }
+ }
+ &.horizontal slider {
+ transition-duration: 0.1s;
+ min-width: 30px;
+ min-height: 3px;
+ border-radius: 8px;
+ background-clip: padding-box;
+ background-color: gtkalpha(gtk("@theme_fg_color"), 0.5);
+ &:hover {
+ min-height: 6px;
+ background-color: gtk("@theme_button_decoration_hover");
+
+ }
+
+ }
+}
-
--- 5.20.5-1/src/gtk3/widgets/_tooltips.scss 2021-01-05 11:48:07.000000000 +0000
+++ 5.20.90-0ubuntu1/src/gtk3/widgets/_tooltips.scss 2021-01-21 12:40:08.000000000 +0000
@@ -22,10 +22,13 @@ tooltip {
background-color: transparent;
box-shadow: none;
}
- decoration { background-color: transparent; }
+ decoration {
+ background-color: transparent;
+ }
}
-tooltip * { //Yeah this is ugly
+tooltip * {
+ //Yeah this is ugly
padding: 0px;
background-color: transparent;
color: gtk("@tooltip_text"); // just to be sure
-
--- 5.20.5-1/src/gtk3/widgets/_color_chooser.scss 2021-01-05 11:48:07.000000000 +0000
+++ 5.20.90-0ubuntu1/src/gtk3/widgets/_color_chooser.scss 2021-01-21 12:40:08.000000000 +0000
@@ -5,41 +5,54 @@
*****************/
// FIXME button.color in buttons section
colorswatch {
-// take care of colorswatches on selected elements
+ // take care of colorswatches on selected elements
:selected & {
box-shadow: none;
- &.overlay, &.overlay:hover {
+ &.overlay,
+ &.overlay:hover {
border-color: gtk("@theme_selected_fg_color");
}
}
- &:selected { box-shadow: none; }
+ &:selected {
+ box-shadow: none;
+ }
&.top,
&.bottom,
- &.left, &:first-child:not(.overlay):not(.top),
- &.right, &:last-child:not(.overlay):not(.bottom),
+ &.left,
+ &:first-child:not(.overlay):not(.top),
+ &.right,
+ &:last-child:not(.overlay):not(.bottom),
&:only-child:not(.overlay),
&.top > .overlay,
&.bottom > .overlay,
&:first-child:not(.top) > .overlay,
&:last-child:not(.bottom) > .overlay,
- &:only-child > .overlay { border-radius: $r; }
+ &:only-child > .overlay {
+ border-radius: $r;
+ }
// hover effect
&:hover,
&:hover:selected {
- background-image: linear-gradient(135deg, transparentize(white, 0.3),
- transparentize(white, 1) 50%);
+ background-image: linear-gradient(
+ 135deg,
+ transparentize(white, 0.3),
+ transparentize(white, 1) 50%
+ );
box-shadow: inset 0 1px transparentize(white, 0.6);
- &.color-dark { // swatches with colors with luminosity lower than 50% get the color-dark class
- background-image: linear-gradient(135deg, transparentize(white, 0.5),
- transparentize(white, 1) 50%);
+ &.color-dark {
+ // swatches with colors with luminosity lower than 50% get the color-dark class
+ background-image: linear-gradient(
+ 135deg,
+ transparentize(white, 0.5),
+ transparentize(white, 1) 50%
+ );
}
}
&:backdrop,
- &:backdrop:selected
- &.color-dark:backdrop,
+ &:backdrop:selected &.color-dark:backdrop,
&.color-dark:backdrop:selected {
background-image: none;
box-shadow: none;
@@ -52,26 +65,32 @@ colorswatch {
background-image: none;
box-shadow: none;
}
- &:backdrop { box-shadow: none; }
+ &:backdrop {
+ box-shadow: none;
+ }
}
// indicator and keynav outline colors
&.color-dark {
color: white;
outline-color: transparentize(black, 0.7);
- &:backdrop { color: transparentize(white, 0.7); }
+ &:backdrop {
+ color: transparentize(white, 0.7);
+ }
}
&.color-light {
color: black;
outline-color: transparentize(white, 0.5);
- &:backdrop { color: transparentize(black, 0.7); }
+ &:backdrop {
+ color: transparentize(black, 0.7);
+ }
}
// border color
overlay,
overlay:selected {
border: 1px solid gtk("@borders");
- &:hover {
+ &:hover {
border-color: gtk("@theme_button_decoration_hover");
}
}
@@ -79,22 +98,31 @@ colorswatch {
// make the add color button looks like, well, a button
&#add-color-button {
border-style: solid; // the borders are drawn by the overlay for standard colorswatches to have them semi
- border-width: 1px; // translucent on the colored background, here it's not necessary so they need to be set
+ border-width: 1px; // translucent on the colored background, here it's not necessary so they need to be set
@include button(normal);
- &:hover { @include button(hover); }
- &:backdrop { @include button(backdrop); }
- overlay { @include button(undecorated); } // reset the overlay to not cover the button style underneat
+ &:hover {
+ @include button(hover);
+ }
+ &:backdrop {
+ @include button(backdrop);
+ }
+ overlay {
+ @include button(undecorated);
+ } // reset the overlay to not cover the button style underneat
}
}
GtkColorButton.button {
padding: 5px; // Uniform padding on the GtkColorButton
- GtkColorSwatch:first-child:last-child { // :first-child:last-child for a specificity bump, it gets overridden by the
- // colorpicker style, otherwise
+ GtkColorSwatch:first-child:last-child {
+ // :first-child:last-child for a specificity bump, it gets overridden by the
+ // colorpicker style, otherwise
border-radius: 0;
box-shadow: none;
&:disabled,
- &:backdrop { box-shadow: none; }
+ &:backdrop {
+ box-shadow: none;
+ }
}
}
-
--- 5.20.5-1/src/build_theme.sh 2021-01-05 11:48:07.000000000 +0000
+++ 5.20.90-0ubuntu1/src/build_theme.sh 2021-01-21 12:40:08.000000000 +0000
@@ -3,7 +3,7 @@ set -e
# Usage: create_folders <target-directory>
create_folders () {
- for j in gtk-2.0 gtk-3.0; do
+ for j in gtk-2.0 gtk-3.0 gtk-4.0; do
if ! [ -d "$1/$j" ]; then
mkdir -p "$1/$j"
fi
@@ -28,7 +28,7 @@ install_theme () {
fi
echo "Installing into ${THEME_INSTALL_TARGET}"
mkdir -p "${THEME_INSTALL_TARGET}"
- for dir in assets gtk-2.0 gtk-3.0; do
+ for dir in assets gtk-2.0 gtk-3.0 gtk-4.0; do
if [ -d "${THEME_INSTALL_TARGET}/$dir" ]; then
rm -rf "${THEME_INSTALL_TARGET:?}/$dir"
fi
@@ -45,6 +45,7 @@ render_theme () {
python3 render_assets.py -c "$1" -a "${THEME_BUILD_DIR}/assets" \
-g "${THEME_BUILD_DIR}/gtk-2.0" -G "${THEME_BUILD_DIR}" -b "$4"
build_sass gtk3/gtk.scss "${THEME_BUILD_DIR}/gtk-3.0/gtk.css" "${THEME_BUILD_DIR}"
+ build_sass gtk4/gtk.scss "${THEME_BUILD_DIR}/gtk-4.0/gtk.css" "${THEME_BUILD_DIR}"
rm -f "${THEME_BUILD_DIR}/_global.scss"
install_theme "${THEME_BUILD_DIR}" "$2" "$3"
}
-
src/_functions.scss
-
--- 5.20.5-1/src/gtk4/widgets/_checkboxes.scss 1970-01-01 00:00:00.000000000 +0000
+++ 5.20.90-0ubuntu1/src/gtk4/widgets/_checkboxes.scss 2021-01-21 12:40:08.000000000 +0000
@@ -0,0 +1,60 @@
+@charset "UTF-8";
+
+/*************************
+ * Check and Radio items *
+ *************************/
+
+checkbutton.text-button, radiobutton.text-button {
+ // this is for a nice focus on check and radios text
+ padding: 2px 0;
+ outline-offset: 0;
+
+ label:not(:only-child) {
+ &:first-child { margin-left: 4px; }
+ &:last-child { margin-right: 4px; }
+ }
+ &:active check, &:active radio {
+ -gtk-icon-transform: translate(1px,1px);
+ }
+}
+
+check, radio {
+ margin: 0 4px;
+
+ &:only-child { margin: 0; }
+
+ min-height: 18px;
+ min-width: 18px;
+ //border: none;
+ animation: none;
+ background-color: transparent;
+ -gtk-icon-palette: error gtk("@theme_button_decoration_focus"), success gtk("@borders"), warning gtk("@theme_button_background_normal");
+ -gtk-icon-shadow: 1px 1px rgba(35,38,41,0.2);
+
+ &:hover {
+ -gtk-icon-palette: error gtk("@theme_button_decoration_focus"), success gtk("@theme_button_decoration_focus"), warning gtk("@theme_button_background_normal");
+ }
+ &:disabled {
+ -gtk-icon-palette: error gtk("@theme_button_decoration_focus_insensitive"), success gtk("@insensitive_borders"), warning gtk("@theme_button_background_insensitive");
+ }
+
+ menu menuitem & {
+ margin: 0; // this is a workaround for a menu check/radio size allocation issue
+ min-height: 18px;
+ min-width: 18px;
+ background-color: transparent;
+ box-shadow: none;
+ -gtk-icon-shadow: none;
+ animation: none;
+ }
+}
+@each $type in ('check', 'radio') {
+ #{$type} {
+ -gtk-icon-source: -gtk-recolor(url("../assets/breeze-#{$type}-unchecked-symbolic.svg"));
+ @each $state in ('checked', 'indeterminate') {
+ &:#{$state} {
+ -gtk-icon-source: -gtk-recolor(url("../assets/breeze-#{$type}-#{$state}-symbolic.svg"));
+ }
+ }
+ }
+}
-
src/gtk4/widgets/_libhandy.scss
--- 5.20.5-1/src/gtk4/widgets/_libhandy.scss 1970-01-01 00:00:00.000000000 +0000
+++ 5.20.90-0ubuntu1/src/gtk4/widgets/_libhandy.scss 2021-01-21 12:40:08.000000000 +0000
@@ -0,0 +1,51 @@
+@charset "UTF-8";
+
+hdydialer {
+ button {
+ font-weight: lighter;
+ background-color: transparent;
+ border: 0;
+ box-shadow: none;
+ &:backdrop {
+ background-color: transparent;
+ }
+ &:focus {
+ background-color: transparent;
+ border: none;
+ }
+ }
+}
+hdyviewswitcher {
+ > button {
+ border: 0;
+ background-color: transparent;
+ &:backdrop:hover, &:hover, &:active, &:hover:focus, &:active:focus, &:checked, &:checked:hover {
+ background-color: transparent;
+ }
+ &:checked, &:checked:backdrop {
+ border-top: 0;
+ border-left: 0;
+ border-right: 0;
+ background-color: transparent;
+ > stack {
+ border-bottom: 3px solid transparent;
+ border-top: 3px solid gtk("@theme_button_decoration_focus");
+ }
+ }
+ &.needs-attention > stack > box label {
+ animation: needs_attention 150ms ease-in;
+ background-image: radial-gradient(circle, gtk("@theme_button_decoration_focus") 0%, transparent 5px);
+ background-size: 6px 6px, 6px 6px;
+ background-repeat: no-repeat;
+ background-position: right 0px, right 1px;
+ }
+ }
+}
+headerbar hdyviewswitcher > button:checked > stack {
+ &:backdrop {
+ border-top: 3px solid transparent;
+ border-bottom: 3px solid gtk("@theme_button_decoration_focus");
+ }
+ border-top: 3px solid transparent;
+ border-bottom: 3px solid gtk("@theme_button_decoration_focus");
+}
\ No newline at end of file
-
--- 5.20.5-1/src/gtk3/gtk.scss 2021-01-05 11:48:07.000000000 +0000
+++ 5.20.90-0ubuntu1/src/gtk3/gtk.scss 2021-01-21 12:40:08.000000000 +0000
@@ -2,9 +2,9 @@
$new-highlight: false;
-@import 'global';
-@import '../functions';
-@import '../colors';
+@import "global";
+@import "../functions";
+@import "../colors";
@import "widgets/base";
@import "widgets/button";
-
--- 5.20.5-1/src/gtk3/applications/_firefox.scss 2021-01-05 11:48:07.000000000 +0000
+++ 5.20.90-0ubuntu1/src/gtk3/applications/_firefox.scss 2021-01-21 12:40:08.000000000 +0000
@@ -1,8 +1,8 @@
#MozillaGtkWidget {
- scrollbar {
- margin: 0px;
- slider {
- border: 5px solid transparent;
- }
+ scrollbar {
+ margin: 0px;
+ slider {
+ border: 5px solid transparent;
}
-}
\ No newline at end of file
+ }
+}
-
-
--- 5.20.5-1/src/gtk3/widgets/_checkboxes.scss 2021-01-05 11:48:07.000000000 +0000
+++ 5.20.90-0ubuntu1/src/gtk3/widgets/_checkboxes.scss 2021-01-21 12:40:08.000000000 +0000
@@ -4,38 +4,52 @@
* Check and Radio items *
*************************/
-checkbutton.text-button, radiobutton.text-button {
- // this is for a nice focus on check and radios text
- padding: 2px 0;
- outline-offset: 0;
-
- label:not(:only-child) {
- &:first-child { margin-left: 4px; }
- &:last-child { margin-right: 4px; }
- }
- &:active check, &:active radio {
- -gtk-icon-transform: translate(1px,1px);
- }
+checkbutton.text-button,
+radiobutton.text-button {
+ // this is for a nice focus on check and radios text
+ padding: 2px 0;
+ outline-offset: 0;
+
+ label:not(:only-child) {
+ &:first-child {
+ margin-left: 4px;
+ }
+ &:last-child {
+ margin-right: 4px;
+ }
+ }
+ &:active check,
+ &:active radio {
+ -gtk-icon-transform: translate(1px, 1px);
+ }
}
-check, radio {
+check,
+radio {
margin: 0 4px;
- &:only-child { margin: 0; }
+ &:only-child {
+ margin: 0;
+ }
min-height: 18px;
min-width: 18px;
//border: none;
animation: none;
background-color: transparent;
- -gtk-icon-palette: error gtk("@theme_button_decoration_focus"), success gtk("@borders"), warning gtk("@theme_button_background_normal");
- -gtk-icon-shadow: 1px 1px rgba(35,38,41,0.2);
+ -gtk-icon-palette: error gtk("@theme_button_decoration_focus"),
+ success gtk("@borders"), warning gtk("@theme_button_background_normal");
+ -gtk-icon-shadow: 1px 1px rgba(35, 38, 41, 0.2);
&:hover {
- -gtk-icon-palette: error gtk("@theme_button_decoration_focus"), success gtk("@theme_button_decoration_focus"), warning gtk("@theme_button_background_normal");
+ -gtk-icon-palette: error gtk("@theme_button_decoration_focus"),
+ success gtk("@theme_button_decoration_focus"),
+ warning gtk("@theme_button_background_normal");
}
&:disabled {
- -gtk-icon-palette: error gtk("@theme_button_decoration_focus_insensitive"), success gtk("@insensitive_borders"), warning gtk("@theme_button_background_insensitive");
+ -gtk-icon-palette: error gtk("@theme_button_decoration_focus_insensitive"),
+ success gtk("@insensitive_borders"),
+ warning gtk("@theme_button_background_insensitive");
}
menu menuitem & {
@@ -48,12 +62,16 @@ check, radio {
animation: none;
}
}
-@each $type in ('check', 'radio') {
+@each $type in ("check", "radio") {
#{$type} {
- -gtk-icon-source: -gtk-recolor(url("../assets/breeze-#{$type}-unchecked-symbolic.svg"));
- @each $state in ('checked', 'indeterminate') {
+ -gtk-icon-source: -gtk-recolor(
+ url("../assets/breeze-#{$type}-unchecked-symbolic.svg")
+ );
+ @each $state in ("checked", "indeterminate") {
&:#{$state} {
- -gtk-icon-source: -gtk-recolor(url("../assets/breeze-#{$type}-#{$state}-symbolic.svg"));
+ -gtk-icon-source: -gtk-recolor(
+ url("../assets/breeze-#{$type}-#{$state}-symbolic.svg")
+ );
}
}
}
-
--- 5.20.5-1/src/gtk3/widgets/_switch.scss 2021-01-05 11:48:07.000000000 +0000
+++ 5.20.90-0ubuntu1/src/gtk3/widgets/_switch.scss 2021-01-21 12:40:08.000000000 +0000
@@ -5,50 +5,54 @@
**********/
switch {
- margin: 2px;
- font-weight: bold;
- font-size: smaller;
- min-width: 48px;
- min-height: 24px;
- border: 0px solid;
- border-radius: 12px;
- color: transparent;
- background-color: gtkalpha(gtk("@theme_button_foreground_normal"),0.3);
- text-shadow: none;
-
- &:checked {
- background-color: gtk("@theme_selected_bg_color");
- }
-
- &:backdrop {
- background-color: gtkalpha(gtk("@theme_button_foreground_backdrop"), 0.3);
- text-shadow: none;
-
- &:checked {
- background-color: gtk("@theme_unfocused_selected_bg_color_alt");
- }
- }
-
- slider {
- min-width: 22px;
- min-height: 22px;
- border: 1px solid;
- border-radius: 11px;
- background-color: gtk("@theme_bg_color");
- border-color: gtk("@borders");
- }
-
- &:hover slider { border-color: gtk("@theme_button_decoration_hover"); }
-
- &:disabled slider {
- background-color: gtk("@insensitive_bg_color");
- }
-
- &:backdrop {
- slider {
- background-color: gtk("@theme_unfocused_bg_color");
- }
-
- &:disabled slider { background-color: gtk("@insensitive_unfocused_bg_color"); }
- }
+ margin: 2px;
+ font-weight: bold;
+ font-size: smaller;
+ min-width: 48px;
+ min-height: 24px;
+ border: 0px solid;
+ border-radius: 12px;
+ color: transparent;
+ background-color: gtkalpha(gtk("@theme_button_foreground_normal"), 0.3);
+ text-shadow: none;
+
+ &:checked {
+ background-color: gtk("@theme_selected_bg_color");
+ }
+
+ &:backdrop {
+ background-color: gtkalpha(gtk("@theme_button_foreground_backdrop"), 0.3);
+ text-shadow: none;
+
+ &:checked {
+ background-color: gtk("@theme_unfocused_selected_bg_color_alt");
+ }
+ }
+
+ slider {
+ min-width: 22px;
+ min-height: 22px;
+ border: 1px solid;
+ border-radius: 11px;
+ background-color: gtk("@theme_bg_color");
+ border-color: gtk("@borders");
+ }
+
+ &:hover slider {
+ border-color: gtk("@theme_button_decoration_hover");
+ }
+
+ &:disabled slider {
+ background-color: gtk("@insensitive_bg_color");
+ }
+
+ &:backdrop {
+ slider {
+ background-color: gtk("@theme_unfocused_bg_color");
+ }
+
+ &:disabled slider {
+ background-color: gtk("@insensitive_unfocused_bg_color");
+ }
+ }
}
-
--- 5.20.5-1/src/gtk3/widgets/_toolbar.scss 2021-01-05 11:48:07.000000000 +0000
+++ 5.20.90-0ubuntu1/src/gtk3/widgets/_toolbar.scss 2021-01-21 12:40:08.000000000 +0000
@@ -3,8 +3,8 @@
/************
* Toolbars *
************/
- %toolbar {
- -GtkWidget-window-dragging: true;
+%toolbar {
+ -gtkwidget-window-dragging: true;
padding: 4px;
background-color: gtk("@theme_bg_color");
}
@@ -18,7 +18,8 @@ toolbar {
button {
margin: 2px;
padding: 3px;
- &.image-button, &.text-button.image-button {
+ &.image-button,
+ &.text-button.image-button {
padding: 3px;
}
}
@@ -30,7 +31,9 @@ toolbar {
margin: 3px;
}
// on OSD
- .osd & { background-color: transparent; }
+ .osd & {
+ background-color: transparent;
+ }
&.osd {
padding: 13px;
border: none;
@@ -44,7 +47,9 @@ toolbar {
&.left,
&.right,
&.top,
- &.bottom { border-radius: 0; } // positional classes for `attached` osd toolbars
+ &.bottom {
+ border-radius: 0;
+ } // positional classes for `attached` osd toolbars
}
}
-
src/gtk3/applications/_chromium.scss
-
-
--- 5.20.5-1/src/gtk4/widgets/_overshoot.scss 1970-01-01 00:00:00.000000000 +0000
+++ 5.20.90-0ubuntu1/src/gtk4/widgets/_overshoot.scss 2021-01-21 12:40:08.000000000 +0000
@@ -0,0 +1,112 @@
+@charset "UTF-8";
+
+@mixin overshoot($p, $t:normal, $c:gtk("@theme_fg_color")) {
+//
+// overshoot
+//
+// $p: position
+// $t: type
+// $c: base color
+//
+// possible $p values:
+// top, bottom, right, left
+//
+// possible $t values:
+// normal, backdrop
+//
+
+ $_small_gradient_length: 5%;
+ $_big_gradient_length: 100%;
+
+ $_position: center top;
+ $_small_gradient_size: 100% $_small_gradient_length;
+ $_big_gradient_size: 100% $_big_gradient_length;
+
+ @if $p==bottom {
+ $_position: center bottom;
+ $_linear_gradient_direction: to top;
+ }
+
+ @else if $p==right {
+ $_position: right center;
+ $_small_gradient_size: $_small_gradient_length 100%;
+ $_big_gradient_size: $_big_gradient_length 100%;
+ }
+
+ @else if $p==left {
+ $_position: left center;
+ $_small_gradient_size: $_small_gradient_length 100%;
+ $_big_gradient_size: $_big_gradient_length 100%;
+ }
+
+ $_small_gradient_color: $c;
+ $_big_gradient_color: $c;
+
+ @if $c==gtk("@theme_fg_color") {
+ $_small_gradient_color: gtkshade("@borders", 0.9);
+ $_big_gradient_color: gtk("@theme_fg_color");
+
+ @if $t==backdrop { $_small_gradient_color: gtk("@unfocused_borders"); }
+ }
+
+ $_small_gradient: radial-gradient(circle,
+ $_small_gradient_color 0%,
+ gtkalpha($_small_gradient_color, 0) 5px);
+
+ $_big_gradient: radial-gradient(circle,
+ gtkalpha($_big_gradient_color, 0.07) 0%,
+ gtkalpha($_big_gradient_color, 0) 6px);
+
+ @if $t==normal {
+ background-image: $_small_gradient, $_big_gradient;
+ background-size: $_small_gradient_size, $_big_gradient_size;
+ }
+
+ @else if $t==backdrop {
+ background-image: $_small_gradient;
+ background-size: $_small_gradient_size;
+ }
+
+ background-repeat: no-repeat;
+ background-position: $_position;
+
+ background-color: transparent; // reset some properties to be sure to not inherit them somehow
+ border: none; //
+ box-shadow: none; //
+}
+
+scrolledwindow {
+ // This is used when content is touch-dragged past boundaries.
+ // draws a box on top of the content, the size changes programmatically.
+ overshoot {
+ &.top {
+ @include overshoot(top);
+
+ &:backdrop { @include overshoot(top, backdrop); }
+ }
+
+ &.bottom {
+ @include overshoot(bottom);
+
+ &:backdrop { @include overshoot(bottom, backdrop); }
+ }
+
+ &.left {
+ @include overshoot(left);
+
+ &:backdrop { @include overshoot(left, backdrop); }
+ }
+
+ &.right {
+ @include overshoot(right);
+
+ &:backdrop { @include overshoot(right, backdrop); }
+ }
+ }
+
+ // Overflow indication, works similarly to the overshoot, the size if fixed tho.
+ undershoot {
+ background-image: none;
+ border: none;
+ }
+}
\ No newline at end of file
-
src/gtk4/widgets/_button.scss
-
src/gtk4/widgets/_base.scss
-
--- 5.20.5-1/src/gtk3/widgets/_infobar.scss 2021-01-05 11:48:07.000000000 +0000
+++ 5.20.90-0ubuntu1/src/gtk3/widgets/_infobar.scss 2021-01-21 12:40:08.000000000 +0000
@@ -27,7 +27,7 @@ infobar {
}
button {
box-shadow: none;
- background-image:none;
+ background-image: none;
background-color: gtkalpha(gtk("@warning_color"), 0.5);
border-color: gtkalpha(gtk("@warning_color"), 0.5);
color: gtk("@theme_button_foreground_normal");
@@ -35,7 +35,8 @@ infobar {
background-color: gtkalpha(gtk("@warning_color"), 0.25);
border-color: gtk("@warning_color");
}
- &:active, &:checked {
+ &:active,
+ &:checked {
background-color: gtk("@warning_color");
color: gtk("@theme_bg_color");
border-color: gtk("@warning_color");
@@ -49,13 +50,17 @@ infobar {
background-color: gtkalpha(gtk("@warning_color_backdrop"), 0.5);
border-color: gtkalpha(gtk("@warning_color_backdrop"), 0.5);
color: gtk("@theme_button_foreground_backdrop");
- &:active, &:checked {
+ &:active,
+ &:checked {
background-color: gtk("@warning_color_backdrop");
color: gtk("@theme_unfocused_bg_color");
border-color: gtk("@warning_color_backdrop");
}
&:disabled {
- background-color: gtkalpha(gtk("@warning_color_insensitive_backdrop"), 0.5);
+ background-color: gtkalpha(
+ gtk("@warning_color_insensitive_backdrop"),
+ 0.5
+ );
border-color: gtkalpha(gtk("@warning_color_insensitive_backdrop"), 0.5);
color: gtk("@theme_button_foreground_backdrop_insensitive");
}
-
--- 5.20.5-1/src/gtk3/widgets/_misc.scss 2021-01-05 11:48:07.000000000 +0000
+++ 5.20.90-0ubuntu1/src/gtk3/widgets/_misc.scss 2021-01-21 12:40:08.000000000 +0000
@@ -8,20 +8,22 @@
* Print dialog *
*****************/
printdialog {
- paper {
- color: gtk("@theme_fg_color");
- border: 1px solid gtk("@borders");
- background: white;
- padding: 0;
-
- &:backdrop {
- color: gtk("@theme_unfocused_fg_color");
- border-color: gtk("@unfocused_borders");
- background: gtk("@print_paper_backdrop");
- }
- }
+ paper {
+ color: gtk("@theme_fg_color");
+ border: 1px solid gtk("@borders");
+ background: white;
+ padding: 0;
+
+ &:backdrop {
+ color: gtk("@theme_unfocused_fg_color");
+ border-color: gtk("@unfocused_borders");
+ background: gtk("@print_paper_backdrop");
+ }
+ }
- .dialog-action-box { margin: 12px; }
+ .dialog-action-box {
+ margin: 12px;
+ }
}
/**********
@@ -35,24 +37,32 @@ frame > border,
border-radius: 0;
border: 1px solid gtk("@borders");
- &.flat { border-style: none; }
+ &.flat {
+ border-style: none;
+ }
- &:backdrop { border-color: gtk("@unfocused_borders"); }
+ &:backdrop {
+ border-color: gtk("@unfocused_borders");
+ }
}
-actionbar > revealer > box {
+actionbar > revealer > box {
padding: 6px;
border-top: 1px solid gtk("@borders");
- &:backdrop { border-color: gtk("@unfocused_borders"); }
+ &:backdrop {
+ border-color: gtk("@unfocused_borders");
+ }
}
scrolledwindow {
- viewport.frame { // avoid double borders when viewport inside scrolled window
+ viewport.frame {
+ // avoid double borders when viewport inside scrolled window
border-style: none;
}
- junction { // the small square between two scrollbars
+ junction {
+ // the small square between two scrollbars
border-color: transparent;
background-color: transparent;
background-image: none;
@@ -74,10 +84,16 @@ expander {
arrow {
min-width: 16px;
min-height: 16px;
- -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
- &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');}
- &:hover { color: gtkshade(gtk("@theme_fg_color"),1.3); } //only lightens the arrow
- &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); }
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+ &:dir(rtl) {
+ -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+ }
+ &:hover {
+ color: gtkshade(gtk("@theme_fg_color"), 1.3);
+ } //only lightens the arrow
+ &:checked {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+ }
}
}
@@ -98,7 +114,9 @@ paned {
//&:selected { background-image: image($selected_bg_color); } // FIXME is this needed?
- &:backdrop { background-image: image(gtk("@unfocused_borders")); }
+ &:backdrop {
+ background-image: image(gtk("@unfocused_borders"));
+ }
&.wide {
min-width: 5px;
@@ -110,7 +128,7 @@ paned {
&:backdrop {
background-color: gtk("@theme_unfocused_bg_color");
background-image: image(gtk("@unfocused_borders")),
- image(gtk("@unfocused_borders"));
+ image(gtk("@unfocused_borders"));
}
}
}
@@ -157,18 +175,20 @@ paned {
*********************/
@keyframes spin {
- to { -gtk-icon-transform: rotate(1turn); }
+ to {
+ -gtk-icon-transform: rotate(1turn);
+ }
}
spinner {
- background-image: none;
- opacity: 0; // non spinning spinner makes no sense
- -gtk-icon-source: -gtk-icontheme('process-working-symbolic');
- &:checked {
- opacity: 1;
- animation: spin 1s linear infinite;
- &:disabled {
- opacity: 0.5;
- }
- }
+ background-image: none;
+ opacity: 0; // non spinning spinner makes no sense
+ -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
+ &:checked {
+ opacity: 1;
+ animation: spin 1s linear infinite;
+ &:disabled {
+ opacity: 0.5;
+ }
+ }
}
-
--- 5.20.5-1/src/gtk4/widgets/_app_notifications.scss 1970-01-01 00:00:00.000000000 +0000
+++ 5.20.90-0ubuntu1/src/gtk4/widgets/_app_notifications.scss 2021-01-21 12:40:08.000000000 +0000
@@ -0,0 +1,46 @@
+@charset "UTF-8";
+
+/*********************
+ * App Notifications *
+ *********************/
+
+.app-notification,
+.app-notification.frame {
+ @extend %osd;
+ padding: 10px;
+ border-top-width: 0px;
+ border-radius: 0px 0px 3px 3px;
+ &:backdrop { background-image: none; }
+ button {
+ @include button(normal);
+ &.flat {
+ @extend %undecorated_button;
+ -gtk-icon-shadow: none;
+ text-shadow: none;
+ &:hover {
+ @extend %undecorated_button;
+ color: gtk("@theme_button_decoration_hover");
+ }
+ &:active {
+ @extend %undecorated_button;
+ color: gtk("@theme_button_decoration_focus");
+ }
+ &:backdrop,
+ &:disabled,
+ &:backdrop:disabled { @extend %undecorated_button; }
+ }
+ &:hover { @include button(hover); }
+ &:active,
+ &:checked,
+ &:backdrop:active,
+ &:backdrop:checked {
+ @include button(active);
+ }
+ &:disabled,
+ &:backdrop:disabled{
+ @include button(insensitive);
+ }
+ &:backdrop { @include button(backdrop); }
+ }
+ border {border: none;}
+}
\ No newline at end of file
-
--- 5.20.5-1/src/gtk3/widgets/_base.scss 2021-01-05 11:48:07.000000000 +0000
+++ 5.20.90-0ubuntu1/src/gtk3/widgets/_base.scss 2021-01-21 12:40:08.000000000 +0000
@@ -4,33 +4,32 @@ $ease-out-quad: cubic-bezier(0.25, 0.46,
* {
padding: 0;
- -GtkToolButton-icon-spacing: 4;
- -GtkTextView-error-underline-color: gtk("@error_color");
+ -gtktoolbutton-icon-spacing: 4;
+ -gtktextview-error-underline-color: gtk("@error_color");
// The size for scrollbars. The slider is 2px smaller, but we keep it
// up so that the whole area is sensitive to button presses for the
// slider. The stepper button is larger in both directions, the slider
// only in the width
- -GtkScrolledWindow-scrollbar-spacing: 0;
+ -gtkscrolledwindow-scrollbar-spacing: 0;
- -GtkScrolled-window-overlay-scrolling: FALSE;
+ -gtkscrolled-window-overlay-scrolling: FALSE;
- -GtkToolItemGroup-expander-size: 11;
- -GtkTreeView-expander-size: 11;
+ -gtktoolitemgroup-expander-size: 11;
+ -gtktreeview-expander-size: 11;
- -GtkTreeView-horizontal-separator: 4;
+ -gtktreeview-horizontal-separator: 4;
- -GtkWidget-text-handle-width: 20;
- -GtkWidget-text-handle-height: 20;
+ -gtkwidget-text-handle-width: 20;
+ -gtkwidget-text-handle-height: 20;
- -GtkDialog-button-spacing: 4;
- -GtkDialog-action-area-border: 0;
+ -gtkdialog-button-spacing: 4;
+ -gtkdialog-action-area-border: 0;
outline-width: 0px;
}
-
/***************
* Base States *
***************/
@@ -88,15 +87,16 @@ $ease-out-quad: cubic-bezier(0.25, 0.46,
color: gtk("@theme_unfocused_text_color");
background-color: gtk("@theme_unfocused_base_color");
}
-
+
&:disabled {
color: gtk("@insensitive_base_fg_color");
}
&:selected {
- &:focus, & {
- border-radius: $r;
- @extend %selected_items;
+ &:focus,
+ & {
+ border-radius: $r;
+ @extend %selected_items;
}
}
}
@@ -106,17 +106,24 @@ textview {
text {
@extend %view;
- selection { &:focus, & { @extend %selected_items; }}
+ selection {
+ &:focus,
+ & {
+ @extend %selected_items;
+ }
+ }
}
}
textview border {
background-color: gtk("@theme_base_color");
- background-image: image(gtk("@borders")); // HACK: the border node just draws background so,
- background-repeat: no-repeat; // using a background-image to draw the border
+ background-image: image(
+ gtk("@borders")
+ ); // HACK: the border node just draws background so,
+ background-repeat: no-repeat; // using a background-image to draw the border
- &:backdrop {
- background-color: gtk("@theme_unfocused_base_color");
+ &:backdrop {
+ background-color: gtk("@theme_unfocused_base_color");
}
&.bottom {
@@ -151,7 +158,9 @@ rubberband {
}
flowbox {
- rubberband { @extend rubberband; }
+ rubberband {
+ @extend rubberband;
+ }
flowboxchild {
padding: 3px;
@@ -169,7 +178,7 @@ label {
&.separator {
color: gtk("@theme_fg_color");
@extend .dim-label;
- &:backdrop {
+ &:backdrop {
color: gtk("@theme_unfocused_fg_color");
}
}
@@ -180,16 +189,20 @@ label {
}
&:disabled {
color: gtk("@insensitive_fg_color");
- selection { @extend %selected_items:disabled; }
+ selection {
+ @extend %selected_items:disabled;
+ }
- &:backdrop {
- color: gtk("@insensitive_unfocused_fg_color")
+ &:backdrop {
+ color: gtk("@insensitive_unfocused_fg_color");
}
}
&:backdrop {
color: gtk("@theme_unfocused_text_color");
- selction {@extend %selected_items:backdrop;}
+ selction {
+ @extend %selected_items:backdrop;
+ }
}
}
@@ -198,11 +211,11 @@ label {
text-shadow: none;
}
-%osd,
+%osd,
.osd {
color: gtk("@theme_fg_color");
border: 1px solid gtk("@borders");
- background-color: gtkalpha(gtk("@theme_bg_color"),0.8);
+ background-color: gtkalpha(gtk("@theme_bg_color"), 0.8);
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@@ -231,17 +244,18 @@ label {
background-color: gtk("@theme_selected_bg_color");
border-radius: 0px;
- @at-root %nobg_selected_items, & {
+ @at-root %nobg_selected_items,
+ & {
color: gtk("@theme_selected_fg_color");
- &:disabled {
+ &:disabled {
color: gtk("@insensitive_selected_fg_color");
}
&:backdrop {
color: gtk("@theme_unfocused_selected_fg_color");
- &:disabled {
+ &:disabled {
color: gtk("@insensitive_unfocused_selected_fg_color");
}
}
-
src/gtk3/widgets/_progressbar.scss
-
--- 5.20.5-1/src/gtk3/widgets/_scrollbar.scss 2021-01-05 11:48:07.000000000 +0000
+++ 5.20.90-0ubuntu1/src/gtk3/widgets/_scrollbar.scss 2021-01-21 12:40:08.000000000 +0000
@@ -5,9 +5,8 @@
**************/
scrollbar {
-
- -GtkScrollbar-has-backward-stepper: false;
- -GtkScrollbar-has-forward-stepper: false;
+ -gtkscrollbar-has-backward-stepper: false;
+ -gtkscrollbar-has-forward-stepper: false;
background-color: gtk("@theme_bg_color");
border-width: 0px 0px;
@@ -15,48 +14,49 @@ scrollbar {
margin: 5px;
button {
- min-width: 14px;
- min-height: 14px;
- margin: 0px;
- padding: 0px 0px;
- border: none;
- border-radius: 0px;
- background-image: none;
- background-color: transparent;
- color: transparent;
- box-shadow: none;
- &:hover {
- border: none;
- background-image: none;
- background-color: gtk("@theme_bg_color");
- color: transparent;
- }
- &:active,
- &:active:hover {
- border: none;
- background-image: none;
- background-color: gtk("@theme_bg_color");
- color: transparent;
- }
- &:disabled {
+ min-width: 14px;
+ min-height: 14px;
+ margin: 0px;
+ padding: 0px 0px;
border: none;
- background-color: gtk("@theme_bg_color");
+ border-radius: 0px;
background-image: none;
+ background-color: transparent;
color: transparent;
+ box-shadow: none;
+ &:hover {
+ border: none;
+ background-image: none;
+ background-color: gtk("@theme_bg_color");
+ color: transparent;
+ }
+ &:active,
+ &:active:hover {
+ border: none;
+ background-image: none;
+ background-color: gtk("@theme_bg_color");
+ color: transparent;
+ }
+ &:disabled {
+ border: none;
+ background-color: gtk("@theme_bg_color");
+ background-image: none;
+ color: transparent;
}
- }
+ }
// Overlay Scrollbars
&.dragging, // if this isn't set, the scrollbars don't update their size correctly
- &.hovering { opacity: 0.9910; } // probably a gtk bug
- &.overlay-indicator:not(.dragging):not(.hovering) { opacity: 0.999; } //
-
-
+ &.hovering {
+ opacity: 0.991;
+ } // probably a gtk bug
&.overlay-indicator:not(.dragging):not(.hovering) {
- -GtkScrollbar-has-backward-stepper: false;
- -GtkScrollbar-has-forward-stepper: false;
-
+ opacity: 0.999;
+ } //
+ &.overlay-indicator:not(.dragging):not(.hovering) {
+ -gtkscrollbar-has-backward-stepper: false;
+ -gtkscrollbar-has-forward-stepper: false;
}
&.overlay-indicator {
@@ -71,15 +71,15 @@ scrollbar {
border-radius: 8px;
background-color: transparent;
}
-
+
&:hover {
trough {
background-color: $trough_color_backdrop;
min-width: 6px;
}
slider {
- min-width: 6px;
- background-color: gtk("@theme_button_decoration_hover");
+ min-width: 6px;
+ background-color: gtk("@theme_button_decoration_hover");
}
}
@@ -98,11 +98,11 @@ scrollbar {
min-height: 6px;
}
&.horizontal slider {
- min-height: 6px;
- background-color: gtk("@theme_button_decoration_hover");
+ min-height: 6px;
+ background-color: gtk("@theme_button_decoration_hover");
}
}
-
+
slider {
//margin: 0px;
transition-duration: 0.1s;
@@ -112,9 +112,8 @@ scrollbar {
background-clip: padding-box;
background-color: gtkalpha(gtk("@theme_fg_color"), 0.5);
&:hover {
- min-width: 6px;
- background-color: gtk("@theme_button_decoration_hover");
-
+ min-width: 6px;
+ background-color: gtk("@theme_button_decoration_hover");
}
}
&.horizontal slider {
@@ -125,10 +124,8 @@ scrollbar {
background-clip: padding-box;
background-color: gtkalpha(gtk("@theme_fg_color"), 0.5);
&:hover {
- min-height: 6px;
- background-color: gtk("@theme_button_decoration_hover");
-
+ min-height: 6px;
+ background-color: gtk("@theme_button_decoration_hover");
}
-
}
}
-
--- 5.20.5-1/src/gtk4/widgets/_typography.scss 1970-01-01 00:00:00.000000000 +0000
+++ 5.20.90-0ubuntu1/src/gtk4/widgets/_typography.scss 2021-01-21 12:40:08.000000000 +0000
@@ -0,0 +1,40 @@
+.large-title {
+ font-weight: 300;
+ font-size: 24pt;
+}
+.title {
+ font-weight: 700;
+ font-size: 13pt;
+}
+.title-1 {
+ font-weight: 800;
+ font-size: 20pt;
+}
+.title-2 {
+ font-weight: 800;
+ font-size: 15pt;
+}
+.title-3 {
+ font-weight: 700;
+ font-size: 15pt;
+}
+.title-4 {
+ font-weight: 700;
+ font-size: 13pt;
+}
+.heading {
+ font-weight: 700;
+ font-size: 11pt;
+}
+.body {
+ font-weight: 400;
+ font-size: 11pt;
+}
+.caption-heading {
+ font-weight: 700;
+ font-size: 9pt;
+}
+.caption {
+ font-weight: 400;
+ font-size: 9pt;
+}
-
--- 5.20.5-1/src/gtk4/widgets/_floating-bar.scss 1970-01-01 00:00:00.000000000 +0000
+++ 5.20.90-0ubuntu1/src/gtk4/widgets/_floating-bar.scss 2021-01-21 12:40:08.000000000 +0000
@@ -0,0 +1,8 @@
+
+.floating-bar {
+ background-color: gtk("@tooltip_background");
+ color: gtk("@tooltip_text");
+ border: 1px solid gtk("@tooltip_border");
+ border-radius: $r;
+ margin: 3px;
+}
\ No newline at end of file
-
--- 5.20.5-1/src/gtk4/widgets/_toolbar.scss 1970-01-01 00:00:00.000000000 +0000
+++ 5.20.90-0ubuntu1/src/gtk4/widgets/_toolbar.scss 2021-01-21 12:40:08.000000000 +0000
@@ -0,0 +1,71 @@
+@charset "UTF-8";
+
+/************
+ * Toolbars *
+ ************/
+ %toolbar {
+ padding: 4px;
+ background-color: gtk("@theme_bg_color");
+}
+toolbar {
+ @extend %toolbar;
+ padding: 4px 3px 3px 4px;
+ &:backdrop {
+ background-color: gtk("@theme_unfocused_bg_color");
+ box-shadow: none;
+ }
+ button {
+ margin: 2px;
+ padding: 3px;
+ &.image-button, &.text-button.image-button {
+ padding: 3px;
+ }
+ }
+ separator {
+ margin-left: 3px;
+ margin-right: 3px;
+ }
+ entry {
+ margin: 3px;
+ }
+ // on OSD
+ .osd & { background-color: transparent; }
+ &.osd {
+ padding: 13px;
+ border: none;
+ border-radius: $r;
+ background-color: gtk("@theme_bg_color");
+ &:backdrop {
+ border-color: gtk("@unfocused_borders");
+ background-color: gtk("@theme_unfocused_bg_color");
+ box-shadow: none;
+ }
+ &.left,
+ &.right,
+ &.top,
+ &.bottom { border-radius: 0; } // positional classes for `attached` osd toolbars
+ }
+}
+
+//searchbar, location-bar & inline-toolbar
+.inline-toolbar {
+ @extend %toolbar;
+ @extend %inset-bar;
+ border-width: 0px 0px 1px 0px;
+ padding: 3px;
+ border-radius: 0;
+}
+searchbar,
+.location-bar {
+ @extend %toolbar;
+ @extend %inset-bar;
+ border-width: 0px 0px 1px 0px;
+ padding: 3px;
+}
+
+%inset-bar {
+ border-style: solid;
+ border-color: gtk("@borders");
+ text-shadow: none;
+ background-color: gtk("@theme_bg_color");
+}
-
--- 5.20.5-1/src/gtk4/widgets/_calendar.scss 1970-01-01 00:00:00.000000000 +0000
+++ 5.20.90-0ubuntu1/src/gtk4/widgets/_calendar.scss 2021-01-21 12:40:08.000000000 +0000
@@ -0,0 +1,66 @@
+@charset "UTF-8";
+
+/************
+ * Calendar *
+ ***********/
+calendar {
+ color: gtk("@theme_text_color");
+ border: 1px solid gtk("@borders");
+ background-color: gtk("@theme_base_color");
+ &:selected {
+ background-color: gtk("@borders");
+ }
+ &:disabled {
+ color: gtk("@insensitive_base_fg_color");
+ }
+
+ &.header {
+ border: 1px solid gtk("@borders");
+ border-radius: 0;
+ color: gtk("@theme_text_color");
+
+ &:backdrop {
+ color: gtk("@theme_unfocused_text_color");
+ border-color: gtk("@unfocused_borders");
+ }
+
+ &:disabled {
+ color: gtk("@insensitive_base_fg_color");
+ }
+ }
+
+ &.button {
+ @extend %undecorated_button;
+ color: gtk("@theme_button_foreground_normal");
+
+ &:hover {
+ @extend %undecorated_button;
+ color: gtk("@theme_button_decoration_hover");
+ }
+ &:active {
+ @extend %undecorated_button;
+ color: gtk("@theme_button_decoration_focus");
+ }
+ &:backdrop {
+ @extend %undecorated_button;
+ color: gtk("@theme_button_foreground_backdrop");
+ }
+ }
+
+ &:indeterminate,
+ &.highlight {
+ color: gtkalpha(gtk("@theme_text_color"),0.5);
+ }
+
+ &:indeterminate:backdrop,
+ &.highlight:backdrop {
+ color:gtkalpha(gtk("@theme_unfocused_text_color"),0.5);
+ }
+
+
+ &:backdrop {
+ color: gtk("@theme_unfocused_text_color");
+ border-color: gtk("@unfocused_borders");
+ background-color: gtk("@theme_unfocused_base_color");
+ }
+}
-
--- 5.20.5-1/src/gtk3/widgets/_floating-bar.scss 2021-01-05 11:48:07.000000000 +0000
+++ 5.20.90-0ubuntu1/src/gtk3/widgets/_floating-bar.scss 2021-01-21 12:40:08.000000000 +0000
@@ -1,8 +1,7 @@
-
.floating-bar {
- background-color: gtk("@tooltip_background");
- color: gtk("@tooltip_text");
- border: 1px solid gtk("@tooltip_border");
- border-radius: $r;
- margin: 3px;
-}
\ No newline at end of file
+ background-color: gtk("@tooltip_background");
+ color: gtk("@tooltip_text");
+ border: 1px solid gtk("@tooltip_border");
+ border-radius: $r;
+ margin: 3px;
+}
-
--- 5.20.5-1/src/gtk4/gtk.scss 1970-01-01 00:00:00.000000000 +0000
+++ 5.20.90-0ubuntu1/src/gtk4/gtk.scss 2021-01-21 12:40:08.000000000 +0000
@@ -0,0 +1,39 @@
+@charset "UTF-8";
+
+$new-highlight: false;
+
+@import 'global';
+@import '../functions';
+@import '../colors';
+
+@import "widgets/base";
+@import "widgets/button";
+@import "widgets/entry";
+@import "widgets/app_notifications";
+@import "widgets/calendar";
+@import "widgets/checkboxes";
+@import "widgets/color_chooser";
+@import "widgets/dialogs";
+@import "widgets/headerbar";
+@import "widgets/infobar";
+@import "widgets/link";
+@import "widgets/lists";
+@import "widgets/menus";
+@import "widgets/misc";
+@import "widgets/notebook";
+@import "widgets/overshoot";
+@import "widgets/pathbar";
+@import "widgets/progressbar";
+@import "widgets/scale";
+@import "widgets/scrollbar";
+@import "widgets/sidebar";
+@import "widgets/spinbutton";
+@import "widgets/switch";
+@import "widgets/toolbar";
+@import "widgets/tooltips";
+@import "widgets/treeview";
+@import "widgets/window_decorations";
+@import "widgets/libhandy";
+@import "widgets/assistant";
+@import "widgets/floating-bar";
+@import "widgets/typography";
-
--- 5.20.5-1/src/gtk3/widgets/_link.scss 2021-01-05 11:48:07.000000000 +0000
+++ 5.20.90-0ubuntu1/src/gtk3/widgets/_link.scss 2021-01-21 12:40:08.000000000 +0000
@@ -8,28 +8,47 @@
color: gtk("@link_color");
&:visited {
color: gtk("@link_visited_color");
- *:selected & {
- color: gtkmix(gtk("@theme_selected_fg_color"), gtk("@theme_selected_bg_color"), 0.6);
+ *:selected & {
+ color: gtkmix(
+ gtk("@theme_selected_fg_color"),
+ gtk("@theme_selected_bg_color"),
+ 0.6
+ );
}
}
&:hover {
color: gtkshade("@link_color", 1.1);
- *:selected & {
- color: gtkmix(gtk("@theme_selected_fg_color"), gtk("@theme_selected_bg_color"), 0.9);
+ *:selected & {
+ color: gtkmix(
+ gtk("@theme_selected_fg_color"),
+ gtk("@theme_selected_bg_color"),
+ 0.9
+ );
}
}
&:active {
color: gtk("@link_color");
*:selected & {
- color: gtkmix(gtk("@theme_selected_fg_color"), gtk("@theme_selected_bg_color"), 0.8);
+ color: gtkmix(
+ gtk("@theme_selected_fg_color"),
+ gtk("@theme_selected_bg_color"),
+ 0.8
+ );
}
}
- &:backdrop, &:backdrop:hover, &:backdrop:hover:selected {
+ &:backdrop,
+ &:backdrop:hover,
+ &:backdrop:hover:selected {
color: gtk("@theme_unfocused_selected_bg_color");
}
@at-root %link_selected,
- &:selected, *:selected & {
- color: gtkmix(gtk("@theme_selected_fg_color"), gtk("@theme_selected_bg_color"), 0.8);
+ &:selected,
+ *:selected & {
+ color: gtkmix(
+ gtk("@theme_selected_fg_color"),
+ gtk("@theme_selected_bg_color"),
+ 0.8
+ );
}
}
-
--- 5.20.5-1/src/gtk4/widgets/_scale.scss 1970-01-01 00:00:00.000000000 +0000
+++ 5.20.90-0ubuntu1/src/gtk4/widgets/_scale.scss 2021-01-21 12:40:08.000000000 +0000
@@ -0,0 +1,99 @@
+@charset "UTF-8";
+
+/************
+ * GtkScale *
+ ************/
+scale {
+
+ &.fine-tune {
+ &.trough {
+ margin: 8px;
+ border-radius: $r;
+ }
+ }
+
+ slider {
+ min-width: 18px;
+ min-height: 18px;
+ background-color: gtk("@theme_button_background_normal");
+ border: 1px solid gtk("@borders");
+ border-radius: 50%;
+ box-shadow: none;
+ margin: -9px;
+ &:hover {
+ border-style: solid;
+ border-width: 2px;
+ border-color: gtk("@theme_button_decoration_hover");
+ border-radius: 50%; // needed for double marks scales
+ &:backdrop {
+ background-color: gtk("@theme_button_background_backdrop");
+ border-color: gtk("@theme_button_decoration_hover_insensitive");
+ }
+ }
+ &:disabled {
+ border-style: solid; // needed for double marks scales or they'll get
+ border-radius: 50%; // overridden
+ background-color: gtkalpha(gtk("@theme_button_background_insensitive"), 100.0);
+ opacity: 1.0;
+ border-color: gtk("@insensitive_borders");
+ &:backdrop {
+ background-color: gtkalpha(gtk("@theme_button_background_backdrop_insensitive"), 100.0);
+ border-color: gtk("@unfocused_insensitive_borders");
+ }
+ }
+ &:active {
+ border: 2px solid gtk("@theme_button_decoration_focus");
+ &:backdrop {
+ background-color: gtk("@theme_button_background_normal");
+ border-color: gtk("@theme_button_decoration_focus_backdrop");
+ }
+ }
+ &:backdrop {
+ background-color: gtk("@theme_button_background_backdrop");
+ border-color: gtk("@unfocused_borders");
+ }
+ }
+ trough {
+ min-width: 6px;
+ min-height: 6px;
+ margin: 9px;
+ border: 0px solid;
+ border-radius: $r;
+ background-color: $trough_color;
+ box-shadow: none;
+
+ &:disabled, &.vertical:disabled {
+ border-color: $trough_color_insensitive;
+ background-color: $trough_color_insensitive;
+ box-shadow: none;
+ &:backdrop {
+ background-color: $trough_color_backdrop_insensitive;
+ border-color: $trough_color_backdrop_insensitive;
+ }
+ }
+ &:backdrop {
+ background-color: $trough_color_backdrop;
+ border-color: $trough_color_backdrop;
+ }
+ }
+ highlight {
+ border: 0px solid;
+ border-radius: 3px;
+ background-color: gtk("@theme_selected_bg_color");
+ border-color: gtk("@theme_selected_bg_color");
+ &.vertical {
+ background-color: gtk("@theme_selected_bg_color");
+ border-color: gtk("@theme_selected_bg_color");
+ }
+ &:disabled {
+ background-color: gtk("@insensitive_selected_bg_color");
+ }
+ &:backdrop {
+ background-color: gtk("@theme_unfocused_selected_bg_color");
+ border-color: gtk("@theme_unfocused_selected_bg_color");
+ &:disabled {
+ background-color: gtk("@insensitive_unfocused_selected_bg_color");
+ }
+ }
+ }
+}
-
src/gtk4/widgets/_notebook.scss
-
--- 5.20.5-1/src/gtk4/widgets/_dialogs.scss 1970-01-01 00:00:00.000000000 +0000
+++ 5.20.90-0ubuntu1/src/gtk4/widgets/_dialogs.scss 2021-01-21 12:40:08.000000000 +0000
@@ -0,0 +1,65 @@
+@charset "UTF-8";
+
+/***********
+ * Dialogs *
+ ***********/
+
+// .message-dialog .dialog-action-area .button {
+// //padding: 8px;
+// }
+
+messagedialog { // Message Dialog styling
+
+ &.background {
+ background-color: gtk("@theme_bg_color");
+ }
+ &:backdrop {
+ background-color: gtk("@theme_unfocused_bg_color");
+ }
+ .titlebar {
+ min-height: 32px;
+ background-color: transparent;
+ background-image: linear-gradient(to bottom, gtkshade("@theme_titlebar_background", 1.2117647),gtk("@theme_titlebar_background"));
+ box-shadow: none;
+ }
+ .dialog-action-area {
+ padding: 8px;
+ }
+ button { margin: 2px; }
+}
+
+filechooser {
+ .search-bar {
+ background-color: gtk("@theme_bg_color");
+ border-color: gtk("@theme_bg_color");
+ box-shadow: none;
+ &:backdrop {
+ background-color: gtk("@theme_unfocused_bg_color");
+ border-color: gtk("@theme_unfocused_bg_color");
+ color: gtk("@theme_unfocused_text_color");
+ }
+ }
+ .dialog-action-box {
+ border-top: 1px solid gtk("@borders");
+ &:backdrop { border-top-color: gtk("@unfocused_borders"); }
+ }
+ #pathbarbox {
+ background-color: gtk("@theme_bg_color");
+ border-bottom: 1px solid gtk("@borders");
+ }
+}
+
+.dialog-action-box {
+ margin-top: 8px;
+
+ button {
+ border-radius: 0px;
+
+ &:first-child {
+ border-radius: $r 0 0 $r;
+ }
+ &:last-child {
+ border-radius: 0 $r $r 0;
+ }
+ }
+}
-
-
src/gtk3/widgets/_libhandy.scss
--- 5.20.5-1/src/gtk3/widgets/_libhandy.scss 2021-01-05 11:48:07.000000000 +0000
+++ 5.20.90-0ubuntu1/src/gtk3/widgets/_libhandy.scss 2021-01-21 12:40:08.000000000 +0000
@@ -1,51 +1,66 @@
@charset "UTF-8";
hdydialer {
- button {
- font-weight: lighter;
- background-color: transparent;
- border: 0;
- box-shadow: none;
- &:backdrop {
- background-color: transparent;
- }
- &:focus {
- background-color: transparent;
- border: none;
- }
+ button {
+ font-weight: lighter;
+ background-color: transparent;
+ border: 0;
+ box-shadow: none;
+ &:backdrop {
+ background-color: transparent;
+ }
+ &:focus {
+ background-color: transparent;
+ border: none;
}
+ }
}
hdyviewswitcher {
- > button {
- border: 0;
- background-color: transparent;
- &:backdrop:hover, &:hover, &:active, &:hover:focus, &:active:focus, &:checked, &:checked:hover {
- background-color: transparent;
- }
- &:checked, &:checked:backdrop {
- border-top: 0;
- border-left: 0;
- border-right: 0;
- background-color: transparent;
- > stack {
- border-bottom: 3px solid transparent;
- border-top: 3px solid gtk("@theme_button_decoration_focus");
- }
- }
- &.needs-attention > stack > box label {
- animation: needs_attention 150ms ease-in;
- background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(gtk("@theme_button_decoration_focus")), to(transparent));
- background-size: 6px 6px, 6px 6px;
- background-repeat: no-repeat;
- background-position: right 0px, right 1px;
- }
+ > button {
+ border: 0;
+ background-color: transparent;
+ &:backdrop:hover,
+ &:hover,
+ &:active,
+ &:hover:focus,
+ &:active:focus,
+ &:checked,
+ &:checked:hover {
+ background-color: transparent;
+ }
+ &:checked,
+ &:checked:backdrop {
+ border-top: 0;
+ border-left: 0;
+ border-right: 0;
+ background-color: transparent;
+ > stack {
+ border-bottom: 3px solid transparent;
+ border-top: 3px solid gtk("@theme_button_decoration_focus");
+ }
+ }
+ &.needs-attention > stack > box label {
+ animation: needs_attention 150ms ease-in;
+ background-image: -gtk-gradient(
+ radial,
+ center center,
+ 0,
+ center center,
+ 0.5,
+ to(gtk("@theme_button_decoration_focus")),
+ to(transparent)
+ );
+ background-size: 6px 6px, 6px 6px;
+ background-repeat: no-repeat;
+ background-position: right 0px, right 1px;
}
+ }
}
headerbar hdyviewswitcher > button:checked > stack {
- &:backdrop {
- border-top: 3px solid transparent;
- border-bottom: 3px solid gtk("@theme_button_decoration_focus");
- }
+ &:backdrop {
border-top: 3px solid transparent;
border-bottom: 3px solid gtk("@theme_button_decoration_focus");
-}
\ No newline at end of file
+ }
+ border-top: 3px solid transparent;
+ border-bottom: 3px solid gtk("@theme_button_decoration_focus");
+}
-
--- 5.20.5-1/src/gtk4/widgets/_treeview.scss 1970-01-01 00:00:00.000000000 +0000
+++ 5.20.90-0ubuntu1/src/gtk4/widgets/_treeview.scss 2021-01-21 12:40:08.000000000 +0000
@@ -0,0 +1,176 @@
+@charset "UTF-8";
+
+@mixin item-hover-middle {
+ @if $new-highlight {
+ background-color: gtk("@theme_selected_bg_color");
+ border-left-color: gtk("@theme_selected_fg_color");
+ border-top-color: gtk("@theme_selected_fg_color");
+ } @else {
+ background-color: gtkalpha(gtk("@theme_selected_bg_color"), 0.3);
+ border-left-color: gtk("@theme_fg_color");
+ border-top-color: gtk("@theme_fg_color");
+ }
+}
+
+@mixin item-selected-middle {
+ @if $new-highlight {
+ background-color: gtkalpha(gtk("@theme_button_decoration_focus"), 0.3);
+ color: gtk("@theme_button_foreground_active");
+ border: 1px solid gtk("@theme_button_decoration_focus");
+ border-left: 0;
+ border-right: 0;
+ border-radius: 0px;
+ } @else {
+ background-color: gtk("@theme_selected_bg_color");
+ border-left-color: gtk("@theme_selected_fg_color");
+ border-top-color: gtk("@theme_selected_fg_color");
+ }
+}
+
+@mixin item-selected-middle-backdrop {
+ @if $new-highlight {
+ background-color: gtkalpha(gtk("@theme_button_decoration_focus_backdrop"), 0.3);
+ color: gtk("@theme_button_foreground_active_backdrop");
+ border: 1px solid gtk("@theme_button_decoration_focus_backdrop");
+ border-left: 0;
+ border-right: 0;
+ border-radius: 0px;
+ } @else {
+ background-color: gtk("@theme_unfocused_selected_bg_color");
+ border-left-color: gtk("@theme_unfocused_selected_fg_color");
+ border-top-color: gtk("@theme_unfocused_selected_fg_color");
+ }
+}
+
+/**************
+ * Tree Views *
+ **************/
+treeview.view {
+
+ border-left-color: gtk("@borders"); // this is actually the tree lines color,
+ border-top-color: transparent; // while this is the grid lines color, better then nothing
+
+ rubberband { @extend rubberband; } // to avoid borders being overridden by the previously set props
+
+ &:selected { border-radius: 0; } // rest border radius in lists
+
+ &:hover {
+ @include item-hover-middle();
+ }
+
+ &:selected {
+ @include item-selected-middle();
+ }
+
+ &:backdrop:selected {
+ @include item-selected-middle-backdrop();
+ }
+
+ &:disabled {
+ color: gtk("@insensitive_borders");
+ &:selected {
+ color: gtk("@insensitive_selected_fg_color");
+ &:backdrop { color: gtk("@insensitive_unfocused_selected_fg_color"); }
+ }
+ &:backdrop { color: gtk("@unfocused_insensitive_borders"); }
+ }
+ &.separator {
+ min-height: 2px;
+ color: gtk("@borders");
+ }
+ &.separator:backdrop {
+ color: gtk("@unfocused_borders");
+ }
+
+ &:backdrop {
+ border-left-color: gtk("@unfocused_borders");
+ }
+
+ &:drop(active) {
+ border-style: solid none;
+ border-width: 1px;
+ border-color: gtk("@theme_button_decoration_hover");
+ }
+
+ &.expander {
+ // GtkTreeView uses the larger of the expander’s min-width and min-height
+ min-width: 16px;
+ min-height: 16px;
+ -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+ color: gtk("@theme_fg_color");
+ &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-start-symbolic'); };
+ &:hover { color: gtk("@theme_button_decoration_hover"); }
+ &:selected { color: gtk("@theme_selected_fg_color"); }
+ &:checked {
+ -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+ &:selected { color: gtk("@theme_selected_fg_color"); }
+ &:backdrop { color: gtk("@theme_unfocused_base_color"); }
+ }
+ &:backdrop { color: gtk("@theme_unfocused_base_color"); }
+ }
+ header {
+ button {
+ @extend %column_header_button;
+ color: gtk("@theme_button_foreground_normal");
+ background-color: gtk("@theme_button_background_normal");
+ text-shadow: none;
+ box-shadow: none;
+ &:hover {
+ @extend %column_header_button;
+ color: gtk("@theme_button_foreground_normal");
+ background-color: gtkalpha(gtk("@theme_button_decoration_hover"), 0.5);
+ box-shadow: none;
+
+ }
+ &:active {
+ @extend %column_header_button;
+ color: gtk("@theme_button_foreground_normal");
+ background-color: gtkalpha(gtk("@theme_button_decoration_hover"), 0.5);
+
+ }
+ }
+ button:last-child { &:backdrop, & { border-right-style: none; }}
+ }
+ button.dnd,
+ header.button.dnd { // for treeview-like derive widgets
+ &:active, &:selected, &:hover, & {
+ padding: 0 6px;
+ color: gtk("@theme_selected_fg_color");
+ background-image: none;
+ background-color: gtk("@theme_selected_bg_color");
+ border-style: none;
+ border-radius: 0;
+ box-shadow: none;
+ text-shadow: none;
+
+ }
+ }
+}
+
+%column_header_button {
+ padding: 6px;
+ border-style: none solid solid none;
+ border-radius: 0;
+ background-image: none;
+ border-color: gtk("@borders");
+ text-shadow: none;
+ &:disabled {
+ border-color: gtk("@insensitive_borders");
+ color: gtk("@theme_button_foreground_insensitive");
+ background-color: gtk("@theme_button_background_insensitive");
+ background-image: none;
+ }
+ &:backdrop {
+ border-color: gtk("@unfocused_borders");
+ border-style: none solid solid none;
+ color: gtk("@theme_button_foreground_backdrop");
+ background-image: none;
+ background-color: gtk("@theme_button_background_backdrop");
+ &:disabled {
+ border-color: gtk("@unfocused_insensitive_borders");
+ background-image: none;
+ background-color: gtk("@theme_button_background_backdrop_insensitive");
+ color: gtk("@theme_button_foreground_backdrop_insensitive");
+ }
+ }
+}
-
--- 5.20.5-1/src/gtk4/widgets/_infobar.scss 1970-01-01 00:00:00.000000000 +0000
+++ 5.20.90-0ubuntu1/src/gtk4/widgets/_infobar.scss 2021-01-21 12:40:08.000000000 +0000
@@ -0,0 +1,70 @@
+@charset "UTF-8";
+
+/**************
+ * GtkInfoBar *
+ **************/
+infobar {
+ border-style: none;
+ border-bottom: 1px solid gtk("@borders");
+ background-color: gtk("@theme_bg_color");
+ background-image: none;
+ &:backdrop {
+ border-bottom: 1px solid gtk("@unfocused_borders");
+ }
+}
+
+.info,
+.question,
+.warning,
+.error {
+ background-color: gtk("@theme_bg_color");
+ background-image: none;
+ color: gtk("@warning_color");
+ text-shadow: none;
+ &:backdrop {
+ background-color: gtk("@theme_unfocused_bg_color");
+ color: gtk("@warning_color_backdrop");
+ }
+ button {
+ box-shadow: none;
+ background-image:none;
+ background-color: gtkalpha(gtk("@warning_color"), 0.5);
+ border-color: gtkalpha(gtk("@warning_color"), 0.5);
+ color: gtk("@theme_button_foreground_normal");
+ &:hover {
+ background-color: gtkalpha(gtk("@warning_color"), 0.25);
+ border-color: gtk("@warning_color");
+ }
+ &:active, &:checked {
+ background-color: gtk("@warning_color");
+ color: gtk("@theme_bg_color");
+ border-color: gtk("@warning_color");
+ }
+ &:disabled {
+ background-color: gtkalpha(gtk("@warning_color_insensitive"), 0.5);
+ border-color: gtkalpha(gtk("@warning_color_insensitive"), 0.5);
+ color: gtk("@theme_button_foreground_insensitive");
+ }
+ &:backdrop {
+ background-color: gtkalpha(gtk("@warning_color_backdrop"), 0.5);
+ border-color: gtkalpha(gtk("@warning_color_backdrop"), 0.5);
+ color: gtk("@theme_button_foreground_backdrop");
+ &:active, &:checked {
+ background-color: gtk("@warning_color_backdrop");
+ color: gtk("@theme_unfocused_bg_color");
+ border-color: gtk("@warning_color_backdrop");
+ }
+ &:disabled {
+ background-color: gtkalpha(gtk("@warning_color_insensitive_backdrop"), 0.5);
+ border-color: gtkalpha(gtk("@warning_color_insensitive_backdrop"), 0.5);
+ color: gtk("@theme_button_foreground_backdrop_insensitive");
+ }
+ &:disabled:active,
+ &:disabled:checked {
+ background-color: gtk("@warning_color_insensitive_backdrop");
+ color: gtk("@insensitive_unfocused_bg_color");
+ border-color: gtk("@warning_color_insensitive_backdrop");
+ }
+ }
+ }
+}
-
src/gtk3/widgets/_window_decorations.scss
-
--- 5.20.5-1/src/gtk-dark-3.0.css 2021-01-05 11:48:07.000000000 +0000
+++ 5.20.90-0ubuntu1/src/gtk-dark-3.0.css 2021-01-21 12:40:08.000000000 +0000
@@ -1 +1 @@
-@import url("../../Breeze-Dark/gtk-3.0/gtk.css");
\ No newline at end of file
+@import url("../../Breeze-Dark/gtk-3.0/gtk.css");
-
--- 5.20.5-1/src/gtk4/widgets/_misc.scss 1970-01-01 00:00:00.000000000 +0000
+++ 5.20.90-0ubuntu1/src/gtk4/widgets/_misc.scss 2021-01-21 12:40:08.000000000 +0000
@@ -0,0 +1,174 @@
+@charset "UTF-8";
+
+/********
+ * Misc *
+ ********/
+
+/****************
+* Print dialog *
+*****************/
+printdialog {
+ paper {
+ color: gtk("@theme_fg_color");
+ border: 1px solid gtk("@borders");
+ background: white;
+ padding: 0;
+
+ &:backdrop {
+ color: gtk("@theme_unfocused_fg_color");
+ border-color: gtk("@unfocused_borders");
+ background: gtk("@print_paper_backdrop");
+ }
+ }
+
+ .dialog-action-box { margin: 12px; }
+}
+
+/**********
+* Frames *
+**********/
+frame > border,
+.frame {
+ box-shadow: none;
+ margin: 0;
+ padding: 0;
+ border-radius: 0;
+ border: 1px solid gtk("@borders");
+
+ &.flat { border-style: none; }
+
+ &:backdrop { border-color: gtk("@unfocused_borders"); }
+}
+
+actionbar > revealer > box {
+ padding: 6px;
+ border-top: 1px solid gtk("@borders");
+
+ &:backdrop { border-color: gtk("@unfocused_borders"); }
+}
+
+scrolledwindow {
+ viewport.frame { // avoid double borders when viewport inside scrolled window
+ border-style: none;
+ }
+
+ junction { // the small square between two scrollbars
+ border-color: transparent;
+ background-color: transparent;
+ background-image: none;
+ }
+}
+
+//vbox and hbox separators
+separator {
+ background: gtk("@borders");
+ min-width: 1px;
+ min-height: 1px;
+}
+
+/*************
+* Expanders *
+*************/
+
+expander {
+ arrow {
+ min-width: 16px;
+ min-height: 16px;
+ -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+ &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');}
+ &:hover { color: gtkshade(gtk("@theme_fg_color"),1.3); } //only lightens the arrow
+ &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); }
+ }
+}
+
+/*********
+* Paned *
+*********/
+
+paned {
+ > separator {
+ min-width: 1px;
+ min-height: 1px;
+ -gtk-icon-source: none; // defeats the ugly default handle decoration
+ border-style: none; // just to be sure
+ background-color: transparent;
+ // workaround, using background istead of a border since the border will get rendered twice (?)
+ background-image: image(gtk("@borders"));
+ background-size: 1px 1px;
+
+ //&:selected { background-image: image($selected_bg_color); } // FIXME is this needed?
+
+ &:backdrop { background-image: image(gtk("@unfocused_borders")); }
+
+ &.wide {
+ min-width: 5px;
+ min-height: 5px;
+ background-color: gtk("@theme_bg_color");
+ background-image: image(gtk("@borders")), image(gtk("@borders"));
+ background-size: 1px 1px, 1px 1px;
+
+ &:backdrop {
+ background-color: gtk("@theme_unfocused_bg_color");
+ background-image: image(gtk("@unfocused_borders")),
+ image(gtk("@unfocused_borders"));
+ }
+ }
+ }
+
+ &.horizontal > separator {
+ background-repeat: repeat-y;
+
+ &:dir(ltr) {
+ margin: 0 -8px 0 0;
+ padding: 0 8px 0 0;
+ background-position: left;
+ }
+ &:dir(rtl) {
+ margin: 0 0 0 -8px;
+ padding: 0 0 0 8px;
+ background-position: right;
+ }
+
+ &.wide {
+ margin: 0;
+ padding: 0;
+ background-repeat: repeat-y, repeat-y;
+ background-position: left, right;
+ }
+ }
+
+ &.vertical > separator {
+ margin: 0 0 -8px 0;
+ padding: 0 0 8px 0;
+ background-repeat: repeat-x;
+ background-position: top;
+
+ &.wide {
+ margin: 0;
+ padding: 0;
+ background-repeat: repeat-x, repeat-x;
+ background-position: bottom, top;
+ }
+ }
+}
+
+/*********************
+* Spinner Animation *
+*********************/
+
+@keyframes spin {
+ to { -gtk-icon-transform: rotate(1turn); }
+}
+
+spinner {
+ background-image: none;
+ opacity: 0; // non spinning spinner makes no sense
+ -gtk-icon-source: -gtk-icontheme('process-working-symbolic');
+ &:checked {
+ opacity: 1;
+ animation: spin 1s linear infinite;
+ &:disabled {
+ opacity: 0.5;
+ }
+ }
+}
-
-
--- 5.20.5-1/src/gtk3/widgets/_lists.scss 2021-01-05 11:48:07.000000000 +0000
+++ 5.20.90-0ubuntu1/src/gtk3/widgets/_lists.scss 2021-01-21 12:40:08.000000000 +0000
@@ -24,13 +24,17 @@ list {
background-color: gtk("@theme_unfocused_bg_color");
color: gtk("@theme_unfocused_fg_color");
}
- row { padding: 2px; }
+ row {
+ padding: 2px;
+ }
}
row {
- transition: all 150ms $ease-out-quad;
- &:hover { transition: none; }
+
+ &:hover {
+
+ }
&.activatable {
@if $new-highlight {
@@ -39,7 +43,7 @@ row {
&.has-open-popup, // this is for indicathing which row generated a popover see https://bugzilla.gnome.org/show_bug.cgi?id=754411
- &:hover {
+ &:hover {
@include list-item-highlight();
}
@@ -59,11 +63,13 @@ row {
@include list-item-highlight();
}
- &:backdrop {
+ &:backdrop {
background-color: gtk("@theme_unfocused_selected_bg_color_alt");
}
}
}
- &:selected { @extend %selected_items; }
-}
\ No newline at end of file
+ &:selected {
+ @extend %selected_items;
+ }
+}
-
--- 5.20.5-1/src/gtk4/widgets/_entry.scss 1970-01-01 00:00:00.000000000 +0000
+++ 5.20.90-0ubuntu1/src/gtk4/widgets/_entry.scss 2021-01-21 12:40:08.000000000 +0000
@@ -0,0 +1,153 @@
+@charset "UTF-8";
+
+@mixin entry($t, $fc:gtk("@theme_view_active_decoration_color")) {
+//
+// Entries drawing function
+//
+// $t: entry type
+// $fc: focus color
+// $edge: set to none to not draw the bottom edge or specify a color to not
+// use the default one
+//
+// possible $t values:
+// normal, focus, insensitive, backdrop, backdrop-insensitive, osd, osd-focus, osd-backdrop;
+//
+ @if $t==normal {
+ color: gtk("@theme_text_color");
+ border-color: gtk("@borders");
+ background-color: gtk("@theme_base_color");
+ box-shadow: none;
+ }
+
+ @if $t==focus {
+ border-color: $fc;
+ }
+
+ @if $t==insensitive {
+ color: gtk("@insensitive_base_fg_color");
+ border-color: gtk("@insensitive_borders");
+ background-color: gtk("@insensitive_base_color");
+ }
+
+ @if $t==backdrop {
+ color: gtk("@theme_unfocused_text_color");
+ border-color: gtk("@unfocused_borders");
+ background-color: gtk("@theme_unfocused_base_color");
+ }
+
+ @if $t==backdrop-insensitive {
+ color: gtk("@theme_unfocused_view_text_color");
+ border-color: gtk("@unfocused_insensitive_borders");
+ background-color: gtk("@theme_unfocused_view_bg_color");
+ }
+}
+
+/****************
+ * Text Entries *
+ ****************/
+
+%entry,
+entry {
+ %entry_basic, & {
+ min-height: 30px;
+ padding-left: 8px;
+ padding-right: 8px;
+ border: 1px solid;
+ border-radius: $r;
+
+
+ @include entry(normal);
+
+ image { // icons inside the entry
+ &.left { padding-left: 0; padding-right: 6px; }
+ &.right { padding-left: 6px; padding-right: 0; }
+ }
+ // FIXME
+ // undershoot {
+ // &.left { @include undershoot(left); }
+ // &.right { @include undershoot(right); }
+ // }
+
+ &.flat {
+ &:focus, & {
+ min-height: 0;
+ padding: 2px;
+ @include entry(normal);
+ }
+ }
+ &:focus { @include entry(focus); }
+ &:disabled { @include entry(insensitive); }
+ &:backdrop { @include entry(backdrop); }
+ &:backdrop:disabled { @include entry(backdrop-insensitive); }
+
+ selection { &:focus, & { @extend %selected_items; }}
+
+ @each $e_type, $e_color in (error, gtk("@error_color")),
+ (warning, gtk("@warning_color")) {
+ &.#{$e_type} {
+ color: $e_color;
+ border-color: $e_color;
+ background-color: gtkalpha($e_color, 0.5);
+ &:focus {
+ @include entry(focus, $e_color);
+ background-color: gtkalpha($e_color, 0.5);
+ }
+ &:selected, &:selected:focus { background-color: $e_color; }
+ &:backdrop {
+ @if $e_color == gtk("@error_color") {
+ color: gtk("@error_color_backdrop");
+ border-color: gtk("@error_color_backdrop");
+ background-color: gtkalpha(gtk("@error_color_backdrop"), 0.5);
+ } @else if $e_color == gtk("@warning_color") {
+ color: gtk("@warning_color_backdrop");
+ border-color: gtk("@warning_color_backdrop");
+ background-color: gtkalpha(gtk("@warning_color_backdrop"), 0.5);
+ }
+ }
+ }
+ }
+
+ image { // entry icons colors
+ color: gtkmix(gtk("@theme_fg_color"),gtk("@theme_text_color"), 0.8);
+ &:hover { color: gtk("@theme_button_decoration_hover"); }
+ &:active { color: gtk("@theme_button_decoration_focus"); }
+ &:backdrop { color: gtkmix(gtk("@theme_unfocused_fg_color"), gtk("@theme_unfocused_fg_color"), 0.8); }
+ }
+ // FIXME
+ // &:drop(active) {
+ // &:focus, & {
+ // border-color: $drop_target_color;
+ // box-shadow: inset 0 0 0 1px $drop_target_color;
+ // }
+ // }
+ }
+
+ progress {
+ margin: 1px;
+ border-radius: 0;
+ border-width: 0 0 2px;
+ border-color: gtk("@theme_selected_bg_color");
+ border-style: solid;
+ background-image: none;
+ background-color: transparent;
+ box-shadow: none;
+ &:backdrop {
+ background-color: transparent;
+ border-color: gtk("@theme_unfocused_selected_bg_color");
+ }
+ }
+}
+
+treeview acceleditor > label {
+ background-color: gtk("@theme_selected_bg_color");
+}
+
+treeview entry {
+ &.flat, & {
+ border-radius: 0;
+ background-image: none;
+ background-color: gtk("@theme_base_color");
+
+ &:focus { border-color: gtk("@theme_view_active_decoration_color"); }
+ }
+}
-
--- 5.20.5-1/src/gtk3/widgets/_dialogs.scss 2021-01-05 11:48:07.000000000 +0000
+++ 5.20.90-0ubuntu1/src/gtk3/widgets/_dialogs.scss 2021-01-21 12:40:08.000000000 +0000
@@ -8,24 +8,31 @@
// //padding: 8px;
// }
-messagedialog { // Message Dialog styling
+messagedialog {
+ // Message Dialog styling
- &.background {
- background-color: gtk("@theme_bg_color");
- }
- &:backdrop {
- background-color: gtk("@theme_unfocused_bg_color");
- }
+ &.background {
+ background-color: gtk("@theme_bg_color");
+ }
+ &:backdrop {
+ background-color: gtk("@theme_unfocused_bg_color");
+ }
.titlebar {
min-height: 32px;
background-color: transparent;
- background-image: linear-gradient(to bottom, gtkshade("@theme_titlebar_background", 1.2117647),gtk("@theme_titlebar_background"));
+ background-image: linear-gradient(
+ to bottom,
+ gtkshade("@theme_titlebar_background", 1.2117647),
+ gtk("@theme_titlebar_background")
+ );
box-shadow: none;
}
.dialog-action-area {
padding: 8px;
}
- button { margin: 2px; }
+ button {
+ margin: 2px;
+ }
}
filechooser {
@@ -41,7 +48,9 @@ filechooser {
}
.dialog-action-box {
border-top: 1px solid gtk("@borders");
- &:backdrop { border-top-color: gtk("@unfocused_borders"); }
+ &:backdrop {
+ border-top-color: gtk("@unfocused_borders");
+ }
}
#pathbarbox {
background-color: gtk("@theme_bg_color");
-
src/gtk4/widgets/_window_decorations.scss
-
--- 5.20.5-1/src/gtk4/widgets/_assistant.scss 1970-01-01 00:00:00.000000000 +0000
+++ 5.20.90-0ubuntu1/src/gtk4/widgets/_assistant.scss 2021-01-21 12:40:08.000000000 +0000
@@ -0,0 +1,24 @@
+assistant {
+ .sidebar {
+ background-color: gtk("@theme_base_color");
+ color: gtk("@theme_text_color");
+ border-top: 1px solid gtk("@borders");
+ border-right: 1px solid gtk("@borders");
+
+ &:backdrop {
+ background-color: gtk("@theme_unfocused_base_color");
+ color: gtk("@theme_unfocused_text_color");
+ border-color: gtk("@unfocused_borders");
+ }
+ }
+ &.csd .sidebar {
+ border-top-style: none;
+ }
+ .sidebar label {
+ padding: 6px 12px;
+ }
+ .sidebar label.highlight {
+ background-color: gtk("@theme_selected_bg_color");
+ color: gtk("@theme_fg_color");
+ }
+}
