diff --git a/src/gtk3/gtk.scss b/src/gtk3/gtk.scss --- a/src/gtk3/gtk.scss +++ b/src/gtk3/gtk.scss @@ -33,5 +33,6 @@ @import "widgets/tooltips"; @import "widgets/treeview"; @import "widgets/window_decorations"; +@import "widgets/libhandy"; @import "applications/chromium"; \ No newline at end of file diff --git a/src/gtk3/widgets/_libhandy.scss b/src/gtk3/widgets/_libhandy.scss new file mode 100644 --- /dev/null +++ b/src/gtk3/widgets/_libhandy.scss @@ -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: -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"); + } + border-top: 3px solid transparent; + border-bottom: 3px solid gtk("@theme_button_decoration_focus"); +} \ No newline at end of file