diff --git a/icon-theme/src/apps/scalable/appimagekit-gravit-designer.svg b/icon-theme/src/apps/scalable/appimagekit-gravit-designer.svg index 1489dbb8..7895b893 100644 --- a/icon-theme/src/apps/scalable/appimagekit-gravit-designer.svg +++ b/icon-theme/src/apps/scalable/appimagekit-gravit-designer.svg @@ -1,30 +1,9 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + diff --git a/icon-theme/src/apps/scalable/application-default-icon.svg b/icon-theme/src/apps/scalable/application-default-icon.svg index 053ee0e8..5c498916 100644 --- a/icon-theme/src/apps/scalable/application-default-icon.svg +++ b/icon-theme/src/apps/scalable/application-default-icon.svg @@ -1,37 +1,8 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + diff --git a/icon-theme/src/apps/scalable/applications-games.svg b/icon-theme/src/apps/scalable/applications-games.svg index 3b9818a4..e2f94fe1 100644 --- a/icon-theme/src/apps/scalable/applications-games.svg +++ b/icon-theme/src/apps/scalable/applications-games.svg @@ -1,59 +1,18 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + diff --git a/icon-theme/src/apps/scalable/blender.svg b/icon-theme/src/apps/scalable/blender.svg index d9372932..f57f0dfe 100644 --- a/icon-theme/src/apps/scalable/blender.svg +++ b/icon-theme/src/apps/scalable/blender.svg @@ -1,44 +1,10 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + diff --git a/icon-theme/src/apps/scalable/bluetooth-inactive.svg b/icon-theme/src/apps/scalable/bluetooth-inactive.svg index 31feb86e..078dc6ea 100644 --- a/icon-theme/src/apps/scalable/bluetooth-inactive.svg +++ b/icon-theme/src/apps/scalable/bluetooth-inactive.svg @@ -6,10 +6,10 @@ - + - + diff --git a/icon-theme/src/apps/scalable/bookmarks-organize.svg b/icon-theme/src/apps/scalable/bookmarks-organize.svg index e6975efb..34e26fb1 100644 --- a/icon-theme/src/apps/scalable/bookmarks-organize.svg +++ b/icon-theme/src/apps/scalable/bookmarks-organize.svg @@ -1,19 +1,7 @@ - - - - - - - - - - - - - - - - + + + + diff --git a/icon-theme/src/apps/scalable/brasero.svg b/icon-theme/src/apps/scalable/brasero.svg index c1be5286..90e13bff 100644 --- a/icon-theme/src/apps/scalable/brasero.svg +++ b/icon-theme/src/apps/scalable/brasero.svg @@ -1,7 +1,6 @@ - - + @@ -9,7 +8,6 @@ - @@ -18,88 +16,26 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + @@ -107,99 +43,6 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - @@ -207,114 +50,57 @@ - - - - - - - - - - - - - - - - + + - - - - + + + - - - - - - - - - - + + + + + + + - - - - - - - - - - - - - - - - - - - + + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + - - - - - - - - - - - - - - - - - - + + + + + + + + - - - - - - - - - - + + + + + + diff --git a/icon-theme/src/apps/scalable/budgiewprviews.svg b/icon-theme/src/apps/scalable/budgiewprviews.svg index 9b61da53..c922ceb6 100644 --- a/icon-theme/src/apps/scalable/budgiewprviews.svg +++ b/icon-theme/src/apps/scalable/budgiewprviews.svg @@ -1,17 +1,8 @@ - - - - - - - - - - + + + + - - - - + diff --git a/icon-theme/src/apps/scalable/calibre-ebook-edit.svg b/icon-theme/src/apps/scalable/calibre-ebook-edit.svg index 36e0ca5a..576534cc 100644 --- a/icon-theme/src/apps/scalable/calibre-ebook-edit.svg +++ b/icon-theme/src/apps/scalable/calibre-ebook-edit.svg @@ -1,64 +1,27 @@ - - - - - - - - - - - - - - - - - - - + - - - - + + + - + - - - - - - - - - - - - - - - - - - - - - - - + + + + + - - - + + + @@ -66,18 +29,11 @@ - - - - - - - - - - - - - - + + + + + + + diff --git a/icon-theme/src/apps/scalable/calibre-gui.svg b/icon-theme/src/apps/scalable/calibre-gui.svg index e2bb515f..2a8e8294 100644 --- a/icon-theme/src/apps/scalable/calibre-gui.svg +++ b/icon-theme/src/apps/scalable/calibre-gui.svg @@ -1,54 +1,27 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + - - - - - - - - - - - - + + + + + - - + + @@ -56,21 +29,11 @@ - - - - - - - - - - - - - - - - - + + + + + + + diff --git a/icon-theme/src/apps/scalable/calibre-viewer.svg b/icon-theme/src/apps/scalable/calibre-viewer.svg index a19cdd92..1dbffa94 100644 --- a/icon-theme/src/apps/scalable/calibre-viewer.svg +++ b/icon-theme/src/apps/scalable/calibre-viewer.svg @@ -1,54 +1,27 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + - - - - - - - - - - - - + + + + + - - + + @@ -56,21 +29,11 @@ - - - - - - - - - - - - - - - - - + + + + + + + diff --git a/icon-theme/src/apps/scalable/calibre.svg b/icon-theme/src/apps/scalable/calibre.svg index a228fc9d..32d9036f 100644 --- a/icon-theme/src/apps/scalable/calibre.svg +++ b/icon-theme/src/apps/scalable/calibre.svg @@ -1,53 +1,22 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + - + - - + + @@ -55,21 +24,11 @@ - - - - - - - - - - - - - - - - - + + + + + + + diff --git a/icon-theme/src/apps/scalable/calligragemini.svg b/icon-theme/src/apps/scalable/calligragemini.svg index 3f135fa6..b6583665 100644 --- a/icon-theme/src/apps/scalable/calligragemini.svg +++ b/icon-theme/src/apps/scalable/calligragemini.svg @@ -1,51 +1,9 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + diff --git a/icon-theme/src/apps/scalable/calligrasheets.svg b/icon-theme/src/apps/scalable/calligrasheets.svg index 5b239ebe..2778450f 100644 --- a/icon-theme/src/apps/scalable/calligrasheets.svg +++ b/icon-theme/src/apps/scalable/calligrasheets.svg @@ -1,61 +1,15 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + - + - + - diff --git a/icon-theme/src/apps/scalable/calligrastage.svg b/icon-theme/src/apps/scalable/calligrastage.svg index 1c4fbea8..d494c72b 100644 --- a/icon-theme/src/apps/scalable/calligrastage.svg +++ b/icon-theme/src/apps/scalable/calligrastage.svg @@ -1,47 +1,18 @@ - - - - - - - - - - - - - - - - - - - - - - - - - + + + - - - - - - - - - - - - - - - - - + + + + + + + + + + diff --git a/icon-theme/src/apps/scalable/calligrawords.svg b/icon-theme/src/apps/scalable/calligrawords.svg index e1abe0f2..d8511b37 100644 --- a/icon-theme/src/apps/scalable/calligrawords.svg +++ b/icon-theme/src/apps/scalable/calligrawords.svg @@ -1,404 +1,11 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + diff --git a/icon-theme/src/apps/scalable/ccsm.svg b/icon-theme/src/apps/scalable/ccsm.svg index d167710e..a1addfb0 100644 --- a/icon-theme/src/apps/scalable/ccsm.svg +++ b/icon-theme/src/apps/scalable/ccsm.svg @@ -1,22 +1,15 @@ - - - - - - - - - - + + - - + + + diff --git a/icon-theme/src/apps/scalable/skype.svg b/icon-theme/src/apps/scalable/skype.svg index bb8d502c..132b1051 100644 --- a/icon-theme/src/apps/scalable/skype.svg +++ b/icon-theme/src/apps/scalable/skype.svg @@ -1,16 +1,15 @@ - - - - - - - + + + - - - - + + + + + + + diff --git a/icon-theme/src/apps/scalable/slack.svg b/icon-theme/src/apps/scalable/slack.svg index 24dd4862..3df579e8 100644 --- a/icon-theme/src/apps/scalable/slack.svg +++ b/icon-theme/src/apps/scalable/slack.svg @@ -1,13 +1,8 @@ - - - - - - - - + + + diff --git a/icon-theme/src/apps/scalable/smplayer.svg b/icon-theme/src/apps/scalable/smplayer.svg index 66cf09bc..64d06489 100644 --- a/icon-theme/src/apps/scalable/smplayer.svg +++ b/icon-theme/src/apps/scalable/smplayer.svg @@ -1,25 +1,15 @@ - + - - - + + + - - - - - - - - - - - - - - - - - + + + + + + + diff --git a/icon-theme/src/apps/scalable/softwarecenter-debian.svg b/icon-theme/src/apps/scalable/softwarecenter-debian.svg index 383d65ab..e230d101 100644 --- a/icon-theme/src/apps/scalable/softwarecenter-debian.svg +++ b/icon-theme/src/apps/scalable/softwarecenter-debian.svg @@ -1,22 +1,11 @@ - - - - - - - - - - - - - - - + + + + - + diff --git a/icon-theme/src/apps/scalable/softwarecenter-ubuntu.svg b/icon-theme/src/apps/scalable/softwarecenter-ubuntu.svg index 42776ea2..57638f61 100644 --- a/icon-theme/src/apps/scalable/softwarecenter-ubuntu.svg +++ b/icon-theme/src/apps/scalable/softwarecenter-ubuntu.svg @@ -1,26 +1,11 @@ - - - - - - - - - - - - - - - - - - + + + + - + - diff --git a/icon-theme/src/apps/scalable/spotify-client.svg b/icon-theme/src/apps/scalable/spotify-client.svg index bbd27ada..3df7dd4f 100644 --- a/icon-theme/src/apps/scalable/spotify-client.svg +++ b/icon-theme/src/apps/scalable/spotify-client.svg @@ -1,18 +1,15 @@ - - - + + + - - - - - - - - - - + + + + + + + diff --git a/icon-theme/src/apps/scalable/stoken-gui.svg b/icon-theme/src/apps/scalable/stoken-gui.svg index 2caabf12..5ee27e6e 100644 --- a/icon-theme/src/apps/scalable/stoken-gui.svg +++ b/icon-theme/src/apps/scalable/stoken-gui.svg @@ -1,31 +1,9 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + diff --git a/icon-theme/src/apps/scalable/teamviewer.svg b/icon-theme/src/apps/scalable/teamviewer.svg index 66655e9f..331a2925 100644 --- a/icon-theme/src/apps/scalable/teamviewer.svg +++ b/icon-theme/src/apps/scalable/teamviewer.svg @@ -1,55 +1,6 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + diff --git a/icon-theme/src/apps/scalable/typora.svg b/icon-theme/src/apps/scalable/typora.svg index 91f0fb4f..56e3c72c 100644 --- a/icon-theme/src/apps/scalable/typora.svg +++ b/icon-theme/src/apps/scalable/typora.svg @@ -1,16 +1,8 @@ - - - - - - - - - - - + + + @@ -91,6 +83,5 @@ - - + diff --git a/icon-theme/src/apps/scalable/wine-winefile.svg b/icon-theme/src/apps/scalable/wine-winefile.svg index de6fba6d..ef47aef7 100644 --- a/icon-theme/src/apps/scalable/wine-winefile.svg +++ b/icon-theme/src/apps/scalable/wine-winefile.svg @@ -1,39 +1,15 @@ - + - - - - - - - - + - - - - - - - - - - - - - - - - - - - - - - - + + + + + + diff --git a/icon-theme/src/apps/scalable/xmind.svg b/icon-theme/src/apps/scalable/xmind.svg index 131f074a..1a462247 100644 --- a/icon-theme/src/apps/scalable/xmind.svg +++ b/icon-theme/src/apps/scalable/xmind.svg @@ -1,36 +1,7 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + diff --git a/icon-theme/src/apps/scalable/youtube-dl.svg b/icon-theme/src/apps/scalable/youtube-dl.svg index bf6f9f6b..7fc95056 100644 --- a/icon-theme/src/apps/scalable/youtube-dl.svg +++ b/icon-theme/src/apps/scalable/youtube-dl.svg @@ -1,22 +1,11 @@ - - - - - - - - - - - - - - + + + + - + - diff --git a/icon-theme/src/apps/scalable/youtube-music-desktop-app.svg b/icon-theme/src/apps/scalable/youtube-music-desktop-app.svg index 244c99c5..6cabe5d9 100644 --- a/icon-theme/src/apps/scalable/youtube-music-desktop-app.svg +++ b/icon-theme/src/apps/scalable/youtube-music-desktop-app.svg @@ -1,19 +1,7 @@ - - - - - - - - - - - - - - - - + + + + diff --git a/icon-theme/src/apps/scalable/youtube.svg b/icon-theme/src/apps/scalable/youtube.svg index 3ea32692..42b07477 100644 --- a/icon-theme/src/apps/scalable/youtube.svg +++ b/icon-theme/src/apps/scalable/youtube.svg @@ -1,12 +1,7 @@ - - - - - - - - + + + diff --git a/icon-theme/templates/app-alt-template-black.svg b/icon-theme/templates/app-alt-template-black.svg new file mode 100644 index 00000000..e460034b --- /dev/null +++ b/icon-theme/templates/app-alt-template-black.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/icon-theme/templates/app-alt-template-white.svg b/icon-theme/templates/app-alt-template-white.svg new file mode 100644 index 00000000..b87fc489 --- /dev/null +++ b/icon-theme/templates/app-alt-template-white.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/icon-theme/templates/app-template-black.svg b/icon-theme/templates/app-template-black.svg new file mode 100644 index 00000000..b87f36cf --- /dev/null +++ b/icon-theme/templates/app-template-black.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/icon-theme/templates/app-template-blue.svg b/icon-theme/templates/app-template-blue.svg new file mode 100644 index 00000000..c2b239ab --- /dev/null +++ b/icon-theme/templates/app-template-blue.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/icon-theme/templates/app-template-green.svg b/icon-theme/templates/app-template-green.svg new file mode 100644 index 00000000..a0bceb54 --- /dev/null +++ b/icon-theme/templates/app-template-green.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/icon-theme/templates/app-template-orange.svg b/icon-theme/templates/app-template-orange.svg new file mode 100644 index 00000000..69f729e6 --- /dev/null +++ b/icon-theme/templates/app-template-orange.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/icon-theme/templates/app-template-pink.svg b/icon-theme/templates/app-template-pink.svg new file mode 100644 index 00000000..503ac59b --- /dev/null +++ b/icon-theme/templates/app-template-pink.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/icon-theme/templates/app-template-purple.svg b/icon-theme/templates/app-template-purple.svg new file mode 100644 index 00000000..17e6e882 --- /dev/null +++ b/icon-theme/templates/app-template-purple.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/icon-theme/templates/app-template-red.svg b/icon-theme/templates/app-template-red.svg new file mode 100644 index 00000000..4df5f739 --- /dev/null +++ b/icon-theme/templates/app-template-red.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/icon-theme/templates/app-template-white.svg b/icon-theme/templates/app-template-white.svg new file mode 100644 index 00000000..6190e7b3 --- /dev/null +++ b/icon-theme/templates/app-template-white.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/icon-theme/templates/app-template-yellow.svg b/icon-theme/templates/app-template-yellow.svg new file mode 100644 index 00000000..3ead791d --- /dev/null +++ b/icon-theme/templates/app-template-yellow.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/icon-theme/templates/folder-temple.svg b/icon-theme/templates/folder-temple.svg new file mode 100644 index 00000000..e0d5b5e8 --- /dev/null +++ b/icon-theme/templates/folder-temple.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/icon-theme/templates/mimtype-template.svg b/icon-theme/templates/mimtype-template.svg new file mode 100644 index 00000000..8d06d7b4 --- /dev/null +++ b/icon-theme/templates/mimtype-template.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + TEXT + + diff --git a/src/main/gnome-shell/shell-3-28/gnome-shell-dark.css b/src/main/gnome-shell/shell-3-28/gnome-shell-dark.css index 6c5cad38..d2b9542a 100644 --- a/src/main/gnome-shell/shell-3-28/gnome-shell-dark.css +++ b/src/main/gnome-shell/shell-3-28/gnome-shell-dark.css @@ -677,10 +677,18 @@ StWidget.focused .app-well-app-running-dot { border-radius: 6px; } -.check-box, .check-box:focus StBin { +.check-box StBin, .check-box:focus StBin { background-image: url("assets/checkbox-off.svg"); } +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.12); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.3); +} + .check-box:checked StBin, .check-box:focus:checked StBin { background-image: url("assets/checkbox-dark.svg"); } diff --git a/src/main/gnome-shell/shell-3-28/gnome-shell-light.css b/src/main/gnome-shell/shell-3-28/gnome-shell-light.css index 49510d4d..07b4325c 100644 --- a/src/main/gnome-shell/shell-3-28/gnome-shell-light.css +++ b/src/main/gnome-shell/shell-3-28/gnome-shell-light.css @@ -677,10 +677,18 @@ StWidget.focused .app-well-app-running-dot { border-radius: 6px; } -.check-box, .check-box:focus StBin { +.check-box StBin, .check-box:focus StBin { background-image: url("assets/checkbox-off.svg"); } +.check-box:hover StBin { + background-color: rgba(0, 0, 0, 0.12); +} + +.check-box:active StBin { + background-color: rgba(0, 0, 0, 0.26); +} + .check-box:checked StBin, .check-box:focus:checked StBin { background-image: url("assets/checkbox.svg"); } diff --git a/src/main/gnome-shell/shell-3-28/gnome-shell.css b/src/main/gnome-shell/shell-3-28/gnome-shell.css index d6900c46..870eae42 100644 --- a/src/main/gnome-shell/shell-3-28/gnome-shell.css +++ b/src/main/gnome-shell/shell-3-28/gnome-shell.css @@ -677,10 +677,18 @@ StWidget.focused .app-well-app-running-dot { border-radius: 6px; } -.check-box, .check-box:focus StBin { +.check-box StBin, .check-box:focus StBin { background-image: url("assets/checkbox-off.svg"); } +.check-box:hover StBin { + background-color: rgba(0, 0, 0, 0.12); +} + +.check-box:active StBin { + background-color: rgba(0, 0, 0, 0.26); +} + .check-box:checked StBin, .check-box:focus:checked StBin { background-image: url("assets/checkbox.svg"); } diff --git a/src/main/gnome-shell/shell-40-0/gnome-shell-dark.css b/src/main/gnome-shell/shell-40-0/gnome-shell-dark.css index c33cab7b..248a6b40 100644 --- a/src/main/gnome-shell/shell-40-0/gnome-shell-dark.css +++ b/src/main/gnome-shell/shell-40-0/gnome-shell-dark.css @@ -677,10 +677,18 @@ StWidget.focused .app-well-app-running-dot { border-radius: 6px; } -.check-box, .check-box:focus StBin { +.check-box StBin, .check-box:focus StBin { background-image: url("assets/checkbox-off.svg"); } +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.12); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.3); +} + .check-box:checked StBin, .check-box:focus:checked StBin { background-image: url("assets/checkbox-dark.svg"); } diff --git a/src/main/gnome-shell/shell-40-0/gnome-shell-light.css b/src/main/gnome-shell/shell-40-0/gnome-shell-light.css index 0cb30acd..6ab8bde9 100644 --- a/src/main/gnome-shell/shell-40-0/gnome-shell-light.css +++ b/src/main/gnome-shell/shell-40-0/gnome-shell-light.css @@ -677,10 +677,18 @@ StWidget.focused .app-well-app-running-dot { border-radius: 6px; } -.check-box, .check-box:focus StBin { +.check-box StBin, .check-box:focus StBin { background-image: url("assets/checkbox-off.svg"); } +.check-box:hover StBin { + background-color: rgba(0, 0, 0, 0.12); +} + +.check-box:active StBin { + background-color: rgba(0, 0, 0, 0.26); +} + .check-box:checked StBin, .check-box:focus:checked StBin { background-image: url("assets/checkbox.svg"); } diff --git a/src/main/gnome-shell/shell-40-0/gnome-shell.css b/src/main/gnome-shell/shell-40-0/gnome-shell.css index 9e7b7bf5..197e50b2 100644 --- a/src/main/gnome-shell/shell-40-0/gnome-shell.css +++ b/src/main/gnome-shell/shell-40-0/gnome-shell.css @@ -677,10 +677,18 @@ StWidget.focused .app-well-app-running-dot { border-radius: 6px; } -.check-box, .check-box:focus StBin { +.check-box StBin, .check-box:focus StBin { background-image: url("assets/checkbox-off.svg"); } +.check-box:hover StBin { + background-color: rgba(0, 0, 0, 0.12); +} + +.check-box:active StBin { + background-color: rgba(0, 0, 0, 0.26); +} + .check-box:checked StBin, .check-box:focus:checked StBin { background-image: url("assets/checkbox.svg"); } diff --git a/src/main/gtk-3.0/gtk-dark.css b/src/main/gtk-3.0/gtk-dark.css index 82a49d40..ce3937f2 100644 --- a/src/main/gtk-3.0/gtk-dark.css +++ b/src/main/gtk-3.0/gtk-dark.css @@ -41,7 +41,7 @@ outline-color: alpha(currentColor, 0.1); } -XfdesktopIconView.view:active, calendar.raven-calendar:selected, .budgie-popover.budgie-menu button.flat:not(.image-button):not(.indicator-item):checked, box.vertical > widget > widget:selected, calendar:selected, treeview.view:selected, modelbutton.flat:selected, +XfdesktopIconView.view:active, calendar.raven-calendar:selected, box.vertical > widget > widget:selected, calendar:selected, treeview.view:selected, modelbutton.flat:selected, .menuitem.button.flat:selected, .background.csd .view:selected { color: white; background-color: alpha(currentColor, 0.1); @@ -655,8 +655,8 @@ button:drop(active) { .budgie-session-dialog .linked.horizontal > button, .budgie-polkit-dialog .linked.horizontal > button, -.budgie-run-dialog .linked.horizontal > button, .drop-shadow button, .budgie-panel button, .budgie-popover row button, .budgie-settings-window buttonbox.inline-toolbar button, #mate-menu button, #MatePanelPopupWindow button, popover.messagepopover .popover-action-area button, tabbox > tab button, .gedit-search-slider .linked > button, placessidebar.sidebar row button.sidebar-button, calendar.button, .budgie-popover.budgie-menu button.flat:not(.image-button):not(.indicator-item) button.circular, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular, treeview.view header button button.circular, row.activatable button.circular, scrollbar button, notebook > header > tabs > arrow, spinbutton.vertical button, spinbutton:not(.vertical) button, modelbutton.flat, -.menuitem.button.flat, .nemo-window .toolbar button, #buttonbox_frame button, .xfce4-panel.background button, .raven stackswitcher.linked > button, .lock-dialog button, .mate-panel-menu-bar button, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button, +.budgie-run-dialog .linked.horizontal > button, .drop-shadow button, .budgie-panel button, .budgie-popover row button, .budgie-settings-window buttonbox.inline-toolbar button, #mate-menu button, #MatePanelPopupWindow button, popover.messagepopover .popover-action-area button, tabbox > tab button, .gedit-search-slider .linked > button, placessidebar.sidebar row button.sidebar-button, calendar.button, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular, treeview.view header button button.circular, row.activatable button.circular, scrollbar button, notebook > header > tabs > arrow, spinbutton.vertical button, spinbutton:not(.vertical) button, modelbutton.flat, +.menuitem.button.flat, .nemo-window .toolbar button, #buttonbox_frame button, .xfce4-panel.background button, .raven stackswitcher.linked > button, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button, .lock-dialog button, .mate-panel-menu-bar button, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button, window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button, layouttabbar button, filechooser #pathbarbox > stack > box > button, messagedialog .dialog-action-box button, messagedialog .dialog-action-box .linked:not(.vertical) > button, .app-notification button, actionbar > revealer > box button:not(.suggested-action):not(.destructive-action), popover.background.menu button, popover.background button.model, .nemo-window .primary-toolbar button:not(.text-button), headerbar button:not(.suggested-action):not(.destructive-action), toolbar button, combobox > .linked:not(.vertical) > button:not(:only-child), button.flat { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); @@ -672,8 +672,8 @@ popover.background button.model, .nemo-window .primary-toolbar button:not(.text- .budgie-session-dialog .linked.horizontal > button:focus, .budgie-polkit-dialog .linked.horizontal > button:focus, -.budgie-run-dialog .linked.horizontal > button:focus, .drop-shadow button:focus, .budgie-panel button:focus, .budgie-popover row button:focus, .budgie-settings-window buttonbox.inline-toolbar button:focus, #mate-menu button:focus, #MatePanelPopupWindow button:focus, popover.messagepopover .popover-action-area button:focus, tabbox > tab button:focus, .gedit-search-slider .linked > button:focus, placessidebar.sidebar row button.sidebar-button:focus, calendar.button:focus, .budgie-popover.budgie-menu button.flat:not(.image-button):not(.indicator-item) button.circular:focus, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:focus, treeview.view header button button.circular:focus, row.activatable button.circular:focus, scrollbar button:focus, notebook > header > tabs > arrow:focus, spinbutton.vertical button:focus, spinbutton:not(.vertical) button:focus, modelbutton.flat:focus, -.menuitem.button.flat:focus, .nemo-window .toolbar button:focus, #buttonbox_frame button:focus, .xfce4-panel.background button:focus, .raven stackswitcher.linked > button:focus, .lock-dialog button:focus, .mate-panel-menu-bar button:focus, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:focus, +.budgie-run-dialog .linked.horizontal > button:focus, .drop-shadow button:focus, .budgie-panel button:focus, .budgie-popover row button:focus, .budgie-settings-window buttonbox.inline-toolbar button:focus, #mate-menu button:focus, #MatePanelPopupWindow button:focus, popover.messagepopover .popover-action-area button:focus, tabbox > tab button:focus, .gedit-search-slider .linked > button:focus, placessidebar.sidebar row button.sidebar-button:focus, calendar.button:focus, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:focus, treeview.view header button button.circular:focus, row.activatable button.circular:focus, scrollbar button:focus, notebook > header > tabs > arrow:focus, spinbutton.vertical button:focus, spinbutton:not(.vertical) button:focus, modelbutton.flat:focus, +.menuitem.button.flat:focus, .nemo-window .toolbar button:focus, #buttonbox_frame button:focus, .xfce4-panel.background button:focus, .raven stackswitcher.linked > button:focus, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:focus, .lock-dialog button:focus, .mate-panel-menu-bar button:focus, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:focus, window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:focus, layouttabbar button:focus, filechooser #pathbarbox > stack > box > button:focus, messagedialog .dialog-action-box button:focus, messagedialog .dialog-action-box .linked:not(.vertical) > button:focus, .app-notification button:focus, actionbar > revealer > box button:focus:not(.suggested-action):not(.destructive-action), popover.background.menu button:focus, popover.background button.model:focus, .nemo-window .primary-toolbar button:focus:not(.text-button), headerbar button:focus:not(.suggested-action):not(.destructive-action), toolbar button:focus, combobox > .linked:not(.vertical) > button:focus:not(:only-child), button.flat:focus { box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); @@ -682,8 +682,8 @@ popover.background button.model:focus, .nemo-window .primary-toolbar button:focu .budgie-session-dialog .linked.horizontal > button:hover, .budgie-polkit-dialog .linked.horizontal > button:hover, -.budgie-run-dialog .linked.horizontal > button:hover, .drop-shadow button:hover, .budgie-panel button:hover, .budgie-popover row button:hover, .budgie-settings-window buttonbox.inline-toolbar button:hover, #mate-menu button:hover, #MatePanelPopupWindow button:hover, popover.messagepopover .popover-action-area button:hover, tabbox > tab button:hover, .gedit-search-slider .linked > button:hover, placessidebar.sidebar row button.sidebar-button:hover, calendar.button:hover, .budgie-popover.budgie-menu button.flat:not(.image-button):not(.indicator-item) button.circular:hover, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:hover, treeview.view header button button.circular:hover, row.activatable button.circular:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, spinbutton.vertical button:hover, spinbutton:not(.vertical) button:hover, modelbutton.flat:hover, -.menuitem.button.flat:hover, .nemo-window .toolbar button:hover, #buttonbox_frame button:hover, .xfce4-panel.background button:hover, .raven stackswitcher.linked > button:hover, .lock-dialog button:hover, .mate-panel-menu-bar button:hover, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:hover, +.budgie-run-dialog .linked.horizontal > button:hover, .drop-shadow button:hover, .budgie-panel button:hover, .budgie-popover row button:hover, .budgie-settings-window buttonbox.inline-toolbar button:hover, #mate-menu button:hover, #MatePanelPopupWindow button:hover, popover.messagepopover .popover-action-area button:hover, tabbox > tab button:hover, .gedit-search-slider .linked > button:hover, placessidebar.sidebar row button.sidebar-button:hover, calendar.button:hover, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:hover, treeview.view header button button.circular:hover, row.activatable button.circular:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, spinbutton.vertical button:hover, spinbutton:not(.vertical) button:hover, modelbutton.flat:hover, +.menuitem.button.flat:hover, .nemo-window .toolbar button:hover, #buttonbox_frame button:hover, .xfce4-panel.background button:hover, .raven stackswitcher.linked > button:hover, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:hover, .lock-dialog button:hover, .mate-panel-menu-bar button:hover, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:hover, window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:hover, layouttabbar button:hover, filechooser #pathbarbox > stack > box > button:hover, messagedialog .dialog-action-box button:hover, messagedialog .dialog-action-box .linked:not(.vertical) > button:hover, .app-notification button:hover, actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action), popover.background.menu button:hover, popover.background button.model:hover, .nemo-window .primary-toolbar button:hover:not(.text-button), headerbar button:hover:not(.suggested-action):not(.destructive-action), toolbar button:hover, combobox > .linked:not(.vertical) > button:hover:not(:only-child), button.flat:hover { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); @@ -692,8 +692,8 @@ popover.background button.model:hover, .nemo-window .primary-toolbar button:hove .budgie-session-dialog .linked.horizontal > button:active, .budgie-polkit-dialog .linked.horizontal > button:active, -.budgie-run-dialog .linked.horizontal > button:active, .drop-shadow button:active, .budgie-panel button:active, .budgie-popover row button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, #mate-menu button:active, #MatePanelPopupWindow button:active, popover.messagepopover .popover-action-area button:active, tabbox > tab button:active, .gedit-search-slider .linked > button:active, placessidebar.sidebar row button.sidebar-button:active, calendar.button:active, .budgie-popover.budgie-menu button.flat:not(.image-button):not(.indicator-item) button.circular:active, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:active, treeview.view header button button.circular:active, row.activatable button.circular:active, scrollbar button:active, notebook > header > tabs > arrow:active, spinbutton.vertical button:active, spinbutton:not(.vertical) button:active, modelbutton.flat:active, -.menuitem.button.flat:active, .nemo-window .toolbar button:active, #buttonbox_frame button:active, .xfce4-panel.background button:active, .raven stackswitcher.linked > button:active, .lock-dialog button:active, .mate-panel-menu-bar button:active, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:active, +.budgie-run-dialog .linked.horizontal > button:active, .drop-shadow button:active, .budgie-panel button:active, .budgie-popover row button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, #mate-menu button:active, #MatePanelPopupWindow button:active, popover.messagepopover .popover-action-area button:active, tabbox > tab button:active, .gedit-search-slider .linked > button:active, placessidebar.sidebar row button.sidebar-button:active, calendar.button:active, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:active, treeview.view header button button.circular:active, row.activatable button.circular:active, scrollbar button:active, notebook > header > tabs > arrow:active, spinbutton.vertical button:active, spinbutton:not(.vertical) button:active, modelbutton.flat:active, +.menuitem.button.flat:active, .nemo-window .toolbar button:active, #buttonbox_frame button:active, .xfce4-panel.background button:active, .raven stackswitcher.linked > button:active, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:active, .lock-dialog button:active, .mate-panel-menu-bar button:active, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:active, window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:active, layouttabbar button:active, filechooser #pathbarbox > stack > box > button:active, messagedialog .dialog-action-box button:active, messagedialog .dialog-action-box .linked:not(.vertical) > button:active, .app-notification button:active, actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action), popover.background.menu button:active, popover.background button.model:active, .nemo-window .primary-toolbar button:active:not(.text-button), headerbar button:active:not(.suggested-action):not(.destructive-action), toolbar button:active, combobox > .linked:not(.vertical) > button:active:not(:only-child), button.flat:active { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; @@ -706,8 +706,8 @@ popover.background button.model:active, .nemo-window .primary-toolbar button:act .budgie-session-dialog .linked.horizontal > button:disabled, .budgie-polkit-dialog .linked.horizontal > button:disabled, -.budgie-run-dialog .linked.horizontal > button:disabled, .drop-shadow button:disabled, .budgie-panel button:disabled, .budgie-popover row button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, #mate-menu button:disabled, #MatePanelPopupWindow button:disabled, popover.messagepopover .popover-action-area button:disabled, tabbox > tab button:disabled, .gedit-search-slider .linked > button:disabled, placessidebar.sidebar row button.sidebar-button:disabled, calendar.button:disabled, .budgie-popover.budgie-menu button.flat:not(.image-button):not(.indicator-item) button.circular:disabled, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:disabled, treeview.view header button button.circular:disabled, row.activatable button.circular:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, spinbutton.vertical button:disabled, spinbutton:not(.vertical) button:disabled, modelbutton.flat:disabled, -.menuitem.button.flat:disabled, .nemo-window .toolbar button:disabled, #buttonbox_frame button:disabled, .xfce4-panel.background button:disabled, .raven stackswitcher.linked > button:disabled, .lock-dialog button:disabled, .mate-panel-menu-bar button:disabled, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:disabled, +.budgie-run-dialog .linked.horizontal > button:disabled, .drop-shadow button:disabled, .budgie-panel button:disabled, .budgie-popover row button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, #mate-menu button:disabled, #MatePanelPopupWindow button:disabled, popover.messagepopover .popover-action-area button:disabled, tabbox > tab button:disabled, .gedit-search-slider .linked > button:disabled, placessidebar.sidebar row button.sidebar-button:disabled, calendar.button:disabled, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:disabled, treeview.view header button button.circular:disabled, row.activatable button.circular:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, spinbutton.vertical button:disabled, spinbutton:not(.vertical) button:disabled, modelbutton.flat:disabled, +.menuitem.button.flat:disabled, .nemo-window .toolbar button:disabled, #buttonbox_frame button:disabled, .xfce4-panel.background button:disabled, .raven stackswitcher.linked > button:disabled, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:disabled, .lock-dialog button:disabled, .mate-panel-menu-bar button:disabled, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:disabled, window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:disabled, layouttabbar button:disabled, filechooser #pathbarbox > stack > box > button:disabled, messagedialog .dialog-action-box button:disabled, messagedialog .dialog-action-box .linked:not(.vertical) > button:disabled, .app-notification button:disabled, actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action), popover.background.menu button:disabled, popover.background button.model:disabled, .nemo-window .primary-toolbar button:disabled:not(.text-button), headerbar button:disabled:not(.suggested-action):not(.destructive-action), toolbar button:disabled, combobox > .linked:not(.vertical) > button:disabled:not(:only-child), button.flat:disabled { box-shadow: none; @@ -715,14 +715,14 @@ popover.background button.model:disabled, .nemo-window .primary-toolbar button:d color: rgba(255, 255, 255, 0.3); } -.nemo-window .toolbar button:checked, #buttonbox_frame button:checked, .xfce4-panel.background button:checked, .raven stackswitcher.linked > button:checked, .lock-dialog button:checked, .mate-panel-menu-bar button:checked, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked, +.nemo-window .toolbar button:checked, #buttonbox_frame button:checked, .xfce4-panel.background button:checked, .raven stackswitcher.linked > button:checked, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:checked, .lock-dialog button:checked, .mate-panel-menu-bar button:checked, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked, window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked, layouttabbar button:checked, filechooser #pathbarbox > stack > box > button:checked, messagedialog .dialog-action-box button:checked, messagedialog .dialog-action-box .linked:not(.vertical) > button:checked, .app-notification button:checked, actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked, popover.background button.model:checked, .nemo-window .primary-toolbar button:checked:not(.text-button), headerbar button:checked:not(.suggested-action):not(.destructive-action), toolbar button:checked, combobox > .linked:not(.vertical) > button:checked:not(:only-child), button.flat:checked, button.flat:checked:hover { background-color: alpha(currentColor, 0.1); color: white; } -.nemo-window .toolbar button:checked:disabled, #buttonbox_frame button:checked:disabled, .xfce4-panel.background button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .lock-dialog button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked:disabled, +.nemo-window .toolbar button:checked:disabled, #buttonbox_frame button:checked:disabled, .xfce4-panel.background button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:checked:disabled, .lock-dialog button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked:disabled, window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked:disabled, layouttabbar button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, messagedialog .dialog-action-box button:checked:disabled, .app-notification button:checked:disabled, actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:disabled, popover.background button.model:checked:disabled, .nemo-window .primary-toolbar button:checked:disabled:not(.text-button), headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), toolbar button:checked:disabled, combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), button.flat:checked:disabled { background-color: alpha(currentColor, 0.1); @@ -1538,7 +1538,7 @@ headerbar > box.right { padding: 0 6px; } -headerbar separator.titlebutton { +headerbar separator.titlebutton, headerbar separator.sidebar { margin-top: 12px; margin-bottom: 12px; background-color: transparent; @@ -2401,6 +2401,7 @@ switch { background-color: rgba(255, 255, 255, 0.5); background-clip: padding-box; font-size: 0; + color: transparent; } switch:checked { @@ -2411,21 +2412,17 @@ switch:disabled { opacity: 0.5; } -switch image { - margin: -8px; - -gtk-icon-transform: scale(0); -} - switch slider { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); min-width: 20px; min-height: 20px; - margin: 1px; + margin: 0; border-radius: 9999px; outline: none; box-shadow: none; background-color: white; border: none; + color: transparent; } switch:focus slider, switch:hover slider, switch:focus:hover slider { @@ -2638,7 +2635,7 @@ treeview.view radio, treeview.view radio:hover, treeview.view radio:disabled, tr box-shadow: none; } -treeview.view:selected radio:checked, treeview.view:selected radio:indeterminate, treeview.view:selected check:checked, treeview.view:selected check:indeterminate, treeview.view:selected:focused radio:checked, treeview.view:selected:focused radio:indeterminate, treeview.view:selected:focused check:checked, treeview.view:selected:focused check:indeterminate { +treeview.view:selected radio:checked, treeview.view:selected radio:indeterminate, treeview.view:selected check:checked, treeview.view:selected check:indeterminate, treeview.view:selected:focus radio:checked, treeview.view:selected:focus radio:indeterminate, treeview.view:selected:focus check:checked, treeview.view:selected:focus check:indeterminate { background-color: #5b9bf8; color: white; background-image: none; @@ -3220,7 +3217,9 @@ separator { background-color: rgba(255, 255, 255, 0.12); } -preferences stacksidebar.sidebar list separator, hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) separator, leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) separator, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) separator, .tweak-categories separator, placessidebar.sidebar list > separator, stacksidebar.sidebar + separator.vertical, +preferences stacksidebar.sidebar list separator, hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) separator, leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) separator, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) separator, window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, .tweak-categories separator, placessidebar.sidebar list > separator, stacksidebar.sidebar + separator.vertical, stacksidebar.sidebar separator.horizontal, button.font separator, button.file separator { min-width: 0; min-height: 0; @@ -3286,7 +3285,7 @@ list.navigation-sidebar > row { border-radius: 6px; } -.budgie-popover.budgie-menu button.flat:not(.image-button):not(.indicator-item), .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable, treeview.view header button, row.activatable { +.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable, treeview.view header button, row.activatable { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); outline: none; box-shadow: inset 0 0 0 9999px transparent; @@ -3296,16 +3295,16 @@ list.navigation-sidebar > row { background-size: 1000% 1000%; } -.budgie-popover.budgie-menu button.flat:focus:not(.image-button):not(.indicator-item), .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable:focus, treeview.view header button:focus, row.activatable:focus { +.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable:focus, treeview.view header button:focus, row.activatable:focus { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); } -.budgie-popover.budgie-menu button.flat:hover:not(.image-button):not(.indicator-item), .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable:hover, treeview.view header button:hover, row.activatable:hover { +.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable:hover, treeview.view header button:hover, row.activatable:hover { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); } -.budgie-popover.budgie-menu button.has-open-popup.flat:not(.image-button):not(.indicator-item), .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.has-open-popup.activatable, treeview.view header button.has-open-popup, .budgie-popover.budgie-menu button.flat:active:not(.image-button):not(.indicator-item), .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable:active, treeview.view header button:active, row.activatable.has-open-popup, row.activatable:active { +.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.has-open-popup.activatable, treeview.view header button.has-open-popup, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable:active, treeview.view header button:active, row.activatable.has-open-popup, row.activatable:active { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); @@ -4682,6 +4681,7 @@ window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport. window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { background-color: transparent; + padding: 3px; } window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable, @@ -4696,6 +4696,10 @@ window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > vi background-color: transparent; } +window.background.csd hdycolumn stack frame.view > stack > stack list > separator { + background-color: rgba(255, 255, 255, 0.12); +} + dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { border-radius: 0 0 12px 12px; } @@ -6667,16 +6671,15 @@ MsdOsdWindow.background.osd .progressbar { } .budgie-popover { - border-style: solid; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3); - border-radius: 6px; - box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); - background-color: #3C3C3C; + border: 1px solid rgba(255, 255, 255, 0.1); + box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.75); + background-clip: border-box; + background-color: #2C2C2C; + border-radius: 12px; } .budgie-popover .container { - padding: 6px; + padding: 0; } .budgie-popover separator { @@ -6691,35 +6694,36 @@ MsdOsdWindow.background.osd .progressbar { background-color: transparent; } -.budgie-popover row { - padding: 0; -} - .budgie-popover row:hover { box-shadow: none; } -.budgie-popover row button { - border-radius: 0px; -} - -.budgie-popover scrolledwindow.sidebar.categories { - background-color: rgba(255, 255, 255, 0.04); -} - .budgie-popover scrolledwindow.sidebar:not(.categories) { background-color: rgba(255, 255, 255, 0.04); border-right: none; - border-bottom-left-radius: 6px; + border-bottom-left-radius: 12px; } .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable { padding: 6px 8px; } +.budgie-popover treeview.view.sidebar { + border-right: none; + background: none; +} + +.budgie-popover treeview.view.sidebar:hover { + background-color: alpha(currentColor, 0.08); +} + +.budgie-popover treeview.view.sidebar:selected { + background-color: alpha(currentColor, 0.12); +} + .budgie-popover.bottom scrolledwindow.sidebar:not(.categories) { - padding-top: 6px; - border-top-left-radius: 6px; + padding-top: 12px; + border-top-left-radius: 12px; border-bottom-left-radius: 0; } @@ -6732,22 +6736,6 @@ MsdOsdWindow.background.osd .progressbar { border-bottom: 1px solid rgba(255, 255, 255, 0.12); } -.budgie-popover button { - border-radius: 0px; -} - -.budgie-popover button.flat:not(.image-button) { - min-height: 28px; - padding: 0 8px; - color: white; - font-weight: normal; - border-radius: 0px; -} - -.budgie-popover button.flat:not(.image-button):disabled { - color: rgba(255, 255, 255, 0.5); -} - .budgie-popover.budgie-menu .container { padding: 0; } @@ -6766,14 +6754,21 @@ MsdOsdWindow.background.osd .progressbar { font-size: 120%; } -.budgie-popover.budgie-menu button.flat:not(.image-button):not(.indicator-item) { - min-height: 32px; - padding: 0 8px; +.budgie-popover.budgie-menu scrolledwindow.sidebar.categories { + background-color: rgba(255, 255, 255, 0.04); + padding-bottom: 12px; +} + +.budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button { border-radius: 0; } -.budgie-popover.budgie-menu button.flat:not(.image-button):not(.indicator-item):checked:disabled { - background-color: transparent; +.budgie-popover.budgie-menu scrolledwindow > viewport.frame > list > row.activatable > button.flat { + border-radius: 0; +} + +.budgie-popover.user-menu .container { + padding: 6px; } .budgie-popover.user-menu list, @@ -6938,7 +6933,7 @@ MsdOsdWindow.background.osd .progressbar { } .budgie-panel.transparent { - background-color: #242424; + background-color: rgba(33, 33, 33, 0.75); } .budgie-panel button { @@ -7007,6 +7002,8 @@ MsdOsdWindow.background.osd .progressbar { .budgie-panel menubar, .budgie-panel .menubar { color: rgba(255, 255, 255, 0.7); + box-shadow: none; + border: none; } .budgie-panel menubar > menuitem, @@ -7142,7 +7139,7 @@ frame.raven-frame > border { .raven .raven-header.top stackswitcher button { margin: -4px 0 -5px; padding: 0 16px; - min-height: 36px; + min-height: 24px; } .raven .raven-header.bottom { @@ -7175,6 +7172,7 @@ frame.raven-frame > border { .raven .powerstrip button { margin: 2px 0 1px; padding: 12px; + border-radius: 9999px; } .raven .option-subtitle { @@ -7232,6 +7230,42 @@ calendar.raven-calendar:selected { padding: 12px; } +.raven-notifications-view > .raven-background > viewport.frame { + padding: 0; +} + +.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable { + margin-left: -6px; + margin-right: -3px; +} + +.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable .raven-notifications-group-header { + padding: 0 12px; +} + +.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable list { + padding: 6px; + background: none; +} + +.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border: none; + padding: 6px; + padding-left: 12px; + margin: 3px; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.04); +} + +.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable list > row.activatable:hover, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(255, 255, 255, 0.12); +} + +.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:selected, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:selected:hover, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:hover, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:active, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:focus { + background: none; + box-shadow: none; +} + .budgie-notification-window, .budgie-switcher-window, .budgie-osd-window { background-color: transparent; } @@ -7267,16 +7301,24 @@ calendar.raven-calendar:selected { .budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); background-color: #3C3C3C; + border: none; + padding: 0; } -.budgie-session-dialog.background.csd, .budgie-session-dialog decoration, -.budgie-polkit-dialog.background.csd, -.budgie-polkit-dialog decoration, -.budgie-run-dialog.background.csd, -.budgie-run-dialog decoration { - border-radius: 12px 12px 12px 12px; +.budgie-session-dialog.background, .budgie-session-dialog > decoration, +.budgie-polkit-dialog.background, +.budgie-polkit-dialog > decoration, +.budgie-run-dialog.background, +.budgie-run-dialog > decoration { + border-radius: 12px; +} + +.budgie-session-dialog > decoration, +.budgie-polkit-dialog > decoration, +.budgie-run-dialog > decoration { + border: none; + box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.75); } .budgie-session-dialog label:not(:last-child), diff --git a/src/main/gtk-3.0/gtk-light.css b/src/main/gtk-3.0/gtk-light.css index 9dd2550d..eec0671c 100644 --- a/src/main/gtk-3.0/gtk-light.css +++ b/src/main/gtk-3.0/gtk-light.css @@ -41,7 +41,7 @@ outline-color: alpha(currentColor, 0.1); } -XfdesktopIconView.view:active, calendar.raven-calendar:selected, .budgie-popover.budgie-menu button.flat:not(.image-button):not(.indicator-item):checked, box.vertical > widget > widget:selected, calendar:selected, treeview.view:selected, modelbutton.flat:selected, +XfdesktopIconView.view:active, calendar.raven-calendar:selected, box.vertical > widget > widget:selected, calendar:selected, treeview.view:selected, modelbutton.flat:selected, .menuitem.button.flat:selected, .background.csd .view:selected { color: rgba(0, 0, 0, 0.87); background-color: alpha(currentColor, 0.1); @@ -655,8 +655,8 @@ button:drop(active) { .budgie-session-dialog .linked.horizontal > button, .budgie-polkit-dialog .linked.horizontal > button, -.budgie-run-dialog .linked.horizontal > button, .drop-shadow button, .budgie-panel button, .budgie-popover row button, .budgie-settings-window buttonbox.inline-toolbar button, #mate-menu button, #MatePanelPopupWindow button, popover.messagepopover .popover-action-area button, tabbox > tab button, .gedit-search-slider .linked > button, placessidebar.sidebar row button.sidebar-button, calendar.button, .budgie-popover.budgie-menu button.flat:not(.image-button):not(.indicator-item) button.circular, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular, treeview.view header button button.circular, row.activatable button.circular, scrollbar button, notebook > header > tabs > arrow, spinbutton.vertical button, spinbutton:not(.vertical) button, modelbutton.flat, -.menuitem.button.flat, .nemo-window .toolbar button, #buttonbox_frame button, .xfce4-panel.background button, .raven stackswitcher.linked > button, .lock-dialog button, .mate-panel-menu-bar button, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button, +.budgie-run-dialog .linked.horizontal > button, .drop-shadow button, .budgie-panel button, .budgie-popover row button, .budgie-settings-window buttonbox.inline-toolbar button, #mate-menu button, #MatePanelPopupWindow button, popover.messagepopover .popover-action-area button, tabbox > tab button, .gedit-search-slider .linked > button, placessidebar.sidebar row button.sidebar-button, calendar.button, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular, treeview.view header button button.circular, row.activatable button.circular, scrollbar button, notebook > header > tabs > arrow, spinbutton.vertical button, spinbutton:not(.vertical) button, modelbutton.flat, +.menuitem.button.flat, .nemo-window .toolbar button, #buttonbox_frame button, .xfce4-panel.background button, .raven stackswitcher.linked > button, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button, .lock-dialog button, .mate-panel-menu-bar button, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button, window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button, layouttabbar button, filechooser #pathbarbox > stack > box > button, messagedialog .dialog-action-box button, messagedialog .dialog-action-box .linked:not(.vertical) > button, .app-notification button, actionbar > revealer > box button:not(.suggested-action):not(.destructive-action), popover.background.menu button, popover.background button.model, .nemo-window .primary-toolbar button:not(.text-button), headerbar button:not(.suggested-action):not(.destructive-action), toolbar button, combobox > .linked:not(.vertical) > button:not(:only-child), button.flat { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); @@ -672,8 +672,8 @@ popover.background button.model, .nemo-window .primary-toolbar button:not(.text- .budgie-session-dialog .linked.horizontal > button:focus, .budgie-polkit-dialog .linked.horizontal > button:focus, -.budgie-run-dialog .linked.horizontal > button:focus, .drop-shadow button:focus, .budgie-panel button:focus, .budgie-popover row button:focus, .budgie-settings-window buttonbox.inline-toolbar button:focus, #mate-menu button:focus, #MatePanelPopupWindow button:focus, popover.messagepopover .popover-action-area button:focus, tabbox > tab button:focus, .gedit-search-slider .linked > button:focus, placessidebar.sidebar row button.sidebar-button:focus, calendar.button:focus, .budgie-popover.budgie-menu button.flat:not(.image-button):not(.indicator-item) button.circular:focus, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:focus, treeview.view header button button.circular:focus, row.activatable button.circular:focus, scrollbar button:focus, notebook > header > tabs > arrow:focus, spinbutton.vertical button:focus, spinbutton:not(.vertical) button:focus, modelbutton.flat:focus, -.menuitem.button.flat:focus, .nemo-window .toolbar button:focus, #buttonbox_frame button:focus, .xfce4-panel.background button:focus, .raven stackswitcher.linked > button:focus, .lock-dialog button:focus, .mate-panel-menu-bar button:focus, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:focus, +.budgie-run-dialog .linked.horizontal > button:focus, .drop-shadow button:focus, .budgie-panel button:focus, .budgie-popover row button:focus, .budgie-settings-window buttonbox.inline-toolbar button:focus, #mate-menu button:focus, #MatePanelPopupWindow button:focus, popover.messagepopover .popover-action-area button:focus, tabbox > tab button:focus, .gedit-search-slider .linked > button:focus, placessidebar.sidebar row button.sidebar-button:focus, calendar.button:focus, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:focus, treeview.view header button button.circular:focus, row.activatable button.circular:focus, scrollbar button:focus, notebook > header > tabs > arrow:focus, spinbutton.vertical button:focus, spinbutton:not(.vertical) button:focus, modelbutton.flat:focus, +.menuitem.button.flat:focus, .nemo-window .toolbar button:focus, #buttonbox_frame button:focus, .xfce4-panel.background button:focus, .raven stackswitcher.linked > button:focus, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:focus, .lock-dialog button:focus, .mate-panel-menu-bar button:focus, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:focus, window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:focus, layouttabbar button:focus, filechooser #pathbarbox > stack > box > button:focus, messagedialog .dialog-action-box button:focus, messagedialog .dialog-action-box .linked:not(.vertical) > button:focus, .app-notification button:focus, actionbar > revealer > box button:focus:not(.suggested-action):not(.destructive-action), popover.background.menu button:focus, popover.background button.model:focus, .nemo-window .primary-toolbar button:focus:not(.text-button), headerbar button:focus:not(.suggested-action):not(.destructive-action), toolbar button:focus, combobox > .linked:not(.vertical) > button:focus:not(:only-child), button.flat:focus { box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); @@ -682,8 +682,8 @@ popover.background button.model:focus, .nemo-window .primary-toolbar button:focu .budgie-session-dialog .linked.horizontal > button:hover, .budgie-polkit-dialog .linked.horizontal > button:hover, -.budgie-run-dialog .linked.horizontal > button:hover, .drop-shadow button:hover, .budgie-panel button:hover, .budgie-popover row button:hover, .budgie-settings-window buttonbox.inline-toolbar button:hover, #mate-menu button:hover, #MatePanelPopupWindow button:hover, popover.messagepopover .popover-action-area button:hover, tabbox > tab button:hover, .gedit-search-slider .linked > button:hover, placessidebar.sidebar row button.sidebar-button:hover, calendar.button:hover, .budgie-popover.budgie-menu button.flat:not(.image-button):not(.indicator-item) button.circular:hover, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:hover, treeview.view header button button.circular:hover, row.activatable button.circular:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, spinbutton.vertical button:hover, spinbutton:not(.vertical) button:hover, modelbutton.flat:hover, -.menuitem.button.flat:hover, .nemo-window .toolbar button:hover, #buttonbox_frame button:hover, .xfce4-panel.background button:hover, .raven stackswitcher.linked > button:hover, .lock-dialog button:hover, .mate-panel-menu-bar button:hover, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:hover, +.budgie-run-dialog .linked.horizontal > button:hover, .drop-shadow button:hover, .budgie-panel button:hover, .budgie-popover row button:hover, .budgie-settings-window buttonbox.inline-toolbar button:hover, #mate-menu button:hover, #MatePanelPopupWindow button:hover, popover.messagepopover .popover-action-area button:hover, tabbox > tab button:hover, .gedit-search-slider .linked > button:hover, placessidebar.sidebar row button.sidebar-button:hover, calendar.button:hover, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:hover, treeview.view header button button.circular:hover, row.activatable button.circular:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, spinbutton.vertical button:hover, spinbutton:not(.vertical) button:hover, modelbutton.flat:hover, +.menuitem.button.flat:hover, .nemo-window .toolbar button:hover, #buttonbox_frame button:hover, .xfce4-panel.background button:hover, .raven stackswitcher.linked > button:hover, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:hover, .lock-dialog button:hover, .mate-panel-menu-bar button:hover, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:hover, window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:hover, layouttabbar button:hover, filechooser #pathbarbox > stack > box > button:hover, messagedialog .dialog-action-box button:hover, messagedialog .dialog-action-box .linked:not(.vertical) > button:hover, .app-notification button:hover, actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action), popover.background.menu button:hover, popover.background button.model:hover, .nemo-window .primary-toolbar button:hover:not(.text-button), headerbar button:hover:not(.suggested-action):not(.destructive-action), toolbar button:hover, combobox > .linked:not(.vertical) > button:hover:not(:only-child), button.flat:hover { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); @@ -692,8 +692,8 @@ popover.background button.model:hover, .nemo-window .primary-toolbar button:hove .budgie-session-dialog .linked.horizontal > button:active, .budgie-polkit-dialog .linked.horizontal > button:active, -.budgie-run-dialog .linked.horizontal > button:active, .drop-shadow button:active, .budgie-panel button:active, .budgie-popover row button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, #mate-menu button:active, #MatePanelPopupWindow button:active, popover.messagepopover .popover-action-area button:active, tabbox > tab button:active, .gedit-search-slider .linked > button:active, placessidebar.sidebar row button.sidebar-button:active, calendar.button:active, .budgie-popover.budgie-menu button.flat:not(.image-button):not(.indicator-item) button.circular:active, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:active, treeview.view header button button.circular:active, row.activatable button.circular:active, scrollbar button:active, notebook > header > tabs > arrow:active, spinbutton.vertical button:active, spinbutton:not(.vertical) button:active, modelbutton.flat:active, -.menuitem.button.flat:active, .nemo-window .toolbar button:active, #buttonbox_frame button:active, .xfce4-panel.background button:active, .raven stackswitcher.linked > button:active, .lock-dialog button:active, .mate-panel-menu-bar button:active, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:active, +.budgie-run-dialog .linked.horizontal > button:active, .drop-shadow button:active, .budgie-panel button:active, .budgie-popover row button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, #mate-menu button:active, #MatePanelPopupWindow button:active, popover.messagepopover .popover-action-area button:active, tabbox > tab button:active, .gedit-search-slider .linked > button:active, placessidebar.sidebar row button.sidebar-button:active, calendar.button:active, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:active, treeview.view header button button.circular:active, row.activatable button.circular:active, scrollbar button:active, notebook > header > tabs > arrow:active, spinbutton.vertical button:active, spinbutton:not(.vertical) button:active, modelbutton.flat:active, +.menuitem.button.flat:active, .nemo-window .toolbar button:active, #buttonbox_frame button:active, .xfce4-panel.background button:active, .raven stackswitcher.linked > button:active, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:active, .lock-dialog button:active, .mate-panel-menu-bar button:active, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:active, window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:active, layouttabbar button:active, filechooser #pathbarbox > stack > box > button:active, messagedialog .dialog-action-box button:active, messagedialog .dialog-action-box .linked:not(.vertical) > button:active, .app-notification button:active, actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action), popover.background.menu button:active, popover.background button.model:active, .nemo-window .primary-toolbar button:active:not(.text-button), headerbar button:active:not(.suggested-action):not(.destructive-action), toolbar button:active, combobox > .linked:not(.vertical) > button:active:not(:only-child), button.flat:active { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; @@ -706,8 +706,8 @@ popover.background button.model:active, .nemo-window .primary-toolbar button:act .budgie-session-dialog .linked.horizontal > button:disabled, .budgie-polkit-dialog .linked.horizontal > button:disabled, -.budgie-run-dialog .linked.horizontal > button:disabled, .drop-shadow button:disabled, .budgie-panel button:disabled, .budgie-popover row button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, #mate-menu button:disabled, #MatePanelPopupWindow button:disabled, popover.messagepopover .popover-action-area button:disabled, tabbox > tab button:disabled, .gedit-search-slider .linked > button:disabled, placessidebar.sidebar row button.sidebar-button:disabled, calendar.button:disabled, .budgie-popover.budgie-menu button.flat:not(.image-button):not(.indicator-item) button.circular:disabled, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:disabled, treeview.view header button button.circular:disabled, row.activatable button.circular:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, spinbutton.vertical button:disabled, spinbutton:not(.vertical) button:disabled, modelbutton.flat:disabled, -.menuitem.button.flat:disabled, .nemo-window .toolbar button:disabled, #buttonbox_frame button:disabled, .xfce4-panel.background button:disabled, .raven stackswitcher.linked > button:disabled, .lock-dialog button:disabled, .mate-panel-menu-bar button:disabled, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:disabled, +.budgie-run-dialog .linked.horizontal > button:disabled, .drop-shadow button:disabled, .budgie-panel button:disabled, .budgie-popover row button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, #mate-menu button:disabled, #MatePanelPopupWindow button:disabled, popover.messagepopover .popover-action-area button:disabled, tabbox > tab button:disabled, .gedit-search-slider .linked > button:disabled, placessidebar.sidebar row button.sidebar-button:disabled, calendar.button:disabled, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:disabled, treeview.view header button button.circular:disabled, row.activatable button.circular:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, spinbutton.vertical button:disabled, spinbutton:not(.vertical) button:disabled, modelbutton.flat:disabled, +.menuitem.button.flat:disabled, .nemo-window .toolbar button:disabled, #buttonbox_frame button:disabled, .xfce4-panel.background button:disabled, .raven stackswitcher.linked > button:disabled, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:disabled, .lock-dialog button:disabled, .mate-panel-menu-bar button:disabled, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:disabled, window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:disabled, layouttabbar button:disabled, filechooser #pathbarbox > stack > box > button:disabled, messagedialog .dialog-action-box button:disabled, messagedialog .dialog-action-box .linked:not(.vertical) > button:disabled, .app-notification button:disabled, actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action), popover.background.menu button:disabled, popover.background button.model:disabled, .nemo-window .primary-toolbar button:disabled:not(.text-button), headerbar button:disabled:not(.suggested-action):not(.destructive-action), toolbar button:disabled, combobox > .linked:not(.vertical) > button:disabled:not(:only-child), button.flat:disabled { box-shadow: none; @@ -715,14 +715,14 @@ popover.background button.model:disabled, .nemo-window .primary-toolbar button:d color: rgba(0, 0, 0, 0.26); } -.nemo-window .toolbar button:checked, #buttonbox_frame button:checked, .xfce4-panel.background button:checked, .raven stackswitcher.linked > button:checked, .lock-dialog button:checked, .mate-panel-menu-bar button:checked, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked, +.nemo-window .toolbar button:checked, #buttonbox_frame button:checked, .xfce4-panel.background button:checked, .raven stackswitcher.linked > button:checked, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:checked, .lock-dialog button:checked, .mate-panel-menu-bar button:checked, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked, window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked, layouttabbar button:checked, filechooser #pathbarbox > stack > box > button:checked, messagedialog .dialog-action-box button:checked, messagedialog .dialog-action-box .linked:not(.vertical) > button:checked, .app-notification button:checked, actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked, popover.background button.model:checked, .nemo-window .primary-toolbar button:checked:not(.text-button), headerbar button:checked:not(.suggested-action):not(.destructive-action), toolbar button:checked, combobox > .linked:not(.vertical) > button:checked:not(:only-child), button.flat:checked, button.flat:checked:hover { background-color: alpha(currentColor, 0.1); color: rgba(0, 0, 0, 0.87); } -.nemo-window .toolbar button:checked:disabled, #buttonbox_frame button:checked:disabled, .xfce4-panel.background button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .lock-dialog button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked:disabled, +.nemo-window .toolbar button:checked:disabled, #buttonbox_frame button:checked:disabled, .xfce4-panel.background button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:checked:disabled, .lock-dialog button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked:disabled, window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked:disabled, layouttabbar button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, messagedialog .dialog-action-box button:checked:disabled, .app-notification button:checked:disabled, actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:disabled, popover.background button.model:checked:disabled, .nemo-window .primary-toolbar button:checked:disabled:not(.text-button), headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), toolbar button:checked:disabled, combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), button.flat:checked:disabled { background-color: alpha(currentColor, 0.1); @@ -1538,7 +1538,7 @@ headerbar > box.right { padding: 0 6px; } -headerbar separator.titlebutton { +headerbar separator.titlebutton, headerbar separator.sidebar { margin-top: 12px; margin-bottom: 12px; background-color: transparent; @@ -2401,6 +2401,7 @@ switch { background-color: rgba(0, 0, 0, 0.38); background-clip: padding-box; font-size: 0; + color: transparent; } switch:checked { @@ -2411,11 +2412,6 @@ switch:disabled { opacity: 0.5; } -switch image { - margin: -8px; - -gtk-icon-transform: scale(0); -} - switch slider { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); min-width: 20px; @@ -2426,6 +2422,7 @@ switch slider { box-shadow: none; background-color: white; border: none; + color: transparent; } switch:focus slider, switch:hover slider, switch:focus:hover slider { @@ -2638,7 +2635,7 @@ treeview.view radio, treeview.view radio:hover, treeview.view radio:disabled, tr box-shadow: none; } -treeview.view:selected radio:checked, treeview.view:selected radio:indeterminate, treeview.view:selected check:checked, treeview.view:selected check:indeterminate, treeview.view:selected:focused radio:checked, treeview.view:selected:focused radio:indeterminate, treeview.view:selected:focused check:checked, treeview.view:selected:focused check:indeterminate { +treeview.view:selected radio:checked, treeview.view:selected radio:indeterminate, treeview.view:selected check:checked, treeview.view:selected check:indeterminate, treeview.view:selected:focus radio:checked, treeview.view:selected:focus radio:indeterminate, treeview.view:selected:focus check:checked, treeview.view:selected:focus check:indeterminate { background-color: #3c84f7; color: white; background-image: none; @@ -3220,7 +3217,9 @@ separator { background-color: rgba(0, 0, 0, 0.12); } -preferences stacksidebar.sidebar list separator, hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) separator, leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) separator, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) separator, .tweak-categories separator, placessidebar.sidebar list > separator, stacksidebar.sidebar + separator.vertical, +preferences stacksidebar.sidebar list separator, hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) separator, leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) separator, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) separator, window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, .tweak-categories separator, placessidebar.sidebar list > separator, stacksidebar.sidebar + separator.vertical, stacksidebar.sidebar separator.horizontal, button.font separator, button.file separator { min-width: 0; min-height: 0; @@ -3286,7 +3285,7 @@ list.navigation-sidebar > row { border-radius: 6px; } -.budgie-popover.budgie-menu button.flat:not(.image-button):not(.indicator-item), .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable, treeview.view header button, row.activatable { +.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable, treeview.view header button, row.activatable { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); outline: none; box-shadow: inset 0 0 0 9999px transparent; @@ -3296,16 +3295,16 @@ list.navigation-sidebar > row { background-size: 1000% 1000%; } -.budgie-popover.budgie-menu button.flat:focus:not(.image-button):not(.indicator-item), .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable:focus, treeview.view header button:focus, row.activatable:focus { +.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable:focus, treeview.view header button:focus, row.activatable:focus { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); } -.budgie-popover.budgie-menu button.flat:hover:not(.image-button):not(.indicator-item), .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable:hover, treeview.view header button:hover, row.activatable:hover { +.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable:hover, treeview.view header button:hover, row.activatable:hover { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); } -.budgie-popover.budgie-menu button.has-open-popup.flat:not(.image-button):not(.indicator-item), .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.has-open-popup.activatable, treeview.view header button.has-open-popup, .budgie-popover.budgie-menu button.flat:active:not(.image-button):not(.indicator-item), .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable:active, treeview.view header button:active, row.activatable.has-open-popup, row.activatable:active { +.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.has-open-popup.activatable, treeview.view header button.has-open-popup, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable:active, treeview.view header button:active, row.activatable.has-open-popup, row.activatable:active { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); @@ -4673,6 +4672,7 @@ window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport. window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { background-color: transparent; + padding: 3px; } window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable, @@ -4687,6 +4687,10 @@ window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > vi background-color: transparent; } +window.background.csd hdycolumn stack frame.view > stack > stack list > separator { + background-color: rgba(0, 0, 0, 0.12); +} + dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { border-radius: 0 0 12px 12px; } @@ -6658,16 +6662,15 @@ MsdOsdWindow.background.osd .progressbar { } .budgie-popover { - border-style: solid; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3); - border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); + background-clip: padding-box; background-color: #FFFFFF; + border-radius: 12px; } .budgie-popover .container { - padding: 6px; + padding: 0; } .budgie-popover separator { @@ -6682,35 +6685,36 @@ MsdOsdWindow.background.osd .progressbar { background-color: transparent; } -.budgie-popover row { - padding: 0; -} - .budgie-popover row:hover { box-shadow: none; } -.budgie-popover row button { - border-radius: 0px; -} - -.budgie-popover scrolledwindow.sidebar.categories { - background-color: rgba(0, 0, 0, 0.04); -} - .budgie-popover scrolledwindow.sidebar:not(.categories) { background-color: rgba(0, 0, 0, 0.04); border-right: none; - border-bottom-left-radius: 6px; + border-bottom-left-radius: 12px; } .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable { padding: 6px 8px; } +.budgie-popover treeview.view.sidebar { + border-right: none; + background: none; +} + +.budgie-popover treeview.view.sidebar:hover { + background-color: alpha(currentColor, 0.08); +} + +.budgie-popover treeview.view.sidebar:selected { + background-color: alpha(currentColor, 0.12); +} + .budgie-popover.bottom scrolledwindow.sidebar:not(.categories) { - padding-top: 6px; - border-top-left-radius: 6px; + padding-top: 12px; + border-top-left-radius: 12px; border-bottom-left-radius: 0; } @@ -6723,22 +6727,6 @@ MsdOsdWindow.background.osd .progressbar { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } -.budgie-popover button { - border-radius: 0px; -} - -.budgie-popover button.flat:not(.image-button) { - min-height: 28px; - padding: 0 8px; - color: rgba(0, 0, 0, 0.87); - font-weight: normal; - border-radius: 0px; -} - -.budgie-popover button.flat:not(.image-button):disabled { - color: rgba(0, 0, 0, 0.38); -} - .budgie-popover.budgie-menu .container { padding: 0; } @@ -6757,14 +6745,21 @@ MsdOsdWindow.background.osd .progressbar { font-size: 120%; } -.budgie-popover.budgie-menu button.flat:not(.image-button):not(.indicator-item) { - min-height: 32px; - padding: 0 8px; +.budgie-popover.budgie-menu scrolledwindow.sidebar.categories { + background-color: rgba(0, 0, 0, 0.04); + padding-bottom: 12px; +} + +.budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button { border-radius: 0; } -.budgie-popover.budgie-menu button.flat:not(.image-button):not(.indicator-item):checked:disabled { - background-color: transparent; +.budgie-popover.budgie-menu scrolledwindow > viewport.frame > list > row.activatable > button.flat { + border-radius: 0; +} + +.budgie-popover.user-menu .container { + padding: 6px; } .budgie-popover.user-menu list, @@ -6929,7 +6924,7 @@ MsdOsdWindow.background.osd .progressbar { } .budgie-panel.transparent { - background-color: #242424; + background-color: rgba(242, 242, 242, 0.75); } .budgie-panel button { @@ -6998,6 +6993,8 @@ MsdOsdWindow.background.osd .progressbar { .budgie-panel menubar, .budgie-panel .menubar { color: rgba(0, 0, 0, 0.6); + box-shadow: none; + border: none; } .budgie-panel menubar > menuitem, @@ -7133,7 +7130,7 @@ frame.raven-frame > border { .raven .raven-header.top stackswitcher button { margin: -4px 0 -5px; padding: 0 16px; - min-height: 36px; + min-height: 24px; } .raven .raven-header.bottom { @@ -7166,6 +7163,7 @@ frame.raven-frame > border { .raven .powerstrip button { margin: 2px 0 1px; padding: 12px; + border-radius: 9999px; } .raven .option-subtitle { @@ -7223,6 +7221,42 @@ calendar.raven-calendar:selected { padding: 12px; } +.raven-notifications-view > .raven-background > viewport.frame { + padding: 0; +} + +.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable { + margin-left: -6px; + margin-right: -3px; +} + +.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable .raven-notifications-group-header { + padding: 0 12px; +} + +.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable list { + padding: 6px; + background: none; +} + +.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border: none; + padding: 6px; + padding-left: 12px; + margin: 3px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.04); +} + +.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable list > row.activatable:hover, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(0, 0, 0, 0.12); +} + +.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:selected, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:selected:hover, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:hover, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:active, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:focus { + background: none; + box-shadow: none; +} + .budgie-notification-window, .budgie-switcher-window, .budgie-osd-window { background-color: transparent; } @@ -7258,16 +7292,24 @@ calendar.raven-calendar:selected { .budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15); background-color: #FFFFFF; + border: none; + padding: 0; } -.budgie-session-dialog.background.csd, .budgie-session-dialog decoration, -.budgie-polkit-dialog.background.csd, -.budgie-polkit-dialog decoration, -.budgie-run-dialog.background.csd, -.budgie-run-dialog decoration { - border-radius: 12px 12px 12px 12px; +.budgie-session-dialog.background, .budgie-session-dialog > decoration, +.budgie-polkit-dialog.background, +.budgie-polkit-dialog > decoration, +.budgie-run-dialog.background, +.budgie-run-dialog > decoration { + border-radius: 12px; +} + +.budgie-session-dialog > decoration, +.budgie-polkit-dialog > decoration, +.budgie-run-dialog > decoration { + border: none; + box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.12); } .budgie-session-dialog label:not(:last-child), diff --git a/src/main/gtk-3.0/gtk.css b/src/main/gtk-3.0/gtk.css index 07419b27..312e3aca 100644 --- a/src/main/gtk-3.0/gtk.css +++ b/src/main/gtk-3.0/gtk.css @@ -41,7 +41,7 @@ outline-color: alpha(currentColor, 0.1); } -XfdesktopIconView.view:active, calendar.raven-calendar:selected, .budgie-popover.budgie-menu button.flat:not(.image-button):not(.indicator-item):checked, box.vertical > widget > widget:selected, calendar:selected, treeview.view:selected, modelbutton.flat:selected, +XfdesktopIconView.view:active, calendar.raven-calendar:selected, box.vertical > widget > widget:selected, calendar:selected, treeview.view:selected, modelbutton.flat:selected, .menuitem.button.flat:selected, .background.csd .view:selected { color: rgba(0, 0, 0, 0.87); background-color: alpha(currentColor, 0.1); @@ -655,8 +655,8 @@ button:drop(active) { .budgie-session-dialog .linked.horizontal > button, .budgie-polkit-dialog .linked.horizontal > button, -.budgie-run-dialog .linked.horizontal > button, .drop-shadow button, .budgie-panel button, .budgie-popover row button, .budgie-settings-window buttonbox.inline-toolbar button, #mate-menu button, #MatePanelPopupWindow button, popover.messagepopover .popover-action-area button, tabbox > tab button, .gedit-search-slider .linked > button, placessidebar.sidebar row button.sidebar-button, calendar.button, .budgie-popover.budgie-menu button.flat:not(.image-button):not(.indicator-item) button.circular, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular, treeview.view header button button.circular, row.activatable button.circular, scrollbar button, notebook > header > tabs > arrow, spinbutton.vertical button, spinbutton:not(.vertical) button, modelbutton.flat, -.menuitem.button.flat, .nemo-window .toolbar button, #buttonbox_frame button, .xfce4-panel.background button, .raven stackswitcher.linked > button, .lock-dialog button, .mate-panel-menu-bar button, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button, +.budgie-run-dialog .linked.horizontal > button, .drop-shadow button, .budgie-panel button, .budgie-popover row button, .budgie-settings-window buttonbox.inline-toolbar button, #mate-menu button, #MatePanelPopupWindow button, popover.messagepopover .popover-action-area button, tabbox > tab button, .gedit-search-slider .linked > button, placessidebar.sidebar row button.sidebar-button, calendar.button, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular, treeview.view header button button.circular, row.activatable button.circular, scrollbar button, notebook > header > tabs > arrow, spinbutton.vertical button, spinbutton:not(.vertical) button, modelbutton.flat, +.menuitem.button.flat, .nemo-window .toolbar button, #buttonbox_frame button, .xfce4-panel.background button, .raven stackswitcher.linked > button, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button, .lock-dialog button, .mate-panel-menu-bar button, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button, window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button, layouttabbar button, filechooser #pathbarbox > stack > box > button, messagedialog .dialog-action-box button, messagedialog .dialog-action-box .linked:not(.vertical) > button, .app-notification button, actionbar > revealer > box button:not(.suggested-action):not(.destructive-action), popover.background.menu button, popover.background button.model, .nemo-window .primary-toolbar button:not(.text-button), headerbar button:not(.suggested-action):not(.destructive-action), toolbar button, combobox > .linked:not(.vertical) > button:not(:only-child), button.flat { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); @@ -672,8 +672,8 @@ popover.background button.model, .nemo-window .primary-toolbar button:not(.text- .budgie-session-dialog .linked.horizontal > button:focus, .budgie-polkit-dialog .linked.horizontal > button:focus, -.budgie-run-dialog .linked.horizontal > button:focus, .drop-shadow button:focus, .budgie-panel button:focus, .budgie-popover row button:focus, .budgie-settings-window buttonbox.inline-toolbar button:focus, #mate-menu button:focus, #MatePanelPopupWindow button:focus, popover.messagepopover .popover-action-area button:focus, tabbox > tab button:focus, .gedit-search-slider .linked > button:focus, placessidebar.sidebar row button.sidebar-button:focus, calendar.button:focus, .budgie-popover.budgie-menu button.flat:not(.image-button):not(.indicator-item) button.circular:focus, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:focus, treeview.view header button button.circular:focus, row.activatable button.circular:focus, scrollbar button:focus, notebook > header > tabs > arrow:focus, spinbutton.vertical button:focus, spinbutton:not(.vertical) button:focus, modelbutton.flat:focus, -.menuitem.button.flat:focus, .nemo-window .toolbar button:focus, #buttonbox_frame button:focus, .xfce4-panel.background button:focus, .raven stackswitcher.linked > button:focus, .lock-dialog button:focus, .mate-panel-menu-bar button:focus, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:focus, +.budgie-run-dialog .linked.horizontal > button:focus, .drop-shadow button:focus, .budgie-panel button:focus, .budgie-popover row button:focus, .budgie-settings-window buttonbox.inline-toolbar button:focus, #mate-menu button:focus, #MatePanelPopupWindow button:focus, popover.messagepopover .popover-action-area button:focus, tabbox > tab button:focus, .gedit-search-slider .linked > button:focus, placessidebar.sidebar row button.sidebar-button:focus, calendar.button:focus, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:focus, treeview.view header button button.circular:focus, row.activatable button.circular:focus, scrollbar button:focus, notebook > header > tabs > arrow:focus, spinbutton.vertical button:focus, spinbutton:not(.vertical) button:focus, modelbutton.flat:focus, +.menuitem.button.flat:focus, .nemo-window .toolbar button:focus, #buttonbox_frame button:focus, .xfce4-panel.background button:focus, .raven stackswitcher.linked > button:focus, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:focus, .lock-dialog button:focus, .mate-panel-menu-bar button:focus, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:focus, window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:focus, layouttabbar button:focus, filechooser #pathbarbox > stack > box > button:focus, messagedialog .dialog-action-box button:focus, messagedialog .dialog-action-box .linked:not(.vertical) > button:focus, .app-notification button:focus, actionbar > revealer > box button:focus:not(.suggested-action):not(.destructive-action), popover.background.menu button:focus, popover.background button.model:focus, .nemo-window .primary-toolbar button:focus:not(.text-button), headerbar button:focus:not(.suggested-action):not(.destructive-action), toolbar button:focus, combobox > .linked:not(.vertical) > button:focus:not(:only-child), button.flat:focus { box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); @@ -682,8 +682,8 @@ popover.background button.model:focus, .nemo-window .primary-toolbar button:focu .budgie-session-dialog .linked.horizontal > button:hover, .budgie-polkit-dialog .linked.horizontal > button:hover, -.budgie-run-dialog .linked.horizontal > button:hover, .drop-shadow button:hover, .budgie-panel button:hover, .budgie-popover row button:hover, .budgie-settings-window buttonbox.inline-toolbar button:hover, #mate-menu button:hover, #MatePanelPopupWindow button:hover, popover.messagepopover .popover-action-area button:hover, tabbox > tab button:hover, .gedit-search-slider .linked > button:hover, placessidebar.sidebar row button.sidebar-button:hover, calendar.button:hover, .budgie-popover.budgie-menu button.flat:not(.image-button):not(.indicator-item) button.circular:hover, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:hover, treeview.view header button button.circular:hover, row.activatable button.circular:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, spinbutton.vertical button:hover, spinbutton:not(.vertical) button:hover, modelbutton.flat:hover, -.menuitem.button.flat:hover, .nemo-window .toolbar button:hover, #buttonbox_frame button:hover, .xfce4-panel.background button:hover, .raven stackswitcher.linked > button:hover, .lock-dialog button:hover, .mate-panel-menu-bar button:hover, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:hover, +.budgie-run-dialog .linked.horizontal > button:hover, .drop-shadow button:hover, .budgie-panel button:hover, .budgie-popover row button:hover, .budgie-settings-window buttonbox.inline-toolbar button:hover, #mate-menu button:hover, #MatePanelPopupWindow button:hover, popover.messagepopover .popover-action-area button:hover, tabbox > tab button:hover, .gedit-search-slider .linked > button:hover, placessidebar.sidebar row button.sidebar-button:hover, calendar.button:hover, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:hover, treeview.view header button button.circular:hover, row.activatable button.circular:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, spinbutton.vertical button:hover, spinbutton:not(.vertical) button:hover, modelbutton.flat:hover, +.menuitem.button.flat:hover, .nemo-window .toolbar button:hover, #buttonbox_frame button:hover, .xfce4-panel.background button:hover, .raven stackswitcher.linked > button:hover, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:hover, .lock-dialog button:hover, .mate-panel-menu-bar button:hover, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:hover, window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:hover, layouttabbar button:hover, filechooser #pathbarbox > stack > box > button:hover, messagedialog .dialog-action-box button:hover, messagedialog .dialog-action-box .linked:not(.vertical) > button:hover, .app-notification button:hover, actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action), popover.background.menu button:hover, popover.background button.model:hover, .nemo-window .primary-toolbar button:hover:not(.text-button), headerbar button:hover:not(.suggested-action):not(.destructive-action), toolbar button:hover, combobox > .linked:not(.vertical) > button:hover:not(:only-child), button.flat:hover { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); @@ -692,8 +692,8 @@ popover.background button.model:hover, .nemo-window .primary-toolbar button:hove .budgie-session-dialog .linked.horizontal > button:active, .budgie-polkit-dialog .linked.horizontal > button:active, -.budgie-run-dialog .linked.horizontal > button:active, .drop-shadow button:active, .budgie-panel button:active, .budgie-popover row button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, #mate-menu button:active, #MatePanelPopupWindow button:active, popover.messagepopover .popover-action-area button:active, tabbox > tab button:active, .gedit-search-slider .linked > button:active, placessidebar.sidebar row button.sidebar-button:active, calendar.button:active, .budgie-popover.budgie-menu button.flat:not(.image-button):not(.indicator-item) button.circular:active, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:active, treeview.view header button button.circular:active, row.activatable button.circular:active, scrollbar button:active, notebook > header > tabs > arrow:active, spinbutton.vertical button:active, spinbutton:not(.vertical) button:active, modelbutton.flat:active, -.menuitem.button.flat:active, .nemo-window .toolbar button:active, #buttonbox_frame button:active, .xfce4-panel.background button:active, .raven stackswitcher.linked > button:active, .lock-dialog button:active, .mate-panel-menu-bar button:active, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:active, +.budgie-run-dialog .linked.horizontal > button:active, .drop-shadow button:active, .budgie-panel button:active, .budgie-popover row button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, #mate-menu button:active, #MatePanelPopupWindow button:active, popover.messagepopover .popover-action-area button:active, tabbox > tab button:active, .gedit-search-slider .linked > button:active, placessidebar.sidebar row button.sidebar-button:active, calendar.button:active, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:active, treeview.view header button button.circular:active, row.activatable button.circular:active, scrollbar button:active, notebook > header > tabs > arrow:active, spinbutton.vertical button:active, spinbutton:not(.vertical) button:active, modelbutton.flat:active, +.menuitem.button.flat:active, .nemo-window .toolbar button:active, #buttonbox_frame button:active, .xfce4-panel.background button:active, .raven stackswitcher.linked > button:active, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:active, .lock-dialog button:active, .mate-panel-menu-bar button:active, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:active, window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:active, layouttabbar button:active, filechooser #pathbarbox > stack > box > button:active, messagedialog .dialog-action-box button:active, messagedialog .dialog-action-box .linked:not(.vertical) > button:active, .app-notification button:active, actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action), popover.background.menu button:active, popover.background button.model:active, .nemo-window .primary-toolbar button:active:not(.text-button), headerbar button:active:not(.suggested-action):not(.destructive-action), toolbar button:active, combobox > .linked:not(.vertical) > button:active:not(:only-child), button.flat:active { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; @@ -706,8 +706,8 @@ popover.background button.model:active, .nemo-window .primary-toolbar button:act .budgie-session-dialog .linked.horizontal > button:disabled, .budgie-polkit-dialog .linked.horizontal > button:disabled, -.budgie-run-dialog .linked.horizontal > button:disabled, .drop-shadow button:disabled, .budgie-panel button:disabled, .budgie-popover row button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, #mate-menu button:disabled, #MatePanelPopupWindow button:disabled, popover.messagepopover .popover-action-area button:disabled, tabbox > tab button:disabled, .gedit-search-slider .linked > button:disabled, placessidebar.sidebar row button.sidebar-button:disabled, calendar.button:disabled, .budgie-popover.budgie-menu button.flat:not(.image-button):not(.indicator-item) button.circular:disabled, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:disabled, treeview.view header button button.circular:disabled, row.activatable button.circular:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, spinbutton.vertical button:disabled, spinbutton:not(.vertical) button:disabled, modelbutton.flat:disabled, -.menuitem.button.flat:disabled, .nemo-window .toolbar button:disabled, #buttonbox_frame button:disabled, .xfce4-panel.background button:disabled, .raven stackswitcher.linked > button:disabled, .lock-dialog button:disabled, .mate-panel-menu-bar button:disabled, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:disabled, +.budgie-run-dialog .linked.horizontal > button:disabled, .drop-shadow button:disabled, .budgie-panel button:disabled, .budgie-popover row button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, #mate-menu button:disabled, #MatePanelPopupWindow button:disabled, popover.messagepopover .popover-action-area button:disabled, tabbox > tab button:disabled, .gedit-search-slider .linked > button:disabled, placessidebar.sidebar row button.sidebar-button:disabled, calendar.button:disabled, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:disabled, treeview.view header button button.circular:disabled, row.activatable button.circular:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, spinbutton.vertical button:disabled, spinbutton:not(.vertical) button:disabled, modelbutton.flat:disabled, +.menuitem.button.flat:disabled, .nemo-window .toolbar button:disabled, #buttonbox_frame button:disabled, .xfce4-panel.background button:disabled, .raven stackswitcher.linked > button:disabled, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:disabled, .lock-dialog button:disabled, .mate-panel-menu-bar button:disabled, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:disabled, window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:disabled, layouttabbar button:disabled, filechooser #pathbarbox > stack > box > button:disabled, messagedialog .dialog-action-box button:disabled, messagedialog .dialog-action-box .linked:not(.vertical) > button:disabled, .app-notification button:disabled, actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action), popover.background.menu button:disabled, popover.background button.model:disabled, .nemo-window .primary-toolbar button:disabled:not(.text-button), headerbar button:disabled:not(.suggested-action):not(.destructive-action), toolbar button:disabled, combobox > .linked:not(.vertical) > button:disabled:not(:only-child), button.flat:disabled { box-shadow: none; @@ -715,14 +715,14 @@ popover.background button.model:disabled, .nemo-window .primary-toolbar button:d color: rgba(0, 0, 0, 0.26); } -.nemo-window .toolbar button:checked, #buttonbox_frame button:checked, .xfce4-panel.background button:checked, .raven stackswitcher.linked > button:checked, .lock-dialog button:checked, .mate-panel-menu-bar button:checked, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked, +.nemo-window .toolbar button:checked, #buttonbox_frame button:checked, .xfce4-panel.background button:checked, .raven stackswitcher.linked > button:checked, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:checked, .lock-dialog button:checked, .mate-panel-menu-bar button:checked, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked, window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked, layouttabbar button:checked, filechooser #pathbarbox > stack > box > button:checked, messagedialog .dialog-action-box button:checked, messagedialog .dialog-action-box .linked:not(.vertical) > button:checked, .app-notification button:checked, actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked, popover.background button.model:checked, .nemo-window .primary-toolbar button:checked:not(.text-button), headerbar button:checked:not(.suggested-action):not(.destructive-action), toolbar button:checked, combobox > .linked:not(.vertical) > button:checked:not(:only-child), button.flat:checked, button.flat:checked:hover { background-color: alpha(currentColor, 0.1); color: rgba(0, 0, 0, 0.87); } -.nemo-window .toolbar button:checked:disabled, #buttonbox_frame button:checked:disabled, .xfce4-panel.background button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .lock-dialog button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked:disabled, +.nemo-window .toolbar button:checked:disabled, #buttonbox_frame button:checked:disabled, .xfce4-panel.background button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:checked:disabled, .lock-dialog button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked:disabled, window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked:disabled, layouttabbar button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, messagedialog .dialog-action-box button:checked:disabled, .app-notification button:checked:disabled, actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:disabled, popover.background button.model:checked:disabled, .nemo-window .primary-toolbar button:checked:disabled:not(.text-button), headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), toolbar button:checked:disabled, combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), button.flat:checked:disabled { background-color: alpha(currentColor, 0.1); @@ -1547,7 +1547,7 @@ headerbar > box.right { padding: 0 6px; } -headerbar separator.titlebutton { +headerbar separator.titlebutton, headerbar separator.sidebar { margin-top: 12px; margin-bottom: 12px; background-color: transparent; @@ -2410,6 +2410,7 @@ switch { background-color: rgba(0, 0, 0, 0.38); background-clip: padding-box; font-size: 0; + color: transparent; } switch:checked { @@ -2420,11 +2421,6 @@ switch:disabled { opacity: 0.5; } -switch image { - margin: -8px; - -gtk-icon-transform: scale(0); -} - switch slider { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); min-width: 20px; @@ -2435,6 +2431,7 @@ switch slider { box-shadow: none; background-color: white; border: none; + color: transparent; } switch:focus slider, switch:hover slider, switch:focus:hover slider { @@ -2647,7 +2644,7 @@ treeview.view radio, treeview.view radio:hover, treeview.view radio:disabled, tr box-shadow: none; } -treeview.view:selected radio:checked, treeview.view:selected radio:indeterminate, treeview.view:selected check:checked, treeview.view:selected check:indeterminate, treeview.view:selected:focused radio:checked, treeview.view:selected:focused radio:indeterminate, treeview.view:selected:focused check:checked, treeview.view:selected:focused check:indeterminate { +treeview.view:selected radio:checked, treeview.view:selected radio:indeterminate, treeview.view:selected check:checked, treeview.view:selected check:indeterminate, treeview.view:selected:focus radio:checked, treeview.view:selected:focus radio:indeterminate, treeview.view:selected:focus check:checked, treeview.view:selected:focus check:indeterminate { background-color: #3c84f7; color: white; background-image: none; @@ -3229,7 +3226,9 @@ separator { background-color: rgba(0, 0, 0, 0.12); } -preferences stacksidebar.sidebar list separator, hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) separator, leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) separator, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) separator, .tweak-categories separator, placessidebar.sidebar list > separator, stacksidebar.sidebar + separator.vertical, +preferences stacksidebar.sidebar list separator, hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) separator, leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) separator, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) separator, window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, .tweak-categories separator, placessidebar.sidebar list > separator, stacksidebar.sidebar + separator.vertical, stacksidebar.sidebar separator.horizontal, button.font separator, button.file separator { min-width: 0; min-height: 0; @@ -3295,7 +3294,7 @@ list.navigation-sidebar > row { border-radius: 6px; } -.budgie-popover.budgie-menu button.flat:not(.image-button):not(.indicator-item), .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable, treeview.view header button, row.activatable { +.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable, treeview.view header button, row.activatable { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); outline: none; box-shadow: inset 0 0 0 9999px transparent; @@ -3305,16 +3304,16 @@ list.navigation-sidebar > row { background-size: 1000% 1000%; } -.budgie-popover.budgie-menu button.flat:focus:not(.image-button):not(.indicator-item), .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable:focus, treeview.view header button:focus, row.activatable:focus { +.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable:focus, treeview.view header button:focus, row.activatable:focus { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); } -.budgie-popover.budgie-menu button.flat:hover:not(.image-button):not(.indicator-item), .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable:hover, treeview.view header button:hover, row.activatable:hover { +.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable:hover, treeview.view header button:hover, row.activatable:hover { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); } -.budgie-popover.budgie-menu button.has-open-popup.flat:not(.image-button):not(.indicator-item), .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.has-open-popup.activatable, treeview.view header button.has-open-popup, .budgie-popover.budgie-menu button.flat:active:not(.image-button):not(.indicator-item), .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable:active, treeview.view header button:active, row.activatable.has-open-popup, row.activatable:active { +.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.has-open-popup.activatable, treeview.view header button.has-open-popup, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable:active, treeview.view header button:active, row.activatable.has-open-popup, row.activatable:active { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); @@ -4682,6 +4681,7 @@ window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport. window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { background-color: transparent; + padding: 3px; } window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable, @@ -4696,6 +4696,10 @@ window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > vi background-color: transparent; } +window.background.csd hdycolumn stack frame.view > stack > stack list > separator { + background-color: rgba(0, 0, 0, 0.12); +} + dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { border-radius: 0 0 12px 12px; } @@ -6667,16 +6671,15 @@ MsdOsdWindow.background.osd .progressbar { } .budgie-popover { - border-style: solid; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3); - border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); + background-clip: padding-box; background-color: #FFFFFF; + border-radius: 12px; } .budgie-popover .container { - padding: 6px; + padding: 0; } .budgie-popover separator { @@ -6691,35 +6694,36 @@ MsdOsdWindow.background.osd .progressbar { background-color: transparent; } -.budgie-popover row { - padding: 0; -} - .budgie-popover row:hover { box-shadow: none; } -.budgie-popover row button { - border-radius: 0px; -} - -.budgie-popover scrolledwindow.sidebar.categories { - background-color: rgba(0, 0, 0, 0.04); -} - .budgie-popover scrolledwindow.sidebar:not(.categories) { background-color: rgba(0, 0, 0, 0.04); border-right: none; - border-bottom-left-radius: 6px; + border-bottom-left-radius: 12px; } .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable { padding: 6px 8px; } +.budgie-popover treeview.view.sidebar { + border-right: none; + background: none; +} + +.budgie-popover treeview.view.sidebar:hover { + background-color: alpha(currentColor, 0.08); +} + +.budgie-popover treeview.view.sidebar:selected { + background-color: alpha(currentColor, 0.12); +} + .budgie-popover.bottom scrolledwindow.sidebar:not(.categories) { - padding-top: 6px; - border-top-left-radius: 6px; + padding-top: 12px; + border-top-left-radius: 12px; border-bottom-left-radius: 0; } @@ -6732,22 +6736,6 @@ MsdOsdWindow.background.osd .progressbar { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } -.budgie-popover button { - border-radius: 0px; -} - -.budgie-popover button.flat:not(.image-button) { - min-height: 28px; - padding: 0 8px; - color: rgba(0, 0, 0, 0.87); - font-weight: normal; - border-radius: 0px; -} - -.budgie-popover button.flat:not(.image-button):disabled { - color: rgba(0, 0, 0, 0.38); -} - .budgie-popover.budgie-menu .container { padding: 0; } @@ -6766,14 +6754,21 @@ MsdOsdWindow.background.osd .progressbar { font-size: 120%; } -.budgie-popover.budgie-menu button.flat:not(.image-button):not(.indicator-item) { - min-height: 32px; - padding: 0 8px; +.budgie-popover.budgie-menu scrolledwindow.sidebar.categories { + background-color: rgba(0, 0, 0, 0.04); + padding-bottom: 12px; +} + +.budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button { border-radius: 0; } -.budgie-popover.budgie-menu button.flat:not(.image-button):not(.indicator-item):checked:disabled { - background-color: transparent; +.budgie-popover.budgie-menu scrolledwindow > viewport.frame > list > row.activatable > button.flat { + border-radius: 0; +} + +.budgie-popover.user-menu .container { + padding: 6px; } .budgie-popover.user-menu list, @@ -6938,7 +6933,7 @@ MsdOsdWindow.background.osd .progressbar { } .budgie-panel.transparent { - background-color: #242424; + background-color: rgba(33, 33, 33, 0.75); } .budgie-panel button { @@ -7007,6 +7002,8 @@ MsdOsdWindow.background.osd .progressbar { .budgie-panel menubar, .budgie-panel .menubar { color: rgba(255, 255, 255, 0.7); + box-shadow: none; + border: none; } .budgie-panel menubar > menuitem, @@ -7142,7 +7139,7 @@ frame.raven-frame > border { .raven .raven-header.top stackswitcher button { margin: -4px 0 -5px; padding: 0 16px; - min-height: 36px; + min-height: 24px; } .raven .raven-header.bottom { @@ -7175,6 +7172,7 @@ frame.raven-frame > border { .raven .powerstrip button { margin: 2px 0 1px; padding: 12px; + border-radius: 9999px; } .raven .option-subtitle { @@ -7232,6 +7230,42 @@ calendar.raven-calendar:selected { padding: 12px; } +.raven-notifications-view > .raven-background > viewport.frame { + padding: 0; +} + +.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable { + margin-left: -6px; + margin-right: -3px; +} + +.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable .raven-notifications-group-header { + padding: 0 12px; +} + +.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable list { + padding: 6px; + background: none; +} + +.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border: none; + padding: 6px; + padding-left: 12px; + margin: 3px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.04); +} + +.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable list > row.activatable:hover, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(0, 0, 0, 0.12); +} + +.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:selected, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:selected:hover, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:hover, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:active, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:focus { + background: none; + box-shadow: none; +} + .budgie-notification-window, .budgie-switcher-window, .budgie-osd-window { background-color: transparent; } @@ -7267,16 +7301,24 @@ calendar.raven-calendar:selected { .budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15); background-color: #FFFFFF; + border: none; + padding: 0; } -.budgie-session-dialog.background.csd, .budgie-session-dialog decoration, -.budgie-polkit-dialog.background.csd, -.budgie-polkit-dialog decoration, -.budgie-run-dialog.background.csd, -.budgie-run-dialog decoration { - border-radius: 12px 12px 12px 12px; +.budgie-session-dialog.background, .budgie-session-dialog > decoration, +.budgie-polkit-dialog.background, +.budgie-polkit-dialog > decoration, +.budgie-run-dialog.background, +.budgie-run-dialog > decoration { + border-radius: 12px; +} + +.budgie-session-dialog > decoration, +.budgie-polkit-dialog > decoration, +.budgie-run-dialog > decoration { + border: none; + box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.12); } .budgie-session-dialog label:not(:last-child), diff --git a/src/sass/gnome-shell/common/_check-box.scss b/src/sass/gnome-shell/common/_check-box.scss index 16a3ae9c..06ead5c4 100644 --- a/src/sass/gnome-shell/common/_check-box.scss +++ b/src/sass/gnome-shell/common/_check-box.scss @@ -2,15 +2,26 @@ .check-box { StBoxLayout { spacing: .8em; } + StBin { width: 24px; height: 24px; padding: $base_padding / 2; border-radius: $base_radius; } - &, &:focus StBin { + + StBin, &:focus StBin { background-image: url("assets/checkbox-off.svg"); } + + &:hover StBin { + background-color: $divider; + } + + &:active StBin { + background-color: $track; + } + &:checked StBin, &:focus:checked StBin { @if $theme == 'default' { background-image: url("assets/checkbox#{$asset_suffix}.svg");