Hello community, here is the log from the commit of package adapta-gtk-theme for openSUSE:Factory checked in at 2018-02-26 23:25:24 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Comparing /work/SRC/openSUSE:Factory/adapta-gtk-theme (Old) and /work/SRC/openSUSE:Factory/.adapta-gtk-theme.new (New) ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Package is "adapta-gtk-theme" Mon Feb 26 23:25:24 2018 rev:15 rq:579967 version:3.93.0.149 Changes: -------- --- /work/SRC/openSUSE:Factory/adapta-gtk-theme/adapta-gtk-theme.changes 2018-02-19 13:03:06.481446201 +0100 +++ /work/SRC/openSUSE:Factory/.adapta-gtk-theme.new/adapta-gtk-theme.changes 2018-02-26 23:25:29.129614402 +0100 @@ -1,0 +2,18 @@ +Sun Feb 25 17:55:15 UTC 2018 - [email protected] + +- Update to 3.93.0.149 + * Simplified selectors for num key button stylling in Gnome-Calculator (Gtk+ 3.22/4.0). + * Cleaned up Gedit's search-bar styling (Gtk+ 3.22/4.0). + * Dropped unneeded styling in Gnome-Control-Center (Gtk+ 3.22/4.0). +- Change to SPDX-3.0 License format +- Remove duplicate --prefix flag during configure. It is already declared in %configure macro + +- Changes in 3.93.0.143 + * Unset top-left/right roundness in yet another inline-mode GtkHeaderBar as well (Gtk+ 3.2x/4.0). + * Defined 'panel_separator_color' and moved it to common colour section (Gtk+ 3.2x/4.0). + * Added some wrokarounds for upcoming Gnome-Usage (Gtk+ 3.22/4.0). +- Changes in 3.93.0.139 + * Added Vala-panel basic styling (Gtk+ 3.22/4.0). + * Moved actual styling to child box node in GtkSearchBar {Gtk+ 4.0). + +------------------------------------------------------------------- Old: ---- adapta-gtk-theme-3.93.0.136.tar.gz New: ---- adapta-gtk-theme-3.93.0.149.tar.gz ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Other differences: ------------------ ++++++ adapta-gtk-theme.spec ++++++ --- /var/tmp/diff_new_pack.SZswGU/_old 2018-02-26 23:25:31.265537586 +0100 +++ /var/tmp/diff_new_pack.SZswGU/_new 2018-02-26 23:25:31.269537442 +0100 @@ -21,10 +21,10 @@ %define gtk3_min_version 3.18 %define gtk2_min_version 2.24 Name: adapta-gtk-theme -Version: 3.93.0.136 +Version: 3.93.0.149 Release: 0 Summary: An adaptive Gtk+ theme based on Material Design Guidelines -License: GPL-2.0 AND CC-BY-SA-4.0 +License: GPL-2.0-only AND CC-BY-SA-4.0 Group: System/GUI/Other Url: https://github.com/adapta-project/adapta-gtk-theme Source: https://github.com/adapta-project/%{name}/archive/%{version}.tar.gz#/%{name}-%{version}.tar.gz @@ -219,7 +219,7 @@ %build NOCONFIGURE=yes ./autogen.sh -%configure --prefix=%{_prefix} --disable-chrome-legacy --enable-gtk_next --enable-parallel --enable-plank --enable-telegram +%configure --disable-chrome-legacy --enable-gtk_next --enable-parallel --enable-plank --enable-telegram make %{?_smp_mflags} %install ++++++ adapta-gtk-theme-3.93.0.136.tar.gz -> adapta-gtk-theme-3.93.0.149.tar.gz ++++++ diff -urN '--exclude=CVS' '--exclude=.cvsignore' '--exclude=.svn' '--exclude=.svnignore' old/adapta-gtk-theme-3.93.0.136/gtk/sass/3.20/_3rd-party.scss new/adapta-gtk-theme-3.93.0.149/gtk/sass/3.20/_3rd-party.scss --- old/adapta-gtk-theme-3.93.0.136/gtk/sass/3.20/_3rd-party.scss 2018-02-18 15:45:00.000000000 +0100 +++ new/adapta-gtk-theme-3.93.0.149/gtk/sass/3.20/_3rd-party.scss 2018-02-24 07:31:29.000000000 +0100 @@ -990,8 +990,7 @@ // separator applet .budgie-panel > box > widget > separator { - // borders_color -> track_color - background-color: gtkopacity($inverted_fg_color, 0.2); + background-color: $panel_separator_color; } // workspace-switcher applet @@ -2957,12 +2956,12 @@ border-width: 0; background: none; background-image: none; - color: gtkopacity($inverted_fg_color, 0.12 * 0.55); + color: $panel_separator_color; } MatePanelAppletFrameDBus { border-style: solid; - border-color: gtkopacity($inverted_fg_color, 0.12 * 0.55); + border-color: $panel_separator_color; &:dir(ltr) { border-width: 0 0 0 2px; } &:dir(rtl) { border-width: 0 2px 0 0; } diff -urN '--exclude=CVS' '--exclude=.cvsignore' '--exclude=.svn' '--exclude=.svnignore' old/adapta-gtk-theme-3.93.0.136/gtk/sass/3.20/_common.scss new/adapta-gtk-theme-3.93.0.149/gtk/sass/3.20/_common.scss --- old/adapta-gtk-theme-3.93.0.136/gtk/sass/3.20/_common.scss 2018-02-18 15:45:00.000000000 +0100 +++ new/adapta-gtk-theme-3.93.0.149/gtk/sass/3.20/_common.scss 2018-02-24 07:31:29.000000000 +0100 @@ -2648,7 +2648,7 @@ border-top-right-radius: 2px; } - box headerbar { + box.horizontal headerbar { &:not(:last-child) { &:dir(ltr) { border-top-left-radius: 2px; @@ -2665,6 +2665,13 @@ &:dir(rtl) { border-top-right-radius: 0; } } } + + box.vertical headerbar:not(.titlebar) { // inline-mode + &:not(:last-child) { + border-top-left-radius: 0; + border-top-right-radius: 0; + } + } } // force using rounded corners in case of paned titlebars diff -urN '--exclude=CVS' '--exclude=.cvsignore' '--exclude=.svn' '--exclude=.svnignore' old/adapta-gtk-theme-3.93.0.136/gtk/sass/3.20/_misc.scss new/adapta-gtk-theme-3.93.0.149/gtk/sass/3.20/_misc.scss --- old/adapta-gtk-theme-3.93.0.136/gtk/sass/3.20/_misc.scss 2018-02-18 15:45:00.000000000 +0100 +++ new/adapta-gtk-theme-3.93.0.149/gtk/sass/3.20/_misc.scss 2018-02-24 07:31:29.000000000 +0100 @@ -73,7 +73,7 @@ wnck-pager { background-color: transparent; color: mix($inverted_fg_color, $panel_bg_color, 54%); // use opaque - box-shadow: inset 0 0 0 1px gtkopacity($inverted_fg_color, 0.12 * 0.55); + box-shadow: inset 0 0 0 1px $panel_separator_color; &:hover { background-color: $track_color; color: $inverted_fg_color; diff -urN '--exclude=CVS' '--exclude=.cvsignore' '--exclude=.svn' '--exclude=.svnignore' old/adapta-gtk-theme-3.93.0.136/gtk/sass/3.22/_3rd-party.scss new/adapta-gtk-theme-3.93.0.149/gtk/sass/3.22/_3rd-party.scss --- old/adapta-gtk-theme-3.93.0.136/gtk/sass/3.22/_3rd-party.scss 2018-02-18 15:45:00.000000000 +0100 +++ new/adapta-gtk-theme-3.93.0.149/gtk/sass/3.22/_3rd-party.scss 2018-02-24 07:31:29.000000000 +0100 @@ -128,6 +128,7 @@ } .budgie-panel { + @at-root %budgie_icon_tasklist_button, button.flat.launcher { min-width: $icon_size; min-height: $icon_size; @@ -166,6 +167,7 @@ } } + @at-root %running_budgie_icon_tasklist_button, .unpinned button.flat.launcher, .pinned button.flat.launcher.running { &:hover { -gtk-icon-effect: highlight; } @@ -1027,8 +1029,7 @@ // separator applet .budgie-panel > box > widget > separator { - // borders_color -> track_color - background-color: gtkopacity($inverted_fg_color, 0.2); + background-color: $panel_separator_color; } // workspace-switcher applet @@ -2770,12 +2771,12 @@ border-width: 0; background: none; background-image: none; - color: gtkopacity($inverted_fg_color, 0.12 * 0.55); + color: $panel_separator_color; } MatePanelAppletFrameDBus { border-style: solid; - border-color: gtkopacity($inverted_fg_color, 0.12 * 0.55); + border-color: $panel_separator_color; &:dir(ltr) { border-width: 0 0 0 2px; } &:dir(rtl) { border-width: 0 2px 0 0; } @@ -2789,7 +2790,7 @@ padding: 0; border-radius: 0; border-style: solid; - border-color: gtkopacity($inverted_fg_color, 0.12 * 0.55); + border-color: $panel_separator_color; -gtk-outline-radius: 0; background-color: transparent; color: $inverted_fg_color; @@ -3893,3 +3894,76 @@ } } + +// /************** +// * Vala-Panel * +// **************/ + +// That app does not have any position specific style-classes, +// so embed indicators at the bottom of tasklist buttons as default. +// Then that app looks quite weird in vertical layout at all. +window#ValaPanel.background { // solid-mode + background-color: $panel_bg_color; + color: $inverted_fg_color; + + decoration { all: unset; } // unset all decorations + + widget.-vala-panel-background > separator { // separator applet + background-color: $panel_separator_color; + } +} + +button.flat.-panel-button { // generic panel buttons + border-radius: 0; + color: $inverted_fg_color; + font-weight: 700; + &:hover, + &:active { color: $selected_fg_color; } + &:checked { + background-color: transparent; + color: $selected_fg_color; + box-shadow: inset 0 -2px $selected_bg_color; + &:hover { + background-image: radial-gradient(circle farthest-corner at center, + gtkopacity($inverted_fg_color, 0) 100%, + transparent 0%), + image(gtkopacity($inverted_fg_color, 0)); + } + } + &:disabled { color: $insensitive_inverted_fg_color; } +} + +button.flat.-panel-icon-button { + @extend %budgie_icon_tasklist_button; + + &:hover { + box-shadow: inset 0 -2px gtkopacity($inverted_fg_color, 0.4); + } + &:active, + &:checked { + box-shadow: inset 0 -2px $selected_bg_color; + } +} + +.unpinned button.flat.-panel-icon-button, +.pinned button.flat.-panel-icon-button.running { + @extend %running_budgie_icon_tasklist_button; + + > image { + background-image: image($selected_bg_color); + background-position: bottom center; + } + + &:hover, + &:active, + &:checked { + box-shadow: inset 0 -2px $selected_bg_color; + } +} + +// menubar-style'ed app menu +menubar.-vala-panel-background > menuitem { // override global values + padding: 0 rem(4px, $sw: 1.0); + font-weight: 700; +} + diff -urN '--exclude=CVS' '--exclude=.cvsignore' '--exclude=.svn' '--exclude=.svnignore' old/adapta-gtk-theme-3.93.0.136/gtk/sass/3.22/_common.scss new/adapta-gtk-theme-3.93.0.149/gtk/sass/3.22/_common.scss --- old/adapta-gtk-theme-3.93.0.136/gtk/sass/3.22/_common.scss 2018-02-18 15:45:00.000000000 +0100 +++ new/adapta-gtk-theme-3.93.0.149/gtk/sass/3.22/_common.scss 2018-02-24 07:31:29.000000000 +0100 @@ -2673,7 +2673,7 @@ border-top-right-radius: 2px; } - box headerbar { + box.horizontal headerbar { &:not(:last-child) { &:dir(ltr) { border-top-left-radius: 2px; @@ -2690,6 +2690,13 @@ &:dir(rtl) { border-top-right-radius: 0; } } } + + box.vertical headerbar:not(.titlebar) { // inline-mode + &:not(:last-child) { + border-top-left-radius: 0; + border-top-right-radius: 0; + } + } } } diff -urN '--exclude=CVS' '--exclude=.cvsignore' '--exclude=.svn' '--exclude=.svnignore' old/adapta-gtk-theme-3.93.0.136/gtk/sass/3.22/_misc.scss new/adapta-gtk-theme-3.93.0.149/gtk/sass/3.22/_misc.scss --- old/adapta-gtk-theme-3.93.0.136/gtk/sass/3.22/_misc.scss 2018-02-18 15:45:00.000000000 +0100 +++ new/adapta-gtk-theme-3.93.0.149/gtk/sass/3.22/_misc.scss 2018-02-24 07:31:29.000000000 +0100 @@ -83,7 +83,7 @@ wnck-pager { background-color: transparent; color: mix($inverted_fg_color, $panel_bg_color, 54%); // use opaque - box-shadow: inset 0 0 0 1px gtkopacity($inverted_fg_color, 0.12 * 0.55); + box-shadow: inset 0 0 0 1px $panel_separator_color; &:hover { background-color: $track_color; color: $inverted_fg_color; @@ -120,7 +120,7 @@ margin: 3px; } - background-color: gtkopacity($inverted_fg_color, 0.12 * 0.55); + background-color: $panel_separator_color; } @@ -1244,9 +1244,8 @@ } } - > grid.vertical > box.vertical > widget, - > grid.vertical > box.vertical > box.vertical > widget, - > grid.vertical > box.vertical grid.math-buttons { + > grid.vertical > box.vertical widget, + grid.math-buttons { button { min-width: rem(13.3px); min-height: rem(13.3px); @@ -1290,21 +1289,7 @@ .gedit-bottom-panel-paned { .gedit-search-slider { - @extend toolbar.osd; - padding: 3px; - border-radius: 2px; - border-width: 9px; - @if $variant == 'light' { - border-image: -gtk-scaled(url("assets/osd-shadow.png"), - url("assets/[email protected]")) - 10 / 10px stretch; - } - @else { - border-image: -gtk-scaled(url("assets/osd-shadow-dark.png"), - url("assets/[email protected]")) - 10 / 10px stretch; - } - color: $inverted_fg_color; + @extend %osd_toolbar; opacity: 0.9; entry, @@ -2536,14 +2521,6 @@ // * Gnome-Control-Center * // ************************/ -// network settings -.background.csd > box.vertical > stack > box.vertical > widget { - notebook > stack > notebook > stack > box.vertical { - // use buttonbox's flat-buttons - > box.horizontal button { @extend %action-area-button; } - } -} - // keyboard section // employ flat-destructive style button.image-button.reset-shortcut-button { @@ -2581,27 +2558,6 @@ } } -// users section -stack > box.vertical > widget > overlay grid.horizontal > stack { - > button.toggle { - @include button(flat-normal); - &:hover { @include button(flat-hover); } - &:active { @include button(flat-active); } - &:disabled { @include button(flat-insensitive); } - &:checked { // draw underline - @extend %button_flat_checked; - border-image: -gtk-gradient(radial, - center bottom, 0, - center bottom, 0.5, - to($selected_bg_color), - to(transparent)) - 0 0 2 / 0 0 2px; - background-color: transparent; - color: $fg_color; - } - } -} - // carousel widgets .carousel-arrow-container.bottom.horizontal { // prevent double density border @@ -3031,3 +2987,74 @@ margin: if($ref_weight < 1.0, 6px, 8px); } + +// /*************** +// * Gnome-Usage * +// ***************/ + +// FIXME: why was 'adwaita.css' used for all user-themes? :/ +widget { + &#PROCESSOR, + &#MEMORY { + list { + row { + margin: -1px; // kill ugly parent borders + border: 1px solid $solid_light_borders_color; + + &.max { + color: $fixed_fg_color; // enforce dark foreground + // FIXME: we can't override the salmon-pinky background + // background-image: image($destructive_color); + // border: 1px solid $destructive_color; + } + } + + // kill ugly separators + separator.list { + box-shadow: inset 0 0 0 1px $solid_light_borders_color; + } + } + } + + &#STORAGE { + list { + @extend %sidebar_template; + margin: -1px; // kill ugly borders + + row.activatable { + color: $secondary_fg_color; + &:hover, + &:active { color: $secondary_fg_color; } + } + + // kill ugly separators + separator.list { + box-shadow: inset 0 0 0 1px $solid_light_borders_color; + } + } + } +} + +graph-switcher-button.toggle { + color: $secondary_fg_color; + font-weight: 500; + &:hover { // use opaque + background-image: image(mix($secondary_dark_color, $fg_color, 88%)); + color: $fg_color; + } + &:active, + &:checked { // use opaque + background-image: image( // use outline-track alpha + mix($secondary_dark_color, $selected_bg_color, 80%)); + color: $selected_bg_color; + } +} + +rg-graph.big { + // FIXME: We need to re-define these properties to prevent weird + // 'non-repeated' imaging behind the main graph. + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + diff -urN '--exclude=CVS' '--exclude=.cvsignore' '--exclude=.svn' '--exclude=.svnignore' old/adapta-gtk-theme-3.93.0.136/gtk/sass/4.0/_3rd-party.scss new/adapta-gtk-theme-3.93.0.149/gtk/sass/4.0/_3rd-party.scss --- old/adapta-gtk-theme-3.93.0.136/gtk/sass/4.0/_3rd-party.scss 2018-02-18 15:45:00.000000000 +0100 +++ new/adapta-gtk-theme-3.93.0.149/gtk/sass/4.0/_3rd-party.scss 2018-02-24 07:31:29.000000000 +0100 @@ -128,6 +128,7 @@ } .budgie-panel { + @at-root %budgie_icon_tasklist_button, button.flat.launcher { min-width: $icon_size; min-height: $icon_size; @@ -166,6 +167,7 @@ } } + @at-root %running_budgie_icon_tasklist_button, .unpinned button.flat.launcher, .pinned button.flat.launcher.running { &:hover { -gtk-icon-filter: brightness(1.2); } @@ -1015,8 +1017,7 @@ // separator applet .budgie-panel > box > widget > separator { - // borders_color -> track_color - background-color: gtkopacity($inverted_fg_color, 0.2); + background-color: $panel_separator_color; } // workspace-switcher applet @@ -2748,12 +2749,12 @@ border-width: 0; background: none; background-image: none; - color: gtkopacity($inverted_fg_color, 0.12 * 0.55); + color: $panel_separator_color; } MatePanelAppletFrameDBus { border-style: solid; - border-color: gtkopacity($inverted_fg_color, 0.12 * 0.55); + border-color: $panel_separator_color; &:dir(ltr) { border-width: 0 0 0 2px; } &:dir(rtl) { border-width: 0 2px 0 0; } @@ -2767,7 +2768,7 @@ padding: 0; border-radius: 0; border-style: solid; - border-color: gtkopacity($inverted_fg_color, 0.12 * 0.55); + border-color: $panel_separator_color; -gtk-outline-radius: 0; background-color: transparent; color: $inverted_fg_color; @@ -3865,3 +3866,76 @@ } } + +// /************** +// * Vala-Panel * +// **************/ + +// That app does not have any position specific style-classes, +// so embed indicators at the bottom of tasklist buttons as default. +// Then that app looks quite weird in vertical layout at all. +window#ValaPanel.background { // solid-mode + background-color: $panel_bg_color; + color: $inverted_fg_color; + + decoration { all: unset; } // unset all decorations + + widget.-vala-panel-background > separator { // separator applet + background-color: $panel_separator_color; + } +} + +button.flat.-panel-button { // generic panel buttons + border-radius: 0; + color: $inverted_fg_color; + font-weight: 700; + &:hover, + &:active { color: $selected_fg_color; } + &:checked { + background-color: transparent; + color: $selected_fg_color; + box-shadow: inset 0 -2px $selected_bg_color; + &:hover { + background-image: radial-gradient(circle farthest-corner at center, + gtkopacity($inverted_fg_color, 0) 100%, + transparent 0%), + image(gtkopacity($inverted_fg_color, 0)); + } + } + &:disabled { color: $insensitive_inverted_fg_color; } +} + +button.flat.-panel-icon-button { + @extend %budgie_icon_tasklist_button; + + &:hover { + box-shadow: inset 0 -2px gtkopacity($inverted_fg_color, 0.4); + } + &:active, + &:checked { + box-shadow: inset 0 -2px $selected_bg_color; + } +} + +.unpinned button.flat.-panel-icon-button, +.pinned button.flat.-panel-icon-button.running { + @extend %running_budgie_icon_tasklist_button; + + > image { + background-image: image($selected_bg_color); + background-position: bottom center; + } + + &:hover, + &:active, + &:checked { + box-shadow: inset 0 -2px $selected_bg_color; + } +} + +// menubar-style'ed app menu +menubar.-vala-panel-background > menuitem { // override global values + padding: 0 rem(4px, $sw: 1.0); + font-weight: 700; +} + diff -urN '--exclude=CVS' '--exclude=.cvsignore' '--exclude=.svn' '--exclude=.svnignore' old/adapta-gtk-theme-3.93.0.136/gtk/sass/4.0/_common.scss new/adapta-gtk-theme-3.93.0.149/gtk/sass/4.0/_common.scss --- old/adapta-gtk-theme-3.93.0.136/gtk/sass/4.0/_common.scss 2018-02-18 15:45:00.000000000 +0100 +++ new/adapta-gtk-theme-3.93.0.149/gtk/sass/4.0/_common.scss 2018-02-24 07:31:29.000000000 +0100 @@ -1869,14 +1869,17 @@ $inline-shadow-dark); } -searchbar, +searchbar > revealer > box, .location-bar { padding: rem(5.3px); border-style: solid; border-width: 0 0 1px; border-color: $borders_color; background-color: $secondary_dark_color; +} +searchbar, +.location-bar { .linked > button.image-button { min-width: $icon_size; min-height: $icon_size; @@ -2628,7 +2631,7 @@ border-top-right-radius: 2px; } - box headerbar { + box.horizontal headerbar { &:not(:last-child) { &:dir(ltr) { border-top-left-radius: 2px; @@ -2645,6 +2648,13 @@ &:dir(rtl) { border-top-right-radius: 0; } } } + + box.vertical headerbar:not(.titlebar) { // inline-mode + &:not(:last-child) { + border-top-left-radius: 0; + border-top-right-radius: 0; + } + } } } diff -urN '--exclude=CVS' '--exclude=.cvsignore' '--exclude=.svn' '--exclude=.svnignore' old/adapta-gtk-theme-3.93.0.136/gtk/sass/4.0/_misc.scss new/adapta-gtk-theme-3.93.0.149/gtk/sass/4.0/_misc.scss --- old/adapta-gtk-theme-3.93.0.136/gtk/sass/4.0/_misc.scss 2018-02-18 15:45:00.000000000 +0100 +++ new/adapta-gtk-theme-3.93.0.149/gtk/sass/4.0/_misc.scss 2018-02-24 07:31:29.000000000 +0100 @@ -83,7 +83,7 @@ wnck-pager { background-color: transparent; color: mix($inverted_fg_color, $panel_bg_color, 54%); // use opaque - box-shadow: inset 0 0 0 1px gtkopacity($inverted_fg_color, 0.12 * 0.55); + box-shadow: inset 0 0 0 1px $panel_separator_color; &:hover { background-color: $track_color; color: $inverted_fg_color; @@ -120,7 +120,7 @@ margin: 3px; } - background-color: gtkopacity($inverted_fg_color, 0.12 * 0.55); + background-color: $panel_separator_color; } @@ -1232,9 +1232,8 @@ } } - > grid.vertical > box.vertical > widget, - > grid.vertical > box.vertical > box.vertical > widget, - > grid.vertical > box.vertical grid.math-buttons { + > grid.vertical > box.vertical widget, + grid.math-buttons { button { min-width: rem(13.3px); min-height: rem(13.3px); @@ -1278,21 +1277,7 @@ .gedit-bottom-panel-paned { .gedit-search-slider { - @extend toolbar.osd; - padding: 3px; - border-radius: 2px; - border-width: 9px; - @if $variant == 'light' { - border-image: -gtk-scaled(url("assets/osd-shadow.png"), - url("assets/[email protected]")) - 10 / 10px stretch; - } - @else { - border-image: -gtk-scaled(url("assets/osd-shadow-dark.png"), - url("assets/[email protected]")) - 10 / 10px stretch; - } - color: $inverted_fg_color; + @extend %osd_toolbar; opacity: 0.9; entry, @@ -2516,14 +2501,6 @@ // * Gnome-Control-Center * // ************************/ -// network settings -.background.csd > box.vertical > stack > box.vertical > widget { - notebook > box > stack > notebook > box > stack > box.vertical { - // use buttonbox's flat-buttons - > box.horizontal button { @extend %action-area-button; } - } -} - // keyboard section // employ flat-destructive style button.image-button.reset-shortcut-button { @@ -2561,25 +2538,6 @@ } } -// users section -stack > box.vertical > widget > overlay grid.horizontal > stack { - > button.toggle { - @include button(flat-normal); - &:hover { @include button(flat-hover); } - &:active { @include button(flat-active); } - &:disabled { @include button(flat-insensitive); } - &:checked { // draw underline - @extend %button_flat_checked; - border-image: radial-gradient(circle farthest-corner at center, - $selected_bg_color 100%, - transparent) - 0 0 2 / 0 0 2px; - background-color: transparent; - color: $fg_color; - } - } -} - // carousel widgets .carousel-arrow-container.bottom.horizontal { // prevent double density border @@ -2727,7 +2685,7 @@ window.background > grid.horizontal.titlebar { // search-bar revealer - searchbar { + searchbar > revealer > box { background-color: $inverted_dark_color; box-shadow: $toolbar-shadow-dark; } @@ -3008,3 +2966,74 @@ margin: if($ref_weight < 1.0, 6px, 8px); } + +// /*************** +// * Gnome-Usage * +// ***************/ + +// FIXME: why was 'adwaita.css' used for all user-themes? :/ +widget { + &#PROCESSOR, + &#MEMORY { + list { + row { + margin: -1px; // kill ugly parent borders + border: 1px solid $solid_light_borders_color; + + &.max { + color: $fixed_fg_color; // enforce dark foreground + // FIXME: we can't override the salmon-pinky background + // background-image: image($destructive_color); + // border: 1px solid $destructive_color; + } + } + + // kill ugly separators + separator.list { + box-shadow: inset 0 0 0 1px $solid_light_borders_color; + } + } + } + + &#STORAGE { + list { + @extend %sidebar_template; + margin: -1px; // kill ugly borders + + row.activatable { + color: $secondary_fg_color; + &:hover, + &:active { color: $secondary_fg_color; } + } + + // kill ugly separators + separator.list { + box-shadow: inset 0 0 0 1px $solid_light_borders_color; + } + } + } +} + +graph-switcher-button.toggle { + color: $secondary_fg_color; + font-weight: 500; + &:hover { // use opaque + background-image: image(mix($secondary_dark_color, $fg_color, 88%)); + color: $fg_color; + } + &:active, + &:checked { // use opaque + background-image: image( // use outline-track alpha + mix($secondary_dark_color, $selected_bg_color, 80%)); + color: $selected_bg_color; + } +} + +rg-graph.big { + // FIXME: We need to re-define these properties to prevent weird + // 'non-repeated' imaging behind the main graph. + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + diff -urN '--exclude=CVS' '--exclude=.cvsignore' '--exclude=.svn' '--exclude=.svnignore' old/adapta-gtk-theme-3.93.0.136/gtk/sass/common/_colors.scss new/adapta-gtk-theme-3.93.0.149/gtk/sass/common/_colors.scss --- old/adapta-gtk-theme-3.93.0.136/gtk/sass/common/_colors.scss 2018-02-18 15:45:00.000000000 +0100 +++ new/adapta-gtk-theme-3.93.0.149/gtk/sass/common/_colors.scss 2018-02-24 07:31:29.000000000 +0100 @@ -205,3 +205,4 @@ // $panel_bg_color: mix(#263238, #000000, 50%); // = #13191C +$panel_separator_color: gtkopacity($inverted_fg_color, 0.12 * 0.55);
