diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..9f47cf7 --- /dev/null +++ b/.gitignore @@ -0,0 +1,2 @@ +build +install diff --git a/Breeze-dark-gtk/CMakeLists.txt b/Breeze-dark-gtk/CMakeLists.txt deleted file mode 100644 index a9f4d85..0000000 --- a/Breeze-dark-gtk/CMakeLists.txt +++ /dev/null @@ -1,7 +0,0 @@ -install(DIRECTORY gtk-2.0 DESTINATION ${KDE_INSTALL_FULL_DATAROOTDIR}/themes/Breeze-Dark - ${directory_EXCLUDES}) -install(DIRECTORY assets DESTINATION ${KDE_INSTALL_FULL_DATAROOTDIR}/themes/Breeze-Dark - ${directory_EXCLUDES}) - -install(DIRECTORY gtk-3.18 DESTINATION ${KDE_INSTALL_FULL_DATAROOTDIR}/themes/Breeze-Dark) -install(DIRECTORY gtk-3.20 DESTINATION ${KDE_INSTALL_FULL_DATAROOTDIR}/themes/Breeze-Dark) diff --git a/Breeze-dark-gtk/assets/arrow-down-active.png b/Breeze-dark-gtk/assets/arrow-down-active.png deleted file mode 100644 index 989ee67..0000000 Binary files a/Breeze-dark-gtk/assets/arrow-down-active.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/arrow-down-hover.png b/Breeze-dark-gtk/assets/arrow-down-hover.png deleted file mode 100644 index 989ee67..0000000 Binary files a/Breeze-dark-gtk/assets/arrow-down-hover.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/arrow-down-insensitive.png b/Breeze-dark-gtk/assets/arrow-down-insensitive.png deleted file mode 100644 index 7cf6480..0000000 Binary files a/Breeze-dark-gtk/assets/arrow-down-insensitive.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/arrow-down.png b/Breeze-dark-gtk/assets/arrow-down.png deleted file mode 100644 index d72ee1b..0000000 Binary files a/Breeze-dark-gtk/assets/arrow-down.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/arrow-left-active.png b/Breeze-dark-gtk/assets/arrow-left-active.png deleted file mode 100644 index d229b39..0000000 Binary files a/Breeze-dark-gtk/assets/arrow-left-active.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/arrow-left-hover.png b/Breeze-dark-gtk/assets/arrow-left-hover.png deleted file mode 100644 index d229b39..0000000 Binary files a/Breeze-dark-gtk/assets/arrow-left-hover.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/arrow-left-insensitive.png b/Breeze-dark-gtk/assets/arrow-left-insensitive.png deleted file mode 100644 index cc87896..0000000 Binary files a/Breeze-dark-gtk/assets/arrow-left-insensitive.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/arrow-left.png b/Breeze-dark-gtk/assets/arrow-left.png deleted file mode 100644 index e296294..0000000 Binary files a/Breeze-dark-gtk/assets/arrow-left.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/arrow-right-active.png b/Breeze-dark-gtk/assets/arrow-right-active.png deleted file mode 100644 index 283b898..0000000 Binary files a/Breeze-dark-gtk/assets/arrow-right-active.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/arrow-right-hover.png b/Breeze-dark-gtk/assets/arrow-right-hover.png deleted file mode 100644 index 283b898..0000000 Binary files a/Breeze-dark-gtk/assets/arrow-right-hover.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/arrow-right-insensitive.png b/Breeze-dark-gtk/assets/arrow-right-insensitive.png deleted file mode 100644 index 6cbd9a5..0000000 Binary files a/Breeze-dark-gtk/assets/arrow-right-insensitive.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/arrow-right.png b/Breeze-dark-gtk/assets/arrow-right.png deleted file mode 100644 index 43daf58..0000000 Binary files a/Breeze-dark-gtk/assets/arrow-right.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/arrow-small-down-active.png b/Breeze-dark-gtk/assets/arrow-small-down-active.png deleted file mode 100644 index fa450d1..0000000 Binary files a/Breeze-dark-gtk/assets/arrow-small-down-active.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/arrow-small-down-hover.png b/Breeze-dark-gtk/assets/arrow-small-down-hover.png deleted file mode 100644 index fa450d1..0000000 Binary files a/Breeze-dark-gtk/assets/arrow-small-down-hover.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/arrow-small-down-insensitive.png b/Breeze-dark-gtk/assets/arrow-small-down-insensitive.png deleted file mode 100644 index 74441d7..0000000 Binary files a/Breeze-dark-gtk/assets/arrow-small-down-insensitive.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/arrow-small-down.png b/Breeze-dark-gtk/assets/arrow-small-down.png deleted file mode 100644 index 1843ea0..0000000 Binary files a/Breeze-dark-gtk/assets/arrow-small-down.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/arrow-small-left-active.png b/Breeze-dark-gtk/assets/arrow-small-left-active.png deleted file mode 100644 index 0dc188f..0000000 Binary files a/Breeze-dark-gtk/assets/arrow-small-left-active.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/arrow-small-left-hover.png b/Breeze-dark-gtk/assets/arrow-small-left-hover.png deleted file mode 100644 index 0dc188f..0000000 Binary files a/Breeze-dark-gtk/assets/arrow-small-left-hover.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/arrow-small-left-insensitive.png b/Breeze-dark-gtk/assets/arrow-small-left-insensitive.png deleted file mode 100644 index 6a2e612..0000000 Binary files a/Breeze-dark-gtk/assets/arrow-small-left-insensitive.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/arrow-small-left.png b/Breeze-dark-gtk/assets/arrow-small-left.png deleted file mode 100644 index 5a0a303..0000000 Binary files a/Breeze-dark-gtk/assets/arrow-small-left.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/arrow-small-right-active.png b/Breeze-dark-gtk/assets/arrow-small-right-active.png deleted file mode 100644 index 8831a1f..0000000 Binary files a/Breeze-dark-gtk/assets/arrow-small-right-active.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/arrow-small-right-hover.png b/Breeze-dark-gtk/assets/arrow-small-right-hover.png deleted file mode 100644 index 8831a1f..0000000 Binary files a/Breeze-dark-gtk/assets/arrow-small-right-hover.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/arrow-small-right-insensitive.png b/Breeze-dark-gtk/assets/arrow-small-right-insensitive.png deleted file mode 100644 index 756ff70..0000000 Binary files a/Breeze-dark-gtk/assets/arrow-small-right-insensitive.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/arrow-small-right.png b/Breeze-dark-gtk/assets/arrow-small-right.png deleted file mode 100644 index dcdf5b9..0000000 Binary files a/Breeze-dark-gtk/assets/arrow-small-right.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/arrow-small-up-active.png b/Breeze-dark-gtk/assets/arrow-small-up-active.png deleted file mode 100644 index 9156f79..0000000 Binary files a/Breeze-dark-gtk/assets/arrow-small-up-active.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/arrow-small-up-hover.png b/Breeze-dark-gtk/assets/arrow-small-up-hover.png deleted file mode 100644 index 9156f79..0000000 Binary files a/Breeze-dark-gtk/assets/arrow-small-up-hover.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/arrow-small-up-insensitive.png b/Breeze-dark-gtk/assets/arrow-small-up-insensitive.png deleted file mode 100644 index 7082030..0000000 Binary files a/Breeze-dark-gtk/assets/arrow-small-up-insensitive.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/arrow-small-up.png b/Breeze-dark-gtk/assets/arrow-small-up.png deleted file mode 100644 index ff09fba..0000000 Binary files a/Breeze-dark-gtk/assets/arrow-small-up.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/arrow-up-active.png b/Breeze-dark-gtk/assets/arrow-up-active.png deleted file mode 100644 index 1f0efc0..0000000 Binary files a/Breeze-dark-gtk/assets/arrow-up-active.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/arrow-up-hover.png b/Breeze-dark-gtk/assets/arrow-up-hover.png deleted file mode 100644 index 1f0efc0..0000000 Binary files a/Breeze-dark-gtk/assets/arrow-up-hover.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/arrow-up-insensitive.png b/Breeze-dark-gtk/assets/arrow-up-insensitive.png deleted file mode 100644 index 89db435..0000000 Binary files a/Breeze-dark-gtk/assets/arrow-up-insensitive.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/arrow-up.png b/Breeze-dark-gtk/assets/arrow-up.png deleted file mode 100644 index ff47a3a..0000000 Binary files a/Breeze-dark-gtk/assets/arrow-up.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/button-active.png b/Breeze-dark-gtk/assets/button-active.png deleted file mode 100644 index e178916..0000000 Binary files a/Breeze-dark-gtk/assets/button-active.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/button-hover.png b/Breeze-dark-gtk/assets/button-hover.png deleted file mode 100644 index c39e9d6..0000000 Binary files a/Breeze-dark-gtk/assets/button-hover.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/button-insensitive.png b/Breeze-dark-gtk/assets/button-insensitive.png deleted file mode 100644 index 09645d3..0000000 Binary files a/Breeze-dark-gtk/assets/button-insensitive.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/button.png b/Breeze-dark-gtk/assets/button.png deleted file mode 100644 index a1b05f3..0000000 Binary files a/Breeze-dark-gtk/assets/button.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/check-checked-active.png b/Breeze-dark-gtk/assets/check-checked-active.png deleted file mode 100644 index c5bec8f..0000000 Binary files a/Breeze-dark-gtk/assets/check-checked-active.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/check-checked-active@2.png b/Breeze-dark-gtk/assets/check-checked-active@2.png deleted file mode 100644 index aaf94c2..0000000 Binary files a/Breeze-dark-gtk/assets/check-checked-active@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/check-checked-backdrop-insensitive.png b/Breeze-dark-gtk/assets/check-checked-backdrop-insensitive.png deleted file mode 100644 index 9dae72d..0000000 Binary files a/Breeze-dark-gtk/assets/check-checked-backdrop-insensitive.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/check-checked-backdrop-insensitive@2.png b/Breeze-dark-gtk/assets/check-checked-backdrop-insensitive@2.png deleted file mode 100644 index b9d40b8..0000000 Binary files a/Breeze-dark-gtk/assets/check-checked-backdrop-insensitive@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/check-checked-backdrop.png b/Breeze-dark-gtk/assets/check-checked-backdrop.png deleted file mode 100644 index 3159fb1..0000000 Binary files a/Breeze-dark-gtk/assets/check-checked-backdrop.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/check-checked-backdrop@2.png b/Breeze-dark-gtk/assets/check-checked-backdrop@2.png deleted file mode 100644 index d6db09e..0000000 Binary files a/Breeze-dark-gtk/assets/check-checked-backdrop@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/check-checked-hover.png b/Breeze-dark-gtk/assets/check-checked-hover.png deleted file mode 100644 index c5bec8f..0000000 Binary files a/Breeze-dark-gtk/assets/check-checked-hover.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/check-checked-hover@2.png b/Breeze-dark-gtk/assets/check-checked-hover@2.png deleted file mode 100644 index aaf94c2..0000000 Binary files a/Breeze-dark-gtk/assets/check-checked-hover@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/check-checked-insensitive.png b/Breeze-dark-gtk/assets/check-checked-insensitive.png deleted file mode 100644 index 9dae72d..0000000 Binary files a/Breeze-dark-gtk/assets/check-checked-insensitive.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/check-checked-insensitive@2.png b/Breeze-dark-gtk/assets/check-checked-insensitive@2.png deleted file mode 100644 index b9d40b8..0000000 Binary files a/Breeze-dark-gtk/assets/check-checked-insensitive@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/check-mixed-active.png b/Breeze-dark-gtk/assets/check-mixed-active.png deleted file mode 100644 index 0327347..0000000 Binary files a/Breeze-dark-gtk/assets/check-mixed-active.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/check-mixed-active@2.png b/Breeze-dark-gtk/assets/check-mixed-active@2.png deleted file mode 100644 index 1c0a60a..0000000 Binary files a/Breeze-dark-gtk/assets/check-mixed-active@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/check-mixed-backdrop-insensitive.png b/Breeze-dark-gtk/assets/check-mixed-backdrop-insensitive.png deleted file mode 100644 index 68b47ae..0000000 Binary files a/Breeze-dark-gtk/assets/check-mixed-backdrop-insensitive.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/check-mixed-backdrop-insensitive@2.png b/Breeze-dark-gtk/assets/check-mixed-backdrop-insensitive@2.png deleted file mode 100644 index ca26d4c..0000000 Binary files a/Breeze-dark-gtk/assets/check-mixed-backdrop-insensitive@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/check-mixed-backdrop.png b/Breeze-dark-gtk/assets/check-mixed-backdrop.png deleted file mode 100644 index 118a0d2..0000000 Binary files a/Breeze-dark-gtk/assets/check-mixed-backdrop.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/check-mixed-backdrop@2.png b/Breeze-dark-gtk/assets/check-mixed-backdrop@2.png deleted file mode 100644 index f79c0c2..0000000 Binary files a/Breeze-dark-gtk/assets/check-mixed-backdrop@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/check-mixed-hover.png b/Breeze-dark-gtk/assets/check-mixed-hover.png deleted file mode 100644 index 0327347..0000000 Binary files a/Breeze-dark-gtk/assets/check-mixed-hover.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/check-mixed-hover@2.png b/Breeze-dark-gtk/assets/check-mixed-hover@2.png deleted file mode 100644 index 1c0a60a..0000000 Binary files a/Breeze-dark-gtk/assets/check-mixed-hover@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/check-mixed-insensitive.png b/Breeze-dark-gtk/assets/check-mixed-insensitive.png deleted file mode 100644 index 68b47ae..0000000 Binary files a/Breeze-dark-gtk/assets/check-mixed-insensitive.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/check-mixed-insensitive@2.png b/Breeze-dark-gtk/assets/check-mixed-insensitive@2.png deleted file mode 100644 index ca26d4c..0000000 Binary files a/Breeze-dark-gtk/assets/check-mixed-insensitive@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/check-selectionmode-checked-active.png b/Breeze-dark-gtk/assets/check-selectionmode-checked-active.png deleted file mode 100644 index e25dc78..0000000 Binary files a/Breeze-dark-gtk/assets/check-selectionmode-checked-active.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/check-selectionmode-checked-active@2.png b/Breeze-dark-gtk/assets/check-selectionmode-checked-active@2.png deleted file mode 100644 index d99042f..0000000 Binary files a/Breeze-dark-gtk/assets/check-selectionmode-checked-active@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/check-selectionmode-checked-backdrop-insensitive.png b/Breeze-dark-gtk/assets/check-selectionmode-checked-backdrop-insensitive.png deleted file mode 100644 index 25ad88e..0000000 Binary files a/Breeze-dark-gtk/assets/check-selectionmode-checked-backdrop-insensitive.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/check-selectionmode-checked-backdrop-insensitive@2.png b/Breeze-dark-gtk/assets/check-selectionmode-checked-backdrop-insensitive@2.png deleted file mode 100644 index c31caa5..0000000 Binary files a/Breeze-dark-gtk/assets/check-selectionmode-checked-backdrop-insensitive@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/check-selectionmode-checked-backdrop.png b/Breeze-dark-gtk/assets/check-selectionmode-checked-backdrop.png deleted file mode 100644 index 3e0e3c4..0000000 Binary files a/Breeze-dark-gtk/assets/check-selectionmode-checked-backdrop.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/check-selectionmode-checked-backdrop@2.png b/Breeze-dark-gtk/assets/check-selectionmode-checked-backdrop@2.png deleted file mode 100644 index 92d0732..0000000 Binary files a/Breeze-dark-gtk/assets/check-selectionmode-checked-backdrop@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/check-selectionmode-checked-hover.png b/Breeze-dark-gtk/assets/check-selectionmode-checked-hover.png deleted file mode 100644 index e25dc78..0000000 Binary files a/Breeze-dark-gtk/assets/check-selectionmode-checked-hover.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/check-selectionmode-checked-hover@2.png b/Breeze-dark-gtk/assets/check-selectionmode-checked-hover@2.png deleted file mode 100644 index d99042f..0000000 Binary files a/Breeze-dark-gtk/assets/check-selectionmode-checked-hover@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/check-selectionmode-checked-insensitive.png b/Breeze-dark-gtk/assets/check-selectionmode-checked-insensitive.png deleted file mode 100644 index 25ad88e..0000000 Binary files a/Breeze-dark-gtk/assets/check-selectionmode-checked-insensitive.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/check-selectionmode-checked-insensitive@2.png b/Breeze-dark-gtk/assets/check-selectionmode-checked-insensitive@2.png deleted file mode 100644 index c31caa5..0000000 Binary files a/Breeze-dark-gtk/assets/check-selectionmode-checked-insensitive@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/check-selectionmode-unchecked-active.png b/Breeze-dark-gtk/assets/check-selectionmode-unchecked-active.png deleted file mode 100644 index 1f7f75f..0000000 Binary files a/Breeze-dark-gtk/assets/check-selectionmode-unchecked-active.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/check-selectionmode-unchecked-active@2.png b/Breeze-dark-gtk/assets/check-selectionmode-unchecked-active@2.png deleted file mode 100644 index 15bc6b6..0000000 Binary files a/Breeze-dark-gtk/assets/check-selectionmode-unchecked-active@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/check-selectionmode-unchecked-backdrop-insensitive.png b/Breeze-dark-gtk/assets/check-selectionmode-unchecked-backdrop-insensitive.png deleted file mode 100644 index 82edbdc..0000000 Binary files a/Breeze-dark-gtk/assets/check-selectionmode-unchecked-backdrop-insensitive.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/check-selectionmode-unchecked-backdrop-insensitive@2.png b/Breeze-dark-gtk/assets/check-selectionmode-unchecked-backdrop-insensitive@2.png deleted file mode 100644 index f89984d..0000000 Binary files a/Breeze-dark-gtk/assets/check-selectionmode-unchecked-backdrop-insensitive@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/check-selectionmode-unchecked-backdrop.png b/Breeze-dark-gtk/assets/check-selectionmode-unchecked-backdrop.png deleted file mode 100644 index 432c9d5..0000000 Binary files a/Breeze-dark-gtk/assets/check-selectionmode-unchecked-backdrop.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/check-selectionmode-unchecked-backdrop@2.png b/Breeze-dark-gtk/assets/check-selectionmode-unchecked-backdrop@2.png deleted file mode 100644 index 424b46a..0000000 Binary files a/Breeze-dark-gtk/assets/check-selectionmode-unchecked-backdrop@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/check-selectionmode-unchecked-hover.png b/Breeze-dark-gtk/assets/check-selectionmode-unchecked-hover.png deleted file mode 100644 index 1f7f75f..0000000 Binary files a/Breeze-dark-gtk/assets/check-selectionmode-unchecked-hover.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/check-selectionmode-unchecked-hover@2.png b/Breeze-dark-gtk/assets/check-selectionmode-unchecked-hover@2.png deleted file mode 100644 index 15bc6b6..0000000 Binary files a/Breeze-dark-gtk/assets/check-selectionmode-unchecked-hover@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/check-selectionmode-unchecked-insensitive.png b/Breeze-dark-gtk/assets/check-selectionmode-unchecked-insensitive.png deleted file mode 100644 index 82edbdc..0000000 Binary files a/Breeze-dark-gtk/assets/check-selectionmode-unchecked-insensitive.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/check-selectionmode-unchecked-insensitive@2.png b/Breeze-dark-gtk/assets/check-selectionmode-unchecked-insensitive@2.png deleted file mode 100644 index f89984d..0000000 Binary files a/Breeze-dark-gtk/assets/check-selectionmode-unchecked-insensitive@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/check-selectionmode-unchecked.png b/Breeze-dark-gtk/assets/check-selectionmode-unchecked.png deleted file mode 100644 index 432c9d5..0000000 Binary files a/Breeze-dark-gtk/assets/check-selectionmode-unchecked.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/check-selectionmode-unchecked@2.png b/Breeze-dark-gtk/assets/check-selectionmode-unchecked@2.png deleted file mode 100644 index 424b46a..0000000 Binary files a/Breeze-dark-gtk/assets/check-selectionmode-unchecked@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/check-unchecked-active.png b/Breeze-dark-gtk/assets/check-unchecked-active.png deleted file mode 100644 index 7713f72..0000000 Binary files a/Breeze-dark-gtk/assets/check-unchecked-active.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/check-unchecked-active@2.png b/Breeze-dark-gtk/assets/check-unchecked-active@2.png deleted file mode 100644 index 768caa1..0000000 Binary files a/Breeze-dark-gtk/assets/check-unchecked-active@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/check-unchecked-backdrop-insensitive.png b/Breeze-dark-gtk/assets/check-unchecked-backdrop-insensitive.png deleted file mode 100644 index 51a57b9..0000000 Binary files a/Breeze-dark-gtk/assets/check-unchecked-backdrop-insensitive.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/check-unchecked-backdrop-insensitive@2.png b/Breeze-dark-gtk/assets/check-unchecked-backdrop-insensitive@2.png deleted file mode 100644 index 6e99fc2..0000000 Binary files a/Breeze-dark-gtk/assets/check-unchecked-backdrop-insensitive@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/check-unchecked-backdrop.png b/Breeze-dark-gtk/assets/check-unchecked-backdrop.png deleted file mode 100644 index 2d6f750..0000000 Binary files a/Breeze-dark-gtk/assets/check-unchecked-backdrop.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/check-unchecked-backdrop@2.png b/Breeze-dark-gtk/assets/check-unchecked-backdrop@2.png deleted file mode 100644 index a03e9f6..0000000 Binary files a/Breeze-dark-gtk/assets/check-unchecked-backdrop@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/check-unchecked-hover.png b/Breeze-dark-gtk/assets/check-unchecked-hover.png deleted file mode 100644 index 7713f72..0000000 Binary files a/Breeze-dark-gtk/assets/check-unchecked-hover.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/check-unchecked-hover@2.png b/Breeze-dark-gtk/assets/check-unchecked-hover@2.png deleted file mode 100644 index 768caa1..0000000 Binary files a/Breeze-dark-gtk/assets/check-unchecked-hover@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/check-unchecked-insensitive.png b/Breeze-dark-gtk/assets/check-unchecked-insensitive.png deleted file mode 100644 index 51a57b9..0000000 Binary files a/Breeze-dark-gtk/assets/check-unchecked-insensitive.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/check-unchecked-insensitive@2.png b/Breeze-dark-gtk/assets/check-unchecked-insensitive@2.png deleted file mode 100644 index 6e99fc2..0000000 Binary files a/Breeze-dark-gtk/assets/check-unchecked-insensitive@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/check-unchecked.png b/Breeze-dark-gtk/assets/check-unchecked.png deleted file mode 100644 index 2d6f750..0000000 Binary files a/Breeze-dark-gtk/assets/check-unchecked.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/check-unchecked@2.png b/Breeze-dark-gtk/assets/check-unchecked@2.png deleted file mode 100644 index a03e9f6..0000000 Binary files a/Breeze-dark-gtk/assets/check-unchecked@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/combo-entry-active.png b/Breeze-dark-gtk/assets/combo-entry-active.png deleted file mode 100644 index 69676be..0000000 Binary files a/Breeze-dark-gtk/assets/combo-entry-active.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/combo-entry-button-active.png b/Breeze-dark-gtk/assets/combo-entry-button-active.png deleted file mode 100644 index e3d0da6..0000000 Binary files a/Breeze-dark-gtk/assets/combo-entry-button-active.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/combo-entry-button-insensitive.png b/Breeze-dark-gtk/assets/combo-entry-button-insensitive.png deleted file mode 100644 index e8c5cd4..0000000 Binary files a/Breeze-dark-gtk/assets/combo-entry-button-insensitive.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/combo-entry-button.png b/Breeze-dark-gtk/assets/combo-entry-button.png deleted file mode 100644 index 289cee2..0000000 Binary files a/Breeze-dark-gtk/assets/combo-entry-button.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/combo-entry-insensitive.png b/Breeze-dark-gtk/assets/combo-entry-insensitive.png deleted file mode 100644 index 615bed8..0000000 Binary files a/Breeze-dark-gtk/assets/combo-entry-insensitive.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/combo-entry.png b/Breeze-dark-gtk/assets/combo-entry.png deleted file mode 100644 index 32177f5..0000000 Binary files a/Breeze-dark-gtk/assets/combo-entry.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/entry-active.png b/Breeze-dark-gtk/assets/entry-active.png deleted file mode 100644 index 660ae78..0000000 Binary files a/Breeze-dark-gtk/assets/entry-active.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/entry-insensitive.png b/Breeze-dark-gtk/assets/entry-insensitive.png deleted file mode 100644 index 203b88c..0000000 Binary files a/Breeze-dark-gtk/assets/entry-insensitive.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/entry.png b/Breeze-dark-gtk/assets/entry.png deleted file mode 100644 index 56b48c8..0000000 Binary files a/Breeze-dark-gtk/assets/entry.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/frame-gap-end.png b/Breeze-dark-gtk/assets/frame-gap-end.png deleted file mode 100644 index 6b53697..0000000 Binary files a/Breeze-dark-gtk/assets/frame-gap-end.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/frame-gap-start.png b/Breeze-dark-gtk/assets/frame-gap-start.png deleted file mode 100644 index b1af7a9..0000000 Binary files a/Breeze-dark-gtk/assets/frame-gap-start.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/frame.png b/Breeze-dark-gtk/assets/frame.png deleted file mode 100644 index 91a97ed..0000000 Binary files a/Breeze-dark-gtk/assets/frame.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/handle-h.png b/Breeze-dark-gtk/assets/handle-h.png deleted file mode 100644 index fde1d01..0000000 Binary files a/Breeze-dark-gtk/assets/handle-h.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/handle-v.png b/Breeze-dark-gtk/assets/handle-v.png deleted file mode 100644 index cb01d68..0000000 Binary files a/Breeze-dark-gtk/assets/handle-v.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/line-h.png b/Breeze-dark-gtk/assets/line-h.png deleted file mode 100644 index d629cc1..0000000 Binary files a/Breeze-dark-gtk/assets/line-h.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/line-v.png b/Breeze-dark-gtk/assets/line-v.png deleted file mode 100644 index 590ebcd..0000000 Binary files a/Breeze-dark-gtk/assets/line-v.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/menu-arrow-insensitive.png b/Breeze-dark-gtk/assets/menu-arrow-insensitive.png deleted file mode 100644 index 6cbd9a5..0000000 Binary files a/Breeze-dark-gtk/assets/menu-arrow-insensitive.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/menu-arrow-selected.png b/Breeze-dark-gtk/assets/menu-arrow-selected.png deleted file mode 100644 index 43daf58..0000000 Binary files a/Breeze-dark-gtk/assets/menu-arrow-selected.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/menu-arrow.png b/Breeze-dark-gtk/assets/menu-arrow.png deleted file mode 100644 index 43daf58..0000000 Binary files a/Breeze-dark-gtk/assets/menu-arrow.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/menubar-button.png b/Breeze-dark-gtk/assets/menubar-button.png deleted file mode 100644 index 58e1666..0000000 Binary files a/Breeze-dark-gtk/assets/menubar-button.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/notebook-frame-bottom.png b/Breeze-dark-gtk/assets/notebook-frame-bottom.png deleted file mode 100644 index 2e252ab..0000000 Binary files a/Breeze-dark-gtk/assets/notebook-frame-bottom.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/notebook-frame-right.png b/Breeze-dark-gtk/assets/notebook-frame-right.png deleted file mode 100644 index 17990c5..0000000 Binary files a/Breeze-dark-gtk/assets/notebook-frame-right.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/notebook-frame-top.png b/Breeze-dark-gtk/assets/notebook-frame-top.png deleted file mode 100644 index cf40ed7..0000000 Binary files a/Breeze-dark-gtk/assets/notebook-frame-top.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/notebook-gap-horizontal.png b/Breeze-dark-gtk/assets/notebook-gap-horizontal.png deleted file mode 100644 index 483c277..0000000 Binary files a/Breeze-dark-gtk/assets/notebook-gap-horizontal.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/notebook-gap-vertical.png b/Breeze-dark-gtk/assets/notebook-gap-vertical.png deleted file mode 100644 index 4ef8397..0000000 Binary files a/Breeze-dark-gtk/assets/notebook-gap-vertical.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/null.png b/Breeze-dark-gtk/assets/null.png deleted file mode 100644 index bdf4c81..0000000 Binary files a/Breeze-dark-gtk/assets/null.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/progressbar-bar.png b/Breeze-dark-gtk/assets/progressbar-bar.png deleted file mode 100644 index 3bbce74..0000000 Binary files a/Breeze-dark-gtk/assets/progressbar-bar.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/progressbar-trough.png b/Breeze-dark-gtk/assets/progressbar-trough.png deleted file mode 100644 index f47d597..0000000 Binary files a/Breeze-dark-gtk/assets/progressbar-trough.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/radio-checked-active.png b/Breeze-dark-gtk/assets/radio-checked-active.png deleted file mode 100644 index 867ffa7..0000000 Binary files a/Breeze-dark-gtk/assets/radio-checked-active.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/radio-checked-active@2.png b/Breeze-dark-gtk/assets/radio-checked-active@2.png deleted file mode 100644 index 03f9fce..0000000 Binary files a/Breeze-dark-gtk/assets/radio-checked-active@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/radio-checked-backdrop-insensitive.png b/Breeze-dark-gtk/assets/radio-checked-backdrop-insensitive.png deleted file mode 100644 index 3df6367..0000000 Binary files a/Breeze-dark-gtk/assets/radio-checked-backdrop-insensitive.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/radio-checked-backdrop-insensitive@2.png b/Breeze-dark-gtk/assets/radio-checked-backdrop-insensitive@2.png deleted file mode 100644 index 2b0fc1c..0000000 Binary files a/Breeze-dark-gtk/assets/radio-checked-backdrop-insensitive@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/radio-checked-backdrop.png b/Breeze-dark-gtk/assets/radio-checked-backdrop.png deleted file mode 100644 index e5354d0..0000000 Binary files a/Breeze-dark-gtk/assets/radio-checked-backdrop.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/radio-checked-backdrop@2.png b/Breeze-dark-gtk/assets/radio-checked-backdrop@2.png deleted file mode 100644 index b305236..0000000 Binary files a/Breeze-dark-gtk/assets/radio-checked-backdrop@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/radio-checked-hover.png b/Breeze-dark-gtk/assets/radio-checked-hover.png deleted file mode 100644 index 867ffa7..0000000 Binary files a/Breeze-dark-gtk/assets/radio-checked-hover.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/radio-checked-hover@2.png b/Breeze-dark-gtk/assets/radio-checked-hover@2.png deleted file mode 100644 index 03f9fce..0000000 Binary files a/Breeze-dark-gtk/assets/radio-checked-hover@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/radio-checked-insensitive.png b/Breeze-dark-gtk/assets/radio-checked-insensitive.png deleted file mode 100644 index 3df6367..0000000 Binary files a/Breeze-dark-gtk/assets/radio-checked-insensitive.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/radio-checked-insensitive@2.png b/Breeze-dark-gtk/assets/radio-checked-insensitive@2.png deleted file mode 100644 index 2b0fc1c..0000000 Binary files a/Breeze-dark-gtk/assets/radio-checked-insensitive@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/radio-mixed-active.png b/Breeze-dark-gtk/assets/radio-mixed-active.png deleted file mode 100644 index 1afbd18..0000000 Binary files a/Breeze-dark-gtk/assets/radio-mixed-active.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/radio-mixed-active@2.png b/Breeze-dark-gtk/assets/radio-mixed-active@2.png deleted file mode 100644 index 73664aa..0000000 Binary files a/Breeze-dark-gtk/assets/radio-mixed-active@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/radio-mixed-backdrop-insensitive.png b/Breeze-dark-gtk/assets/radio-mixed-backdrop-insensitive.png deleted file mode 100644 index 98abed9..0000000 Binary files a/Breeze-dark-gtk/assets/radio-mixed-backdrop-insensitive.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/radio-mixed-backdrop-insensitive@2.png b/Breeze-dark-gtk/assets/radio-mixed-backdrop-insensitive@2.png deleted file mode 100644 index be50cbb..0000000 Binary files a/Breeze-dark-gtk/assets/radio-mixed-backdrop-insensitive@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/radio-mixed-backdrop.png b/Breeze-dark-gtk/assets/radio-mixed-backdrop.png deleted file mode 100644 index 8ce6d7d..0000000 Binary files a/Breeze-dark-gtk/assets/radio-mixed-backdrop.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/radio-mixed-backdrop@2.png b/Breeze-dark-gtk/assets/radio-mixed-backdrop@2.png deleted file mode 100644 index 210aa3f..0000000 Binary files a/Breeze-dark-gtk/assets/radio-mixed-backdrop@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/radio-mixed-hover.png b/Breeze-dark-gtk/assets/radio-mixed-hover.png deleted file mode 100644 index 1afbd18..0000000 Binary files a/Breeze-dark-gtk/assets/radio-mixed-hover.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/radio-mixed-hover@2.png b/Breeze-dark-gtk/assets/radio-mixed-hover@2.png deleted file mode 100644 index 73664aa..0000000 Binary files a/Breeze-dark-gtk/assets/radio-mixed-hover@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/radio-mixed-insensitive.png b/Breeze-dark-gtk/assets/radio-mixed-insensitive.png deleted file mode 100644 index 98abed9..0000000 Binary files a/Breeze-dark-gtk/assets/radio-mixed-insensitive.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/radio-mixed-insensitive@2.png b/Breeze-dark-gtk/assets/radio-mixed-insensitive@2.png deleted file mode 100644 index be50cbb..0000000 Binary files a/Breeze-dark-gtk/assets/radio-mixed-insensitive@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/radio-unchecked-active.png b/Breeze-dark-gtk/assets/radio-unchecked-active.png deleted file mode 100644 index 1a21720..0000000 Binary files a/Breeze-dark-gtk/assets/radio-unchecked-active.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/radio-unchecked-active@2.png b/Breeze-dark-gtk/assets/radio-unchecked-active@2.png deleted file mode 100644 index 4a4e27d..0000000 Binary files a/Breeze-dark-gtk/assets/radio-unchecked-active@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/radio-unchecked-backdrop-insensitive.png b/Breeze-dark-gtk/assets/radio-unchecked-backdrop-insensitive.png deleted file mode 100644 index 25bd1e0..0000000 Binary files a/Breeze-dark-gtk/assets/radio-unchecked-backdrop-insensitive.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/radio-unchecked-backdrop-insensitive@2.png b/Breeze-dark-gtk/assets/radio-unchecked-backdrop-insensitive@2.png deleted file mode 100644 index e08b8f2..0000000 Binary files a/Breeze-dark-gtk/assets/radio-unchecked-backdrop-insensitive@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/radio-unchecked-backdrop.png b/Breeze-dark-gtk/assets/radio-unchecked-backdrop.png deleted file mode 100644 index 0992943..0000000 Binary files a/Breeze-dark-gtk/assets/radio-unchecked-backdrop.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/radio-unchecked-backdrop@2.png b/Breeze-dark-gtk/assets/radio-unchecked-backdrop@2.png deleted file mode 100644 index d7cb53f..0000000 Binary files a/Breeze-dark-gtk/assets/radio-unchecked-backdrop@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/radio-unchecked-hover.png b/Breeze-dark-gtk/assets/radio-unchecked-hover.png deleted file mode 100644 index 1a21720..0000000 Binary files a/Breeze-dark-gtk/assets/radio-unchecked-hover.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/radio-unchecked-hover@2.png b/Breeze-dark-gtk/assets/radio-unchecked-hover@2.png deleted file mode 100644 index 4a4e27d..0000000 Binary files a/Breeze-dark-gtk/assets/radio-unchecked-hover@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/radio-unchecked-insensitive.png b/Breeze-dark-gtk/assets/radio-unchecked-insensitive.png deleted file mode 100644 index 25bd1e0..0000000 Binary files a/Breeze-dark-gtk/assets/radio-unchecked-insensitive.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/radio-unchecked-insensitive@2.png b/Breeze-dark-gtk/assets/radio-unchecked-insensitive@2.png deleted file mode 100644 index e08b8f2..0000000 Binary files a/Breeze-dark-gtk/assets/radio-unchecked-insensitive@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/radio-unchecked.png b/Breeze-dark-gtk/assets/radio-unchecked.png deleted file mode 100644 index 0992943..0000000 Binary files a/Breeze-dark-gtk/assets/radio-unchecked.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/radio-unchecked@2.png b/Breeze-dark-gtk/assets/radio-unchecked@2.png deleted file mode 100644 index d7cb53f..0000000 Binary files a/Breeze-dark-gtk/assets/radio-unchecked@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/scale-slider-active.png b/Breeze-dark-gtk/assets/scale-slider-active.png deleted file mode 100644 index 3daddd3..0000000 Binary files a/Breeze-dark-gtk/assets/scale-slider-active.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/scale-slider-hover.png b/Breeze-dark-gtk/assets/scale-slider-hover.png deleted file mode 100644 index 3daddd3..0000000 Binary files a/Breeze-dark-gtk/assets/scale-slider-hover.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/scale-slider-insensitive.png b/Breeze-dark-gtk/assets/scale-slider-insensitive.png deleted file mode 100644 index 17010f0..0000000 Binary files a/Breeze-dark-gtk/assets/scale-slider-insensitive.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/scale-slider.png b/Breeze-dark-gtk/assets/scale-slider.png deleted file mode 100644 index c8e9292..0000000 Binary files a/Breeze-dark-gtk/assets/scale-slider.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/scale-trough-horizontal.png b/Breeze-dark-gtk/assets/scale-trough-horizontal.png deleted file mode 100644 index f67788b..0000000 Binary files a/Breeze-dark-gtk/assets/scale-trough-horizontal.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/scale-trough-vertical.png b/Breeze-dark-gtk/assets/scale-trough-vertical.png deleted file mode 100644 index 379fd5e..0000000 Binary files a/Breeze-dark-gtk/assets/scale-trough-vertical.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/scrollbar-slider-horizontal-active.png b/Breeze-dark-gtk/assets/scrollbar-slider-horizontal-active.png deleted file mode 100644 index 7c4efa7..0000000 Binary files a/Breeze-dark-gtk/assets/scrollbar-slider-horizontal-active.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/scrollbar-slider-horizontal-active@2.png b/Breeze-dark-gtk/assets/scrollbar-slider-horizontal-active@2.png deleted file mode 100644 index 7a71e2c..0000000 Binary files a/Breeze-dark-gtk/assets/scrollbar-slider-horizontal-active@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/scrollbar-slider-horizontal-hover.png b/Breeze-dark-gtk/assets/scrollbar-slider-horizontal-hover.png deleted file mode 100644 index 9518d71..0000000 Binary files a/Breeze-dark-gtk/assets/scrollbar-slider-horizontal-hover.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/scrollbar-slider-horizontal-hover@2.png b/Breeze-dark-gtk/assets/scrollbar-slider-horizontal-hover@2.png deleted file mode 100644 index cb735d6..0000000 Binary files a/Breeze-dark-gtk/assets/scrollbar-slider-horizontal-hover@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/scrollbar-slider-horizontal.png b/Breeze-dark-gtk/assets/scrollbar-slider-horizontal.png deleted file mode 100644 index 9518d71..0000000 Binary files a/Breeze-dark-gtk/assets/scrollbar-slider-horizontal.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/scrollbar-slider-horizontal@2.png b/Breeze-dark-gtk/assets/scrollbar-slider-horizontal@2.png deleted file mode 100644 index cb735d6..0000000 Binary files a/Breeze-dark-gtk/assets/scrollbar-slider-horizontal@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/scrollbar-slider-vertical-active.png b/Breeze-dark-gtk/assets/scrollbar-slider-vertical-active.png deleted file mode 100644 index 644f19b..0000000 Binary files a/Breeze-dark-gtk/assets/scrollbar-slider-vertical-active.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/scrollbar-slider-vertical-active@2.png b/Breeze-dark-gtk/assets/scrollbar-slider-vertical-active@2.png deleted file mode 100644 index 68ee30f..0000000 Binary files a/Breeze-dark-gtk/assets/scrollbar-slider-vertical-active@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/scrollbar-slider-vertical-hover.png b/Breeze-dark-gtk/assets/scrollbar-slider-vertical-hover.png deleted file mode 100644 index ac9d768..0000000 Binary files a/Breeze-dark-gtk/assets/scrollbar-slider-vertical-hover.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/scrollbar-slider-vertical-hover@2.png b/Breeze-dark-gtk/assets/scrollbar-slider-vertical-hover@2.png deleted file mode 100644 index 37dcff9..0000000 Binary files a/Breeze-dark-gtk/assets/scrollbar-slider-vertical-hover@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/scrollbar-slider-vertical.png b/Breeze-dark-gtk/assets/scrollbar-slider-vertical.png deleted file mode 100644 index ac9d768..0000000 Binary files a/Breeze-dark-gtk/assets/scrollbar-slider-vertical.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/scrollbar-slider-vertical@2.png b/Breeze-dark-gtk/assets/scrollbar-slider-vertical@2.png deleted file mode 100644 index 37dcff9..0000000 Binary files a/Breeze-dark-gtk/assets/scrollbar-slider-vertical@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/scrollbar-trough-horizontal.png b/Breeze-dark-gtk/assets/scrollbar-trough-horizontal.png deleted file mode 100644 index ceb5613..0000000 Binary files a/Breeze-dark-gtk/assets/scrollbar-trough-horizontal.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/scrollbar-trough-horizontal@2.png b/Breeze-dark-gtk/assets/scrollbar-trough-horizontal@2.png deleted file mode 100644 index f9fed4a..0000000 Binary files a/Breeze-dark-gtk/assets/scrollbar-trough-horizontal@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/scrollbar-trough-vertical.png b/Breeze-dark-gtk/assets/scrollbar-trough-vertical.png deleted file mode 100644 index c177839..0000000 Binary files a/Breeze-dark-gtk/assets/scrollbar-trough-vertical.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/scrollbar-trough-vertical@2.png b/Breeze-dark-gtk/assets/scrollbar-trough-vertical@2.png deleted file mode 100644 index 2aa4c4c..0000000 Binary files a/Breeze-dark-gtk/assets/scrollbar-trough-vertical@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/spinbutton-down-insensitive.png b/Breeze-dark-gtk/assets/spinbutton-down-insensitive.png deleted file mode 100644 index 4406c66..0000000 Binary files a/Breeze-dark-gtk/assets/spinbutton-down-insensitive.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/spinbutton-down-rtl-insensitive.png b/Breeze-dark-gtk/assets/spinbutton-down-rtl-insensitive.png deleted file mode 100644 index de3ce1e..0000000 Binary files a/Breeze-dark-gtk/assets/spinbutton-down-rtl-insensitive.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/spinbutton-down-rtl.png b/Breeze-dark-gtk/assets/spinbutton-down-rtl.png deleted file mode 100644 index 25f10b6..0000000 Binary files a/Breeze-dark-gtk/assets/spinbutton-down-rtl.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/spinbutton-down.png b/Breeze-dark-gtk/assets/spinbutton-down.png deleted file mode 100644 index fd1be85..0000000 Binary files a/Breeze-dark-gtk/assets/spinbutton-down.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/spinbutton-up-insensitive.png b/Breeze-dark-gtk/assets/spinbutton-up-insensitive.png deleted file mode 100644 index f5fbe6d..0000000 Binary files a/Breeze-dark-gtk/assets/spinbutton-up-insensitive.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/spinbutton-up-rtl-insensitive.png b/Breeze-dark-gtk/assets/spinbutton-up-rtl-insensitive.png deleted file mode 100644 index 70ff1ca..0000000 Binary files a/Breeze-dark-gtk/assets/spinbutton-up-rtl-insensitive.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/spinbutton-up-rtl.png b/Breeze-dark-gtk/assets/spinbutton-up-rtl.png deleted file mode 100644 index 7486bbc..0000000 Binary files a/Breeze-dark-gtk/assets/spinbutton-up-rtl.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/spinbutton-up.png b/Breeze-dark-gtk/assets/spinbutton-up.png deleted file mode 100644 index e924e8c..0000000 Binary files a/Breeze-dark-gtk/assets/spinbutton-up.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/tab-bottom-active.png b/Breeze-dark-gtk/assets/tab-bottom-active.png deleted file mode 100644 index f5fec4b..0000000 Binary files a/Breeze-dark-gtk/assets/tab-bottom-active.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/tab-bottom-inactive.png b/Breeze-dark-gtk/assets/tab-bottom-inactive.png deleted file mode 100644 index e967ae6..0000000 Binary files a/Breeze-dark-gtk/assets/tab-bottom-inactive.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/tab-left-active.png b/Breeze-dark-gtk/assets/tab-left-active.png deleted file mode 100644 index 0b9e98b..0000000 Binary files a/Breeze-dark-gtk/assets/tab-left-active.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/tab-left-inactive.png b/Breeze-dark-gtk/assets/tab-left-inactive.png deleted file mode 100644 index 25d37f3..0000000 Binary files a/Breeze-dark-gtk/assets/tab-left-inactive.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/tab-right-active.png b/Breeze-dark-gtk/assets/tab-right-active.png deleted file mode 100644 index 1e3ca55..0000000 Binary files a/Breeze-dark-gtk/assets/tab-right-active.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/tab-right-inactive.png b/Breeze-dark-gtk/assets/tab-right-inactive.png deleted file mode 100644 index 6c75ce0..0000000 Binary files a/Breeze-dark-gtk/assets/tab-right-inactive.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/tab-top-active.png b/Breeze-dark-gtk/assets/tab-top-active.png deleted file mode 100644 index 5fc6404..0000000 Binary files a/Breeze-dark-gtk/assets/tab-top-active.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/tab-top-inactive.png b/Breeze-dark-gtk/assets/tab-top-inactive.png deleted file mode 100644 index a88c300..0000000 Binary files a/Breeze-dark-gtk/assets/tab-top-inactive.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/titlebutton-close-active-backdrop.png b/Breeze-dark-gtk/assets/titlebutton-close-active-backdrop.png deleted file mode 100644 index 6d4a418..0000000 Binary files a/Breeze-dark-gtk/assets/titlebutton-close-active-backdrop.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/titlebutton-close-active-backdrop@2.png b/Breeze-dark-gtk/assets/titlebutton-close-active-backdrop@2.png deleted file mode 100644 index 9d675d9..0000000 Binary files a/Breeze-dark-gtk/assets/titlebutton-close-active-backdrop@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/titlebutton-close-active.png b/Breeze-dark-gtk/assets/titlebutton-close-active.png deleted file mode 100644 index 6d4a418..0000000 Binary files a/Breeze-dark-gtk/assets/titlebutton-close-active.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/titlebutton-close-active@2.png b/Breeze-dark-gtk/assets/titlebutton-close-active@2.png deleted file mode 100644 index 9d675d9..0000000 Binary files a/Breeze-dark-gtk/assets/titlebutton-close-active@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/titlebutton-close-backdrop.png b/Breeze-dark-gtk/assets/titlebutton-close-backdrop.png deleted file mode 100644 index 08063d5..0000000 Binary files a/Breeze-dark-gtk/assets/titlebutton-close-backdrop.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/titlebutton-close-backdrop@2.png b/Breeze-dark-gtk/assets/titlebutton-close-backdrop@2.png deleted file mode 100644 index 23c2afe..0000000 Binary files a/Breeze-dark-gtk/assets/titlebutton-close-backdrop@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/titlebutton-close-hover-backdrop.png b/Breeze-dark-gtk/assets/titlebutton-close-hover-backdrop.png deleted file mode 100644 index ddc21b3..0000000 Binary files a/Breeze-dark-gtk/assets/titlebutton-close-hover-backdrop.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/titlebutton-close-hover-backdrop@2.png b/Breeze-dark-gtk/assets/titlebutton-close-hover-backdrop@2.png deleted file mode 100644 index 79312d7..0000000 Binary files a/Breeze-dark-gtk/assets/titlebutton-close-hover-backdrop@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/titlebutton-close-hover.png b/Breeze-dark-gtk/assets/titlebutton-close-hover.png deleted file mode 100644 index ddc21b3..0000000 Binary files a/Breeze-dark-gtk/assets/titlebutton-close-hover.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/titlebutton-close-hover@2.png b/Breeze-dark-gtk/assets/titlebutton-close-hover@2.png deleted file mode 100644 index 79312d7..0000000 Binary files a/Breeze-dark-gtk/assets/titlebutton-close-hover@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/titlebutton-close.png b/Breeze-dark-gtk/assets/titlebutton-close.png deleted file mode 100644 index 08063d5..0000000 Binary files a/Breeze-dark-gtk/assets/titlebutton-close.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/titlebutton-close@2.png b/Breeze-dark-gtk/assets/titlebutton-close@2.png deleted file mode 100644 index 23c2afe..0000000 Binary files a/Breeze-dark-gtk/assets/titlebutton-close@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/titlebutton-maximize-active-backdrop.png b/Breeze-dark-gtk/assets/titlebutton-maximize-active-backdrop.png deleted file mode 100644 index 671e343..0000000 Binary files a/Breeze-dark-gtk/assets/titlebutton-maximize-active-backdrop.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/titlebutton-maximize-active-backdrop@2.png b/Breeze-dark-gtk/assets/titlebutton-maximize-active-backdrop@2.png deleted file mode 100644 index 1c26c84..0000000 Binary files a/Breeze-dark-gtk/assets/titlebutton-maximize-active-backdrop@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/titlebutton-maximize-active.png b/Breeze-dark-gtk/assets/titlebutton-maximize-active.png deleted file mode 100644 index 671e343..0000000 Binary files a/Breeze-dark-gtk/assets/titlebutton-maximize-active.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/titlebutton-maximize-active@2.png b/Breeze-dark-gtk/assets/titlebutton-maximize-active@2.png deleted file mode 100644 index 1c26c84..0000000 Binary files a/Breeze-dark-gtk/assets/titlebutton-maximize-active@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/titlebutton-maximize-backdrop.png b/Breeze-dark-gtk/assets/titlebutton-maximize-backdrop.png deleted file mode 100644 index 6a5f84a..0000000 Binary files a/Breeze-dark-gtk/assets/titlebutton-maximize-backdrop.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/titlebutton-maximize-backdrop@2.png b/Breeze-dark-gtk/assets/titlebutton-maximize-backdrop@2.png deleted file mode 100644 index c717e7c..0000000 Binary files a/Breeze-dark-gtk/assets/titlebutton-maximize-backdrop@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/titlebutton-maximize-hover-backdrop.png b/Breeze-dark-gtk/assets/titlebutton-maximize-hover-backdrop.png deleted file mode 100644 index 87b7e3c..0000000 Binary files a/Breeze-dark-gtk/assets/titlebutton-maximize-hover-backdrop.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/titlebutton-maximize-hover-backdrop@2.png b/Breeze-dark-gtk/assets/titlebutton-maximize-hover-backdrop@2.png deleted file mode 100644 index 6016c90..0000000 Binary files a/Breeze-dark-gtk/assets/titlebutton-maximize-hover-backdrop@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/titlebutton-maximize-hover.png b/Breeze-dark-gtk/assets/titlebutton-maximize-hover.png deleted file mode 100644 index 87b7e3c..0000000 Binary files a/Breeze-dark-gtk/assets/titlebutton-maximize-hover.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/titlebutton-maximize-hover@2.png b/Breeze-dark-gtk/assets/titlebutton-maximize-hover@2.png deleted file mode 100644 index 6016c90..0000000 Binary files a/Breeze-dark-gtk/assets/titlebutton-maximize-hover@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/titlebutton-maximize-maximized-active-backdrop.png b/Breeze-dark-gtk/assets/titlebutton-maximize-maximized-active-backdrop.png deleted file mode 100644 index f74700f..0000000 Binary files a/Breeze-dark-gtk/assets/titlebutton-maximize-maximized-active-backdrop.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/titlebutton-maximize-maximized-active-backdrop@2.png b/Breeze-dark-gtk/assets/titlebutton-maximize-maximized-active-backdrop@2.png deleted file mode 100644 index 0b53456..0000000 Binary files a/Breeze-dark-gtk/assets/titlebutton-maximize-maximized-active-backdrop@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/titlebutton-maximize-maximized-active.png b/Breeze-dark-gtk/assets/titlebutton-maximize-maximized-active.png deleted file mode 100644 index f74700f..0000000 Binary files a/Breeze-dark-gtk/assets/titlebutton-maximize-maximized-active.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/titlebutton-maximize-maximized-active@2.png b/Breeze-dark-gtk/assets/titlebutton-maximize-maximized-active@2.png deleted file mode 100644 index 0b53456..0000000 Binary files a/Breeze-dark-gtk/assets/titlebutton-maximize-maximized-active@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/titlebutton-maximize-maximized-backdrop.png b/Breeze-dark-gtk/assets/titlebutton-maximize-maximized-backdrop.png deleted file mode 100644 index 9f81a51..0000000 Binary files a/Breeze-dark-gtk/assets/titlebutton-maximize-maximized-backdrop.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/titlebutton-maximize-maximized-backdrop@2.png b/Breeze-dark-gtk/assets/titlebutton-maximize-maximized-backdrop@2.png deleted file mode 100644 index 7934b3e..0000000 Binary files a/Breeze-dark-gtk/assets/titlebutton-maximize-maximized-backdrop@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/titlebutton-maximize-maximized-hover-backdrop.png b/Breeze-dark-gtk/assets/titlebutton-maximize-maximized-hover-backdrop.png deleted file mode 100644 index b1e84b7..0000000 Binary files a/Breeze-dark-gtk/assets/titlebutton-maximize-maximized-hover-backdrop.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/titlebutton-maximize-maximized-hover-backdrop@2.png b/Breeze-dark-gtk/assets/titlebutton-maximize-maximized-hover-backdrop@2.png deleted file mode 100644 index 748757c..0000000 Binary files a/Breeze-dark-gtk/assets/titlebutton-maximize-maximized-hover-backdrop@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/titlebutton-maximize-maximized-hover.png b/Breeze-dark-gtk/assets/titlebutton-maximize-maximized-hover.png deleted file mode 100644 index b1e84b7..0000000 Binary files a/Breeze-dark-gtk/assets/titlebutton-maximize-maximized-hover.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/titlebutton-maximize-maximized-hover@2.png b/Breeze-dark-gtk/assets/titlebutton-maximize-maximized-hover@2.png deleted file mode 100644 index 748757c..0000000 Binary files a/Breeze-dark-gtk/assets/titlebutton-maximize-maximized-hover@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/titlebutton-maximize-maximized.png b/Breeze-dark-gtk/assets/titlebutton-maximize-maximized.png deleted file mode 100644 index 9f81a51..0000000 Binary files a/Breeze-dark-gtk/assets/titlebutton-maximize-maximized.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/titlebutton-maximize-maximized@2.png b/Breeze-dark-gtk/assets/titlebutton-maximize-maximized@2.png deleted file mode 100644 index 7934b3e..0000000 Binary files a/Breeze-dark-gtk/assets/titlebutton-maximize-maximized@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/titlebutton-maximize.png b/Breeze-dark-gtk/assets/titlebutton-maximize.png deleted file mode 100644 index 6a5f84a..0000000 Binary files a/Breeze-dark-gtk/assets/titlebutton-maximize.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/titlebutton-maximize@2.png b/Breeze-dark-gtk/assets/titlebutton-maximize@2.png deleted file mode 100644 index c717e7c..0000000 Binary files a/Breeze-dark-gtk/assets/titlebutton-maximize@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/titlebutton-minimize-active-backdrop.png b/Breeze-dark-gtk/assets/titlebutton-minimize-active-backdrop.png deleted file mode 100644 index d8e185e..0000000 Binary files a/Breeze-dark-gtk/assets/titlebutton-minimize-active-backdrop.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/titlebutton-minimize-active-backdrop@2.png b/Breeze-dark-gtk/assets/titlebutton-minimize-active-backdrop@2.png deleted file mode 100644 index b9af054..0000000 Binary files a/Breeze-dark-gtk/assets/titlebutton-minimize-active-backdrop@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/titlebutton-minimize-active.png b/Breeze-dark-gtk/assets/titlebutton-minimize-active.png deleted file mode 100644 index d8e185e..0000000 Binary files a/Breeze-dark-gtk/assets/titlebutton-minimize-active.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/titlebutton-minimize-active@2.png b/Breeze-dark-gtk/assets/titlebutton-minimize-active@2.png deleted file mode 100644 index b9af054..0000000 Binary files a/Breeze-dark-gtk/assets/titlebutton-minimize-active@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/titlebutton-minimize-backdrop.png b/Breeze-dark-gtk/assets/titlebutton-minimize-backdrop.png deleted file mode 100644 index cd3952a..0000000 Binary files a/Breeze-dark-gtk/assets/titlebutton-minimize-backdrop.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/titlebutton-minimize-backdrop@2.png b/Breeze-dark-gtk/assets/titlebutton-minimize-backdrop@2.png deleted file mode 100644 index 923dcab..0000000 Binary files a/Breeze-dark-gtk/assets/titlebutton-minimize-backdrop@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/titlebutton-minimize-hover-backdrop.png b/Breeze-dark-gtk/assets/titlebutton-minimize-hover-backdrop.png deleted file mode 100644 index 733462a..0000000 Binary files a/Breeze-dark-gtk/assets/titlebutton-minimize-hover-backdrop.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/titlebutton-minimize-hover-backdrop@2.png b/Breeze-dark-gtk/assets/titlebutton-minimize-hover-backdrop@2.png deleted file mode 100644 index 72c1055..0000000 Binary files a/Breeze-dark-gtk/assets/titlebutton-minimize-hover-backdrop@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/titlebutton-minimize-hover.png b/Breeze-dark-gtk/assets/titlebutton-minimize-hover.png deleted file mode 100644 index 733462a..0000000 Binary files a/Breeze-dark-gtk/assets/titlebutton-minimize-hover.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/titlebutton-minimize-hover@2.png b/Breeze-dark-gtk/assets/titlebutton-minimize-hover@2.png deleted file mode 100644 index 72c1055..0000000 Binary files a/Breeze-dark-gtk/assets/titlebutton-minimize-hover@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/titlebutton-minimize.png b/Breeze-dark-gtk/assets/titlebutton-minimize.png deleted file mode 100644 index cd3952a..0000000 Binary files a/Breeze-dark-gtk/assets/titlebutton-minimize.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/titlebutton-minimize@2.png b/Breeze-dark-gtk/assets/titlebutton-minimize@2.png deleted file mode 100644 index 923dcab..0000000 Binary files a/Breeze-dark-gtk/assets/titlebutton-minimize@2.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/togglebutton-active.png b/Breeze-dark-gtk/assets/togglebutton-active.png deleted file mode 100644 index 2176d46..0000000 Binary files a/Breeze-dark-gtk/assets/togglebutton-active.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/togglebutton-hover.png b/Breeze-dark-gtk/assets/togglebutton-hover.png deleted file mode 100644 index 5a2e041..0000000 Binary files a/Breeze-dark-gtk/assets/togglebutton-hover.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/togglebutton-insensitive.png b/Breeze-dark-gtk/assets/togglebutton-insensitive.png deleted file mode 100644 index 2bb40c4..0000000 Binary files a/Breeze-dark-gtk/assets/togglebutton-insensitive.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/togglebutton.png b/Breeze-dark-gtk/assets/togglebutton.png deleted file mode 100644 index bceb630..0000000 Binary files a/Breeze-dark-gtk/assets/togglebutton.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/toolbar-background.png b/Breeze-dark-gtk/assets/toolbar-background.png deleted file mode 100644 index cb8ae99..0000000 Binary files a/Breeze-dark-gtk/assets/toolbar-background.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/toolbutton-active.png b/Breeze-dark-gtk/assets/toolbutton-active.png deleted file mode 100644 index a1c403b..0000000 Binary files a/Breeze-dark-gtk/assets/toolbutton-active.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/toolbutton-hover.png b/Breeze-dark-gtk/assets/toolbutton-hover.png deleted file mode 100644 index e117c8b..0000000 Binary files a/Breeze-dark-gtk/assets/toolbutton-hover.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/toolbutton-toggled.png b/Breeze-dark-gtk/assets/toolbutton-toggled.png deleted file mode 100644 index 2bb962d..0000000 Binary files a/Breeze-dark-gtk/assets/toolbutton-toggled.png and /dev/null differ diff --git a/Breeze-dark-gtk/assets/tree-header.png b/Breeze-dark-gtk/assets/tree-header.png deleted file mode 100644 index 09a7948..0000000 Binary files a/Breeze-dark-gtk/assets/tree-header.png and /dev/null differ diff --git a/Breeze-dark-gtk/gtk-2.0/gtkrc b/Breeze-dark-gtk/gtk-2.0/gtkrc deleted file mode 100644 index f6fa0bd..0000000 --- a/Breeze-dark-gtk/gtk-2.0/gtkrc +++ /dev/null @@ -1,30 +0,0 @@ -# Theme: Breeze-gtk -# Description: Breeze theme for GTK+2.0 - -gtk-color-scheme = "text_color:#eff0f1" -gtk-color-scheme = "base_color:#232629" -gtk-color-scheme = "insensitive_base_color:#1f2225" -gtk-color-scheme = "fg_color:#eff0f1" -gtk-color-scheme = "bg_color:#31363b" -gtk-color-scheme = "selected_fg_color:#eff0f1" -gtk-color-scheme = "selected_bg_color:#3daee9" -gtk-color-scheme = "button_fg_color:#eff0f1" -gtk-color-scheme = "tooltip_fg_color:#eff0f1" -gtk-color-scheme = "tooltip_bg_color:#31363b" -gtk-color-scheme = "insensitive_fg_color:#6b6f73" -gtk-color-scheme = "insensitive_text_color:#626567" -gtk-color-scheme = "button_insensitive_fg_color:#6b6f73" -gtk-color-scheme = "button_active:#3daee9" -gtk-color-scheme = "border_color:#606468" - -include "widgets/default" -include "widgets/buttons" -include "widgets/menu" -include "widgets/entry" -include "widgets/notebook" -include "widgets/range" -include "widgets/scrollbar" -include "widgets/toolbar" -include "widgets/progressbar" -include "widgets/misc" -include "widgets/styles" diff --git a/Breeze-dark-gtk/gtk-2.0/widgets/default b/Breeze-dark-gtk/gtk-2.0/widgets/default deleted file mode 100644 index d714d83..0000000 --- a/Breeze-dark-gtk/gtk-2.0/widgets/default +++ /dev/null @@ -1,542 +0,0 @@ -gtk-auto-mnemonics = 1 - -style "default" -{ - xthickness = 1 - ythickness = 1 - - # Style Properties - - GtkScrollbar::activate-slider = 1 - GtkWidget::focus-line-width = 0 - GtkWidget::new-tooltip-style = 1 - GtkWidget::tooltip-alpha = 230 - GtkWidget::tooltip-radius = 2 - GtkMenuBar::window-dragging = 1 - GtkToolbar::window-dragging = 1 - GtkToolbar::internal-padding = 5 - GtkToolButton::icon-spacing = 4 - - GtkSeparatorMenuItem::horizontal-padding = 3 - GtkSeparatorMenuItem::wide-separators = 1 - GtkSeparatorMenuItem::separator-height = 1 - - GtkCheckMenuItem::indicator-size = 18 - GtkRadioMenuItem::indicator-size = 18 - - GtkButton::child-displacement-y = 0 - GtkButton::default-border = { 0, 0, 0, 0 } - GtkButton::default-outside_border = { 0, 0, 0, 0 } - - GtkScrollbar::trough-border = 0 - GtkScrollbar::slider-width = 20 - GtkRange::trough-border = 0 - GtkRange::slider-width = 7 - GtkRange::stepper-size = 0 - - GtkScrollbar::has-backward-stepper = 1 - GtkScrollbar::has-forward-stepper = 1 - GtkScrollbar::stepper-size = 15 - GtkScrollbar::stepper-spacing = 0 - GtkScrolledWindow ::scrollbar-spacing = 0 - GtkScrolledWindow ::scrollbars-within-bevel = 1 - - GtkVScale::slider_length = 20 - GtkVScale::slider_width = 20 - GtkHScale::slider_length = 20 - GtkHScale::slider_width = 20 - - GtkStatusbar::shadow_type = GTK_SHADOW_NONE - GtkSpinButton::shadow_type = GTK_SHADOW_NONE - GtkMenuBar::shadow-type = GTK_SHADOW_NONE - GtkMenuBar::internal-padding = 3 - GtkMenu::horizontal-padding = 0 - GtkMenu::vertical-padding = 0 - - GtkNotebook::tab-overlap = 1 - GtkNotebook::tab-curvature = 3 - - GtkCheckButton::indicator_spacing = 3 - #GtkOptionMenu::indicator_spacing = { 0, 0, 0, 0 } - - GtkTreeView::row_ending_details = 0 - GtkTreeView::expander-size = 12 - GtkTreeView::vertical-separator = 1 - GtkTreeView::horizontal-separator = 4 - GtkTreeView::allow-rules = 1 - - GtkProgressBar::min-horizontal-bar-height = 8 - GtkProgressBar::min-vertical-bar-width = 8 - - GtkEntry::state-hint = 1 - - # Colors - - bg[NORMAL] = @bg_color - bg[PRELIGHT] = @bg_color - bg[SELECTED] = @selected_bg_color - bg[INSENSITIVE] = @bg_color - bg[ACTIVE] = @bg_color - - fg[NORMAL] = @fg_color - fg[PRELIGHT] = @fg_color - fg[SELECTED] = @selected_fg_color - fg[INSENSITIVE] = @insensitive_fg_color - fg[ACTIVE] = @fg_color - - text[NORMAL] = @text_color - text[PRELIGHT] = @text_color - text[SELECTED] = @selected_fg_color - text[INSENSITIVE] = @insensitive_text_color - text[ACTIVE] = @selected_fg_color - - base[NORMAL] = @base_color - base[PRELIGHT] = @base_color - base[SELECTED] = @selected_bg_color - base[INSENSITIVE] = @bg_color - base[ACTIVE] = @selected_bg_color - - # All pixmap options are consolidated below this point - - engine "pixmap" - { - - # Check Buttons - - image - { - function = CHECK - recolorable = TRUE - state = NORMAL - shadow = OUT - overlay_file = "../assets/check-unchecked.png" - overlay_stretch = FALSE - } - image - { - function = CHECK - recolorable = TRUE - state = PRELIGHT - shadow = OUT - overlay_file = "../assets/check-unchecked-hover.png" - overlay_stretch = FALSE - } - image - { - function = CHECK - recolorable = TRUE - state = ACTIVE - shadow = OUT - overlay_file = "../assets/check-unchecked-active.png" - overlay_stretch = FALSE - } - image - { - function = CHECK - recolorable = TRUE - state = SELECTED - shadow = OUT - overlay_file = "../assets/check-unchecked.png" - overlay_stretch = FALSE - } - image - { - function = CHECK - recolorable = TRUE - state = INSENSITIVE - shadow = OUT - overlay_file = "../assets/check-unchecked-insensitive.png" - overlay_stretch = FALSE - } - image - { - function = CHECK - recolorable = TRUE - state = NORMAL - shadow = IN - overlay_file = "../assets/check-checked-active.png" - overlay_stretch = FALSE - } - image - { - function = CHECK - recolorable = TRUE - state = PRELIGHT - shadow = IN - overlay_file = "../assets/check-checked-hover.png" - overlay_stretch = FALSE - } - image - { - function = CHECK - recolorable = TRUE - state = ACTIVE - shadow = IN - overlay_file = "../assets/check-checked-active.png" - overlay_stretch = FALSE - } - image - { - function = CHECK - recolorable = TRUE - state = SELECTED - shadow = IN - overlay_file = "../assets/check-checked-active.png" - overlay_stretch = FALSE - } - image - { - function = CHECK - recolorable = TRUE - state = INSENSITIVE - shadow = IN - overlay_file = "../assets/check-checked-insensitive.png" - overlay_stretch = FALSE - } - - # Radio Buttons - - image - { - function = OPTION - state = NORMAL - shadow = OUT - overlay_file = "../assets/radio-unchecked.png" - overlay_stretch = FALSE - } - image - { - function = OPTION - state = PRELIGHT - shadow = OUT - overlay_file = "../assets/radio-unchecked-hover.png" - overlay_stretch = FALSE - } - image - { - function = OPTION - state = ACTIVE - shadow = OUT - overlay_file = "../assets/radio-unchecked-active.png" - overlay_stretch = FALSE - } - image - { - function = OPTION - state = SELECTED - shadow = OUT - overlay_file = "../assets/radio-unchecked.png" - overlay_stretch = FALSE - } - image - { - function = OPTION - state = INSENSITIVE - shadow = OUT - overlay_file = "../assets/radio-unchecked-insensitive.png" - overlay_stretch = FALSE - } - image - { - function = OPTION - state = NORMAL - shadow = IN - overlay_file = "../assets/radio-checked-active.png" - overlay_stretch = FALSE - } - image - { - function = OPTION - state = PRELIGHT - shadow = IN - overlay_file = "../assets/radio-checked-hover.png" - overlay_stretch = FALSE - } - image - { - function = OPTION - state = ACTIVE - shadow = IN - overlay_file = "../assets/radio-checked-active.png" - overlay_stretch = FALSE - } - image - { - function = OPTION - state = SELECTED - shadow = IN - overlay_file = "../assets/radio-checked-active.png" - overlay_stretch = FALSE - } - image - { - function = OPTION - state = INSENSITIVE - shadow = IN - overlay_file = "../assets/radio-checked-insensitive.png" - overlay_stretch = FALSE - } - - # Arrows - - image - { - function = ARROW - state = NORMAL - overlay_file = "../assets/arrow-up.png" - overlay_border = { 0, 0, 0, 0 } - overlay_stretch = FALSE - arrow_direction = UP - } - image - { - function = ARROW - state = PRELIGHT - overlay_file = "../assets/arrow-up-hover.png" - overlay_border = { 0, 0, 0, 0 } - overlay_stretch = FALSE - arrow_direction = UP - } - image - { - function = ARROW - state = ACTIVE - overlay_file = "../assets/arrow-up-active.png" - overlay_border = { 0, 0, 0, 0 } - overlay_stretch = FALSE - arrow_direction = UP - } - image - { - function = ARROW - state = INSENSITIVE - overlay_file = "../assets/arrow-up-insensitive.png" - overlay_border = { 0, 0, 0, 0 } - overlay_stretch = FALSE - arrow_direction = UP - } - - image - { - function = ARROW - state = NORMAL - overlay_file = "../assets/arrow-down.png" - overlay_border = { 0, 0, 0, 0 } - overlay_stretch = FALSE - arrow_direction = DOWN - } - image - { - function = ARROW - state = PRELIGHT - overlay_file = "../assets/arrow-down-hover.png" - overlay_border = { 0, 0, 0, 0 } - overlay_stretch = FALSE - arrow_direction = DOWN - } - image - { - function = ARROW - state = ACTIVE - overlay_file = "../assets/arrow-down-active.png" - overlay_border = { 0, 0, 0, 0 } - overlay_stretch = FALSE - arrow_direction = DOWN - } - - image - { - function = ARROW - state = INSENSITIVE - overlay_file = "../assets/arrow-down-insensitive.png" - overlay_border = { 0, 0, 0, 0 } - overlay_stretch = FALSE - arrow_direction = DOWN - } - - image - { - function = ARROW - state = NORMAL - overlay_file = "../assets/arrow-left.png" - overlay_border = { 0, 0, 0, 0 } - overlay_stretch = FALSE - arrow_direction = LEFT - } - image - { - function = ARROW - state = PRELIGHT - overlay_file = "../assets/arrow-left-hover.png" - overlay_border = { 0, 0, 0, 0 } - overlay_stretch = FALSE - arrow_direction = LEFT - } - image - { - function = ARROW - state = ACTIVE - overlay_file = "../assets/arrow-left-active.png" - overlay_border = { 0, 0, 0, 0 } - overlay_stretch = FALSE - arrow_direction = LEFT - } - image - { - function = ARROW - state = INSENSITIVE - overlay_file = "../assets/arrow-left-insensitive.png" - overlay_border = { 0, 0, 0, 0 } - overlay_stretch = FALSE - arrow_direction = LEFT - } - - image - { - function = ARROW - state = NORMAL - overlay_file = "../assets/arrow-right.png" - overlay_border = { 0, 0, 0, 0 } - overlay_stretch = FALSE - arrow_direction = RIGHT - } - image - { - function = ARROW - state = PRELIGHT - overlay_file = "../assets/arrow-right-hover.png" - overlay_border = { 0, 0, 0, 0 } - overlay_stretch = FALSE - arrow_direction = RIGHT - } - image - { - function = ARROW - state = ACTIVE - overlay_file = "../assets/arrow-right-active.png" - overlay_border = { 0, 0, 0, 0 } - overlay_stretch = FALSE - arrow_direction = RIGHT - } - image - { - function = ARROW - state = INSENSITIVE - overlay_file = "../assets/arrow-right-insensitive.png" - overlay_border = { 0, 0, 0, 0 } - overlay_stretch = FALSE - arrow_direction = RIGHT - } - - - # Option Menu ../assets - - image - { - function = TAB - state = INSENSITIVE - overlay_file = "../assets/arrow-down-insensitive.png" - overlay_stretch = FALSE - } - image - { - function = TAB - state = NORMAL - overlay_file = "../assets/arrow-down.png" - overlay_border = { 0, 0, 0, 0 } - overlay_stretch = FALSE - } - image - { - function = TAB - state = PRELIGHT - overlay_file = "../assets/arrow-down.png" - overlay_border = { 0, 0, 0, 0 } - overlay_stretch = FALSE - } - - #Lines - - image - { - function = VLINE - file = "../assets/handle-v.png" - border = { 0, 0, 0, 0 } - stretch = TRUE - } - image - { - function = HLINE - file = "../assets/line-h.png" - border = { 0, 0, 0, 0 } - stretch = TRUE - } - - # Handles - - image - { - function = HANDLE - overlay_file = "../assets/handle-h.png" - overlay_stretch = FALSE - orientation = HORIZONTAL - } - image - { - function = HANDLE - overlay_file = "../assets/handle-v.png" - overlay_stretch = FALSE - orientation = VERTICAL - } - - # Expanders - - image - { - function = EXPANDER - expander_style = COLLAPSED - file = "../assets/arrow-right.png" - } - - image - { - function = EXPANDER - expander_style = EXPANDED - file = "../assets/arrow-down.png" - } - - image - { - function = EXPANDER - expander_style = SEMI_EXPANDED - file = "../assets/arrow-down.png" - } - - image - { - function = EXPANDER - expander_style = SEMI_COLLAPSED - file = "../assets/arrow-right.png" - } - - image - { - function = RESIZE_GRIP - state = NORMAL - detail = "statusbar" - overlay_file = "../assets/null.png" - overlay_border = { 0,0,0,0 } - overlay_stretch = FALSE - } - - # Shadows ( this area needs help :P ) - - image - { - function = SHADOW_GAP - file = "../assets/null.png" - border = { 4, 4, 4, 4 } - stretch = TRUE - } - } -} diff --git a/Breeze-dark-gtk/gtk-2.0/widgets/scrollbar b/Breeze-dark-gtk/gtk-2.0/widgets/scrollbar deleted file mode 100644 index 903e447..0000000 --- a/Breeze-dark-gtk/gtk-2.0/widgets/scrollbar +++ /dev/null @@ -1,110 +0,0 @@ -style "scrollbar" -{ - engine "pixmap" - { - image - { - function = BOX - detail = "trough" - file = "../assets/scrollbar-trough-horizontal.png" - border = { 25,25, 5, 5 } #large borders while LibreOffice won't use GtkScrollbar::stepper-spacing=1 - stretch = TRUE - orientation = HORIZONTAL - } - image - { - function = BOX - detail = "trough" - file = "../assets/scrollbar-trough-vertical.png" - border = { 5, 5, 25, 25 } - stretch = TRUE - orientation = VERTICAL - } - -# Sliders - - image - { - function = SLIDER - state = NORMAL - file = "../assets/scrollbar-slider-horizontal.png" - border = { 5, 5, 5, 5 } - stretch = TRUE - orientation = HORIZONTAL - - } - image - { - function = SLIDER - state = ACTIVE - file = "../assets/scrollbar-slider-horizontal-active.png" - border = { 5, 5, 5, 5 } - stretch = TRUE - orientation = HORIZONTAL - - } - image - { - function = SLIDER - state = PRELIGHT - file = "../assets/scrollbar-slider-horizontal-hover.png" - border = { 5, 5, 5, 5 } - stretch = TRUE - orientation = HORIZONTAL - - } - image - { - function = SLIDER - state = INSENSITIVE - file = "../assets/scrollbar-slider-horizontal.png" - border = { 5, 5, 5, 5 } - stretch = TRUE - orientation = HORIZONTAL - - } - -# X Verticals - - image - { - function = SLIDER - state = NORMAL - file = "../assets/scrollbar-slider-vertical.png" - border = { 5, 5, 5, 5 } - stretch = TRUE - orientation = VERTICAL - - } - image - { - function = SLIDER - state = ACTIVE - file = "../assets/scrollbar-slider-vertical-active.png" - border = { 5, 5, 5, 5 } - stretch = TRUE - orientation = VERTICAL - - } - image - { - function = SLIDER - state = PRELIGHT - file = "../assets/scrollbar-slider-vertical-hover.png" - border = { 5, 5, 5, 5 } - stretch = TRUE - orientation = VERTICAL - - } - image - { - function = SLIDER - state = INSENSITIVE - file = "../assets/scrollbar-slider-vertical.png" - border = { 5, 5, 5, 5 } - stretch = TRUE - orientation = VERTICAL - - } - } -} diff --git a/Breeze-dark-gtk/gtk-3.18/gtk.css b/Breeze-dark-gtk/gtk-3.18/gtk.css deleted file mode 100644 index ac3293b..0000000 --- a/Breeze-dark-gtk/gtk-3.18/gtk.css +++ /dev/null @@ -1,2936 +0,0 @@ -/* GTK NAMED COLORS - ---------------- - use responsibly! */ -/* -widget text/foreground color */ -@define-color theme_fg_color #eff0f1; -/* -text color for entries, views and content in general */ -@define-color theme_text_color #eff0f1; -/* -widget base background color */ -@define-color theme_bg_color #31363b; -/* -text widgets and the like base background color */ -@define-color theme_base_color #232629; -/* -base background color of selections */ -@define-color theme_selected_bg_color #3daee9; -/* -text/foreground color of selections */ -@define-color theme_selected_fg_color #eff0f1; -/* -base background color of insensitive widgets */ -@define-color insensitive_bg_color #2d3136; -/* -text foreground color of insensitive widgets */ -@define-color insensitive_fg_color rgba(216, 218, 221, 0.35); -/* -insensitive text widgets and the like base background color */ -@define-color insensitive_base_color rgba(216, 218, 221, 0.35); -/* -widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color #eff0f1; -/* -text color for entries, views and content in general on backdrop windows */ -@define-color theme_unfocused_text_color #eff0f1; -/* -widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color #31363b; -/* -text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color #232629; -/* -base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color rgba(61, 174, 233, 0.5); -/* -text/foreground color of selections on backdrop windows */ -@define-color theme_unfocused_selected_fg_color #eff0f1; -/* -widgets main borders color */ -@define-color borders #616569; -/* -widgets main borders color on backdrop windows */ -@define-color unfocused_borders #616569; -/* -widgets main borders color insensitive */ -@define-color insensitive_borders rgba(88, 92, 95, 0.35); -/* -these are pretty self explicative */ -@define-color warning_color #f67400; -@define-color error_color #da4453; -@define-color success_color #27ae60; -@define-color content_view_bg #232629; -* { - padding: 0; - -GtkToolButton-icon-spacing: 4; - -GtkTextView-error-underline-color: #da4453; - -GtkButton-child-displacement-x: 0; - -GtkButton-child-displacement-y: 0; - -GtkCheckButton-indicator-size: 18; - -GtkCheckMenuItem-indicator-size: 18; - -GtkScrolledWindow-scrollbar-spacing: 0; - -GtkScrolledWindow-scrollbars-within-bevel: 1; - -GtkToolItemGroup-expander-size: 11; - -GtkExpander-expander-size: 16; - -GtkTreeView-expander-size: 11; - -GtkTreeView-horizontal-separator: 4; - -GtkMenu-horizontal-padding: 0; - -GtkMenu-vertical-padding: 0; - -GtkWidget-link-color: #2980b9; - -GtkWidget-visited-link-color: #7f8c8d; - -GtkWidget-focus-padding: 2; - -GtkWidget-focus-line-width: 1; - -GtkWidget-text-handle-width: 20; - -GtkWidget-text-handle-height: 20; - -GtkDialog-button-spacing: 4; - -GtkDialog-action-area-border: 0; - -GtkStatusbar-shadow-type: none; - outline-width: 0px; } - -/*************** - * Base States * - ***************/ -.background { - color: #eff0f1; - background-color: #31363b; } - .background:backdrop { - text-shadow: none; - icon-shadow: none; - color: #eff0f1; - background-color: #31363b; } - -/* - These wildcard seems unavoidable, need to investigate. - Wildcards are bad and troublesome, use them with care, - or better, just don't. - Everytime a wildcard is used a kitten dies, painfully. -*/ -*:insensitive { - -gtk-image-effect: dim; } - -.gtkstyle-fallback { - background-color: #31363b; - color: #eff0f1; } - .gtkstyle-fallback:prelight { - background-color: #485057; - color: #eff0f1; } - .gtkstyle-fallback:active { - background-color: #1a1d1f; - color: #eff0f1; } - .gtkstyle-fallback:insensitive { - background-color: #2d3136; - color: rgba(216, 218, 221, 0.35); } - .gtkstyle-fallback:selected { - background-color: #3daee9; - color: #eff0f1; } - -.view { - color: #eff0f1; - background-color: #232629; } - .view:backdrop { - color: #eff0f1; - background-color: #232629; } - .view:selected { - border-radius: 3px; } - -.rubberband { - border: 1px solid #3daee9; - background-color: rgba(61, 174, 233, 0.2); } - .rubberband:backdrop { - border-color: #3daee9; - background-color: rgba(61, 174, 233, 0.2); } - -.label.separator, GtkPlacesSidebar.sidebar .view .label.separator { - color: #eff0f1; } - .label.separator:backdrop, GtkPlacesSidebar.sidebar .view .label.separator:backdrop { - color: #eff0f1; } -.label:insensitive { - color: rgba(216, 218, 221, 0.35); } - .label:insensitive:backdrop { - color: rgba(216, 218, 221, 0.35); } - -.dim-label, .label.separator, GtkPlacesSidebar.sidebar .view .label.separator, .titlebar .subtitle, -.header-bar .subtitle { - opacity: 0.5; - text-shadow: none; } - -GtkAssistant .sidebar { - background-color: #eff0f1; - border-top: 1px solid #616569; } - GtkAssistant .sidebar:dir(ltr) { - border-right: 1px solid #616569; } - GtkAssistant .sidebar:dir(rtl) { - border-left: 1px solid #616569; } - GtkAssistant .sidebar:backdrop { - background-color: #eff0f1; - border-color: #616569; } -GtkAssistant.csd .sidebar { - border-top-style: none; } -GtkAssistant .sidebar .label { - padding: 6px 12px; } -GtkAssistant .sidebar .label.highlight { - background-color: #4c4e51; } - -GtkTextView { - background-color: #2a2e32; } - GtkTextView:backdrop { - background-color: #2a2e32; } - -.grid-child { - padding: 3px; - border-radius: 3px; } - -.app-notification, -.app-notification.frame, .popover.osd, .osd { - color: #eff0f1; - border: 1px solid #31363b; - background-color: rgba(49, 54, 59, 0.8); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - icon-shadow: none; } - .app-notification:backdrop, .popover.osd:backdrop, .osd:backdrop { - color: #eff0f1; - background-color: rgba(49, 54, 59, 0.8); } - -.view:selected, .label:selected, .label:selected:focus, .label:selected:hover, .grid-child:selected, .entry:selected, .entry:selected:focus, .list-row:selected, .sidebar:selected, -.sidebar .view:selected, GtkPlacesSidebar.sidebar .view:selected { - background-color: #3daee9; - color: #eff0f1; } - .view:backdrop:selected, .label:backdrop:selected, .grid-child:backdrop:selected, .entry:backdrop:selected, .list-row:backdrop:selected, .sidebar:backdrop:selected, GtkPlacesSidebar.sidebar .view:backdrop:selected { - background-color: rgba(61, 174, 233, 0.5); - color: #232629; } - -/*********** - * Buttons * - ***********/ -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#3daee9), to(transparent)); } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3daee9), to(transparent)); } } -.button, .button.osd, .osd .button { - border: 1px solid; - border-radius: 3px; - padding: 6px; - background-clip: border-box; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); - text-shadow: none; - icon-shadow: none; - color: #eff0f1; - border-color: #616569; - background-image: linear-gradient(to bottom, #31373c, #303439); } - .flat.button { - border-color: rgba(255, 255, 255, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: #eff0f1; - text-shadow: none; - icon-shadow: none; - transition: none; } - .flat.button:hover { - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 500ms; } - .flat.button:hover:active { - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - .flat.button:checked { - background-color: #616569; } - .button:hover { - color: #eff0f1; - border-color: #3daee9; - -gtk-image-effect: highlight; } - .button:active, .button:checked { - color: #eff0f1; - border-color: #3daee9; - background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); - transition-duration: 50ms; } - .button:active:hover, .button:checked:hover { - color: #eff0f1; - border-color: #3daee9; - background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } - .button:backdrop { - color: #eff0f1; - border-color: #616569; - background-image: linear-gradient(to bottom, #31373c, #303439); - -gtk-image-effect: none; } - .button:backdrop:active, .button:backdrop:checked { - color: #eff0f1; - border-color: #3daee9; - background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } - .button:backdrop:insensitive { - color: rgba(216, 218, 221, 0.35); - border-color: rgba(88, 92, 95, 0.35); - background-image: linear-gradient(to bottom, #2d3236, #2b3034); } - .button:backdrop:insensitive > .label, .osd .button:backdrop:insensitive > .label { - color: inherit; } - .button:backdrop:insensitive:active, .button:backdrop:insensitive:checked { - color: rgba(216, 218, 221, 0.35); - border-color: rgba(37, 164, 230, 0.35); - background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } - .button:backdrop:insensitive:active > .label, .osd .button:backdrop:insensitive:active > .label, .button:backdrop:insensitive:checked > .label, .osd .button:backdrop:insensitive:checked > .label { - color: inherit; } - .flat.button:backdrop { - -gtk-image-effect: none; - border-color: rgba(255, 255, 255, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: #eff0f1; - text-shadow: none; - icon-shadow: none; - color: #eff0f1; } - .flat.button:insensitive { - border-color: rgba(255, 255, 255, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: #eff0f1; - text-shadow: none; - icon-shadow: none; - color: rgba(216, 218, 221, 0.35); } - .flat.button:backdrop:insensitive { - border-color: rgba(255, 255, 255, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: #eff0f1; - text-shadow: none; - icon-shadow: none; - color: rgba(216, 218, 221, 0.35); } - .button:insensitive { - color: rgba(216, 218, 221, 0.35); - border-color: rgba(88, 92, 95, 0.35); - background-image: linear-gradient(to bottom, #2d3236, #2b3034); } - .button:insensitive > .label, .osd .button:insensitive > .label { - color: inherit; } - .button:insensitive:active, .button:insensitive:checked { - color: rgba(216, 218, 221, 0.35); - border-color: rgba(37, 164, 230, 0.35); - background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } - .button:insensitive:active > .label, .osd .button:insensitive:active > .label, .button:insensitive:checked > .label, .osd .button:insensitive:checked > .label { - color: inherit; } - -.button.suggested-action, .button.suggested-action.osd .button { - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); - text-shadow: none; - icon-shadow: none; - color: #eff0f1; - border-color: #3daee9; - background-image: linear-gradient(to bottom, #40afe9, #35abe8); } - .button.suggested-action.flat, .button.suggested-action.osd .button.flat { - border-color: rgba(255, 255, 255, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: #eff0f1; - text-shadow: none; - icon-shadow: none; - color: #3daee9; } - .button.suggested-action:hover, .button.suggested-action.osd .button:hover { - color: white; - border-color: #3daee9; } - .button.suggested-action:active, .button.suggested-action:checked, .button.suggested-action.osd .button:active, .button.suggested-action.osd .button:checked { - color: white; - border-color: #3daee9; - background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } - .button.suggested-action:backdrop, .button.suggested-action.flat:backdrop, .button.suggested-action.osd .button:backdrop, .button.suggested-action.osd .button.flat:backdrop { - color: white; - border-color: #616569; - background-image: linear-gradient(to bottom, #40afe9, #35abe8); } - .button.suggested-action:backdrop:active, .button.suggested-action:backdrop:checked, .button.suggested-action.flat:backdrop:active, .button.suggested-action.flat:backdrop:checked, .button.suggested-action.osd .button:backdrop:active, .button.suggested-action.osd .button:backdrop:checked, .button.suggested-action.osd .button.flat:backdrop:active, .button.suggested-action.osd .button.flat:backdrop:checked { - color: white; - border-color: #3daee9; - background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } - .button.suggested-action:backdrop:insensitive, .button.suggested-action.flat:backdrop:insensitive, .button.suggested-action.osd .button:backdrop:insensitive, .button.suggested-action.osd .button.flat:backdrop:insensitive { - color: rgba(216, 218, 221, 0.35); - border-color: rgba(88, 92, 95, 0.35); - background-image: linear-gradient(to bottom, #2d3236, #2b3034); } - .button.suggested-action:backdrop:insensitive > .label, .button.suggested-action.flat:backdrop:insensitive > .label, .button.suggested-action.osd .button:backdrop:insensitive > .label, .button.suggested-action.osd .button.flat:backdrop:insensitive > .label { - color: inherit; } - .button.suggested-action:backdrop:insensitive:active, .button.suggested-action:backdrop:insensitive:checked, .button.suggested-action.flat:backdrop:insensitive:active, .button.suggested-action.flat:backdrop:insensitive:checked, .button.suggested-action.osd .button:backdrop:insensitive:active, .button.suggested-action.osd .button:backdrop:insensitive:checked, .button.suggested-action.osd .button.flat:backdrop:insensitive:active, .button.suggested-action.osd .button.flat:backdrop:insensitive:checked { - color: rgba(232, 232, 232, 0.35); - border-color: rgba(37, 164, 230, 0.35); - background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } - .button.suggested-action:backdrop:insensitive:active > .label, .button.suggested-action:backdrop:insensitive:checked > .label, .button.suggested-action.flat:backdrop:insensitive:active > .label, .button.suggested-action.flat:backdrop:insensitive:checked > .label, .button.suggested-action.osd .button:backdrop:insensitive:active > .label, .button.suggested-action.osd .button:backdrop:insensitive:checked > .label, .button.suggested-action.osd .button.flat:backdrop:insensitive:active > .label, .button.suggested-action.osd .button.flat:backdrop:insensitive:checked > .label { - color: inherit; } - .button.suggested-action.flat:backdrop, .button.suggested-action.flat:insensitive, .button.suggested-action.flat:backdrop:insensitive, .button.suggested-action.osd .button.flat:backdrop, .button.suggested-action.osd .button.flat:insensitive, .button.suggested-action.osd .button.flat:backdrop:insensitive { - border-color: rgba(255, 255, 255, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: #eff0f1; - text-shadow: none; - icon-shadow: none; - color: rgba(61, 174, 233, 0.8); } - .button.suggested-action:insensitive, .button.suggested-action.osd .button:insensitive { - color: rgba(216, 218, 221, 0.35); - border-color: rgba(88, 92, 95, 0.35); - background-image: linear-gradient(to bottom, #2d3236, #2b3034); } - .button.suggested-action:insensitive > .label, .button.suggested-action.osd .button:insensitive > .label { - color: inherit; } - .button.suggested-action:insensitive:active, .button.suggested-action:insensitive:checked, .button.suggested-action.osd .button:insensitive:active, .button.suggested-action.osd .button:insensitive:checked { - color: rgba(232, 232, 232, 0.35); - border-color: rgba(37, 164, 230, 0.35); - background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } - .button.suggested-action:insensitive:active > .label, .button.suggested-action:insensitive:checked > .label, .button.suggested-action.osd .button:insensitive:active > .label, .button.suggested-action.osd .button:insensitive:checked > .label { - color: inherit; } -.button.destructive-action, .button.destructive-action.osd .button { - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); - text-shadow: none; - icon-shadow: none; - color: #eff0f1; - border-color: #da4453; - background-image: linear-gradient(to bottom, #da4655, #d93d4d); } - .button.destructive-action.flat, .button.destructive-action.osd .button.flat { - border-color: rgba(255, 255, 255, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: #eff0f1; - text-shadow: none; - icon-shadow: none; - color: #da4453; } - .button.destructive-action:hover, .button.destructive-action.osd .button:hover { - color: white; - border-color: #da4453; } - .button.destructive-action:active, .button.destructive-action:checked, .button.destructive-action.osd .button:active, .button.destructive-action.osd .button:checked { - color: white; - border-color: #da4453; - background-image: linear-gradient(to bottom, #db4b5a, #d62e3f); } - .button.destructive-action:backdrop, .button.destructive-action.flat:backdrop, .button.destructive-action.osd .button:backdrop, .button.destructive-action.osd .button.flat:backdrop { - color: white; - border-color: #616569; - background-image: linear-gradient(to bottom, #da4655, #d93d4d); } - .button.destructive-action:backdrop:active, .button.destructive-action:backdrop:checked, .button.destructive-action.flat:backdrop:active, .button.destructive-action.flat:backdrop:checked, .button.destructive-action.osd .button:backdrop:active, .button.destructive-action.osd .button:backdrop:checked, .button.destructive-action.osd .button.flat:backdrop:active, .button.destructive-action.osd .button.flat:backdrop:checked { - color: white; - border-color: #da4453; - background-image: linear-gradient(to bottom, #db4b5a, #d62e3f); } - .button.destructive-action:backdrop:insensitive, .button.destructive-action.flat:backdrop:insensitive, .button.destructive-action.osd .button:backdrop:insensitive, .button.destructive-action.osd .button.flat:backdrop:insensitive { - color: rgba(216, 218, 221, 0.35); - border-color: rgba(88, 92, 95, 0.35); - background-image: linear-gradient(to bottom, #2d3236, #2b3034); } - .button.destructive-action:backdrop:insensitive > .label, .button.destructive-action.flat:backdrop:insensitive > .label, .button.destructive-action.osd .button:backdrop:insensitive > .label, .button.destructive-action.osd .button.flat:backdrop:insensitive > .label { - color: inherit; } - .button.destructive-action:backdrop:insensitive:active, .button.destructive-action:backdrop:insensitive:checked, .button.destructive-action.flat:backdrop:insensitive:active, .button.destructive-action.flat:backdrop:insensitive:checked, .button.destructive-action.osd .button:backdrop:insensitive:active, .button.destructive-action.osd .button:backdrop:insensitive:checked, .button.destructive-action.osd .button.flat:backdrop:insensitive:active, .button.destructive-action.osd .button.flat:backdrop:insensitive:checked { - color: rgba(232, 232, 232, 0.35); - border-color: rgba(214, 46, 63, 0.35); - background-image: linear-gradient(to bottom, rgba(215, 53, 69, 0.35), rgba(197, 39, 55, 0.35)); } - .button.destructive-action:backdrop:insensitive:active > .label, .button.destructive-action:backdrop:insensitive:checked > .label, .button.destructive-action.flat:backdrop:insensitive:active > .label, .button.destructive-action.flat:backdrop:insensitive:checked > .label, .button.destructive-action.osd .button:backdrop:insensitive:active > .label, .button.destructive-action.osd .button:backdrop:insensitive:checked > .label, .button.destructive-action.osd .button.flat:backdrop:insensitive:active > .label, .button.destructive-action.osd .button.flat:backdrop:insensitive:checked > .label { - color: inherit; } - .button.destructive-action.flat:backdrop, .button.destructive-action.flat:insensitive, .button.destructive-action.flat:backdrop:insensitive, .button.destructive-action.osd .button.flat:backdrop, .button.destructive-action.osd .button.flat:insensitive, .button.destructive-action.osd .button.flat:backdrop:insensitive { - border-color: rgba(255, 255, 255, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: #eff0f1; - text-shadow: none; - icon-shadow: none; - color: rgba(218, 68, 83, 0.8); } - .button.destructive-action:insensitive, .button.destructive-action.osd .button:insensitive { - color: rgba(216, 218, 221, 0.35); - border-color: rgba(88, 92, 95, 0.35); - background-image: linear-gradient(to bottom, #2d3236, #2b3034); } - .button.destructive-action:insensitive > .label, .button.destructive-action.osd .button:insensitive > .label { - color: inherit; } - .button.destructive-action:insensitive:active, .button.destructive-action:insensitive:checked, .button.destructive-action.osd .button:insensitive:active, .button.destructive-action.osd .button:insensitive:checked { - color: rgba(232, 232, 232, 0.35); - border-color: rgba(37, 164, 230, 0.35); - background-image: linear-gradient(to bottom, rgba(215, 53, 69, 0.35), rgba(197, 39, 55, 0.35)); } - .button.destructive-action:insensitive:active > .label, .button.destructive-action:insensitive:checked > .label, .button.destructive-action.osd .button:insensitive:active > .label, .button.destructive-action.osd .button:insensitive:checked > .label { - color: inherit; } -.button.image-button { - padding: 6px; } -.button.text-button { - padding: 6px; } -.button.text-button.image-button { - padding: 6px; } - .button.text-button.image-button .label:first-child { - padding-left: 8px; } - .button.text-button.image-button .label:last-child { - padding-right: 8px; } -.stack-switcher > .button > .label { - padding-left: 6px; - padding-right: 6px; } -.stack-switcher > .button > GtkImage { - padding-left: 6px; - padding-right: 6px; - padding-top: 3px; - padding-bottom: 3px; } -.stack-switcher > .button.text-button { - padding: 6px; } -.stack-switcher > .button.image-button { - padding: 3px 0px; } -.stack-switcher > .button.needs-attention:active > .label, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > .label, .stack-switcher > .button.needs-attention:checked > GtkImage { - animation: none; - background-image: none; } -.inline-toolbar .button, .inline-toolbar .button:backdrop { - border-radius: 3px; - border-width: 1px; } -.primary-toolbar .button { - icon-shadow: none; } - -/************** - * ComboBoxes * - **************/ -GtkComboBox { - -GtkComboBox-arrow-scaling: 0.5; - -GtkComboBox-shadow-type: none; } - GtkComboBox > .button { - padding: 5px 4px; } - GtkComboBox:insensitive { - color: rgba(216, 218, 221, 0.35); - text-shadow: none; - icon-shadow: none; } - GtkComboBox:backdrop { - color: #eff0f1; - text-shadow: none; - icon-shadow: none; } - GtkComboBox:backdrop:insensitive { - color: rgba(216, 218, 221, 0.35); } - GtkComboBox .menuitem { - text-shadow: none; } - GtkComboBox .separator.vertical, GtkComboBox GtkPlacesSidebar.sidebar .view .vertical.separator, GtkPlacesSidebar.sidebar .view GtkComboBox .vertical.separator { - -GtkWidget-wide-separators: true; } - -.stack-switcher > .button.needs-attention > .label, .stack-switcher > .button.needs-attention > GtkImage, .sidebar-item.needs-attention > .label { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3daee9), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(#eff0f1), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 4px; } - .stack-switcher > .button.needs-attention > .label:backdrop, .stack-switcher > .button.needs-attention > GtkImage:backdrop, .sidebar-item.needs-attention > .label:backdrop { - background-size: 6px 6px, 0 0; } - .stack-switcher > .button.needs-attention > .label:dir(rtl), .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .sidebar-item.needs-attention > .label:dir(rtl) { - background-position: left 3px, left 4px; } - -.inline-toolbar .button, .inline-toolbar .button:backdrop, .linked > .button, .linked > .button:hover, .linked > .button:active, .linked > .button:checked, .linked > .button:backdrop, GtkComboBox.combobox-entry .entry, GtkComboBox.combobox-entry .button, GtkComboBox.combobox-entry .button:backdrop { - border-radius: 3px; } - .inline-toolbar .button:dir(rtl), .linked > .button:dir(rtl), GtkComboBox.combobox-entry .entry:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl) { - border-radius: 3px; } - -.inline-toolbar .button:first-child, .linked > .button:first-child, GtkComboBox.combobox-entry .entry:first-child, GtkComboBox.combobox-entry .button:first-child { - border-radius: 3px; - border-style: solid; } -.inline-toolbar .button:last-child, .linked > .button:last-child, GtkComboBox.combobox-entry .entry:last-child, GtkComboBox.combobox-entry .button:last-child { - border-radius: 3px; } -.inline-toolbar .button:only-child, .linked > .button:only-child, GtkComboBox.combobox-entry .entry:only-child, GtkComboBox.combobox-entry .button:only-child { - border-radius: 3px; - border-style: solid; } - -.linked.vertical > .button, .linked.vertical > .button:hover, .linked.vertical > .button:active, .linked.vertical > .button:checked, .linked.vertical > .button:backdrop { - border-style: solid; - border-radius: 3px; } - -.linked.vertical > .button:first-child { - border-radius: 3px; } -.linked.vertical > .button:last-child { - border-radius: 3px; - border-style: solid; } -.linked.vertical > .button:only-child { - border-radius: 3px; - border-style: solid; } - -.app-notification .button.flat, -.app-notification.frame .button.flat, .app-notification .button.flat:hover, -.app-notification.frame .button.flat:hover, .app-notification .button.flat:active, -.app-notification.frame .button.flat:active, .app-notification .button.flat:backdrop, .app-notification .button.flat:insensitive, .app-notification .button.flat:backdrop:insensitive, -.app-notification.frame .button.flat:backdrop, -.app-notification.frame .button.flat:insensitive, -.app-notification.frame .button.flat:backdrop:insensitive, GtkCalendar.button, GtkCalendar.button:hover, GtkCalendar.button:active, GtkCalendar.button:backdrop, .titlebar .button.flat:insensitive, -.header-bar .button.flat:insensitive, .button:link, .button:visited, .button:link:hover, .button:link:active, .button:link:checked, .button:visited:hover, .button:visited:active, .button:visited:checked, .button:link:backdrop, .button:visited:backdrop, .list-row.button, -.list-row.button:backdrop, -.list-row.button:backdrop:active, -.list-row.button:backdrop:checked, -.list-row.button:backdrop:insensitive, -.list-row.button:backdrop:insensitive:active, -.list-row.button:backdrop:insensitive:checked, -.list-row.button:insensitive:active, -.list-row.button:insensitive:checked, .menuitem.button.flat, .menuitem.button.flat:backdrop, .menuitem.button.flat:backdrop:hover, .scale-popup .button, -.scale-popup .button.flat, .scale-popup .button:hover, -.scale-popup .button.flat:hover, .scrollbar .button, .scrollbar .button:hover, .scrollbar .button:backdrop, .header-bar .button.titlebutton, -.titlebar .button.titlebutton, .header-bar .button.titlebutton:hover, .header-bar .button.titlebutton:active, .header-bar .button.titlebutton:checked, .header-bar .button.titlebutton:backdrop, .header-bar .button.titlebutton:active:hover, -.titlebar .button.titlebutton:hover, -.titlebar .button.titlebutton:active, -.titlebar .button.titlebutton:checked, -.titlebar .button.titlebutton:backdrop, -.titlebar .button.titlebutton:active:hover { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - text-shadow: none; - icon-shadow: none; } - -/**************** - * Text Entries * - ****************/ -.entry { - border: 1px solid; - padding: 5px 8px 5px; - border-radius: 3px; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - color: #eff0f1; - border-color: #616569; - background-color: #232629; - box-shadow: none; } - .entry.image.left { - padding-left: 0; } - .entry.image.right { - padding-right: 0; } - .entry.flat, .entry.flat:focus { - padding: 2px; - color: #eff0f1; - border-color: #616569; - background-color: #232629; - box-shadow: none; - border: none; - border-radius: 0; } - .entry:focus { - border-color: #3daee9; } - .entry:insensitive { - color: rgba(216, 218, 221, 0.35); - border-color: rgba(88, 92, 95, 0.35); - background-color: #202325; } - .entry:backdrop { - color: #eff0f1; - border-color: #616569; - background-color: #232629; } - .entry:backdrop:insensitive { - color: rgba(216, 218, 221, 0.35); - border-color: rgba(88, 92, 95, 0.35); - background-color: #202325; } - .entry.progressbar { - margin: 1px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #3daee9; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; } - .entry.progressbar:backdrop { - background-color: transparent; - border-color: rgba(61, 174, 233, 0.5); } - .entry.error { - color: #da4453; - border-color: #da4453; - background-color: rgba(218, 68, 83, 0.5); } - .entry.error:focus { - border-color: #da4453; - background-color: rgba(218, 68, 83, 0.5); } - .entry.error:selected, .entry.error:selected:focus { - background-color: #da4453; } - .entry.error:backdrop { - color: #da4453; - border-color: #da4453; - background-color: rgba(218, 68, 83, 0.5); } - .entry.warning { - color: #f67400; - border-color: #f67400; - background-color: rgba(246, 116, 0, 0.5); } - .entry.warning:focus { - border-color: #f67400; - background-color: rgba(246, 116, 0, 0.5); } - .entry.warning:selected, .entry.warning:selected:focus { - background-color: #f67400; } - .entry.warning:backdrop { - color: #f67400; - border-color: #f67400; - background-color: rgba(246, 116, 0, 0.5); } - .entry.image { - color: #eff0f1; } - .entry.image:hover { - color: #3daee9; } - .entry.image:active { - color: #3daee9; } - .entry.image:backdrop { - color: #eff0f1; } - -/********************* - * App Notifications * - *********************/ -.app-notification, -.app-notification.frame { - padding: 10px; - border-top-width: 0px; - border-radius: 0px 0px 3px 3px; } - .app-notification:backdrop, - .app-notification.frame:backdrop { - background-image: none; } - .app-notification .button, - .app-notification.frame .button { - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); - text-shadow: none; - icon-shadow: none; - color: #eff0f1; - border-color: #616569; - background-image: linear-gradient(to bottom, #31373c, #303439); } - .app-notification .button.flat, - .app-notification.frame .button.flat { - icon-shadow: none; - text-shadow: none; } - .app-notification .button.flat:hover, - .app-notification.frame .button.flat:hover { - color: #3daee9; } - .app-notification .button.flat:active, - .app-notification.frame .button.flat:active { - color: #3daee9; } - .app-notification .button:hover, - .app-notification.frame .button:hover { - color: #eff0f1; - border-color: #3daee9; } - .app-notification .button:active, .app-notification .button:checked, .app-notification .button:backdrop:active, .app-notification .button:backdrop:checked, - .app-notification.frame .button:active, - .app-notification.frame .button:checked, - .app-notification.frame .button:backdrop:active, - .app-notification.frame .button:backdrop:checked { - color: #eff0f1; - border-color: #3daee9; - background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } - .app-notification .button:insensitive, .app-notification .button:backdrop:insensitive, - .app-notification.frame .button:insensitive, - .app-notification.frame .button:backdrop:insensitive { - color: rgba(216, 218, 221, 0.35); - border-color: rgba(88, 92, 95, 0.35); - background-image: linear-gradient(to bottom, #2d3236, #2b3034); } - .app-notification .button:insensitive > .label, .app-notification .button:backdrop:insensitive > .label, - .app-notification.frame .button:insensitive > .label, - .app-notification.frame .button:backdrop:insensitive > .label { - color: inherit; } - .app-notification .button:backdrop, - .app-notification.frame .button:backdrop { - color: #eff0f1; - border-color: #616569; - background-image: linear-gradient(to bottom, #31373c, #303439); } - -/************ - * Calendar * - ***********/ -GtkCalendar { - color: #eff0f1; - border: 1px solid #616569; - background-color: #232629; } - GtkCalendar:selected { - background-color: #616569; } - GtkCalendar.header { - border: 1px solid #616569; - border-radius: 0; - color: #eff0f1; } - GtkCalendar.header:backdrop { - color: #eff0f1; - border-color: #616569; } - GtkCalendar.button { - color: #eff0f1; } - GtkCalendar.button:hover { - color: #3daee9; } - GtkCalendar.button:active { - color: #3daee9; } - GtkCalendar.button:backdrop { - color: #eff0f1; } - GtkCalendar:inconsistent, GtkCalendar.highlight { - color: rgba(239, 240, 241, 0.5); } - GtkCalendar:inconsistent:backdrop, GtkCalendar.highlight:backdrop { - color: rgba(239, 240, 241, 0.5); } - GtkCalendar:backdrop { - color: #eff0f1; - border-color: #616569; - background-color: #232629; } - -/************************* - * Check and Radio items * - *************************/ -.check { - -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked.png"), url("../assets/check-unchecked@2.png")); - icon-shadow: none; } - -.check:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-hover.png"), url("../assets/check-unchecked-hover@2.png")); - icon-shadow: none; } - -.check:active { - -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-active.png"), url("../assets/check-unchecked-active@2.png")); - icon-shadow: none; } - -.check:insensitive { - -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-insensitive.png"), url("../assets/check-unchecked-insensitive@2.png")); - icon-shadow: none; } - -.check:backdrop { - -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-backdrop.png"), url("../assets/check-unchecked-backdrop@2.png")); - icon-shadow: none; } - -.check:backdrop:insensitive { - -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-backdrop-insensitive.png"), url("../assets/check-unchecked-backdrop-insensitive@2.png")); - icon-shadow: none; } - -.check:inconsistent { - -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); - icon-shadow: none; } - -.check:inconsistent:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-hover.png"), url("../assets/check-mixed-hover@2.png")); - icon-shadow: none; } - -.check:inconsistent:selected { - -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); - icon-shadow: none; } - -.check:inconsistent:backdrop { - -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-backdrop.png"), url("../assets/check-mixed-backdrop@2.png")); - icon-shadow: none; } - -.check:inconsistent:insensitive { - -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-insensitive.png"), url("../assets/check-mixed-insensitive@2.png")); - icon-shadow: none; } - -.check:inconsistent:insensitive:backdrop { - -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-backdrop-insensitive.png"), url("../assets/check-mixed-backdrop-insensitive@2.png")); - icon-shadow: none; } - -.check:checked { - -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); - icon-shadow: none; } - -.check:checked:insensitive { - -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-insensitive.png"), url("../assets/check-checked-insensitive@2.png")); - icon-shadow: none; } - -.check:checked:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-hover.png"), url("../assets/check-checked-hover@2.png")); - icon-shadow: none; } - -.check:checked:active { - -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); - icon-shadow: none; } - -.check:backdrop:checked { - -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-backdrop.png"), url("../assets/check-checked-backdrop@2.png")); - icon-shadow: none; } - -.check:backdrop:checked:insensitive { - -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-backdrop-insensitive.png"), url("../assets/check-checked-backdrop-insensitive@2.png")); - icon-shadow: none; } - -.menu .menuitem.check:hover, -.popover .button.flat.check:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked.png"), url("../assets/check-unchecked@2.png")); } - -.menu .menuitem.check:active:hover, -.popover .button.flat.check:active:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } - -.menu .menuitem.check:checked:hover, -.popover .button.flat.check:checked:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } - -.menu .menuitem.check:inconsistent:hover, -.popover .button.flat.check:inconsistent:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); } - -.radio { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); - icon-shadow: none; } - -.radio:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-hover.png"), url("../assets/radio-unchecked-hover@2.png")); - icon-shadow: none; } - -.radio:active { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-active.png"), url("../assets/radio-unchecked-active@2.png")); - icon-shadow: none; } - -.radio:insensitive { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-insensitive.png"), url("../assets/radio-unchecked-insensitive@2.png")); - icon-shadow: none; } - -.radio:backdrop { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-backdrop.png"), url("../assets/radio-unchecked-backdrop@2.png")); - icon-shadow: none; } - -.radio:backdrop:insensitive { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-backdrop-insensitive.png"), url("../assets/radio-unchecked-backdrop-insensitive@2.png")); - icon-shadow: none; } - -.radio:inconsistent { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); - icon-shadow: none; } - -.radio:inconsistent:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-hover.png"), url("../assets/radio-mixed-hover@2.png")); - icon-shadow: none; } - -.radio:inconsistent:selected { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); - icon-shadow: none; } - -.radio:inconsistent:backdrop { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-backdrop.png"), url("../assets/radio-mixed-backdrop@2.png")); - icon-shadow: none; } - -.radio:inconsistent:insensitive { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive.png"), url("../assets/radio-mixed-insensitive@2.png")); - icon-shadow: none; } - -.radio:inconsistent:insensitive:backdrop { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-backdrop-insensitive.png"), url("../assets/radio-mixed-backdrop-insensitive@2.png")); - icon-shadow: none; } - -.radio:checked { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); - icon-shadow: none; } - -.radio:checked:insensitive { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-insensitive.png"), url("../assets/radio-checked-insensitive@2.png")); - icon-shadow: none; } - -.radio:checked:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-hover.png"), url("../assets/radio-checked-hover@2.png")); - icon-shadow: none; } - -.radio:checked:active { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); - icon-shadow: none; } - -.radio:backdrop:checked { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-backdrop.png"), url("../assets/radio-checked-backdrop@2.png")); - icon-shadow: none; } - -.radio:backdrop:checked:insensitive { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-backdrop-insensitive.png"), url("../assets/radio-checked-backdrop-insensitive@2.png")); - icon-shadow: none; } - -.menu .menuitem.radio:hover, -.popover .button.flat.radio:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); } - -.menu .menuitem.radio:active:hover, -.popover .button.flat.radio:active:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } - -.menu .menuitem.radio:checked:hover, -.popover .button.flat.radio:checked:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } - -.menu .menuitem.radio:inconsistent:hover, -.popover .button.flat.radio:inconsistent:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); } - -.view.check, .view.radio, -.list-row .check, list-row .radio { - icon-shadow: none; } - .view.check:selected, .view.check:hover, .view.radio:selected, .view.radio:hover, - .list-row .check:selected, - .list-row .check:hover, list-row .radio:selected, list-row .radio:hover { - icon-shadow: none; } - -.view.content-view.check { - icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-unchecked.png"), url("../assets/check-selectionmode-unchecked@2.png")); - background-color: transparent; } - -.view.content-view.check:hover { - icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-unchecked-hover.png"), url("../assets/check-selectionmode-unchecked-hover@2.png")); - background-color: transparent; } - -.view.content-view.check:active { - icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-unchecked-active.png"), url("../assets/check-selectionmode-unchecked-active@2.png")); - background-color: transparent; } - -.view.content-view.check:backdrop { - icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-unchecked-backdrop.png"), url("../assets/check-selectionmode-unchecked-backdrop@2.png")); - background-color: transparent; } - -.view.content-view.check:checked { - icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-checked-active.png"), url("../assets/check-selectionmode-checked-active@2.png")); - background-color: transparent; } - -.view.content-view.check:checked:hover { - icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-checked-hover.png"), url("../assets/check-selectionmode-checked-hover@2.png")); - background-color: transparent; } - -.view.content-view.check:checked:active { - icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-checked-active.png"), url("../assets/check-selectionmode-checked-active@2.png")); - background-color: transparent; } - -.view.content-view.check:backdrop:checked { - icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-checked-backdrop.png"), url("../assets/check-selectionmode-checked-backdrop@2.png")); - background-color: transparent; } - -GtkCheckButton.text-button, GtkRadioButton.text-button { - padding: 1px 2px 4px; - outline-offset: 0; } - GtkCheckButton.text-button:insensitive, GtkCheckButton.text-button:insensitive:active, GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, GtkRadioButton.text-button:insensitive:active, GtkRadioButton.text-button:insensitive:inconsistent { - color: rgba(216, 218, 221, 0.35); } - GtkCheckButton.text-button:insensitive:backdrop, GtkCheckButton.text-button:insensitive:active:backdrop, GtkCheckButton.text-button:insensitive:inconsistent:backdrop, GtkRadioButton.text-button:insensitive:backdrop, GtkRadioButton.text-button:insensitive:active:backdrop, GtkRadioButton.text-button:insensitive:inconsistent:backdrop { - color: rgba(216, 218, 221, 0.35); } - -/***************** - * Color Chooser * - *****************/ -:selected GtkColorSwatch { - box-shadow: none; } - :selected GtkColorSwatch.overlay, :selected GtkColorSwatch.overlay:hover { - border-color: #eff0f1; } -GtkColorSwatch:selected { - box-shadow: none; } -GtkColorSwatch.top, GtkColorSwatch.bottom, GtkColorSwatch.left, GtkColorSwatch:first-child:not(.overlay):not(.top), GtkColorSwatch.right, GtkColorSwatch:last-child:not(.overlay):not(.bottom), GtkColorSwatch:only-child:not(.overlay), GtkColorSwatch.top > .overlay, GtkColorSwatch.bottom > .overlay, GtkColorSwatch:first-child:not(.top) > .overlay, GtkColorSwatch:last-child:not(.bottom) > .overlay, GtkColorSwatch:only-child > .overlay { - border-radius: 3px; } -GtkColorSwatch:hover, GtkColorSwatch:hover:selected { - background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0) 50%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } - GtkColorSwatch:hover.color-dark, GtkColorSwatch:hover:selected.color-dark { - background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 50%); } -GtkColorSwatch:backdrop, GtkColorSwatch:backdrop:selected -GtkColorSwatch.color-dark:backdrop, GtkColorSwatch.color-dark:backdrop:selected { - background-image: none; - box-shadow: none; } -GtkColorEditor GtkColorSwatch { - border-radius: 3px; } - GtkColorEditor GtkColorSwatch:hover { - background-image: none; - box-shadow: none; } - GtkColorEditor GtkColorSwatch:backdrop { - box-shadow: none; } -GtkColorSwatch.color-dark { - color: white; - outline-color: rgba(0, 0, 0, 0.3); } - GtkColorSwatch.color-dark:backdrop { - color: rgba(255, 255, 255, 0.3); } -GtkColorSwatch.color-light { - color: black; - outline-color: rgba(255, 255, 255, 0.5); } - GtkColorSwatch.color-light:backdrop { - color: rgba(0, 0, 0, 0.3); } -GtkColorSwatch.overlay, GtkColorSwatch.overlay:selected { - border: 1px solid #616569; } - GtkColorSwatch.overlay:hover, GtkColorSwatch.overlay:selected:hover { - border-color: #3daee9; } -GtkColorSwatch#add-color-button { - border-style: solid; - border-width: 1px; - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); - text-shadow: none; - icon-shadow: none; - color: #eff0f1; - border-color: #616569; - background-image: linear-gradient(to bottom, #31373c, #303439); } - GtkColorSwatch#add-color-button:hover { - color: #eff0f1; - border-color: #3daee9; } - GtkColorSwatch#add-color-button:backdrop { - color: #eff0f1; - border-color: #616569; - background-image: linear-gradient(to bottom, #31373c, #303439); } - GtkColorSwatch#add-color-button .overlay { - border-color: rgba(255, 255, 255, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: #eff0f1; - text-shadow: none; - icon-shadow: none; } - -GtkColorButton.button { - padding: 5px; } - GtkColorButton.button GtkColorSwatch:first-child:last-child { - border-radius: 0; - box-shadow: none; } - GtkColorButton.button GtkColorSwatch:first-child:last-child:insensitive, GtkColorButton.button GtkColorSwatch:first-child:last-child:backdrop { - box-shadow: none; } - -/*********** - * Dialogs * - ***********/ -.message-dialog { - -GtkDialog-button-spacing: 8; - -GtkDialog-action-area-border: 8; } - .message-dialog.background { - background-color: #31363b; } - .message-dialog:backdrop { - background-color: #31363b; } - .message-dialog .titlebar { - box-shadow: none; } - -GtkFileChooserDialog .search-bar { - background-color: #31363b; - border-color: #31363b; - box-shadow: none; } - GtkFileChooserDialog .search-bar:backdrop { - background-color: #31363b; - border-color: #31363b; - color: #eff0f1; } -GtkFileChooserDialog .dialog-action-box { - border-top: 1px solid #616569; } - GtkFileChooserDialog .dialog-action-box:backdrop { - border-top-color: #616569; } - -/*************** - * Header bars * - ***************/ -.titlebar, -.header-bar { - transition: none; - padding: 4px 6px; - border-width: 0px 0px 1px 0px; - border-radius: 3px 3px 0px 0px; - border-style: solid; - border-color: #3daee9; - color: #eff0f1; - background-image: linear-gradient(to bottom, #3b4147, #31363b); } - .titlebar:backdrop, - .header-bar:backdrop { - border-color: transparent; - background-image: none; - background-color: #31363b; - color: #7f8c8d; - box-shadow: none; } - .titlebar .path-bar .button, - .header-bar .path-bar .button { - color: #eff0f1; } - .titlebar .button, - .header-bar .button { - transition: none; - border-color: rgba(255, 255, 255, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: #eff0f1; - text-shadow: none; - icon-shadow: none; } - .titlebar .button.flat, - .header-bar .button.flat { - border-color: rgba(255, 255, 255, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: #eff0f1; - text-shadow: none; - icon-shadow: none; } - .titlebar .button:hover, - .header-bar .button:hover { - color: #eff0f1; - border-color: #3daee9; } - .titlebar .button:hover:backdrop, - .header-bar .button:hover:backdrop { - border-color: #31363b; } - .titlebar .button:active, .titlebar .button:checked, - .header-bar .button:active, - .header-bar .button:checked { - color: #eff0f1; - border-color: #3daee9; - background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } - .titlebar .button:active:hover, .titlebar .button:checked:hover, - .header-bar .button:active:hover, - .header-bar .button:checked:hover { - color: #eff0f1; - border-color: #3daee9; - background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } - .titlebar .button:active:backdrop, .titlebar .button:checked:backdrop, - .header-bar .button:active:backdrop, - .header-bar .button:checked:backdrop { - background-image: none; - background-color: #31363b; - border-color: #31363b; - color: #7f8c8d; } - .titlebar .button:backdrop, - .header-bar .button:backdrop { - background-color: #31363b; - color: #7f8c8d; } - .titlebar .button.flat:backdrop, .titlebar .button.flat:backdrop:insensitive, .titlebar .button:insensitive:backdrop, - .header-bar .button.flat:backdrop, - .header-bar .button.flat:backdrop:insensitive, - .header-bar .button:insensitive:backdrop { - background-image: none; - background-color: #31363b; - color: #7f8c8d; - border-color: transparent; } - .titlebar .button.flat:insensitive, - .header-bar .button.flat:insensitive { - color: rgba(216, 218, 221, 0.35); } - .titlebar .button:insensitive, - .header-bar .button:insensitive { - background-color: transparent; - background-image: none; - color: rgba(216, 218, 221, 0.35); } - .titlebar .button:insensitive:active, .titlebar .button:insensitive:checked, - .header-bar .button:insensitive:active, - .header-bar .button:insensitive:checked { - color: rgba(216, 218, 221, 0.35); - border-color: rgba(37, 164, 230, 0.35); - background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } - .titlebar .button:insensitive:active > .label, .titlebar .button:insensitive:checked > .label, - .header-bar .button:insensitive:active > .label, - .header-bar .button:insensitive:checked > .label { - color: inherit; } - .titlebar .title, - .header-bar .title { - font-weight: normal; - padding: 0px 12px; } - .titlebar .subtitle, - .header-bar .subtitle { - font-size: smaller; - padding: 0 12px; } - .titlebar .header-bar-separator, .titlebar > GtkBox > .separator.vertical, - GtkPlacesSidebar.sidebar .view .titlebar > GtkBox > .vertical.separator:backdrop, - .header-bar .header-bar-separator, - .header-bar > GtkBox > .separator.vertical, - GtkPlacesSidebar.sidebar .view .header-bar > GtkBox > .vertical.separator:backdrop { - -GtkWidget-wide-separators: true; - -GtkWidget-separator-width: 1px; - border-width: 0px; - background-color: #31363b; - border-color: #31363b; } - .titlebar .header-bar-separator:backdrop, .titlebar > GtkBox > .separator.vertical:backdrop, - .header-bar .header-bar-separator:backdrop, - .header-bar > GtkBox > .separator.vertical:backdrop { - background-color: #31363b; - border-color: #31363b; } - .titlebar.selection-mode .selection-menu, - .header-bar.selection-mode .selection-menu { - padding-left: 10px; - padding-right: 10px; } - .titlebar.selection-mode .selection-menu GtkArrow, - .header-bar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; } - .titlebar.selection-mode .selection-menu .arrow, - .header-bar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("arrow-down"); - icon-shadow: none; } - .tiled .titlebar, .maximized .titlebar, .tiled - .header-bar, .maximized - .header-bar { - border-radius: 0; } - .titlebar.default-decoration, - .header-bar.default-decoration { - padding: 4px; } - .titlebar.default-decoration .button, - .header-bar.default-decoration .button { - padding: 5px; } - -.titlebar .button.suggested-action, -.header-bar .button.suggested-action, .titlebar.selection-mode.suggested-action, -.header-bar.selection-mode.suggested-action { - background-image: none; - background-color: #3daee9; } - .titlebar .button.suggested-action:hover, - .header-bar .button.suggested-action:hover, .titlebar.selection-mode.suggested-action:hover, - .header-bar.selection-mode.suggested-action:hover { - background-color: #3daee9; - color: #eff0f1; } - .titlebar .button.suggested-action:insensitive, - .header-bar .button.suggested-action:insensitive, .titlebar.selection-mode.suggested-action:insensitive, - .header-bar.selection-mode.suggested-action:insensitive { - background-color: transparent; - background-image: none; - color: rgba(216, 218, 221, 0.35); } - .titlebar .button.suggested-action:insensitive:active, - .header-bar .button.suggested-action:insensitive:active, .titlebar.selection-mode.suggested-action:insensitive:active, - .header-bar.selection-mode.suggested-action:insensitive:active, .titlebar .button.suggested-action:insensitive:checked, - .header-bar .button.suggested-action:insensitive:checked, .titlebar.selection-mode.suggested-action:insensitive:checked, - .header-bar.selection-mode.suggested-action:insensitive:checked { - color: rgba(216, 218, 221, 0.35); - border-color: rgba(37, 164, 230, 0.35); - background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } - .titlebar .button.suggested-action:insensitive:active > .label, - .header-bar .button.suggested-action:insensitive:active > .label, .titlebar.selection-mode.suggested-action:insensitive:active > .label, - .header-bar.selection-mode.suggested-action:insensitive:active > .label, .titlebar .button.suggested-action:insensitive:checked > .label, - .header-bar .button.suggested-action:insensitive:checked > .label, .titlebar.selection-mode.suggested-action:insensitive:checked > .label, - .header-bar.selection-mode.suggested-action:insensitive:checked > .label { - color: inherit; } - .titlebar .button.suggested-action:backdrop, - .header-bar .button.suggested-action:backdrop, .titlebar.selection-mode.suggested-action:backdrop, - .header-bar.selection-mode.suggested-action:backdrop { - background-color: #31363b; - border-color: transparent; - color: #7f8c8d; } - .titlebar .button.suggested-action:backdrop:insensitive, - .header-bar .button.suggested-action:backdrop:insensitive, .titlebar.selection-mode.suggested-action:backdrop:insensitive, - .header-bar.selection-mode.suggested-action:backdrop:insensitive { - color: rgba(115, 128, 129, 0.35); } - -/************** - * GtkInfoBar * - **************/ -GtkInfoBar { - border-style: none; - border-bottom: 1px solid #616569; - background-color: #31363b; - background-image: none; } - GtkInfoBar:backdrop { - border-bottom: 1px solid #616569; } - -.info, .titlebar.selection-mode, -.header-bar.selection-mode, -.question, -.warning, -.error { - background-color: #31363b; - background-image: none; - color: #f67400; - text-shadow: none; } - .info:backdrop, .titlebar.selection-mode:backdrop, - .header-bar.selection-mode:backdrop, - .question:backdrop, - .warning:backdrop, - .error:backdrop { - background-color: #31363b; - color: #f67400; } - .info .button, .titlebar.selection-mode .button, - .header-bar.selection-mode .button, - .question .button, - .warning .button, - .error .button { - box-shadow: none; - background-image: none; - background-color: rgba(246, 116, 0, 0.5); - border-color: rgba(246, 116, 0, 0.5); - color: #eff0f1; } - .info .button:hover, .titlebar.selection-mode .button:hover, - .header-bar.selection-mode .button:hover, - .question .button:hover, - .warning .button:hover, - .error .button:hover { - background-color: rgba(246, 116, 0, 0.25); - border-color: #f67400; } - .info .button:active, .titlebar.selection-mode .button:active, - .header-bar.selection-mode .button:active, .info .button:checked, .titlebar.selection-mode .button:checked, - .header-bar.selection-mode .button:checked, - .question .button:active, - .question .button:checked, - .warning .button:active, - .warning .button:checked, - .error .button:active, - .error .button:checked { - background-image: linear-gradient(to bottom, #f87500, #ef7100); - color: #31363b; - border-color: #f67400; } - .info .button:insensitive, .titlebar.selection-mode .button:insensitive, - .header-bar.selection-mode .button:insensitive, - .question .button:insensitive, - .warning .button:insensitive, - .error .button:insensitive { - background-color: rgba(224, 105, 0, 0); - border-color: rgba(224, 105, 0, 0); - color: rgba(216, 218, 221, 0.35); } - .info .button:backdrop, .titlebar.selection-mode .button:backdrop, - .header-bar.selection-mode .button:backdrop, - .question .button:backdrop, - .warning .button:backdrop, - .error .button:backdrop { - background-color: rgba(246, 116, 0, 0.5); - border-color: rgba(246, 116, 0, 0.5); - color: #eff0f1; } - .info .button:backdrop:active, .titlebar.selection-mode .button:backdrop:active, - .header-bar.selection-mode .button:backdrop:active, .info .button:backdrop:checked, .titlebar.selection-mode .button:backdrop:checked, - .header-bar.selection-mode .button:backdrop:checked, - .question .button:backdrop:active, - .question .button:backdrop:checked, - .warning .button:backdrop:active, - .warning .button:backdrop:checked, - .error .button:backdrop:active, - .error .button:backdrop:checked { - background-image: linear-gradient(to bottom, #f87500, #ef7100); - color: #31363b; - border-color: #f67400; } - .info .button:backdrop:insensitive, .titlebar.selection-mode .button:backdrop:insensitive, - .header-bar.selection-mode .button:backdrop:insensitive, - .question .button:backdrop:insensitive, - .warning .button:backdrop:insensitive, - .error .button:backdrop:insensitive { - background-color: rgba(224, 105, 0, 0); - border-color: rgba(224, 105, 0, 0); - color: rgba(216, 218, 221, 0.35); } - .info .button:backdrop:insensitive:active, .titlebar.selection-mode .button:backdrop:insensitive:active, - .header-bar.selection-mode .button:backdrop:insensitive:active, .info .button:backdrop:insensitive:checked, .titlebar.selection-mode .button:backdrop:insensitive:checked, - .header-bar.selection-mode .button:backdrop:insensitive:checked, - .question .button:backdrop:insensitive:active, - .question .button:backdrop:insensitive:checked, - .warning .button:backdrop:insensitive:active, - .warning .button:backdrop:insensitive:checked, - .error .button:backdrop:insensitive:active, - .error .button:backdrop:insensitive:checked { - background-image: linear-gradient(to bottom, rgba(226, 107, 0, 0.35), rgba(217, 102, 0, 0.35)); - color: #2d3136; - border-color: rgba(224, 105, 0, 0.35); } - -/********* - * Links * - *********/ -*:link, .button:link, .button:visited { - color: #2980b9; } - *:link:visited, .button:visited { - color: #7f8c8d; } - *:selected *:link:visited, *:selected .button:visited { - color: #a8d6ee; } - *:link:hover, .button:hover:link, .button:hover:visited { - color: #409ad5; } - *:selected *:link:hover, *:selected .button:hover:link, *:selected .button:hover:visited { - color: #dde9f0; } - *:link:active, .button:active:link, .button:active:visited { - color: #2980b9; } - *:selected *:link:active, *:selected .button:active:link, *:selected .button:active:visited { - color: #cbe3ef; } - *:link:backdrop, .button:backdrop:link, .button:backdrop:visited, *:link:backdrop:hover, .button:backdrop:hover:link, .button:backdrop:hover:visited, *:link:backdrop:hover:selected, .titlebar.selection-mode .subtitle:backdrop:hover:link, - .header-bar.selection-mode .subtitle:backdrop:hover:link, .button:backdrop:hover:selected:link, .button:backdrop:hover:selected:visited { - color: rgba(61, 174, 233, 0.5); } - *:link:selected, .titlebar.selection-mode .subtitle:link, - .header-bar.selection-mode .subtitle:link, .button:selected:link, .button:selected:visited, *:selected *:link, *:selected .button:link, *:selected .button:visited { - color: #cbe3ef; } - -.button:link, .button:visited { - text-shadow: none; } - .button:link:hover, .button:link:active, .button:link:checked, .button:visited:hover, .button:visited:active, .button:visited:checked { - text-shadow: none; } - -/********* - * Lists * - *********/ -.list, .list-row { - background-color: #31363b; - color: #eff0f1; - border-width: 0px; } - .list:backdrop, .list-row:backdrop { - background-color: #31363b; - color: #eff0f1; } - -.list-row, -.grid-child { - padding: 0px 2px; - border-style: solid; - border-width: 0px; - border-color: #31363b; } - -.list-row.button, -.list-row.button:backdrop, -.list-row.button:backdrop:active, -.list-row.button:backdrop:checked, -.list-row.button:backdrop:insensitive, -.list-row.button:backdrop:insensitive:active, -.list-row.button:backdrop:insensitive:checked, -.list-row.button:insensitive:active, -.list-row.button:insensitive:checked { - background-color: rgba(35, 38, 41, 0); - border-style: none; - border-radius: 0; - box-shadow: none; } - -.list-row.button { - background-color: #31363b; } - .list-row.button:hover { - background-color: rgba(61, 174, 233, 0.25); } - .list-row.button:active { - background-color: #3daee9; - box-shadow: none; } - .list-row.button:selected { - background-color: #3daee9; } - .list-row.button:selected:active { - box-shadow: none; } - .list-row.button:selected:hover { - color: #eff0f1; - border-color: #3daee9; - background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } - .list-row.button:selected:backdrop { - background-color: rgba(61, 174, 233, 0.5); } - .list-row.button:backdrop { - background-color: #31363b; } - -.list-row:selected .button { - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); - text-shadow: none; - icon-shadow: none; - color: #eff0f1; - border-color: #616569; - background-image: linear-gradient(to bottom, #31373c, #303439); } - .list-row:selected .button.flat { - border-color: rgba(255, 255, 255, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: #eff0f1; - text-shadow: none; - icon-shadow: none; } - .list-row:selected .button:hover { - color: #eff0f1; - border-color: #3daee9; } - .list-row:selected .button:active, .list-row:selected .button:checked { - color: #eff0f1; - border-color: #3daee9; - background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } - .list-row:selected .button:backdrop, .list-row:selected .button.flat:backdrop { - color: #eff0f1; - border-color: #616569; - background-image: linear-gradient(to bottom, #31373c, #303439); } - .list-row:selected .button:backdrop:active, .list-row:selected .button:backdrop:checked, .list-row:selected .button.flat:backdrop:active, .list-row:selected .button.flat:backdrop:checked { - color: #eff0f1; - border-color: #3daee9; - background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } - .list-row:selected .button:backdrop:insensitive, .list-row:selected .button.flat:backdrop:insensitive { - color: rgba(216, 218, 221, 0.35); - border-color: rgba(88, 92, 95, 0.35); - background-image: linear-gradient(to bottom, #2d3236, #2b3034); } - .list-row:selected .button:backdrop:insensitive > .label, .list-row:selected .button.flat:backdrop:insensitive > .label { - color: inherit; } - .list-row:selected .button:backdrop:insensitive:active, .list-row:selected .button:backdrop:insensitive:checked, .list-row:selected .button.flat:backdrop:insensitive:active, .list-row:selected .button.flat:backdrop:insensitive:checked { - color: rgba(216, 218, 221, 0.35); - border-color: rgba(37, 164, 230, 0.35); - background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } - .list-row:selected .button:backdrop:insensitive:active > .label, .list-row:selected .button:backdrop:insensitive:checked > .label, .list-row:selected .button.flat:backdrop:insensitive:active > .label, .list-row:selected .button.flat:backdrop:insensitive:checked > .label { - color: inherit; } - .list-row:selected .button.flat:backdrop { - background-color: #31363b; - color: #eff0f1; - border-color: transparent; } - .list-row:selected .button:insensitive { - color: rgba(216, 218, 221, 0.35); - border-color: rgba(88, 92, 95, 0.35); - background-image: linear-gradient(to bottom, #2d3236, #2b3034); } - .list-row:selected .button:insensitive > .label { - color: inherit; } - .list-row:selected .button:insensitive:active, .list-row:selected .button:insensitive:checked { - color: rgba(216, 218, 221, 0.35); - border-color: rgba(37, 164, 230, 0.35); - background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } - .list-row:selected .button:insensitive:active > .label, .list-row:selected .button:insensitive:checked > .label { - color: inherit; } - -.list-row, list-row.button { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - .list-row:hover, list-row.button:hover { - transition: none; } - -/********* - * Menus * - *********/ -/* menu buttons */ -.menuitem.button.flat { - color: #eff0f1; } - .menuitem.button.flat:hover { - background-color: #3daee9; } - .menuitem.button.flat:selected { - background-color: #3daee9; - color: #eff0f1; } - .menuitem.button.flat:backdrop, .menuitem.button.flat:backdrop:hover { - color: #eff0f1; } - -.menubar { - -GtkWidget-window-dragging: true; - padding: 0px; - box-shadow: none; - background-color: #31363b; } - .menubar:backdrop { - background-color: #31363b; } - .menubar > .menuitem { - padding: 6px 8px; - border: 1px solid #31363b; } - .menubar > .menuitem:hover { - background-color: #3daee9; - color: #eff0f1; } - .menubar > .menuitem:insensitive { - color: rgba(216, 218, 221, 0.35); - box-shadow: none; } - .menubar > .menuitem:insensitive:backdrop { - background-color: #31363b; - color: rgba(216, 218, 221, 0.35); } - .menubar > .menuitem:backdrop { - background-color: #31363b; - border-color: #31363b; - color: #eff0f1; } - -.menu { - padding: 0px; - background-color: #31363b; - border: 1px solid #616569; - border-radius: 3px; } - .csd .menu { - border: 1px solid #616569; } - .menu .separator, .menu GtkPlacesSidebar.sidebar .view .separator, GtkPlacesSidebar.sidebar .view .menu .separator { - color: #616569; } - .menu .menuitem { - text-shadow: none; - padding: 4px 4px; } - .menu .menuitem:hover { - color: #eff0f1; - background-color: #3daee9; } - .menu .menuitem:insensitive { - color: rgba(216, 218, 221, 0.35); } - .menu .menuitem:insensitive:backdrop { - color: rgba(216, 218, 221, 0.35); } - .menu .menuitem:backdrop, .menu .menuitem:backdrop:hover { - color: #eff0f1; - background-color: #31363b; } - .menu .menuitem.arrow { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - .menu .menuitem.arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } - -.menuitem .accelerator { - color: alpha(currentColor,0.5); } - -/*************** - * Popovers * - ***************/ -.popover { - margin: 10px; - padding: 0px; - border: 1px solid #616569; - border-radius: 3px; - background-color: #31363b; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.8); } - .popover:backdrop { - box-shadow: none; } - .popover > .list, - .popover > .view, - .popover > .toolbar, - .popover > .inline-toolbar, - .popover > .search-bar, - .popover > .location-bar, .popover.osd > .toolbar, .popover.osd > .inline-toolbar, .popover.osd > .search-bar, .popover.osd > .location-bar { - border-style: none; - background-color: transparent; } - .popover .button.flat { - border-radius: 0px; - color: #eff0f1; } - .popover .button.flat .label { - padding: 4px 0px; } - .popover .button.flat:hover, .popover .button.flat:checked:hover { - background-image: none; - background-color: #3daee9; - color: #eff0f1; - transition: none; } - .popover .button.flat:backdrop { - background-color: transparent; - color: #eff0f1; } - -.entry.cursor-handle, -.cursor-handle { - background-color: transparent; - background-image: none; - box-shadow: none; - border-style: none; } - .entry.cursor-handle.top, - .cursor-handle.top { - -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); } - .entry.cursor-handle.bottom, - .cursor-handle.bottom { - -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } - -.scale-popup .button, -.scale-popup .button.flat { - background-color: transparent; - padding: 5px; - color: #eff0f1; } - .scale-popup .button:hover, - .scale-popup .button.flat:hover { - color: #3daee9; } - .scale-popup .button:active, - .scale-popup .button.flat:active { - color: #3daee9; } - .scale-popup .button:insensitive, - .scale-popup .button.flat:insensitive { - color: rgba(216, 218, 221, 0.35); } - .scale-popup .button:backdrop, - .scale-popup .button.flat:backdrop { - color: #eff0f1; } - .scale-popup .button:backdrop:insensitive, - .scale-popup .button.flat:backdrop:insensitive { - color: rgba(216, 218, 221, 0.35); } - -GtkVolumeButton.button { - padding: 5px; } - -/******** - * Misc * - ********/ -/********** -* Frames * -**********/ -.frame { - border: 1px solid #616569; - padding: 0; } - .frame.flat { - border-style: none; } - .frame.action-bar { - padding: 6px; - border-width: 1px 0 0; } - .frame.action-bar:backdrop { - border-color: #616569; } - .frame:backdrop { - border-color: #616569; } - -GtkScrolledWindow GtkViewport.frame { - border-style: none; } - -.separator, GtkPlacesSidebar.sidebar .view .separator, -GtkPlacesSidebar.sidebar .view .separator:backdrop { - color: transparent; } - .separator.vertical, GtkPlacesSidebar.sidebar .view .vertical.separator { - color: #616569; } - .separator.vertical:backdrop, GtkPlacesSidebar.sidebar .view .vertical.separator:backdrop { - color: #616569; } - GtkFileChooserButton .separator.vertical, GtkFileChooserButton GtkPlacesSidebar.sidebar .view .vertical.separator, GtkPlacesSidebar.sidebar .view GtkFileChooserButton .vertical.separator, GtkFontButton .separator.vertical, GtkFontButton GtkPlacesSidebar.sidebar .view .vertical.separator, GtkPlacesSidebar.sidebar .view GtkFontButton .vertical.separator { - -GtkWidget-wide-separators: true; } - -/************* -* Expanders * -*************/ -.expander { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - .expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } - .expander:hover { - color: white; } - .expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - -/********* -* Paned * -*********/ -GtkPaned { - -GtkPaned-handle-size: 1; - -gtk-icon-source: none; - margin: 0 8px 8px 0; } - GtkPaned:dir(rtl) { - margin-right: 0; - margin-left: 8px; } - GtkPaned .pane-separator { - background-color: #616569; } - GtkPaned .pane-separator:backdrop { - background-color: #616569; } - -GtkPaned.wide { - -GtkPaned-handle-size: 5; - margin: 0; } - GtkPaned.wide .pane-separator { - background-color: transparent; - border-style: none; } - GtkPaned.wide.vertical .pane-separator { - border-style: none; } - GtkPaned.wide .pane-separator:backdrop { - border-color: transparent; } - -/********************* -* Spinner Animation * -*********************/ -@keyframes spin { - to { - -gtk-icon-transform: rotate(1turn); } } -.spinner { - background-image: none; - background-color: blue; - opacity: 0; - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } - .spinner:active { - opacity: 1; - animation: spin 1s linear infinite; } - .spinner:active:insensitive { - opacity: 0.5; } - -/***************** - * Notebooks and * - * Tabs * - *****************/ -.notebook { - -GtkNotebook-initial-gap: 0; - -GtkNotebook-arrow-spacing: 5; - -GtkNotebook-tab-curvature: 0; - -GtkNotebook-tab-overlap: 1; - -GtkNotebook-has-tab-gap: false; - -GtkWidget-focus-padding: 0; - -GtkWidget-focus-line-width: 0; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: #31363b; } - .notebook:backdrop { - background-color: #31363b; } - .notebook.frame { - border: 1px solid #616569; } - .notebook.frame.top { - border-top-width: 0; } - .notebook.frame.bottom { - border-bottom-width: 0; } - .notebook.frame.right { - border-right-width: 0; } - .notebook.frame.left { - border-left-width: 0; } - .notebook.frame:backdrop { - border-color: #616569; } - .notebook.header { - background-color: #31363b; - padding-top: 4px; } - .notebook.header.frame { - border-style: none; } - .notebook.header.top { - box-shadow: inset 0 -1px #616569; } - .notebook.header.top:backdrop { - box-shadow: inset 0 -1px #616569; } - .notebook.header.bottom { - box-shadow: inset 0 1px #616569; } - .notebook.header.bottom:backdrop { - box-shadow: inset 0 1px #616569; } - .notebook.header.right { - box-shadow: inset 1px 0 #616569; } - .notebook.header.right:backdrop { - box-shadow: inset 1px 0 #616569; } - .notebook.header.left { - box-shadow: inset -1px 0 #616569; } - .notebook.header.left:backdrop { - box-shadow: inset -1px 0 #616569; } - .notebook.header:backdrop { - background-color: #31363b; } - .notebook tab { - border: 1px solid rgba(239, 240, 241, 0.2); - background-color: rgba(239, 240, 241, 0.2); - background-clip: padding-box; - padding: 8px; } - .notebook tab:backdrop { - background-color: rgba(239, 240, 241, 0.2); } - .notebook tab.reorderable-page { - background-color: #31363b; } - .notebook tab.reorderable-page.top, .notebook tab.reorderable-page.bottom { - padding-left: 12px; - padding-right: 6px; - padding-bottom: 8px; } - .notebook tab.top { - border-radius: 3px 3px 0px 0px; - border-bottom-color: transparent; } - .notebook tab.top:active, .notebook tab.top.active-page { - border-color: #616569; - border-bottom-color: #31363b; - background-color: #31363b; } - .notebook tab.top:active:backdrop, .notebook tab.top.active-page:backdrop { - border-color: #616569; - border-bottom-color: #31363b; - background-color: #31363b; } - .notebook tab.bottom { - border-radius: 0px 0px 3px 3px; - border-top-color: transparent; } - .notebook tab.bottom:active, .notebook tab.bottom.active-page { - border-color: #616569; - border-top-color: #31363b; - background-color: #31363b; } - .notebook tab.bottom:active:backdrop, .notebook tab.bottom.active-page:backdrop { - border-color: #616569; - border-top-color: #31363b; - background-color: #31363b; } - .notebook tab.left { - border-radius: 3px 0px 0px 3px; - border-right-color: transparent; } - .notebook tab.left:active, .notebook tab.left.active-page { - border-color: #616569; - border-right-color: #31363b; - background-color: #31363b; } - .notebook tab.left:active:backdrop, .notebook tab.left.active-page:backdrop { - border-color: #616569; - border-right-color: #31363b; - background-color: #31363b; } - .notebook tab.right { - border-radius: 0px 3px 3px 0px; - border-left-color: transparent; } - .notebook tab.right:active, .notebook tab.right.active-page { - border-color: #616569; - border-left-color: #31363b; - background-color: #31363b; } - .notebook tab.right:active:backdrop, .notebook tab.right.active-page:backdrop { - border-color: #616569; - border-left-color: #31363b; - background-color: #31363b; } - .notebook tab:hover, .notebook tab.prelight-page { - background-color: rgba(61, 174, 233, 0.2); - border-color: rgba(61, 174, 233, 0.2); } - .notebook tab.reorderable-page.top { - border-width: 3px; - border-style: solid; - border-color: transparent; - background-color: #31363b; - background-clip: padding-box; - border-right-width: 1px; - border-right-color: #616569; - box-shadow: inset -3px 0px 0px 0px #31363b; } - .notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page { - box-shadow: inset 0px -3px 0px 0px rgba(61, 174, 233, 0.2), inset -3px 0px 0px 0px #31363b; } - .notebook tab.reorderable-page.top:active, .notebook tab.reorderable-page.top.active-page { - box-shadow: inset 0px -3px 0px 0px #3daee9, inset -3px 0px 0px 0px #31363b; } - .notebook tab.reorderable-page.top:active:backdrop, .notebook tab.reorderable-page.top.active-page:backdrop { - background-color: #31363b; - border-color: transparent; - border-right-color: #616569; - box-shadow: none; } - .notebook tab.reorderable-page.top:backdrop { - background-color: #31363b; - border-right-color: #616569; - box-shadow: none; } - .notebook tab.reorderable-page.bottom { - border-width: 3px; - border-style: solid; - border-color: transparent; - background-color: #31363b; - background-clip: padding-box; - border-right-width: 1px; - border-right-color: #616569; - box-shadow: inset -3px 0px 0px 0px #31363b; } - .notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page { - box-shadow: inset 0px -3px 0px 0px rgba(61, 174, 233, 0.2), inset -3px 0px 0px 0px #31363b; } - .notebook tab.reorderable-page.bottom:active, .notebook tab.reorderable-page.bottom.active-page { - box-shadow: inset 0px -3px 0px 0px #3daee9, inset -3px 0px 0px 0px #31363b; } - .notebook tab.reorderable-page.bottom:active:backdrop, .notebook tab.reorderable-page.bottom.active-page:backdrop { - background-color: #31363b; - border-color: transparent; - border-right-color: #616569; - box-shadow: none; } - .notebook tab.reorderable-page.bottom:backdrop { - background-color: #31363b; - border-right-color: #616569; - box-shadow: none; } - .notebook tab.reorderable-page.left { - border-width: 3px; - border-style: solid; - border-color: transparent; - background-color: #31363b; - background-clip: padding-box; - border-bottom-width: 1px; - border-bottom-color: #616569; - box-shadow: inset 0px -3px 0px 0px #31363b; } - .notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page { - box-shadow: inset 0px -3px 0px 0px rgba(61, 174, 233, 0.2), inset 0px -3px 0px 0px #31363b; } - .notebook tab.reorderable-page.left:active, .notebook tab.reorderable-page.left.active-page { - box-shadow: inset 0px -3px 0px 0px #3daee9, inset 0px -3px 0px 0px #31363b; } - .notebook tab.reorderable-page.left:active:backdrop, .notebook tab.reorderable-page.left.active-page:backdrop { - background-color: #31363b; - border-color: transparent; - border-bottom-color: #616569; - box-shadow: none; } - .notebook tab.reorderable-page.left:backdrop { - background-color: #31363b; - border-bottom-color: #616569; - box-shadow: none; } - .notebook tab.reorderable-page.right { - border-width: 3px; - border-style: solid; - border-color: transparent; - background-color: #31363b; - background-clip: padding-box; - border-bottom-width: 1px; - border-bottom-color: #616569; - box-shadow: inset 0px -3px 0px 0px #31363b; } - .notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page { - box-shadow: inset 0px -3px 0px 0px rgba(61, 174, 233, 0.2), inset 0px -3px 0px 0px #31363b; } - .notebook tab.reorderable-page.right:active, .notebook tab.reorderable-page.right.active-page { - box-shadow: inset 0px -3px 0px 0px #3daee9, inset 0px -3px 0px 0px #31363b; } - .notebook tab.reorderable-page.right:active:backdrop, .notebook tab.reorderable-page.right.active-page:backdrop { - background-color: #31363b; - border-color: transparent; - border-bottom-color: #616569; - box-shadow: none; } - .notebook tab.reorderable-page.right:backdrop { - background-color: #31363b; - border-bottom-color: #616569; - box-shadow: none; } - .notebook tab .label { - padding: 0 2px; - color: #eff0f1; } - .notebook tab .label:backdrop { - color: #eff0f1; } - .notebook tab .button { - padding: 0px; - border: 1px solid transparent; - border-radius: 50%; - background-image: none; - background-color: #616569; - box-shadow: none; - icon-shadow: none; - transition: none; - color: #31363b; } - .notebook tab .button:hover { - background-color: #da4453; - border-color: transparent; - background-image: none; - box-shadow: none; } - .notebook tab .button:active { - color: #31363b; - border-color: transparent; - background-image: none; - box-shadow: none; } - .notebook tab .button:backdrop { - color: #31363b; - background-color: #616569; } - .notebook tab .button > GtkImage { - padding: 0px; } - .notebook tab .button .active-page, .notebook tab .button.active-page { - background-color: #da4453; } - .notebook.arrow { - color: #eff0f1; } - .notebook.arrow:hover { - color: #3daee9; } - .notebook.arrow:active { - color: #3daee9; } - .notebook.arrow:insensitive { - color: rgba(216, 218, 221, 0.35); } - .notebook.arrow:backdrop { - color: #eff0f1; } - .notebook.arrow:backdrop:insensitive { - color: rgba(216, 218, 221, 0.35); } - -/* Decouple the font of context menus from their entry/textview */ -.touch-selection, -.context-menu { - font: initial; } - -.monospace { - font: Monospace; } - -.overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#494c4e), to(rgba(73, 76, 78, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(239, 240, 241, 0.07)), to(rgba(239, 240, 241, 0))); - background-size: 100% 5%, 100% 100%; - background-repeat: no-repeat; - background-position: center top; - background-color: transparent; - border: none; - box-shadow: none; } - .overshoot.top:backdrop { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#616569), to(rgba(97, 101, 105, 0))); - background-size: 100% 5%; - background-repeat: no-repeat; - background-position: center top; - background-color: transparent; - border: none; - box-shadow: none; } -.overshoot.bottom { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#494c4e), to(rgba(73, 76, 78, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(239, 240, 241, 0.07)), to(rgba(239, 240, 241, 0))); - background-size: 100% 5%, 100% 100%; - background-repeat: no-repeat; - background-position: center bottom; - background-color: transparent; - border: none; - box-shadow: none; } - .overshoot.bottom:backdrop { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#616569), to(rgba(97, 101, 105, 0))); - background-size: 100% 5%; - background-repeat: no-repeat; - background-position: center bottom; - background-color: transparent; - border: none; - box-shadow: none; } -.overshoot.left { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#494c4e), to(rgba(73, 76, 78, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(239, 240, 241, 0.07)), to(rgba(239, 240, 241, 0))); - background-size: 5% 100%, 100% 100%; - background-repeat: no-repeat; - background-position: left center; - background-color: transparent; - border: none; - box-shadow: none; } - .overshoot.left:backdrop { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#616569), to(rgba(97, 101, 105, 0))); - background-size: 5% 100%; - background-repeat: no-repeat; - background-position: left center; - background-color: transparent; - border: none; - box-shadow: none; } -.overshoot.right { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#494c4e), to(rgba(73, 76, 78, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(239, 240, 241, 0.07)), to(rgba(239, 240, 241, 0))); - background-size: 5% 100%, 100% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; } - .overshoot.right:backdrop { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#616569), to(rgba(97, 101, 105, 0))); - background-size: 5% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; } - -/************ - * Pathbars * - ************/ -.path-bar .button { - border-color: rgba(255, 255, 255, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: #eff0f1; - text-shadow: none; - icon-shadow: none; - padding: 4px 8px; - color: #eff0f1; } - .path-bar .button:hover { - border-color: #3daee9; } - .path-bar .button:active, .path-bar .button:checked { - background-color: #616569; } - .path-bar .button:first-child { - padding-left: 8px; } - .path-bar .button:last-child { - padding-right: 8px; } - .path-bar .button:only-child { - padding-left: 12px; - padding-right: 12px; } - .path-bar .button .label:last-child { - padding-left: 2px; } - .path-bar .button .label:first-child { - padding-right: 2px; } - .path-bar .button .label:only-child { - padding-right: 0; - padding-left: 0; } - .path-bar .button GtkImage { - padding-top: 1px; } - -/***************** - * Progress bars * - *****************/ -GtkProgressBar { - padding: 0; - font-size: smaller; - color: rgba(239, 240, 241, 0.3); - box-shadow: none; } - GtkProgressBar:backdrop { - color: rgba(239, 240, 241, 0.3); } - GtkProgressBar.osd { - -GtkProgressBar-xspacing: 0; - -GtkProgressBar-yspacing: 0; - -GtkProgressBar-min-horizontal-bar-height: 3; } - GtkProgressBar.trough { - border: 1px solid transparent; - border-radius: 3px; - background-color: rgba(239, 240, 241, 0.3); } - GtkProgressBar.trough.osd { - border: 1px solid transparent; - border-radius: 3px; - background-color: rgba(239, 240, 241, 0.3); } - GtkProgressBar.trough.osd:backdrop { - background-color: rgba(239, 240, 241, 0.3); } - GtkProgressBar.trough:backdrop { - background-color: rgba(239, 240, 241, 0.3); } - -.progressbar { - background-color: #3daee9; - border: 1px solid #3daee9; - border-radius: 0px; - box-shadow: none; } - .progressbar.left { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; } - .progressbar.right { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; } - .progressbar.left.right { - box-shadow: none; } - .progressbar.vertical.bottom { - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - box-shadow: none; } - .progressbar.vertical.top { - border-top-left-radius: 3px; - border-top-right-radius: 3px; } - .progressbar.osd { - background-image: none; - background-color: #3daee9; - border: 1px solid #3daee9; - border-radius: 3px; } - .progressbar.osd:backdrop { - background-color: rgba(61, 174, 233, 0.5); - border-color: rgba(61, 174, 233, 0.5); } - .progressbar:backdrop { - background-color: rgba(61, 174, 233, 0.5); - border-color: rgba(61, 174, 233, 0.5); } - -/************* - * Level Bar * - *************/ -.level-bar.vertical { - -GtkLevelBar-min-block-width: 6; - -GtkLevelBar-min-block-height: 34; } - -.level-bar { - box-shadow: none; - -GtkLevelBar-min-block-width: 34; - -GtkLevelBar-min-block-height: 6; } - .level-bar.vertical { - -GtkLevelBar-min-block-width: 6; - -GtkLevelBar-min-block-height: 34; } - .level-bar.trough { - border: 1px solid transparent; - padding: 3px; - border-radius: 3px; - background-color: transparent; } - .level-bar.fill-block { - border: 1px solid #3daee9; - background-color: #3daee9; - box-shadow: none; - border-radius: 3px; } - .level-bar.fill-block.indicator-discrete.horizontal { - margin: 0 1px; } - .level-bar.fill-block.indicator-discrete.vertical { - margin: 1px 0; } - .level-bar.fill-block.level-high { - border-color: #27ae60; - background-color: #27ae60; } - .level-bar.fill-block.level-high:backdrop { - background-color: #27ae60; - border-color: #27ae60; } - .level-bar.fill-block.level-low { - border-color: #f67400; - background-color: #f67400; } - .level-bar.fill-block.level-low:backdrop { - background-color: #f67400; - border-color: #f67400; } - .level-bar.fill-block.empty-fill-block { - background-color: rgba(239, 240, 241, 0.3); - border-color: transparent; - box-shadow: none; } - .level-bar.fill-block:backdrop { - border-color: rgba(61, 174, 233, 0.5); - background-color: rgba(61, 174, 233, 0.5); } - -/************ - * GtkScale * - ************/ -.scale, -.scale.scale-has-marks-above.scale-has-marks-below, -.scale.vertical.scale-has-marks-above.scale-has-marks-below { - -GtkScale-slider-length: 18; - -GtkRange-slider-width: 18; - -GtkRange-trough-border: 2; } - .scale.fine-tune.trough, - .scale.scale-has-marks-above.scale-has-marks-below.fine-tune.trough, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.fine-tune.trough { - margin: 8px; - border-radius: 3px; } - .scale.slider, - .scale.scale-has-marks-above.scale-has-marks-below.slider, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider { - background-color: #31363b; - border: 1px solid #616569; - border-radius: 50%; - box-shadow: none; } - .scale.slider:hover, - .scale.scale-has-marks-above.scale-has-marks-below.slider:hover, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:hover { - border-style: solid; - border-width: 2px; - border-color: #3daee9; - border-radius: 50%; } - .scale.slider:hover:backdrop, - .scale.scale-has-marks-above.scale-has-marks-below.slider:hover:backdrop, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:hover:backdrop { - background-color: #31363b; - border-color: #3daee9; } - .scale.slider:insensitive, - .scale.scale-has-marks-above.scale-has-marks-below.slider:insensitive, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:insensitive { - border-style: solid; - border-radius: 50%; - background-color: #2d3136; - border-color: rgba(88, 92, 95, 0.35); } - .scale.slider:insensitive:backdrop, - .scale.scale-has-marks-above.scale-has-marks-below.slider:insensitive:backdrop, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:insensitive:backdrop { - background-color: #2d3136; - border-color: rgba(88, 92, 95, 0.35); } - .scale.slider:active, - .scale.scale-has-marks-above.scale-has-marks-below.slider:active, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:active { - border: 2px solid #3daee9; } - .scale.slider:active:backdrop, - .scale.scale-has-marks-above.scale-has-marks-below.slider:active:backdrop, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:active:backdrop { - background-color: #31363b; - border-color: #3daee9; } - .scale.slider:backdrop, - .scale.scale-has-marks-above.scale-has-marks-below.slider:backdrop, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:backdrop { - background-color: #31363b; - border-color: #616569; } - .scale.trough, - .scale.scale-has-marks-above.scale-has-marks-below.trough, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough { - margin: 9px; - border: 1px solid rgba(239, 240, 241, 0.3); - border-radius: 3px; - background-color: rgba(239, 240, 241, 0.3); - box-shadow: none; } - .scale.trough.highlight, - .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight { - background-color: #3daee9; - border-color: #3daee9; } - .scale.trough.highlight.vertical, - .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight.vertical, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight.vertical { - background-color: #3daee9; - border-color: #3daee9; } - .scale.trough.highlight:backdrop, - .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight:backdrop, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight:backdrop { - background-color: rgba(61, 174, 233, 0.5); - border-color: rgba(61, 174, 233, 0.5); } - .scale.trough:insensitive, .scale.trough.vertical:insensitive, - .scale.scale-has-marks-above.scale-has-marks-below.trough:insensitive, - .scale.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:insensitive, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive { - border-color: rgba(216, 218, 221, 0); - background-color: rgba(216, 218, 221, 0); - box-shadow: none; } - .scale.trough:insensitive:backdrop, .scale.trough.vertical:insensitive:backdrop, - .scale.scale-has-marks-above.scale-has-marks-below.trough:insensitive:backdrop, - .scale.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive:backdrop, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:insensitive:backdrop, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive:backdrop { - background-color: rgba(216, 218, 221, 0); - border-color: rgba(216, 218, 221, 0); } - .scale.trough:backdrop, - .scale.scale-has-marks-above.scale-has-marks-below.trough:backdrop, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:backdrop { - background-color: rgba(239, 240, 241, 0.3); - border-color: rgba(239, 240, 241, 0.3); } - -/************** - * Scrollbars * - **************/ -.scrollbar { - -GtkRange-trough-border: 0; - -GtkScrollbar-has-backward-stepper: true; - -GtkScrollbar-has-forward-stepper: true; - -GtkRange-slider-width: 20; - -GtkScrollbar-min-slider-length: 64; - -GtkRange-stepper-spacing: 0; - -GtkRange-trough-under-steppers: 1; } - .scrollbar .button { - color: #eff0f1; } - .scrollbar .button:hover { - color: #3daee9; } - .scrollbar .button:insensitive { - color: rgba(216, 218, 221, 0.35); } - .scrollbar .button:backdrop { - color: #eff0f1; } - .scrollbar .button:backdrop:insensitive { - color: rgba(216, 218, 221, 0.35); } - .scrollbar.dragging, .scrollbar.hovering { - opacity: 0.9910; } - .scrollbar.overlay-indicator:not(.dragging):not(.hovering) { - opacity: 0.999; } - .scrollbar.overlay-indicator:not(.dragging):not(.hovering) { - -GtkRange-slider-width: 8px; - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; } - .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { - margin: 2px; - border: 2px solid transparent; - border-radius: 2px; - background-color: rgba(239, 240, 241, 0.5); } - .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider:backdrop { - background-color: rgba(239, 240, 241, 0.5); } - .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .trough { - border: none; - background: none; } - .scrollbar.trough { - border-image: -gtk-scaled(url("../assets/scrollbar-trough-vertical.png"), url("../assets/scrollbar-trough-vertical@2.png")) 23 10 23 10/23px 10px 23px 10px stretch; - border-width: 23px 10px 23px 10px; - border-style: solid; - border-color: transparent; } - .scrollbar.trough.horizontal { - border-image: -gtk-scaled(url("../assets/scrollbar-trough-horizontal.png"), url("../assets/scrollbar-trough-horizontal@2.png")) 10 23 10 23/10px 23px 10px 23px stretch; - border-width: 10px 23px 10px 23px; - border-style: solid; - border-color: transparent; } - .scrollbar.trough:backdrop { - border-image: -gtk-scaled(url("../assets/scrollbar-trough-vertical-backdrop.png"), url("../assets/scrollbar-trough-vertical-backdrop@2.png")) 23 10 23 10/23px 10px 23px 10px stretch; - border-width: 23px 10px 23px 10px; - border-style: solid; - border-color: transparent; } - .scrollbar.trough:backdrop.horizontal { - border-image: -gtk-scaled(url("../assets/scrollbar-trough-horizontal-backdrop.png"), url("../assets/scrollbar-trough-horizontal-backdrop@2.png")) 10 23 10 23/10px 23px 10px 23px stretch; - border-width: 10px 23px 10px 23px; - border-style: solid; - border-color: transparent; } - .scrollbar.slider { - border-image: -gtk-scaled(url("../assets/scrollbar-slider-vertical.png"), url("../assets/scrollbar-slider-vertical@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; - border-width: 10px 10px 10px 10px; - border-style: solid; - border-color: transparent; } - .scrollbar.slider.horizontal { - border-image: -gtk-scaled(url("../assets/scrollbar-slider-horizontal.png"), url("../assets/scrollbar-slider-horizontal@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; - border-width: 10px 10px 10px 10px; - border-style: solid; - border-color: transparent; } - .scrollbar.slider:hover { - border-image: -gtk-scaled(url("../assets/scrollbar-slider-vertical-hover.png"), url("../assets/scrollbar-slider-vertical-hover@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; - border-width: 10px 10px 10px 10px; - border-style: solid; - border-color: transparent; } - .scrollbar.slider:hover.horizontal { - border-image: -gtk-scaled(url("../assets/scrollbar-slider-horizontal-hover.png"), url("../assets/scrollbar-slider-horizontal-hover@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; - border-width: 10px 10px 10px 10px; - border-style: solid; - border-color: transparent; } - .scrollbar.slider:active { - border-image: -gtk-scaled(url("../assets/scrollbar-slider-vertical-active.png"), url("../assets/scrollbar-slider-vertical-active@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; - border-width: 10px 10px 10px 10px; - border-style: solid; - border-color: transparent; } - .scrollbar.slider:active.horizontal { - border-image: -gtk-scaled(url("../assets/scrollbar-slider-horizontal-active.png"), url("../assets/scrollbar-slider-horizontal-active@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; - border-width: 10px 10px 10px 10px; - border-style: solid; - border-color: transparent; } - .scrollbar.slider:insensitive { - border-image: -gtk-scaled(url("../assets/scrollbar-slider-vertical-insensitive.png"), url("../assets/scrollbar-slider-vertical-insensitive@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; - border-width: 10px 10px 10px 10px; - border-style: solid; - border-color: transparent; } - .scrollbar.slider:insensitive.horizontal { - border-image: -gtk-scaled(url("../assets/scrollbar-slider-horizontal-insensitive.png"), url("../assets/scrollbar-slider-horizontal-insensitive@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; - border-width: 10px 10px 10px 10px; - border-style: solid; - border-color: transparent; } - .scrollbar.slider:backdrop { - border-image: -gtk-scaled(url("../assets/scrollbar-slider-vertical-backdrop.png"), url("../assets/scrollbar-slider-vertical-backdrop@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; - border-width: 10px 10px 10px 10px; - border-style: solid; - border-color: transparent; } - .scrollbar.slider:backdrop.horizontal { - border-image: -gtk-scaled(url("../assets/scrollbar-slider-horizontal-backdrop.png"), url("../assets/scrollbar-slider-horizontal-backdrop@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; - border-width: 10px 10px 10px 10px; - border-style: solid; - border-color: transparent; } - -.scrollbars-junction, -.scrollbars-junction.frame { - border-color: transparent; - background-color: transparent; - border-image: none; } - -/*********** - * Sidebar * - ***********/ -.sidebar, -.sidebar .view { - border: none; - background-color: #31363b; } - .sidebar:backdrop, - .sidebar .view:backdrop { - background-color: #31363b; } - -GtkSidebarRow.list-row { - padding: 0px; } -GtkSidebarRow .sidebar-revealer { - padding: 4px 14px 4px 12px; } -GtkSidebarRow .sidebar-icon:dir(ltr) { - padding-right: 8px; } -GtkSidebarRow .sidebar-icon:dir(rtl) { - padding-left: 8px; } -GtkSidebarRow .sidebar-label:dir(ltr) { - padding-right: 2px; } -GtkSidebarRow .sidebar-label:dir(rtl) { - padding-left: 2px; } - -GtkPlacesSidebar.sidebar .view:insensitive { - color: rgba(216, 218, 221, 0.35); } -GtkPlacesSidebar.sidebar .view:backdrop { - color: #eff0f1; } - GtkPlacesSidebar.sidebar .view:backdrop:insensitive { - color: rgba(216, 218, 221, 0.35); } -GtkPlacesSidebar.sidebar .view .image { - color: #eff0f1; } - GtkPlacesSidebar.sidebar .view .image:selected { - color: #eff0f1; } - GtkPlacesSidebar.sidebar .view .image:selected:backdrop { - color: #eff0f1; } - GtkPlacesSidebar.sidebar .view .image:insensitive { - color: rgba(216, 218, 221, 0.35); } - GtkPlacesSidebar.sidebar .view .image:backdrop { - color: #eff0f1; } - GtkPlacesSidebar.sidebar .view .image:backdrop:insensitive { - color: rgba(216, 218, 221, 0.35); } - -.sidebar-item { - padding: 10px 4px; } - .sidebar-item > .label { - padding-left: 6px; - padding-right: 6px; } - .sidebar-item.needs-attention > .label { - background-size: 6px 6px, 0 0; } - -/***************** - * GtkSpinButton * - *****************/ -.osd .spinbutton .button:last-child { - border-radius: 0 3px 3px 0; } -.osd .spinbutton .button:dir(rtl):first-child { - border-radius: 3px 0 0 3px; } -.spinbutton.vertical .button, .spinbutton.vertical:dir(rtl) .button { - padding-top: 5px; - padding-bottom: 5px; } - .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child { - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); - text-shadow: none; - icon-shadow: none; - color: #eff0f1; - border-color: #616569; - background-image: linear-gradient(to bottom, #31373c, #303439); } - .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active { - color: #eff0f1; - border-color: #3daee9; - background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } - .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover { - color: #eff0f1; - border-color: #3daee9; } - .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive { - color: rgba(216, 218, 221, 0.35); - border-color: rgba(88, 92, 95, 0.35); - background-image: linear-gradient(to bottom, #2d3236, #2b3034); } - .spinbutton.vertical .button:first-child:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive > .label { - color: inherit; } - .spinbutton.vertical .button:first-child:backdrop, .spinbutton.vertical:dir(rtl) .button:first-child:backdrop { - color: #eff0f1; - border-color: #616569; - background-image: linear-gradient(to bottom, #31373c, #303439); } - .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child { - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); - text-shadow: none; - icon-shadow: none; - color: #eff0f1; - border-color: #616569; - background-image: linear-gradient(to bottom, #31373c, #303439); } - .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active { - color: #eff0f1; - border-color: #3daee9; - background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } - .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover { - color: #eff0f1; - border-color: #3daee9; } - .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive { - color: rgba(216, 218, 221, 0.35); - border-color: rgba(88, 92, 95, 0.35); - background-image: linear-gradient(to bottom, #2d3236, #2b3034); } - .spinbutton.vertical .button:last-child:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive > .label { - color: inherit; } - .spinbutton.vertical .button:last-child:backdrop, .spinbutton.vertical:dir(rtl) .button:last-child:backdrop { - color: #eff0f1; - border-color: #616569; - background-image: linear-gradient(to bottom, #31373c, #303439); } - .spinbutton.vertical .button:backdrop:insensitive, .spinbutton.vertical:dir(rtl) .button:backdrop:insensitive { - color: rgba(216, 218, 221, 0.35); - border-color: rgba(88, 92, 95, 0.35); - background-image: linear-gradient(to bottom, #2d3236, #2b3034); } - .spinbutton.vertical .button:backdrop:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:backdrop:insensitive > .label { - color: inherit; } -.spinbutton.vertical.entry, .spinbutton.vertical:dir(rtl).entry { - border-radius: 0px; - padding-left: 0px; - padding-right: 0px; } - .spinbutton.vertical.entry:insensitive, .spinbutton.vertical:dir(rtl).entry:insensitive { - background-color: #202325; } -GtkTreeView .spinbutton.entry, GtkTreeView .spinbutton.entry:focus { - padding: 1px; - border-width: 1px 0; - border-color: #3daee9; - border-radius: 0; - box-shadow: none; } - -.spinbutton .button, .osd .spinbutton .button { - background-image: none; - background-color: transparent; - border-style: none none none solid; - border-color: rgba(97, 101, 105, 0.3); - color: #eff0f1; - border-radius: 0; - box-shadow: none; } - .spinbutton .button:dir(rtl) { - border-style: none solid none none; } - .spinbutton .button:hover { - color: #3daee9; } - .spinbutton .button:insensitive { - color: rgba(216, 218, 221, 0.35); - border-color: rgba(88, 92, 95, 0); } - .spinbutton .button:active { - color: #3daee9; } - .spinbutton .button:backdrop { - color: #eff0f1; - border-color: rgba(97, 101, 105, 0.3); - background-color: transparent; } - .spinbutton .button:backdrop:insensitive { - background-image: none; - color: rgba(216, 218, 221, 0.35); - border-style: none none none solid; - border-color: rgba(88, 92, 95, 0); } - .spinbutton .button:backdrop:insensitive:dir(rtl) { - border-style: none solid none none; } - -.spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive, .spinbutton.vertical .button:first-child:backdrop, .spinbutton.vertical:dir(rtl) .button:first-child:backdrop { - border-radius: 3px 3px 0 0; - border-style: solid solid none solid; } - -.spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive, .spinbutton.vertical .button:last-child:backdrop, .spinbutton.vertical:dir(rtl) .button:last-child:backdrop { - border-radius: 0 0 3px 3px; - border-style: none solid solid solid; } - -/********** - * Switch * - **********/ -GtkSwitch { - -GtkSwitch-slider-width: 24px; - -GtkSwitch-slider-height: 24px; - font-weight: bold; - font-size: smaller; - outline-offset: 0px; - color: transparent; - box-shadow: none; } - GtkSwitch.trough { - border: 0px solid; - border-radius: 12px; - background-image: none; - background-color: rgba(239, 240, 241, 0.3); - text-shadow: none; } - GtkSwitch.trough:active { - background-color: #3daee9; - box-shadow: none; - text-shadow: none; } - GtkSwitch.trough:backdrop { - background-color: rgba(239, 240, 241, 0.3); } - GtkSwitch.slider { - border: 1px solid; - border-radius: 11px; - background-color: #31363b; - border-color: #616569; } - GtkSwitch.slider:hover { - box-shadow: none; - border-color: #3daee9; - background-color: #31363b; } - GtkSwitch.slider:active { - border-color: #3daee9; } - GtkSwitch.slider:active:hover { - border-color: #3daee9; } - GtkSwitch.slider:insensitive { - background-color: #2d3136; } - GtkSwitch.slider:backdrop { - background-color: #31363b; } - GtkSwitch.slider:backdrop:insensitive { - background-color: #2d3136; } - .header-bar GtkSwitch.trough:backdrop { - background-color: transparent; } - .header-bar GtkSwitch.slider:backdrop { - background-color: #7f8c8d; } - -/************ - * Toolbars * - ************/ -.toolbar, .inline-toolbar, .search-bar, .location-bar, -.primary-toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #31363b; } - .toolbar:backdrop, .inline-toolbar:backdrop, .search-bar:backdrop, .location-bar:backdrop, - .primary-toolbar:backdrop { - background-color: #31363b; - box-shadow: none; } - .osd .toolbar, .osd .inline-toolbar, .osd .search-bar, .osd .location-bar, .toolbar.osd, .osd.inline-toolbar, .osd.search-bar, .osd.location-bar, .osd - .primary-toolbar, - .primary-toolbar.osd { - padding: 13px; - border: none; - border-radius: 3px; - background-color: #31363b; } - .osd .toolbar:backdrop, .osd .inline-toolbar:backdrop, .osd .search-bar:backdrop, .osd .location-bar:backdrop, .toolbar.osd:backdrop, .osd.inline-toolbar:backdrop, .osd.search-bar:backdrop, .osd.location-bar:backdrop, .osd - .primary-toolbar:backdrop, - .primary-toolbar.osd:backdrop { - border-color: #616569; - background-color: #31363b; - box-shadow: none; } - -.inline-toolbar { - border-width: 0px 0px 1px 0px; - padding: 3px; - border-radius: 0; } - -.search-bar, .location-bar { - border-width: 0px 0px 1px 0px; - padding: 3px; } - -.inline-toolbar, .search-bar, .location-bar { - border-style: solid; - border-color: #616569; - text-shadow: none; - background-color: #31363b; } - -/************ - * Tooltips * - ************/ -.tooltip { - color: #eff0f1; - padding: 4px; - /* not working */ - border-radius: 5px; - box-shadow: none; - text-shadow: none; } - .tooltip.background { - background-color: #31363b; - background-clip: padding-box; } - .tooltip.window-frame.csd { - background-color: transparent; } - -.tooltip * { - padding: 4px; - background-color: transparent; - color: inherit; } - -/************** - * Tree Views * - **************/ -GtkTreeView.view { - -GtkTreeView-grid-line-width: 0; - -GtkTreeView-grid-line-pattern: ''; - -GtkTreeView-tree-line-width: 1; - -GtkTreeView-tree-line-pattern: ''; - -GtkTreeView-expander-size: 16; - border-left-color: #616569; - border-top-color: transparent; } - GtkTreeView.view:selected { - border-radius: 0; } - GtkTreeView.view:selected { - background-color: #3daee9; - border-left-color: #eff0f1; - border-top-color: #eff0f1; } - GtkTreeView.view:backdrop:selected { - background-color: rgba(61, 174, 233, 0.5); - border-left-color: #eff0f1; - border-top-color: #eff0f1; } - GtkTreeView.view:insensitive { - color: rgba(88, 92, 95, 0.35); } - GtkTreeView.view:insensitive:selected { - color: rgba(216, 218, 221, 0.35); } - GtkTreeView.view:insensitive:selected:backdrop { - color: rgba(216, 218, 221, 0.35); } - GtkTreeView.view:insensitive:backdrop { - color: rgba(88, 92, 95, 0.35); } - GtkTreeView.view.separator { - color: #616569; } - GtkTreeView.view.separator:backdrop { - color: #616569; } - GtkTreeView.view:backdrop { - border-left-color: #616569; } - GtkTreeView.view.dnd { - border-style: solid none; - border-width: 1px; - border-color: #3daee9; } - GtkTreeView.view.expander { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - color: #eff0f1; } - GtkTreeView.view.expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } - GtkTreeView.view.expander:hover { - color: #3daee9; } - GtkTreeView.view.expander:selected { - color: #eff0f1; } - GtkTreeView.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - GtkTreeView.view.expander:checked:selected { - color: #eff0f1; } - GtkTreeView.view.expander:checked:backdrop { - color: #232629; } - GtkTreeView.view.expander:backdrop { - color: #232629; } - -column-header .button { - color: #eff0f1; - background-color: #31363b; - text-shadow: none; - box-shadow: none; } - column-header .button:hover { - color: #eff0f1; - background-color: rgba(61, 174, 233, 0.5); - box-shadow: none; - transition: none; } - column-header .button:active { - color: #eff0f1; - background-color: rgba(61, 174, 233, 0.5); - transition: none; } -column-header:last-child .button, column-header:last-child .button:backdrop, column-header:last-child.button, column-header:last-child.button:backdrop { - border-right-style: none; } - -column-header.button.dnd, column-header .button.dnd, column-header.button.dnd:active, column-header.button.dnd:selected, column-header.button.dnd:hover { - transition: none; - color: #3daee9; - box-shadow: none; } - -column-header .button, column-header .button:hover, column-header .button:active { - padding: 6px; - border-style: none solid solid none; - border-radius: 0; - background-image: none; - border-color: #616569; - text-shadow: none; } - column-header .button:insensitive { - border-color: rgba(88, 92, 95, 0.35); - color: rgba(216, 218, 221, 0.35); - background-color: #2d3136; - background-image: none; } - column-header .button:backdrop { - border-color: #616569; - border-style: none solid solid none; - color: #eff0f1; - background-image: none; - background-color: #31363b; } - column-header .button:backdrop:insensitive { - border-color: rgba(88, 92, 95, 0.35); - background-image: none; - background-color: #2d3136; - color: rgba(216, 218, 221, 0.35); } - -/********************** - * Window Decorations * - *********************/ -.window-frame { - border-radius: 3px; - box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5); - /* this is used for the resize cursor area */ - margin: 10px; } - .window-frame:backdrop { - box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5); } - .window-frame.tiled { - border-radius: 0; } - .window-frame.popup { - border-radius: 3px; - box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1); } - .window-frame.ssd { - box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.1); } - .window-frame.csd { - border-radius: 3px; } - .window-frame.csd.popup { - box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1); } - .window-frame.csd.tooltip { - box-shadow: none; } - .window-frame.csd.message-dialog { - box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5); } - .window-frame.solid-csd { - border-radius: 0; - margin: 0px; - background-color: #3b4147; - border: none; - box-shadow: none; } - -.header-bar .button.titlebutton, -.titlebar .button.titlebutton { - padding: 0px; } - .header-bar .button.titlebutton:hover, .header-bar .button.titlebutton:active, .header-bar .button.titlebutton:checked, .header-bar .button.titlebutton:backdrop, .header-bar .button.titlebutton:active:hover, - .titlebar .button.titlebutton:hover, - .titlebar .button.titlebutton:active, - .titlebar .button.titlebutton:checked, - .titlebar .button.titlebutton:backdrop, - .titlebar .button.titlebutton:active:hover { - transition: none; } - .header-bar .button.titlebutton.close, - .titlebar .button.titlebutton.close { - padding: 1px; - color: transparent; - border-image: none; - box-shadow: none; - background-position: center; - background-repeat: no-repeat; - background-image: -gtk-scaled(url("../assets/titlebutton-close.png"), url("../assets/titlebutton-close@2.png")); } - .header-bar .button.titlebutton.close:hover, - .titlebar .button.titlebutton.close:hover { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-close-hover.png"), url("../assets/titlebutton-close-hover@2.png")); } - .header-bar .button.titlebutton.close:active, - .titlebar .button.titlebutton.close:active { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-close-active.png"), url("../assets/titlebutton-close-active@2.png")); } - .header-bar .button.titlebutton.close:backdrop, - .titlebar .button.titlebutton.close:backdrop { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-close-backdrop.png"), url("../assets/titlebutton-close-backdrop@2.png")); } - .header-bar .button.titlebutton.maximize, - .titlebar .button.titlebutton.maximize { - padding: 1px; - color: transparent; - border-image: none; - box-shadow: none; - background-position: center; - background-repeat: no-repeat; - background-image: -gtk-scaled(url("../assets/titlebutton-maximize.png"), url("../assets/titlebutton-maximize@2.png")); } - .header-bar .button.titlebutton.maximize:hover, - .titlebar .button.titlebutton.maximize:hover { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-maximize-hover.png"), url("../assets/titlebutton-maximize-hover@2.png")); } - .header-bar .button.titlebutton.maximize:active, - .titlebar .button.titlebutton.maximize:active { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-maximize-active.png"), url("../assets/titlebutton-maximize-active@2.png")); } - .header-bar .button.titlebutton.maximize:backdrop, - .titlebar .button.titlebutton.maximize:backdrop { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-maximize-backdrop.png"), url("../assets/titlebutton-maximize-backdrop@2.png")); } - .header-bar .button.titlebutton.minimize, - .titlebar .button.titlebutton.minimize { - padding: 1px; - color: transparent; - border-image: none; - box-shadow: none; - background-position: center; - background-repeat: no-repeat; - background-image: -gtk-scaled(url("../assets/titlebutton-minimize.png"), url("../assets/titlebutton-minimize@2.png")); } - .header-bar .button.titlebutton.minimize:hover, - .titlebar .button.titlebutton.minimize:hover { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-minimize-hover.png"), url("../assets/titlebutton-minimize-hover@2.png")); } - .header-bar .button.titlebutton.minimize:active, - .titlebar .button.titlebutton.minimize:active { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-minimize-active.png"), url("../assets/titlebutton-minimize-active@2.png")); } - .header-bar .button.titlebutton.minimize:backdrop, - .titlebar .button.titlebutton.minimize:backdrop { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-minimize-backdrop.png"), url("../assets/titlebutton-minimize-backdrop@2.png")); } - -.maximized .header-bar .button.titlebutton.maximize, .maximized -.titlebar .button.titlebutton.maximize { - padding: 1px; - color: transparent; - border-image: none; - box-shadow: none; - background-position: center; - background-repeat: no-repeat; - background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized.png"), url("../assets/titlebutton-maximize-maximized@2.png")); } -.maximized .header-bar .button.titlebutton.maximize:hover, .maximized -.titlebar .button.titlebutton.maximize:hover { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized-hover.png"), url("../assets/titlebutton-maximize-maximized-hover@2.png")); } -.maximized .header-bar .button.titlebutton.maximize:active, .maximized -.titlebar .button.titlebutton.maximize:active { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized-active.png"), url("../assets/titlebutton-maximize-maximized-active@2.png")); } -.maximized .header-bar .button.titlebutton.maximize:backdrop, .maximized -.titlebar .button.titlebutton.maximize:backdrop { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized-backdrop.png"), url("../assets/titlebutton-maximize-maximized-backdrop@2.png")); } - -.header-bar.selection-mode .button.titlebutton, -.titlebar.selection-mode .button.titlebutton { - text-shadow: none; } - .header-bar.selection-mode .button.titlebutton:backdrop, - .titlebar.selection-mode .button.titlebutton:backdrop { - icon-shadow: none; } diff --git a/Breeze-dark-gtk/gtk-3.20/gtk.css b/Breeze-dark-gtk/gtk-3.20/gtk.css deleted file mode 100644 index 2a358e1..0000000 --- a/Breeze-dark-gtk/gtk-3.20/gtk.css +++ /dev/null @@ -1,124 +0,0 @@ -/* GTK NAMED COLORS - ---------------- - use responsibly! */ -/* -widget text/foreground color */ -@define-color theme_fg_color #eff0f1; -/* -text color for entries, views and content in general */ -@define-color theme_text_color #eff0f1; -/* -widget base background color */ -@define-color theme_bg_color #31363b; -/* -text widgets and the like base background color */ -@define-color theme_base_color #232629; -/* -base background color of selections */ -@define-color theme_selected_bg_color #3daee9; -/* -text/foreground color of selections */ -@define-color theme_selected_fg_color #eff0f1; -/* -base background color of insensitive widgets */ -@define-color insensitive_bg_color #2d3136; -/* -text foreground color of insensitive widgets */ -@define-color insensitive_fg_color rgba(216, 218, 221, 0.35); -/* -insensitive text widgets and the like base background color */ -@define-color insensitive_base_color rgba(216, 218, 221, 0.35); -/* -widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color #eff0f1; -/* -text color for entries, views and content in general on backdrop windows */ -@define-color theme_unfocused_text_color #eff0f1; -/* -widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color #31363b; -/* -text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color #232629; -/* -base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color rgba(61, 174, 233, 0.5); -/* -text/foreground color of selections on backdrop windows */ -@define-color theme_unfocused_selected_fg_color #eff0f1; -/* -widgets main borders color */ -@define-color borders #616569; -/* -widgets main borders color on backdrop windows */ -@define-color unfocused_borders #616569; -/* -widgets main borders color insensitive */ -@define-color insensitive_borders rgba(88, 92, 95, 0.35); -/* -these are pretty self explicative */ -@define-color warning_color #f67400; -@define-color error_color #da4453; -@define-color success_color #27ae60; -@define-color content_view_bg #232629; -/* -extra colors for the color scheme script */ -@define-color warning_color_deep #e06900; -@define-color extra_dull_borders #d8dadd; -@define-color decoration_hover #3daee9; -@define-color button_gradient_top #31373c; -@define-color button_gradient_bottom #303439; -@define-color active_button_gradient_top #45b1ea; -@define-color active_button_gradient_bottom #25a4e6; -@define-color notebook_gradient_top #45b1ea; -@define-color notebook_gradient_bottom #25a4e6; -@define-color action_button_gradient_top #40afe9; -@define-color action_button_gradient_bottom #35abe8; -@define-color action_disabled_backdrop rgba(115, 128, 129, 0.35); -@define-color disabled_gradient_top #2d3236; -@define-color disabled_gradient_bottom #2b3034; -@define-color disabled_bg #202325; -@define-color disabled_check rgba(232, 232, 232, 0.35); -@define-color disabled_highlight rgba(37, 164, 230, 0.35); -@define-color disabled_highlight_top rgba(44, 167, 231, 0.35); -@define-color disabled_highlight_bottom rgba(25, 152, 218, 0.35); -@define-color destructive_gradient_top #db4b5a; -@define-color destructive_gradient_bottom #d62e3f; -@define-color link_color #2980b9; -@define-color link_hover_color #409ad5; -@define-color link_selected_color #a8d6ee; -@define-color visited_link_color #7f8c8d; -@define-color visited_link_hover_color #dde9f0; -@define-color visited_link_selected_color #cbe3ef; -@define-color expander_hover #ffffff; -@define-color overshoot_color #494c4e; -@define-color trough_color #6a6e72; -@define-color trough_scale_color rgba(96, 100, 104, 0.35) -@define-color scrollbar_overlay_color #adafb2; -@define-color scrollbar_backdrop_color rgba(157, 159, 163, 0.35); -@define-color dark_overlay_color #31363b; -@define-color shadow_color #000000; -@define-color glow_color #ffffff; -/* -separate headerbar colors for easy toolbar reversion */ -@define-color headerbar_gradient_top @theme_bg_color; -@define-color headerbar_gradient_bottom @theme_bg_color; -@define-color headerbar_separator @borders; -@define-color headerbar_backdrop #7f8c8d; -@define-color headerbar_fg_color @theme_selected_fg_color; -@define-color headerbar_bg_color @theme_bg_color; -@define-color headerbar_error_top #f87500; -@define-color headerbar_error_bottom #ef7100; -@define-color headerbar_selected_bg_color @theme_selected_bg_color; -@define-color headerbar_selected_fg_color @theme_fg_color; -@define-color headerbar_decoration_hover @decoration_hover; -@define-color headerbar_active_button_gradient_top @active_button_gradient_top; -@define-color headerbar_active_button_gradient_bottom @active_button_gradient_bottom; -@define-color headerbar_insensitive_fg_color @insensitive_fg_color; -@define-color headerbar_insensitive_bg_color @insensitive_fg_color; -@define-color headerbar_disabled_highlight @disabled_highlight; -@define-color headerbar_disabled_highlight_top @disabled_highlight_top; -@define-color headerbar_disabled_highlight_bottom @disabled_highlight_bottom; -@define-color headerbar_action_disabled_backdrop @action_disabled_backdrop; - -@import url("../../Breeze/gtk-3.20/common.css"); diff --git a/Breeze-gtk/CMakeLists.txt b/Breeze-gtk/CMakeLists.txt deleted file mode 100644 index 16e8bb2..0000000 --- a/Breeze-gtk/CMakeLists.txt +++ /dev/null @@ -1,7 +0,0 @@ -install(DIRECTORY gtk-2.0 DESTINATION ${KDE_INSTALL_FULL_DATAROOTDIR}/themes/Breeze - ${directory_EXCLUDES}) -install(DIRECTORY assets DESTINATION ${KDE_INSTALL_FULL_DATAROOTDIR}/themes/Breeze - ${directory_EXCLUDES}) - -install(DIRECTORY gtk-3.18 DESTINATION ${KDE_INSTALL_FULL_DATAROOTDIR}/themes/Breeze) -install(DIRECTORY gtk-3.20 DESTINATION ${KDE_INSTALL_FULL_DATAROOTDIR}/themes/Breeze) diff --git a/Breeze-gtk/assets/arrow-down-active.png b/Breeze-gtk/assets/arrow-down-active.png deleted file mode 100644 index 989ee67..0000000 Binary files a/Breeze-gtk/assets/arrow-down-active.png and /dev/null differ diff --git a/Breeze-gtk/assets/arrow-down-hover.png b/Breeze-gtk/assets/arrow-down-hover.png deleted file mode 100644 index d2918f9..0000000 Binary files a/Breeze-gtk/assets/arrow-down-hover.png and /dev/null differ diff --git a/Breeze-gtk/assets/arrow-down-insensitive.png b/Breeze-gtk/assets/arrow-down-insensitive.png deleted file mode 100644 index 1209254..0000000 Binary files a/Breeze-gtk/assets/arrow-down-insensitive.png and /dev/null differ diff --git a/Breeze-gtk/assets/arrow-down.png b/Breeze-gtk/assets/arrow-down.png deleted file mode 100644 index 94cae33..0000000 Binary files a/Breeze-gtk/assets/arrow-down.png and /dev/null differ diff --git a/Breeze-gtk/assets/arrow-left-active.png b/Breeze-gtk/assets/arrow-left-active.png deleted file mode 100644 index d229b39..0000000 Binary files a/Breeze-gtk/assets/arrow-left-active.png and /dev/null differ diff --git a/Breeze-gtk/assets/arrow-left-hover.png b/Breeze-gtk/assets/arrow-left-hover.png deleted file mode 100644 index 21ee0cc..0000000 Binary files a/Breeze-gtk/assets/arrow-left-hover.png and /dev/null differ diff --git a/Breeze-gtk/assets/arrow-left-insensitive.png b/Breeze-gtk/assets/arrow-left-insensitive.png deleted file mode 100644 index 6fd2438..0000000 Binary files a/Breeze-gtk/assets/arrow-left-insensitive.png and /dev/null differ diff --git a/Breeze-gtk/assets/arrow-left.png b/Breeze-gtk/assets/arrow-left.png deleted file mode 100644 index 5f09594..0000000 Binary files a/Breeze-gtk/assets/arrow-left.png and /dev/null differ diff --git a/Breeze-gtk/assets/arrow-right-active.png b/Breeze-gtk/assets/arrow-right-active.png deleted file mode 100644 index 283b898..0000000 Binary files a/Breeze-gtk/assets/arrow-right-active.png and /dev/null differ diff --git a/Breeze-gtk/assets/arrow-right-hover.png b/Breeze-gtk/assets/arrow-right-hover.png deleted file mode 100644 index d5b1ee3..0000000 Binary files a/Breeze-gtk/assets/arrow-right-hover.png and /dev/null differ diff --git a/Breeze-gtk/assets/arrow-right-insensitive.png b/Breeze-gtk/assets/arrow-right-insensitive.png deleted file mode 100644 index 842c02f..0000000 Binary files a/Breeze-gtk/assets/arrow-right-insensitive.png and /dev/null differ diff --git a/Breeze-gtk/assets/arrow-right.png b/Breeze-gtk/assets/arrow-right.png deleted file mode 100644 index 5b17dad..0000000 Binary files a/Breeze-gtk/assets/arrow-right.png and /dev/null differ diff --git a/Breeze-gtk/assets/arrow-small-down-active.png b/Breeze-gtk/assets/arrow-small-down-active.png deleted file mode 100644 index fa450d1..0000000 Binary files a/Breeze-gtk/assets/arrow-small-down-active.png and /dev/null differ diff --git a/Breeze-gtk/assets/arrow-small-down-hover.png b/Breeze-gtk/assets/arrow-small-down-hover.png deleted file mode 100644 index f88a083..0000000 Binary files a/Breeze-gtk/assets/arrow-small-down-hover.png and /dev/null differ diff --git a/Breeze-gtk/assets/arrow-small-down-insensitive.png b/Breeze-gtk/assets/arrow-small-down-insensitive.png deleted file mode 100644 index 25c5f1d..0000000 Binary files a/Breeze-gtk/assets/arrow-small-down-insensitive.png and /dev/null differ diff --git a/Breeze-gtk/assets/arrow-small-down.png b/Breeze-gtk/assets/arrow-small-down.png deleted file mode 100644 index 58beca3..0000000 Binary files a/Breeze-gtk/assets/arrow-small-down.png and /dev/null differ diff --git a/Breeze-gtk/assets/arrow-small-left-active.png b/Breeze-gtk/assets/arrow-small-left-active.png deleted file mode 100644 index 0dc188f..0000000 Binary files a/Breeze-gtk/assets/arrow-small-left-active.png and /dev/null differ diff --git a/Breeze-gtk/assets/arrow-small-left-hover.png b/Breeze-gtk/assets/arrow-small-left-hover.png deleted file mode 100644 index b1e83cb..0000000 Binary files a/Breeze-gtk/assets/arrow-small-left-hover.png and /dev/null differ diff --git a/Breeze-gtk/assets/arrow-small-left-insensitive.png b/Breeze-gtk/assets/arrow-small-left-insensitive.png deleted file mode 100644 index ad31179..0000000 Binary files a/Breeze-gtk/assets/arrow-small-left-insensitive.png and /dev/null differ diff --git a/Breeze-gtk/assets/arrow-small-left.png b/Breeze-gtk/assets/arrow-small-left.png deleted file mode 100644 index 11b9eb1..0000000 Binary files a/Breeze-gtk/assets/arrow-small-left.png and /dev/null differ diff --git a/Breeze-gtk/assets/arrow-small-right-active.png b/Breeze-gtk/assets/arrow-small-right-active.png deleted file mode 100644 index 8831a1f..0000000 Binary files a/Breeze-gtk/assets/arrow-small-right-active.png and /dev/null differ diff --git a/Breeze-gtk/assets/arrow-small-right-hover.png b/Breeze-gtk/assets/arrow-small-right-hover.png deleted file mode 100644 index 368d225..0000000 Binary files a/Breeze-gtk/assets/arrow-small-right-hover.png and /dev/null differ diff --git a/Breeze-gtk/assets/arrow-small-right-insensitive.png b/Breeze-gtk/assets/arrow-small-right-insensitive.png deleted file mode 100644 index 0afdc5f..0000000 Binary files a/Breeze-gtk/assets/arrow-small-right-insensitive.png and /dev/null differ diff --git a/Breeze-gtk/assets/arrow-small-right.png b/Breeze-gtk/assets/arrow-small-right.png deleted file mode 100644 index f321783..0000000 Binary files a/Breeze-gtk/assets/arrow-small-right.png and /dev/null differ diff --git a/Breeze-gtk/assets/arrow-small-up-active.png b/Breeze-gtk/assets/arrow-small-up-active.png deleted file mode 100644 index 9156f79..0000000 Binary files a/Breeze-gtk/assets/arrow-small-up-active.png and /dev/null differ diff --git a/Breeze-gtk/assets/arrow-small-up-hover.png b/Breeze-gtk/assets/arrow-small-up-hover.png deleted file mode 100644 index dd32d50..0000000 Binary files a/Breeze-gtk/assets/arrow-small-up-hover.png and /dev/null differ diff --git a/Breeze-gtk/assets/arrow-small-up-insensitive.png b/Breeze-gtk/assets/arrow-small-up-insensitive.png deleted file mode 100644 index 0cd867c..0000000 Binary files a/Breeze-gtk/assets/arrow-small-up-insensitive.png and /dev/null differ diff --git a/Breeze-gtk/assets/arrow-small-up.png b/Breeze-gtk/assets/arrow-small-up.png deleted file mode 100644 index 890c1ea..0000000 Binary files a/Breeze-gtk/assets/arrow-small-up.png and /dev/null differ diff --git a/Breeze-gtk/assets/arrow-up-active.png b/Breeze-gtk/assets/arrow-up-active.png deleted file mode 100644 index 1f0efc0..0000000 Binary files a/Breeze-gtk/assets/arrow-up-active.png and /dev/null differ diff --git a/Breeze-gtk/assets/arrow-up-hover.png b/Breeze-gtk/assets/arrow-up-hover.png deleted file mode 100644 index 64d4a21..0000000 Binary files a/Breeze-gtk/assets/arrow-up-hover.png and /dev/null differ diff --git a/Breeze-gtk/assets/arrow-up-insensitive.png b/Breeze-gtk/assets/arrow-up-insensitive.png deleted file mode 100644 index 975f3ea..0000000 Binary files a/Breeze-gtk/assets/arrow-up-insensitive.png and /dev/null differ diff --git a/Breeze-gtk/assets/arrow-up.png b/Breeze-gtk/assets/arrow-up.png deleted file mode 100644 index 588e47c..0000000 Binary files a/Breeze-gtk/assets/arrow-up.png and /dev/null differ diff --git a/Breeze-gtk/assets/button-active.png b/Breeze-gtk/assets/button-active.png deleted file mode 100644 index 6233fe6..0000000 Binary files a/Breeze-gtk/assets/button-active.png and /dev/null differ diff --git a/Breeze-gtk/assets/button-hover.png b/Breeze-gtk/assets/button-hover.png deleted file mode 100644 index 5e214cf..0000000 Binary files a/Breeze-gtk/assets/button-hover.png and /dev/null differ diff --git a/Breeze-gtk/assets/button-insensitive.png b/Breeze-gtk/assets/button-insensitive.png deleted file mode 100644 index 581f259..0000000 Binary files a/Breeze-gtk/assets/button-insensitive.png and /dev/null differ diff --git a/Breeze-gtk/assets/button.png b/Breeze-gtk/assets/button.png deleted file mode 100644 index f7af71b..0000000 Binary files a/Breeze-gtk/assets/button.png and /dev/null differ diff --git a/Breeze-gtk/assets/check-checked-active.png b/Breeze-gtk/assets/check-checked-active.png deleted file mode 100644 index 3db3b18..0000000 Binary files a/Breeze-gtk/assets/check-checked-active.png and /dev/null differ diff --git a/Breeze-gtk/assets/check-checked-active@2.png b/Breeze-gtk/assets/check-checked-active@2.png deleted file mode 100644 index bbace0a..0000000 Binary files a/Breeze-gtk/assets/check-checked-active@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/check-checked-backdrop-insensitive.png b/Breeze-gtk/assets/check-checked-backdrop-insensitive.png deleted file mode 100644 index 0fad443..0000000 Binary files a/Breeze-gtk/assets/check-checked-backdrop-insensitive.png and /dev/null differ diff --git a/Breeze-gtk/assets/check-checked-backdrop-insensitive@2.png b/Breeze-gtk/assets/check-checked-backdrop-insensitive@2.png deleted file mode 100644 index 1f57784..0000000 Binary files a/Breeze-gtk/assets/check-checked-backdrop-insensitive@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/check-checked-backdrop.png b/Breeze-gtk/assets/check-checked-backdrop.png deleted file mode 100644 index 13906db..0000000 Binary files a/Breeze-gtk/assets/check-checked-backdrop.png and /dev/null differ diff --git a/Breeze-gtk/assets/check-checked-backdrop@2.png b/Breeze-gtk/assets/check-checked-backdrop@2.png deleted file mode 100644 index bc64f38..0000000 Binary files a/Breeze-gtk/assets/check-checked-backdrop@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/check-checked-hover.png b/Breeze-gtk/assets/check-checked-hover.png deleted file mode 100644 index 63ae2a9..0000000 Binary files a/Breeze-gtk/assets/check-checked-hover.png and /dev/null differ diff --git a/Breeze-gtk/assets/check-checked-hover@2.png b/Breeze-gtk/assets/check-checked-hover@2.png deleted file mode 100644 index 9b4a986..0000000 Binary files a/Breeze-gtk/assets/check-checked-hover@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/check-checked-insensitive.png b/Breeze-gtk/assets/check-checked-insensitive.png deleted file mode 100644 index 0fad443..0000000 Binary files a/Breeze-gtk/assets/check-checked-insensitive.png and /dev/null differ diff --git a/Breeze-gtk/assets/check-checked-insensitive@2.png b/Breeze-gtk/assets/check-checked-insensitive@2.png deleted file mode 100644 index 1f57784..0000000 Binary files a/Breeze-gtk/assets/check-checked-insensitive@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/check-mixed-active.png b/Breeze-gtk/assets/check-mixed-active.png deleted file mode 100644 index a895a0c..0000000 Binary files a/Breeze-gtk/assets/check-mixed-active.png and /dev/null differ diff --git a/Breeze-gtk/assets/check-mixed-active@2.png b/Breeze-gtk/assets/check-mixed-active@2.png deleted file mode 100644 index 353f574..0000000 Binary files a/Breeze-gtk/assets/check-mixed-active@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/check-mixed-backdrop-insensitive.png b/Breeze-gtk/assets/check-mixed-backdrop-insensitive.png deleted file mode 100644 index 5c7005a..0000000 Binary files a/Breeze-gtk/assets/check-mixed-backdrop-insensitive.png and /dev/null differ diff --git a/Breeze-gtk/assets/check-mixed-backdrop-insensitive@2.png b/Breeze-gtk/assets/check-mixed-backdrop-insensitive@2.png deleted file mode 100644 index c48ae5c..0000000 Binary files a/Breeze-gtk/assets/check-mixed-backdrop-insensitive@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/check-mixed-backdrop.png b/Breeze-gtk/assets/check-mixed-backdrop.png deleted file mode 100644 index c92d1cd..0000000 Binary files a/Breeze-gtk/assets/check-mixed-backdrop.png and /dev/null differ diff --git a/Breeze-gtk/assets/check-mixed-backdrop@2.png b/Breeze-gtk/assets/check-mixed-backdrop@2.png deleted file mode 100644 index 757fb13..0000000 Binary files a/Breeze-gtk/assets/check-mixed-backdrop@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/check-mixed-hover.png b/Breeze-gtk/assets/check-mixed-hover.png deleted file mode 100644 index 395f61b..0000000 Binary files a/Breeze-gtk/assets/check-mixed-hover.png and /dev/null differ diff --git a/Breeze-gtk/assets/check-mixed-hover@2.png b/Breeze-gtk/assets/check-mixed-hover@2.png deleted file mode 100644 index 53bba27..0000000 Binary files a/Breeze-gtk/assets/check-mixed-hover@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/check-mixed-insensitive.png b/Breeze-gtk/assets/check-mixed-insensitive.png deleted file mode 100644 index 5c7005a..0000000 Binary files a/Breeze-gtk/assets/check-mixed-insensitive.png and /dev/null differ diff --git a/Breeze-gtk/assets/check-mixed-insensitive@2.png b/Breeze-gtk/assets/check-mixed-insensitive@2.png deleted file mode 100644 index c48ae5c..0000000 Binary files a/Breeze-gtk/assets/check-mixed-insensitive@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/check-selectionmode-checked-active.png b/Breeze-gtk/assets/check-selectionmode-checked-active.png deleted file mode 100644 index 0f125ff..0000000 Binary files a/Breeze-gtk/assets/check-selectionmode-checked-active.png and /dev/null differ diff --git a/Breeze-gtk/assets/check-selectionmode-checked-active@2.png b/Breeze-gtk/assets/check-selectionmode-checked-active@2.png deleted file mode 100644 index c80a0a7..0000000 Binary files a/Breeze-gtk/assets/check-selectionmode-checked-active@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/check-selectionmode-checked-backdrop-insensitive.png b/Breeze-gtk/assets/check-selectionmode-checked-backdrop-insensitive.png deleted file mode 100644 index bc97a84..0000000 Binary files a/Breeze-gtk/assets/check-selectionmode-checked-backdrop-insensitive.png and /dev/null differ diff --git a/Breeze-gtk/assets/check-selectionmode-checked-backdrop-insensitive@2.png b/Breeze-gtk/assets/check-selectionmode-checked-backdrop-insensitive@2.png deleted file mode 100644 index 5df459b..0000000 Binary files a/Breeze-gtk/assets/check-selectionmode-checked-backdrop-insensitive@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/check-selectionmode-checked-backdrop.png b/Breeze-gtk/assets/check-selectionmode-checked-backdrop.png deleted file mode 100644 index ad1c9ec..0000000 Binary files a/Breeze-gtk/assets/check-selectionmode-checked-backdrop.png and /dev/null differ diff --git a/Breeze-gtk/assets/check-selectionmode-checked-backdrop@2.png b/Breeze-gtk/assets/check-selectionmode-checked-backdrop@2.png deleted file mode 100644 index df45fe2..0000000 Binary files a/Breeze-gtk/assets/check-selectionmode-checked-backdrop@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/check-selectionmode-checked-hover.png b/Breeze-gtk/assets/check-selectionmode-checked-hover.png deleted file mode 100644 index 648a775..0000000 Binary files a/Breeze-gtk/assets/check-selectionmode-checked-hover.png and /dev/null differ diff --git a/Breeze-gtk/assets/check-selectionmode-checked-hover@2.png b/Breeze-gtk/assets/check-selectionmode-checked-hover@2.png deleted file mode 100644 index 1031c37..0000000 Binary files a/Breeze-gtk/assets/check-selectionmode-checked-hover@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/check-selectionmode-checked-insensitive.png b/Breeze-gtk/assets/check-selectionmode-checked-insensitive.png deleted file mode 100644 index bc97a84..0000000 Binary files a/Breeze-gtk/assets/check-selectionmode-checked-insensitive.png and /dev/null differ diff --git a/Breeze-gtk/assets/check-selectionmode-checked-insensitive@2.png b/Breeze-gtk/assets/check-selectionmode-checked-insensitive@2.png deleted file mode 100644 index 5df459b..0000000 Binary files a/Breeze-gtk/assets/check-selectionmode-checked-insensitive@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/check-selectionmode-unchecked-active.png b/Breeze-gtk/assets/check-selectionmode-unchecked-active.png deleted file mode 100644 index f2def6b..0000000 Binary files a/Breeze-gtk/assets/check-selectionmode-unchecked-active.png and /dev/null differ diff --git a/Breeze-gtk/assets/check-selectionmode-unchecked-active@2.png b/Breeze-gtk/assets/check-selectionmode-unchecked-active@2.png deleted file mode 100644 index 2cd4376..0000000 Binary files a/Breeze-gtk/assets/check-selectionmode-unchecked-active@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/check-selectionmode-unchecked-backdrop-insensitive.png b/Breeze-gtk/assets/check-selectionmode-unchecked-backdrop-insensitive.png deleted file mode 100644 index bef7dda..0000000 Binary files a/Breeze-gtk/assets/check-selectionmode-unchecked-backdrop-insensitive.png and /dev/null differ diff --git a/Breeze-gtk/assets/check-selectionmode-unchecked-backdrop-insensitive@2.png b/Breeze-gtk/assets/check-selectionmode-unchecked-backdrop-insensitive@2.png deleted file mode 100644 index 37049ab..0000000 Binary files a/Breeze-gtk/assets/check-selectionmode-unchecked-backdrop-insensitive@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/check-selectionmode-unchecked-backdrop.png b/Breeze-gtk/assets/check-selectionmode-unchecked-backdrop.png deleted file mode 100644 index 8e153e4..0000000 Binary files a/Breeze-gtk/assets/check-selectionmode-unchecked-backdrop.png and /dev/null differ diff --git a/Breeze-gtk/assets/check-selectionmode-unchecked-backdrop@2.png b/Breeze-gtk/assets/check-selectionmode-unchecked-backdrop@2.png deleted file mode 100644 index d43d09e..0000000 Binary files a/Breeze-gtk/assets/check-selectionmode-unchecked-backdrop@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/check-selectionmode-unchecked-hover.png b/Breeze-gtk/assets/check-selectionmode-unchecked-hover.png deleted file mode 100644 index feb66f4..0000000 Binary files a/Breeze-gtk/assets/check-selectionmode-unchecked-hover.png and /dev/null differ diff --git a/Breeze-gtk/assets/check-selectionmode-unchecked-hover@2.png b/Breeze-gtk/assets/check-selectionmode-unchecked-hover@2.png deleted file mode 100644 index 15e129a..0000000 Binary files a/Breeze-gtk/assets/check-selectionmode-unchecked-hover@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/check-selectionmode-unchecked-insensitive.png b/Breeze-gtk/assets/check-selectionmode-unchecked-insensitive.png deleted file mode 100644 index bef7dda..0000000 Binary files a/Breeze-gtk/assets/check-selectionmode-unchecked-insensitive.png and /dev/null differ diff --git a/Breeze-gtk/assets/check-selectionmode-unchecked-insensitive@2.png b/Breeze-gtk/assets/check-selectionmode-unchecked-insensitive@2.png deleted file mode 100644 index 37049ab..0000000 Binary files a/Breeze-gtk/assets/check-selectionmode-unchecked-insensitive@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/check-selectionmode-unchecked.png b/Breeze-gtk/assets/check-selectionmode-unchecked.png deleted file mode 100644 index 8e153e4..0000000 Binary files a/Breeze-gtk/assets/check-selectionmode-unchecked.png and /dev/null differ diff --git a/Breeze-gtk/assets/check-selectionmode-unchecked@2.png b/Breeze-gtk/assets/check-selectionmode-unchecked@2.png deleted file mode 100644 index d43d09e..0000000 Binary files a/Breeze-gtk/assets/check-selectionmode-unchecked@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/check-unchecked-active.png b/Breeze-gtk/assets/check-unchecked-active.png deleted file mode 100644 index 646bfbb..0000000 Binary files a/Breeze-gtk/assets/check-unchecked-active.png and /dev/null differ diff --git a/Breeze-gtk/assets/check-unchecked-active@2.png b/Breeze-gtk/assets/check-unchecked-active@2.png deleted file mode 100644 index 150a0d5..0000000 Binary files a/Breeze-gtk/assets/check-unchecked-active@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/check-unchecked-backdrop-insensitive.png b/Breeze-gtk/assets/check-unchecked-backdrop-insensitive.png deleted file mode 100644 index 34b762d..0000000 Binary files a/Breeze-gtk/assets/check-unchecked-backdrop-insensitive.png and /dev/null differ diff --git a/Breeze-gtk/assets/check-unchecked-backdrop-insensitive@2.png b/Breeze-gtk/assets/check-unchecked-backdrop-insensitive@2.png deleted file mode 100644 index b1aafb6..0000000 Binary files a/Breeze-gtk/assets/check-unchecked-backdrop-insensitive@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/check-unchecked-backdrop.png b/Breeze-gtk/assets/check-unchecked-backdrop.png deleted file mode 100644 index 2e0333c..0000000 Binary files a/Breeze-gtk/assets/check-unchecked-backdrop.png and /dev/null differ diff --git a/Breeze-gtk/assets/check-unchecked-backdrop@2.png b/Breeze-gtk/assets/check-unchecked-backdrop@2.png deleted file mode 100644 index 4d9b153..0000000 Binary files a/Breeze-gtk/assets/check-unchecked-backdrop@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/check-unchecked-hover.png b/Breeze-gtk/assets/check-unchecked-hover.png deleted file mode 100644 index 7709016..0000000 Binary files a/Breeze-gtk/assets/check-unchecked-hover.png and /dev/null differ diff --git a/Breeze-gtk/assets/check-unchecked-hover@2.png b/Breeze-gtk/assets/check-unchecked-hover@2.png deleted file mode 100644 index 24b7e82..0000000 Binary files a/Breeze-gtk/assets/check-unchecked-hover@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/check-unchecked-insensitive.png b/Breeze-gtk/assets/check-unchecked-insensitive.png deleted file mode 100644 index 34b762d..0000000 Binary files a/Breeze-gtk/assets/check-unchecked-insensitive.png and /dev/null differ diff --git a/Breeze-gtk/assets/check-unchecked-insensitive@2.png b/Breeze-gtk/assets/check-unchecked-insensitive@2.png deleted file mode 100644 index b1aafb6..0000000 Binary files a/Breeze-gtk/assets/check-unchecked-insensitive@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/check-unchecked.png b/Breeze-gtk/assets/check-unchecked.png deleted file mode 100644 index 2e0333c..0000000 Binary files a/Breeze-gtk/assets/check-unchecked.png and /dev/null differ diff --git a/Breeze-gtk/assets/check-unchecked@2.png b/Breeze-gtk/assets/check-unchecked@2.png deleted file mode 100644 index 4d9b153..0000000 Binary files a/Breeze-gtk/assets/check-unchecked@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/combo-entry-active.png b/Breeze-gtk/assets/combo-entry-active.png deleted file mode 100644 index 456d52a..0000000 Binary files a/Breeze-gtk/assets/combo-entry-active.png and /dev/null differ diff --git a/Breeze-gtk/assets/combo-entry-button-active.png b/Breeze-gtk/assets/combo-entry-button-active.png deleted file mode 100644 index 8cbd06c..0000000 Binary files a/Breeze-gtk/assets/combo-entry-button-active.png and /dev/null differ diff --git a/Breeze-gtk/assets/combo-entry-button-insensitive.png b/Breeze-gtk/assets/combo-entry-button-insensitive.png deleted file mode 100644 index 4424800..0000000 Binary files a/Breeze-gtk/assets/combo-entry-button-insensitive.png and /dev/null differ diff --git a/Breeze-gtk/assets/combo-entry-button.png b/Breeze-gtk/assets/combo-entry-button.png deleted file mode 100644 index 64da8f1..0000000 Binary files a/Breeze-gtk/assets/combo-entry-button.png and /dev/null differ diff --git a/Breeze-gtk/assets/combo-entry-insensitive.png b/Breeze-gtk/assets/combo-entry-insensitive.png deleted file mode 100644 index 9ef9c65..0000000 Binary files a/Breeze-gtk/assets/combo-entry-insensitive.png and /dev/null differ diff --git a/Breeze-gtk/assets/combo-entry.png b/Breeze-gtk/assets/combo-entry.png deleted file mode 100644 index 2ef3a66..0000000 Binary files a/Breeze-gtk/assets/combo-entry.png and /dev/null differ diff --git a/Breeze-gtk/assets/entry-active.png b/Breeze-gtk/assets/entry-active.png deleted file mode 100644 index b49582c..0000000 Binary files a/Breeze-gtk/assets/entry-active.png and /dev/null differ diff --git a/Breeze-gtk/assets/entry-insensitive.png b/Breeze-gtk/assets/entry-insensitive.png deleted file mode 100644 index a2d6ad5..0000000 Binary files a/Breeze-gtk/assets/entry-insensitive.png and /dev/null differ diff --git a/Breeze-gtk/assets/entry.png b/Breeze-gtk/assets/entry.png deleted file mode 100644 index 30d7e0b..0000000 Binary files a/Breeze-gtk/assets/entry.png and /dev/null differ diff --git a/Breeze-gtk/assets/frame-gap-end.png b/Breeze-gtk/assets/frame-gap-end.png deleted file mode 100644 index 2382b6e..0000000 Binary files a/Breeze-gtk/assets/frame-gap-end.png and /dev/null differ diff --git a/Breeze-gtk/assets/frame-gap-start.png b/Breeze-gtk/assets/frame-gap-start.png deleted file mode 100644 index 7eefa35..0000000 Binary files a/Breeze-gtk/assets/frame-gap-start.png and /dev/null differ diff --git a/Breeze-gtk/assets/frame.png b/Breeze-gtk/assets/frame.png deleted file mode 100644 index e852f70..0000000 Binary files a/Breeze-gtk/assets/frame.png and /dev/null differ diff --git a/Breeze-gtk/assets/handle-h.png b/Breeze-gtk/assets/handle-h.png deleted file mode 100644 index ece259c..0000000 Binary files a/Breeze-gtk/assets/handle-h.png and /dev/null differ diff --git a/Breeze-gtk/assets/handle-v.png b/Breeze-gtk/assets/handle-v.png deleted file mode 100644 index a9dcbba..0000000 Binary files a/Breeze-gtk/assets/handle-v.png and /dev/null differ diff --git a/Breeze-gtk/assets/line-h.png b/Breeze-gtk/assets/line-h.png deleted file mode 100644 index cac4164..0000000 Binary files a/Breeze-gtk/assets/line-h.png and /dev/null differ diff --git a/Breeze-gtk/assets/line-v.png b/Breeze-gtk/assets/line-v.png deleted file mode 100644 index 3888f68..0000000 Binary files a/Breeze-gtk/assets/line-v.png and /dev/null differ diff --git a/Breeze-gtk/assets/menu-arrow-insensitive.png b/Breeze-gtk/assets/menu-arrow-insensitive.png deleted file mode 100644 index 842c02f..0000000 Binary files a/Breeze-gtk/assets/menu-arrow-insensitive.png and /dev/null differ diff --git a/Breeze-gtk/assets/menu-arrow-selected.png b/Breeze-gtk/assets/menu-arrow-selected.png deleted file mode 100644 index 43daf58..0000000 Binary files a/Breeze-gtk/assets/menu-arrow-selected.png and /dev/null differ diff --git a/Breeze-gtk/assets/menu-arrow.png b/Breeze-gtk/assets/menu-arrow.png deleted file mode 100644 index 5b17dad..0000000 Binary files a/Breeze-gtk/assets/menu-arrow.png and /dev/null differ diff --git a/Breeze-gtk/assets/menubar-button.png b/Breeze-gtk/assets/menubar-button.png deleted file mode 100644 index 58e1666..0000000 Binary files a/Breeze-gtk/assets/menubar-button.png and /dev/null differ diff --git a/Breeze-gtk/assets/notebook-frame-bottom.png b/Breeze-gtk/assets/notebook-frame-bottom.png deleted file mode 100644 index ddf4ed5..0000000 Binary files a/Breeze-gtk/assets/notebook-frame-bottom.png and /dev/null differ diff --git a/Breeze-gtk/assets/notebook-frame-right.png b/Breeze-gtk/assets/notebook-frame-right.png deleted file mode 100644 index 4b1be7c..0000000 Binary files a/Breeze-gtk/assets/notebook-frame-right.png and /dev/null differ diff --git a/Breeze-gtk/assets/notebook-frame-top.png b/Breeze-gtk/assets/notebook-frame-top.png deleted file mode 100644 index b6c4bf0..0000000 Binary files a/Breeze-gtk/assets/notebook-frame-top.png and /dev/null differ diff --git a/Breeze-gtk/assets/notebook-gap-horizontal.png b/Breeze-gtk/assets/notebook-gap-horizontal.png deleted file mode 100644 index 1c10b41..0000000 Binary files a/Breeze-gtk/assets/notebook-gap-horizontal.png and /dev/null differ diff --git a/Breeze-gtk/assets/notebook-gap-vertical.png b/Breeze-gtk/assets/notebook-gap-vertical.png deleted file mode 100644 index 9d76f72..0000000 Binary files a/Breeze-gtk/assets/notebook-gap-vertical.png and /dev/null differ diff --git a/Breeze-gtk/assets/null.png b/Breeze-gtk/assets/null.png deleted file mode 100644 index bdf4c81..0000000 Binary files a/Breeze-gtk/assets/null.png and /dev/null differ diff --git a/Breeze-gtk/assets/progressbar-bar.png b/Breeze-gtk/assets/progressbar-bar.png deleted file mode 100644 index 3bbce74..0000000 Binary files a/Breeze-gtk/assets/progressbar-bar.png and /dev/null differ diff --git a/Breeze-gtk/assets/progressbar-trough.png b/Breeze-gtk/assets/progressbar-trough.png deleted file mode 100644 index abfff07..0000000 Binary files a/Breeze-gtk/assets/progressbar-trough.png and /dev/null differ diff --git a/Breeze-gtk/assets/radio-checked-active.png b/Breeze-gtk/assets/radio-checked-active.png deleted file mode 100644 index ca44a95..0000000 Binary files a/Breeze-gtk/assets/radio-checked-active.png and /dev/null differ diff --git a/Breeze-gtk/assets/radio-checked-active@2.png b/Breeze-gtk/assets/radio-checked-active@2.png deleted file mode 100644 index 1d40b0d..0000000 Binary files a/Breeze-gtk/assets/radio-checked-active@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/radio-checked-backdrop-insensitive.png b/Breeze-gtk/assets/radio-checked-backdrop-insensitive.png deleted file mode 100644 index aadec58..0000000 Binary files a/Breeze-gtk/assets/radio-checked-backdrop-insensitive.png and /dev/null differ diff --git a/Breeze-gtk/assets/radio-checked-backdrop-insensitive@2.png b/Breeze-gtk/assets/radio-checked-backdrop-insensitive@2.png deleted file mode 100644 index 5206c3b..0000000 Binary files a/Breeze-gtk/assets/radio-checked-backdrop-insensitive@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/radio-checked-backdrop.png b/Breeze-gtk/assets/radio-checked-backdrop.png deleted file mode 100644 index e8a44f7..0000000 Binary files a/Breeze-gtk/assets/radio-checked-backdrop.png and /dev/null differ diff --git a/Breeze-gtk/assets/radio-checked-backdrop@2.png b/Breeze-gtk/assets/radio-checked-backdrop@2.png deleted file mode 100644 index ace12dd..0000000 Binary files a/Breeze-gtk/assets/radio-checked-backdrop@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/radio-checked-hover.png b/Breeze-gtk/assets/radio-checked-hover.png deleted file mode 100644 index a95a474..0000000 Binary files a/Breeze-gtk/assets/radio-checked-hover.png and /dev/null differ diff --git a/Breeze-gtk/assets/radio-checked-hover@2.png b/Breeze-gtk/assets/radio-checked-hover@2.png deleted file mode 100644 index 69ae132..0000000 Binary files a/Breeze-gtk/assets/radio-checked-hover@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/radio-checked-insensitive.png b/Breeze-gtk/assets/radio-checked-insensitive.png deleted file mode 100644 index aadec58..0000000 Binary files a/Breeze-gtk/assets/radio-checked-insensitive.png and /dev/null differ diff --git a/Breeze-gtk/assets/radio-checked-insensitive@2.png b/Breeze-gtk/assets/radio-checked-insensitive@2.png deleted file mode 100644 index 5206c3b..0000000 Binary files a/Breeze-gtk/assets/radio-checked-insensitive@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/radio-mixed-active.png b/Breeze-gtk/assets/radio-mixed-active.png deleted file mode 100644 index 21bc86c..0000000 Binary files a/Breeze-gtk/assets/radio-mixed-active.png and /dev/null differ diff --git a/Breeze-gtk/assets/radio-mixed-active@2.png b/Breeze-gtk/assets/radio-mixed-active@2.png deleted file mode 100644 index 8385f9f..0000000 Binary files a/Breeze-gtk/assets/radio-mixed-active@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/radio-mixed-backdrop-insensitive.png b/Breeze-gtk/assets/radio-mixed-backdrop-insensitive.png deleted file mode 100644 index 61d9213..0000000 Binary files a/Breeze-gtk/assets/radio-mixed-backdrop-insensitive.png and /dev/null differ diff --git a/Breeze-gtk/assets/radio-mixed-backdrop-insensitive@2.png b/Breeze-gtk/assets/radio-mixed-backdrop-insensitive@2.png deleted file mode 100644 index 2e48e41..0000000 Binary files a/Breeze-gtk/assets/radio-mixed-backdrop-insensitive@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/radio-mixed-backdrop.png b/Breeze-gtk/assets/radio-mixed-backdrop.png deleted file mode 100644 index 136ecbf..0000000 Binary files a/Breeze-gtk/assets/radio-mixed-backdrop.png and /dev/null differ diff --git a/Breeze-gtk/assets/radio-mixed-backdrop@2.png b/Breeze-gtk/assets/radio-mixed-backdrop@2.png deleted file mode 100644 index 082ac1a..0000000 Binary files a/Breeze-gtk/assets/radio-mixed-backdrop@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/radio-mixed-hover.png b/Breeze-gtk/assets/radio-mixed-hover.png deleted file mode 100644 index e56c90c..0000000 Binary files a/Breeze-gtk/assets/radio-mixed-hover.png and /dev/null differ diff --git a/Breeze-gtk/assets/radio-mixed-hover@2.png b/Breeze-gtk/assets/radio-mixed-hover@2.png deleted file mode 100644 index b2c7b70..0000000 Binary files a/Breeze-gtk/assets/radio-mixed-hover@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/radio-mixed-insensitive.png b/Breeze-gtk/assets/radio-mixed-insensitive.png deleted file mode 100644 index 61d9213..0000000 Binary files a/Breeze-gtk/assets/radio-mixed-insensitive.png and /dev/null differ diff --git a/Breeze-gtk/assets/radio-mixed-insensitive@2.png b/Breeze-gtk/assets/radio-mixed-insensitive@2.png deleted file mode 100644 index 2e48e41..0000000 Binary files a/Breeze-gtk/assets/radio-mixed-insensitive@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/radio-unchecked-active.png b/Breeze-gtk/assets/radio-unchecked-active.png deleted file mode 100644 index bf42d2a..0000000 Binary files a/Breeze-gtk/assets/radio-unchecked-active.png and /dev/null differ diff --git a/Breeze-gtk/assets/radio-unchecked-active@2.png b/Breeze-gtk/assets/radio-unchecked-active@2.png deleted file mode 100644 index c7a5588..0000000 Binary files a/Breeze-gtk/assets/radio-unchecked-active@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/radio-unchecked-backdrop-insensitive.png b/Breeze-gtk/assets/radio-unchecked-backdrop-insensitive.png deleted file mode 100644 index d914fab..0000000 Binary files a/Breeze-gtk/assets/radio-unchecked-backdrop-insensitive.png and /dev/null differ diff --git a/Breeze-gtk/assets/radio-unchecked-backdrop-insensitive@2.png b/Breeze-gtk/assets/radio-unchecked-backdrop-insensitive@2.png deleted file mode 100644 index 184dcd3..0000000 Binary files a/Breeze-gtk/assets/radio-unchecked-backdrop-insensitive@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/radio-unchecked-backdrop.png b/Breeze-gtk/assets/radio-unchecked-backdrop.png deleted file mode 100644 index 2bd17c7..0000000 Binary files a/Breeze-gtk/assets/radio-unchecked-backdrop.png and /dev/null differ diff --git a/Breeze-gtk/assets/radio-unchecked-backdrop@2.png b/Breeze-gtk/assets/radio-unchecked-backdrop@2.png deleted file mode 100644 index ddf72e4..0000000 Binary files a/Breeze-gtk/assets/radio-unchecked-backdrop@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/radio-unchecked-hover.png b/Breeze-gtk/assets/radio-unchecked-hover.png deleted file mode 100644 index 99dd76b..0000000 Binary files a/Breeze-gtk/assets/radio-unchecked-hover.png and /dev/null differ diff --git a/Breeze-gtk/assets/radio-unchecked-hover@2.png b/Breeze-gtk/assets/radio-unchecked-hover@2.png deleted file mode 100644 index 0e33323..0000000 Binary files a/Breeze-gtk/assets/radio-unchecked-hover@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/radio-unchecked-insensitive.png b/Breeze-gtk/assets/radio-unchecked-insensitive.png deleted file mode 100644 index d914fab..0000000 Binary files a/Breeze-gtk/assets/radio-unchecked-insensitive.png and /dev/null differ diff --git a/Breeze-gtk/assets/radio-unchecked-insensitive@2.png b/Breeze-gtk/assets/radio-unchecked-insensitive@2.png deleted file mode 100644 index 184dcd3..0000000 Binary files a/Breeze-gtk/assets/radio-unchecked-insensitive@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/radio-unchecked.png b/Breeze-gtk/assets/radio-unchecked.png deleted file mode 100644 index 2bd17c7..0000000 Binary files a/Breeze-gtk/assets/radio-unchecked.png and /dev/null differ diff --git a/Breeze-gtk/assets/radio-unchecked@2.png b/Breeze-gtk/assets/radio-unchecked@2.png deleted file mode 100644 index ddf72e4..0000000 Binary files a/Breeze-gtk/assets/radio-unchecked@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/scale-slider-active.png b/Breeze-gtk/assets/scale-slider-active.png deleted file mode 100644 index 9b4c3f1..0000000 Binary files a/Breeze-gtk/assets/scale-slider-active.png and /dev/null differ diff --git a/Breeze-gtk/assets/scale-slider-hover.png b/Breeze-gtk/assets/scale-slider-hover.png deleted file mode 100644 index f04efa0..0000000 Binary files a/Breeze-gtk/assets/scale-slider-hover.png and /dev/null differ diff --git a/Breeze-gtk/assets/scale-slider-insensitive.png b/Breeze-gtk/assets/scale-slider-insensitive.png deleted file mode 100644 index 8c11584..0000000 Binary files a/Breeze-gtk/assets/scale-slider-insensitive.png and /dev/null differ diff --git a/Breeze-gtk/assets/scale-slider.png b/Breeze-gtk/assets/scale-slider.png deleted file mode 100644 index 150f3ba..0000000 Binary files a/Breeze-gtk/assets/scale-slider.png and /dev/null differ diff --git a/Breeze-gtk/assets/scale-trough-horizontal.png b/Breeze-gtk/assets/scale-trough-horizontal.png deleted file mode 100644 index cfd4e6e..0000000 Binary files a/Breeze-gtk/assets/scale-trough-horizontal.png and /dev/null differ diff --git a/Breeze-gtk/assets/scale-trough-vertical.png b/Breeze-gtk/assets/scale-trough-vertical.png deleted file mode 100644 index 36e0a2b..0000000 Binary files a/Breeze-gtk/assets/scale-trough-vertical.png and /dev/null differ diff --git a/Breeze-gtk/assets/scrollbar-slider-horizontal-active.png b/Breeze-gtk/assets/scrollbar-slider-horizontal-active.png deleted file mode 100644 index 7c4efa7..0000000 Binary files a/Breeze-gtk/assets/scrollbar-slider-horizontal-active.png and /dev/null differ diff --git a/Breeze-gtk/assets/scrollbar-slider-horizontal-active@2.png b/Breeze-gtk/assets/scrollbar-slider-horizontal-active@2.png deleted file mode 100644 index 7a71e2c..0000000 Binary files a/Breeze-gtk/assets/scrollbar-slider-horizontal-active@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/scrollbar-slider-horizontal-hover.png b/Breeze-gtk/assets/scrollbar-slider-horizontal-hover.png deleted file mode 100644 index eb9eda7..0000000 Binary files a/Breeze-gtk/assets/scrollbar-slider-horizontal-hover.png and /dev/null differ diff --git a/Breeze-gtk/assets/scrollbar-slider-horizontal-hover@2.png b/Breeze-gtk/assets/scrollbar-slider-horizontal-hover@2.png deleted file mode 100644 index 9967eba..0000000 Binary files a/Breeze-gtk/assets/scrollbar-slider-horizontal-hover@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/scrollbar-slider-horizontal.png b/Breeze-gtk/assets/scrollbar-slider-horizontal.png deleted file mode 100644 index 9518d71..0000000 Binary files a/Breeze-gtk/assets/scrollbar-slider-horizontal.png and /dev/null differ diff --git a/Breeze-gtk/assets/scrollbar-slider-horizontal@2.png b/Breeze-gtk/assets/scrollbar-slider-horizontal@2.png deleted file mode 100644 index cb735d6..0000000 Binary files a/Breeze-gtk/assets/scrollbar-slider-horizontal@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/scrollbar-slider-vertical-active.png b/Breeze-gtk/assets/scrollbar-slider-vertical-active.png deleted file mode 100644 index 644f19b..0000000 Binary files a/Breeze-gtk/assets/scrollbar-slider-vertical-active.png and /dev/null differ diff --git a/Breeze-gtk/assets/scrollbar-slider-vertical-active@2.png b/Breeze-gtk/assets/scrollbar-slider-vertical-active@2.png deleted file mode 100644 index 68ee30f..0000000 Binary files a/Breeze-gtk/assets/scrollbar-slider-vertical-active@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/scrollbar-slider-vertical-hover.png b/Breeze-gtk/assets/scrollbar-slider-vertical-hover.png deleted file mode 100644 index 23c6c30..0000000 Binary files a/Breeze-gtk/assets/scrollbar-slider-vertical-hover.png and /dev/null differ diff --git a/Breeze-gtk/assets/scrollbar-slider-vertical-hover@2.png b/Breeze-gtk/assets/scrollbar-slider-vertical-hover@2.png deleted file mode 100644 index b695c7b..0000000 Binary files a/Breeze-gtk/assets/scrollbar-slider-vertical-hover@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/scrollbar-slider-vertical.png b/Breeze-gtk/assets/scrollbar-slider-vertical.png deleted file mode 100644 index ac9d768..0000000 Binary files a/Breeze-gtk/assets/scrollbar-slider-vertical.png and /dev/null differ diff --git a/Breeze-gtk/assets/scrollbar-slider-vertical@2.png b/Breeze-gtk/assets/scrollbar-slider-vertical@2.png deleted file mode 100644 index 37dcff9..0000000 Binary files a/Breeze-gtk/assets/scrollbar-slider-vertical@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/scrollbar-trough-horizontal.png b/Breeze-gtk/assets/scrollbar-trough-horizontal.png deleted file mode 100644 index b5a7494..0000000 Binary files a/Breeze-gtk/assets/scrollbar-trough-horizontal.png and /dev/null differ diff --git a/Breeze-gtk/assets/scrollbar-trough-horizontal@2.png b/Breeze-gtk/assets/scrollbar-trough-horizontal@2.png deleted file mode 100644 index a9fe475..0000000 Binary files a/Breeze-gtk/assets/scrollbar-trough-horizontal@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/scrollbar-trough-vertical.png b/Breeze-gtk/assets/scrollbar-trough-vertical.png deleted file mode 100644 index c89315a..0000000 Binary files a/Breeze-gtk/assets/scrollbar-trough-vertical.png and /dev/null differ diff --git a/Breeze-gtk/assets/scrollbar-trough-vertical@2.png b/Breeze-gtk/assets/scrollbar-trough-vertical@2.png deleted file mode 100644 index 3930e06..0000000 Binary files a/Breeze-gtk/assets/scrollbar-trough-vertical@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/spinbutton-down-insensitive.png b/Breeze-gtk/assets/spinbutton-down-insensitive.png deleted file mode 100644 index 4454a64..0000000 Binary files a/Breeze-gtk/assets/spinbutton-down-insensitive.png and /dev/null differ diff --git a/Breeze-gtk/assets/spinbutton-down-rtl-insensitive.png b/Breeze-gtk/assets/spinbutton-down-rtl-insensitive.png deleted file mode 100644 index c3fdada..0000000 Binary files a/Breeze-gtk/assets/spinbutton-down-rtl-insensitive.png and /dev/null differ diff --git a/Breeze-gtk/assets/spinbutton-down-rtl.png b/Breeze-gtk/assets/spinbutton-down-rtl.png deleted file mode 100644 index bf5126e..0000000 Binary files a/Breeze-gtk/assets/spinbutton-down-rtl.png and /dev/null differ diff --git a/Breeze-gtk/assets/spinbutton-down.png b/Breeze-gtk/assets/spinbutton-down.png deleted file mode 100644 index 1d1d104..0000000 Binary files a/Breeze-gtk/assets/spinbutton-down.png and /dev/null differ diff --git a/Breeze-gtk/assets/spinbutton-up-insensitive.png b/Breeze-gtk/assets/spinbutton-up-insensitive.png deleted file mode 100644 index 6829dd7..0000000 Binary files a/Breeze-gtk/assets/spinbutton-up-insensitive.png and /dev/null differ diff --git a/Breeze-gtk/assets/spinbutton-up-rtl-insensitive.png b/Breeze-gtk/assets/spinbutton-up-rtl-insensitive.png deleted file mode 100644 index 0042224..0000000 Binary files a/Breeze-gtk/assets/spinbutton-up-rtl-insensitive.png and /dev/null differ diff --git a/Breeze-gtk/assets/spinbutton-up-rtl.png b/Breeze-gtk/assets/spinbutton-up-rtl.png deleted file mode 100644 index 329bf0e..0000000 Binary files a/Breeze-gtk/assets/spinbutton-up-rtl.png and /dev/null differ diff --git a/Breeze-gtk/assets/spinbutton-up.png b/Breeze-gtk/assets/spinbutton-up.png deleted file mode 100644 index c1aa0eb..0000000 Binary files a/Breeze-gtk/assets/spinbutton-up.png and /dev/null differ diff --git a/Breeze-gtk/assets/tab-bottom-active.png b/Breeze-gtk/assets/tab-bottom-active.png deleted file mode 100644 index 7598c60..0000000 Binary files a/Breeze-gtk/assets/tab-bottom-active.png and /dev/null differ diff --git a/Breeze-gtk/assets/tab-bottom-inactive.png b/Breeze-gtk/assets/tab-bottom-inactive.png deleted file mode 100644 index 6d08dee..0000000 Binary files a/Breeze-gtk/assets/tab-bottom-inactive.png and /dev/null differ diff --git a/Breeze-gtk/assets/tab-left-active.png b/Breeze-gtk/assets/tab-left-active.png deleted file mode 100644 index 9dc227c..0000000 Binary files a/Breeze-gtk/assets/tab-left-active.png and /dev/null differ diff --git a/Breeze-gtk/assets/tab-left-inactive.png b/Breeze-gtk/assets/tab-left-inactive.png deleted file mode 100644 index 13dbab4..0000000 Binary files a/Breeze-gtk/assets/tab-left-inactive.png and /dev/null differ diff --git a/Breeze-gtk/assets/tab-right-active.png b/Breeze-gtk/assets/tab-right-active.png deleted file mode 100644 index fc92fe9..0000000 Binary files a/Breeze-gtk/assets/tab-right-active.png and /dev/null differ diff --git a/Breeze-gtk/assets/tab-right-inactive.png b/Breeze-gtk/assets/tab-right-inactive.png deleted file mode 100644 index d471595..0000000 Binary files a/Breeze-gtk/assets/tab-right-inactive.png and /dev/null differ diff --git a/Breeze-gtk/assets/tab-top-active.png b/Breeze-gtk/assets/tab-top-active.png deleted file mode 100644 index 9da785d..0000000 Binary files a/Breeze-gtk/assets/tab-top-active.png and /dev/null differ diff --git a/Breeze-gtk/assets/tab-top-inactive.png b/Breeze-gtk/assets/tab-top-inactive.png deleted file mode 100644 index 4a9892d..0000000 Binary files a/Breeze-gtk/assets/tab-top-inactive.png and /dev/null differ diff --git a/Breeze-gtk/assets/titlebutton-close-active-backdrop.png b/Breeze-gtk/assets/titlebutton-close-active-backdrop.png deleted file mode 100644 index 6d4a418..0000000 Binary files a/Breeze-gtk/assets/titlebutton-close-active-backdrop.png and /dev/null differ diff --git a/Breeze-gtk/assets/titlebutton-close-active-backdrop@2.png b/Breeze-gtk/assets/titlebutton-close-active-backdrop@2.png deleted file mode 100644 index 9d675d9..0000000 Binary files a/Breeze-gtk/assets/titlebutton-close-active-backdrop@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/titlebutton-close-active.png b/Breeze-gtk/assets/titlebutton-close-active.png deleted file mode 100644 index 6d4a418..0000000 Binary files a/Breeze-gtk/assets/titlebutton-close-active.png and /dev/null differ diff --git a/Breeze-gtk/assets/titlebutton-close-active@2.png b/Breeze-gtk/assets/titlebutton-close-active@2.png deleted file mode 100644 index 9d675d9..0000000 Binary files a/Breeze-gtk/assets/titlebutton-close-active@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/titlebutton-close-backdrop.png b/Breeze-gtk/assets/titlebutton-close-backdrop.png deleted file mode 100644 index f5bde00..0000000 Binary files a/Breeze-gtk/assets/titlebutton-close-backdrop.png and /dev/null differ diff --git a/Breeze-gtk/assets/titlebutton-close-backdrop@2.png b/Breeze-gtk/assets/titlebutton-close-backdrop@2.png deleted file mode 100644 index d1c9541..0000000 Binary files a/Breeze-gtk/assets/titlebutton-close-backdrop@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/titlebutton-close-hover-backdrop.png b/Breeze-gtk/assets/titlebutton-close-hover-backdrop.png deleted file mode 100644 index ddc21b3..0000000 Binary files a/Breeze-gtk/assets/titlebutton-close-hover-backdrop.png and /dev/null differ diff --git a/Breeze-gtk/assets/titlebutton-close-hover-backdrop@2.png b/Breeze-gtk/assets/titlebutton-close-hover-backdrop@2.png deleted file mode 100644 index 79312d7..0000000 Binary files a/Breeze-gtk/assets/titlebutton-close-hover-backdrop@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/titlebutton-close-hover.png b/Breeze-gtk/assets/titlebutton-close-hover.png deleted file mode 100644 index ddc21b3..0000000 Binary files a/Breeze-gtk/assets/titlebutton-close-hover.png and /dev/null differ diff --git a/Breeze-gtk/assets/titlebutton-close-hover@2.png b/Breeze-gtk/assets/titlebutton-close-hover@2.png deleted file mode 100644 index 79312d7..0000000 Binary files a/Breeze-gtk/assets/titlebutton-close-hover@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/titlebutton-close.png b/Breeze-gtk/assets/titlebutton-close.png deleted file mode 100644 index f5bde00..0000000 Binary files a/Breeze-gtk/assets/titlebutton-close.png and /dev/null differ diff --git a/Breeze-gtk/assets/titlebutton-close@2.png b/Breeze-gtk/assets/titlebutton-close@2.png deleted file mode 100644 index d1c9541..0000000 Binary files a/Breeze-gtk/assets/titlebutton-close@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/titlebutton-maximize-active-backdrop.png b/Breeze-gtk/assets/titlebutton-maximize-active-backdrop.png deleted file mode 100644 index e9f9744..0000000 Binary files a/Breeze-gtk/assets/titlebutton-maximize-active-backdrop.png and /dev/null differ diff --git a/Breeze-gtk/assets/titlebutton-maximize-active-backdrop@2.png b/Breeze-gtk/assets/titlebutton-maximize-active-backdrop@2.png deleted file mode 100644 index 9c3c57a..0000000 Binary files a/Breeze-gtk/assets/titlebutton-maximize-active-backdrop@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/titlebutton-maximize-active.png b/Breeze-gtk/assets/titlebutton-maximize-active.png deleted file mode 100644 index e9f9744..0000000 Binary files a/Breeze-gtk/assets/titlebutton-maximize-active.png and /dev/null differ diff --git a/Breeze-gtk/assets/titlebutton-maximize-active@2.png b/Breeze-gtk/assets/titlebutton-maximize-active@2.png deleted file mode 100644 index 9c3c57a..0000000 Binary files a/Breeze-gtk/assets/titlebutton-maximize-active@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/titlebutton-maximize-backdrop.png b/Breeze-gtk/assets/titlebutton-maximize-backdrop.png deleted file mode 100644 index 54d0b1d..0000000 Binary files a/Breeze-gtk/assets/titlebutton-maximize-backdrop.png and /dev/null differ diff --git a/Breeze-gtk/assets/titlebutton-maximize-backdrop@2.png b/Breeze-gtk/assets/titlebutton-maximize-backdrop@2.png deleted file mode 100644 index 38443a5..0000000 Binary files a/Breeze-gtk/assets/titlebutton-maximize-backdrop@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/titlebutton-maximize-hover-backdrop.png b/Breeze-gtk/assets/titlebutton-maximize-hover-backdrop.png deleted file mode 100644 index 9259ada..0000000 Binary files a/Breeze-gtk/assets/titlebutton-maximize-hover-backdrop.png and /dev/null differ diff --git a/Breeze-gtk/assets/titlebutton-maximize-hover-backdrop@2.png b/Breeze-gtk/assets/titlebutton-maximize-hover-backdrop@2.png deleted file mode 100644 index ced5a0a..0000000 Binary files a/Breeze-gtk/assets/titlebutton-maximize-hover-backdrop@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/titlebutton-maximize-hover.png b/Breeze-gtk/assets/titlebutton-maximize-hover.png deleted file mode 100644 index 9259ada..0000000 Binary files a/Breeze-gtk/assets/titlebutton-maximize-hover.png and /dev/null differ diff --git a/Breeze-gtk/assets/titlebutton-maximize-hover@2.png b/Breeze-gtk/assets/titlebutton-maximize-hover@2.png deleted file mode 100644 index ced5a0a..0000000 Binary files a/Breeze-gtk/assets/titlebutton-maximize-hover@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/titlebutton-maximize-maximized-active-backdrop.png b/Breeze-gtk/assets/titlebutton-maximize-maximized-active-backdrop.png deleted file mode 100644 index 46b7b28..0000000 Binary files a/Breeze-gtk/assets/titlebutton-maximize-maximized-active-backdrop.png and /dev/null differ diff --git a/Breeze-gtk/assets/titlebutton-maximize-maximized-active-backdrop@2.png b/Breeze-gtk/assets/titlebutton-maximize-maximized-active-backdrop@2.png deleted file mode 100644 index 6a83837..0000000 Binary files a/Breeze-gtk/assets/titlebutton-maximize-maximized-active-backdrop@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/titlebutton-maximize-maximized-active.png b/Breeze-gtk/assets/titlebutton-maximize-maximized-active.png deleted file mode 100644 index 46b7b28..0000000 Binary files a/Breeze-gtk/assets/titlebutton-maximize-maximized-active.png and /dev/null differ diff --git a/Breeze-gtk/assets/titlebutton-maximize-maximized-active@2.png b/Breeze-gtk/assets/titlebutton-maximize-maximized-active@2.png deleted file mode 100644 index 6a83837..0000000 Binary files a/Breeze-gtk/assets/titlebutton-maximize-maximized-active@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/titlebutton-maximize-maximized-backdrop.png b/Breeze-gtk/assets/titlebutton-maximize-maximized-backdrop.png deleted file mode 100644 index 5a39be9..0000000 Binary files a/Breeze-gtk/assets/titlebutton-maximize-maximized-backdrop.png and /dev/null differ diff --git a/Breeze-gtk/assets/titlebutton-maximize-maximized-backdrop@2.png b/Breeze-gtk/assets/titlebutton-maximize-maximized-backdrop@2.png deleted file mode 100644 index c2c7758..0000000 Binary files a/Breeze-gtk/assets/titlebutton-maximize-maximized-backdrop@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/titlebutton-maximize-maximized-hover-backdrop.png b/Breeze-gtk/assets/titlebutton-maximize-maximized-hover-backdrop.png deleted file mode 100644 index 55653a8..0000000 Binary files a/Breeze-gtk/assets/titlebutton-maximize-maximized-hover-backdrop.png and /dev/null differ diff --git a/Breeze-gtk/assets/titlebutton-maximize-maximized-hover-backdrop@2.png b/Breeze-gtk/assets/titlebutton-maximize-maximized-hover-backdrop@2.png deleted file mode 100644 index 95671cc..0000000 Binary files a/Breeze-gtk/assets/titlebutton-maximize-maximized-hover-backdrop@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/titlebutton-maximize-maximized-hover.png b/Breeze-gtk/assets/titlebutton-maximize-maximized-hover.png deleted file mode 100644 index 55653a8..0000000 Binary files a/Breeze-gtk/assets/titlebutton-maximize-maximized-hover.png and /dev/null differ diff --git a/Breeze-gtk/assets/titlebutton-maximize-maximized-hover@2.png b/Breeze-gtk/assets/titlebutton-maximize-maximized-hover@2.png deleted file mode 100644 index 95671cc..0000000 Binary files a/Breeze-gtk/assets/titlebutton-maximize-maximized-hover@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/titlebutton-maximize-maximized.png b/Breeze-gtk/assets/titlebutton-maximize-maximized.png deleted file mode 100644 index 5a39be9..0000000 Binary files a/Breeze-gtk/assets/titlebutton-maximize-maximized.png and /dev/null differ diff --git a/Breeze-gtk/assets/titlebutton-maximize-maximized@2.png b/Breeze-gtk/assets/titlebutton-maximize-maximized@2.png deleted file mode 100644 index c2c7758..0000000 Binary files a/Breeze-gtk/assets/titlebutton-maximize-maximized@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/titlebutton-maximize.png b/Breeze-gtk/assets/titlebutton-maximize.png deleted file mode 100644 index 54d0b1d..0000000 Binary files a/Breeze-gtk/assets/titlebutton-maximize.png and /dev/null differ diff --git a/Breeze-gtk/assets/titlebutton-maximize@2.png b/Breeze-gtk/assets/titlebutton-maximize@2.png deleted file mode 100644 index 38443a5..0000000 Binary files a/Breeze-gtk/assets/titlebutton-maximize@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/titlebutton-minimize-active-backdrop.png b/Breeze-gtk/assets/titlebutton-minimize-active-backdrop.png deleted file mode 100644 index 48d73ee..0000000 Binary files a/Breeze-gtk/assets/titlebutton-minimize-active-backdrop.png and /dev/null differ diff --git a/Breeze-gtk/assets/titlebutton-minimize-active-backdrop@2.png b/Breeze-gtk/assets/titlebutton-minimize-active-backdrop@2.png deleted file mode 100644 index 7601999..0000000 Binary files a/Breeze-gtk/assets/titlebutton-minimize-active-backdrop@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/titlebutton-minimize-active.png b/Breeze-gtk/assets/titlebutton-minimize-active.png deleted file mode 100644 index 48d73ee..0000000 Binary files a/Breeze-gtk/assets/titlebutton-minimize-active.png and /dev/null differ diff --git a/Breeze-gtk/assets/titlebutton-minimize-active@2.png b/Breeze-gtk/assets/titlebutton-minimize-active@2.png deleted file mode 100644 index 7601999..0000000 Binary files a/Breeze-gtk/assets/titlebutton-minimize-active@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/titlebutton-minimize-backdrop.png b/Breeze-gtk/assets/titlebutton-minimize-backdrop.png deleted file mode 100644 index 5712a6c..0000000 Binary files a/Breeze-gtk/assets/titlebutton-minimize-backdrop.png and /dev/null differ diff --git a/Breeze-gtk/assets/titlebutton-minimize-backdrop@2.png b/Breeze-gtk/assets/titlebutton-minimize-backdrop@2.png deleted file mode 100644 index bf92855..0000000 Binary files a/Breeze-gtk/assets/titlebutton-minimize-backdrop@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/titlebutton-minimize-hover-backdrop.png b/Breeze-gtk/assets/titlebutton-minimize-hover-backdrop.png deleted file mode 100644 index 4b7286e..0000000 Binary files a/Breeze-gtk/assets/titlebutton-minimize-hover-backdrop.png and /dev/null differ diff --git a/Breeze-gtk/assets/titlebutton-minimize-hover-backdrop@2.png b/Breeze-gtk/assets/titlebutton-minimize-hover-backdrop@2.png deleted file mode 100644 index 34ee9a3..0000000 Binary files a/Breeze-gtk/assets/titlebutton-minimize-hover-backdrop@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/titlebutton-minimize-hover.png b/Breeze-gtk/assets/titlebutton-minimize-hover.png deleted file mode 100644 index 4b7286e..0000000 Binary files a/Breeze-gtk/assets/titlebutton-minimize-hover.png and /dev/null differ diff --git a/Breeze-gtk/assets/titlebutton-minimize-hover@2.png b/Breeze-gtk/assets/titlebutton-minimize-hover@2.png deleted file mode 100644 index 34ee9a3..0000000 Binary files a/Breeze-gtk/assets/titlebutton-minimize-hover@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/titlebutton-minimize.png b/Breeze-gtk/assets/titlebutton-minimize.png deleted file mode 100644 index 5712a6c..0000000 Binary files a/Breeze-gtk/assets/titlebutton-minimize.png and /dev/null differ diff --git a/Breeze-gtk/assets/titlebutton-minimize@2.png b/Breeze-gtk/assets/titlebutton-minimize@2.png deleted file mode 100644 index bf92855..0000000 Binary files a/Breeze-gtk/assets/titlebutton-minimize@2.png and /dev/null differ diff --git a/Breeze-gtk/assets/togglebutton-active.png b/Breeze-gtk/assets/togglebutton-active.png deleted file mode 100644 index 254bc4b..0000000 Binary files a/Breeze-gtk/assets/togglebutton-active.png and /dev/null differ diff --git a/Breeze-gtk/assets/togglebutton-hover.png b/Breeze-gtk/assets/togglebutton-hover.png deleted file mode 100644 index 09049e2..0000000 Binary files a/Breeze-gtk/assets/togglebutton-hover.png and /dev/null differ diff --git a/Breeze-gtk/assets/togglebutton-insensitive.png b/Breeze-gtk/assets/togglebutton-insensitive.png deleted file mode 100644 index 2608eaf..0000000 Binary files a/Breeze-gtk/assets/togglebutton-insensitive.png and /dev/null differ diff --git a/Breeze-gtk/assets/togglebutton.png b/Breeze-gtk/assets/togglebutton.png deleted file mode 100644 index 0ffa87e..0000000 Binary files a/Breeze-gtk/assets/togglebutton.png and /dev/null differ diff --git a/Breeze-gtk/assets/toolbar-background.png b/Breeze-gtk/assets/toolbar-background.png deleted file mode 100644 index 37fe449..0000000 Binary files a/Breeze-gtk/assets/toolbar-background.png and /dev/null differ diff --git a/Breeze-gtk/assets/toolbutton-active.png b/Breeze-gtk/assets/toolbutton-active.png deleted file mode 100644 index 54db1cf..0000000 Binary files a/Breeze-gtk/assets/toolbutton-active.png and /dev/null differ diff --git a/Breeze-gtk/assets/toolbutton-hover.png b/Breeze-gtk/assets/toolbutton-hover.png deleted file mode 100644 index 0b235d0..0000000 Binary files a/Breeze-gtk/assets/toolbutton-hover.png and /dev/null differ diff --git a/Breeze-gtk/assets/toolbutton-toggled.png b/Breeze-gtk/assets/toolbutton-toggled.png deleted file mode 100644 index 65425bd..0000000 Binary files a/Breeze-gtk/assets/toolbutton-toggled.png and /dev/null differ diff --git a/Breeze-gtk/assets/tree-header.png b/Breeze-gtk/assets/tree-header.png deleted file mode 100644 index 5703112..0000000 Binary files a/Breeze-gtk/assets/tree-header.png and /dev/null differ diff --git a/Breeze-gtk/gtk-2.0/gtkrc b/Breeze-gtk/gtk-2.0/gtkrc deleted file mode 100644 index fdd5c7c..0000000 --- a/Breeze-gtk/gtk-2.0/gtkrc +++ /dev/null @@ -1,30 +0,0 @@ -# Theme: Breeze-gtk -# Description: Breeze theme for GTK+2.0 - -gtk-color-scheme = "text_color:#232627" -gtk-color-scheme = "base_color:#fcfcfc" -gtk-color-scheme = "insensitive_base_color:#e5e5e5" -gtk-color-scheme = "fg_color:#232627" -gtk-color-scheme = "bg_color:#eff0f1" -gtk-color-scheme = "selected_fg_color:#fcfcfc" -gtk-color-scheme = "selected_bg_color:#3daee9" -gtk-color-scheme = "button_fg_color:#232627" -gtk-color-scheme = "tooltip_fg_color:#fcfcfc" -gtk-color-scheme = "tooltip_bg_color:#31363b" -gtk-color-scheme = "insensitive_fg_color:#aaadaf" -gtk-color-scheme = "insensitive_text_color:#b3b4b6" -gtk-color-scheme = "button_insensitive_fg_color:#aaadaf" -gtk-color-scheme = "button_active:#3daee9" -gtk-color-scheme = "border_color:#bfc1c3" - -include "widgets/default" -include "widgets/buttons" -include "widgets/menu" -include "widgets/entry" -include "widgets/notebook" -include "widgets/range" -include "widgets/scrollbar" -include "widgets/toolbar" -include "widgets/progressbar" -include "widgets/misc" -include "widgets/styles" diff --git a/Breeze-gtk/gtk-2.0/widgets/buttons b/Breeze-gtk/gtk-2.0/widgets/buttons deleted file mode 100644 index 37eb221..0000000 --- a/Breeze-gtk/gtk-2.0/widgets/buttons +++ /dev/null @@ -1,385 +0,0 @@ -style "button" -{ - xthickness = 4 - ythickness = 5 - - engine "pixmap" - { - image - { - function = BOX - state = NORMAL - file = "../assets/button.png" - border = {4, 4, 4, 4 } - stretch = TRUE - } - image - { - function = BOX - state = PRELIGHT - file = "../assets/button-hover.png" - border = { 4, 4, 4, 4 } - stretch = TRUE - } - image - { - function = BOX - state = ACTIVE - file = "../assets/button-active.png" - border = { 4, 4, 4, 4 } - stretch = TRUE - } - image - { - function = BOX - state = INSENSITIVE - file = "../assets/button-insensitive.png" - border = { 4, 4, 4, 4 } - stretch = TRUE - } - - - - # Arrows - - image - { - function = ARROW - state = NORMAL - overlay_file = "../assets/arrow-up.png" - overlay_border = { 0, 0, 0, 0 } - overlay_stretch = FALSE - arrow_direction = UP - } - image - { - function = ARROW - state = PRELIGHT - overlay_file = "../assets/arrow-up.png" - overlay_border = { 0, 0, 0, 0 } - overlay_stretch = FALSE - arrow_direction = UP - } - image - { - function = ARROW - state = ACTIVE - overlay_file = "../assets/arrow-up.png" - overlay_border = { 0, 0, 0, 0 } - overlay_stretch = FALSE - arrow_direction = UP - } - image - { - function = ARROW - state = INSENSITIVE - overlay_file = "../assets/arrow-up-insensitive.png" - overlay_border = { 0, 0, 0, 0 } - overlay_stretch = FALSE - arrow_direction = UP - } - - image - { - function = ARROW - state = NORMAL - overlay_file = "../assets/arrow-down.png" - overlay_border = { 0, 0, 0, 0 } - overlay_stretch = FALSE - arrow_direction = DOWN - } - image - { - function = ARROW - state = PRELIGHT - overlay_file = "../assets/arrow-down.png" - overlay_border = { 0, 0, 0, 0 } - overlay_stretch = FALSE - arrow_direction = DOWN - } - image - { - function = ARROW - state = ACTIVE - overlay_file = "../assets/arrow-down.png" - overlay_border = { 0, 0, 0, 0 } - overlay_stretch = FALSE - arrow_direction = DOWN - } - - image - { - function = ARROW - state = INSENSITIVE - overlay_file = "../assets/arrow-down-insensitive.png" - overlay_border = { 0, 0, 0, 0 } - overlay_stretch = FALSE - arrow_direction = DOWN - } - - image - { - function = ARROW - state = NORMAL - overlay_file = "../assets/arrow-left.png" - overlay_border = { 0, 0, 0, 0 } - overlay_stretch = FALSE - arrow_direction = LEFT - } - image - { - function = ARROW - state = PRELIGHT - overlay_file = "../assets/arrow-left.png" - overlay_border = { 0, 0, 0, 0 } - overlay_stretch = FALSE - arrow_direction = LEFT - } - image - { - function = ARROW - state = ACTIVE - overlay_file = "../assets/arrow-left.png" - overlay_border = { 0, 0, 0, 0 } - overlay_stretch = FALSE - arrow_direction = LEFT - } - image - { - function = ARROW - state = INSENSITIVE - overlay_file = "../assets/arrow-left-insensitive.png" - overlay_border = { 0, 0, 0, 0 } - overlay_stretch = FALSE - arrow_direction = LEFT - } - - image - { - function = ARROW - state = NORMAL - overlay_file = "../assets/arrow-right.png" - overlay_border = { 0, 0, 0, 0 } - overlay_stretch = FALSE - arrow_direction = RIGHT - } - image - { - function = ARROW - state = PRELIGHT - overlay_file = "../assets/arrow-right.png" - overlay_border = { 0, 0, 0, 0 } - overlay_stretch = FALSE - arrow_direction = RIGHT - } - image - { - function = ARROW - state = ACTIVE - overlay_file = "../assets/arrow-right.png" - overlay_border = { 0, 0, 0, 0 } - overlay_stretch = FALSE - arrow_direction = RIGHT - } - image - { - function = ARROW - state = INSENSITIVE - overlay_file = "../assets/arrow-right-insensitive.png" - overlay_border = { 0, 0, 0, 0 } - overlay_stretch = FALSE - arrow_direction = RIGHT - } - - - - - image - { - function = TAB - state = INSENSITIVE - overlay_file = "../assets/arrow-down-insensitive.png" - overlay_stretch = FALSE - } - image - { - function = TAB - state = NORMAL - overlay_file = "../assets/arrow-down.png" - overlay_border = { 0, 0, 0, 0 } - overlay_stretch = FALSE - } - image - { - function = TAB - state = PRELIGHT - overlay_file = "../assets/arrow-down.png" - overlay_border = { 0, 0, 0, 0 } - overlay_stretch = FALSE - } - } -} - -style "togglebutton" -{ - xthickness = 4 - ythickness = 5 - - engine "pixmap" - { - image - { - function = BOX - state = NORMAL - file = "../assets/togglebutton.png" - border = {4, 4, 4, 4 } - stretch = TRUE - } - image - { - function = BOX - state = PRELIGHT - file = "../assets/togglebutton-hover.png" - border = { 4, 4, 4, 4 } - stretch = TRUE - } - image - { - function = BOX - state = ACTIVE - file = "../assets/togglebutton-active.png" - border = { 4, 4, 4, 4 } - stretch = TRUE - } - image - { - function = BOX - state = INSENSITIVE - file = "../assets/togglebutton-insensitive.png" - border = { 4, 4, 4, 4 } - stretch = TRUE - } - } -} - -style "spinbutton" = "default" -{ - #bg[NORMAL] = @bg_color - - xthickness = 3 - ythickness = 3 - GtkWidget::interior_focus = 1 - -engine "pixmap" - { - image - { - function = ARROW - } - - #Spin-up - image - { - function = BOX - state = NORMAL - detail = "spinbutton_up" - file = "../assets/spinbutton-up.png" - border = { 5, 5, 5, 5 } - stretch = TRUE - overlay_file = "../assets/arrow-small-up.png" - overlay_stretch = FALSE - } - image - { - function = BOX - state = PRELIGHT - detail = "spinbutton_up" - file = "../assets/spinbutton-up.png" - border = { 5, 5, 5, 5 } - stretch = TRUE - overlay_file = "../assets/arrow-small-up-hover.png" - overlay_stretch = FALSE - } - image - { - function = BOX - state = INSENSITIVE - detail = "spinbutton_up" - file = "../assets/spinbutton-up-insensitive.png" - border = { 5, 5, 5, 5 } - stretch = TRUE - overlay_file = "../assets/arrow-small-up-insensitive.png" - overlay_stretch = FALSE - } - image - { - function = BOX - state = ACTIVE - detail = "spinbutton_up" - file = "../assets/spinbutton-up.png" - border = { 5, 5, 5, 5 } - stretch = TRUE - overlay_file = "../assets/arrow-small-up-active.png" - overlay_stretch = FALSE - } - - # Spin-Down - image - { - function = BOX - state = NORMAL - detail = "spinbutton_down" - file = "../assets/spinbutton-down.png" - border = { 5, 5, 5, 5 } - stretch = TRUE - overlay_file = "../assets/arrow-small-down.png" - overlay_stretch = FALSE - } - image - { - function = BOX - state = PRELIGHT - detail = "spinbutton_down" - file = "../assets/spinbutton-down.png" - border = { 5, 5, 5, 5 } - stretch = TRUE - overlay_file = "../assets/arrow-small-down-hover.png" - overlay_stretch = FALSE - } - image - { - function = BOX - state = INSENSITIVE - detail = "spinbutton_down" - file = "../assets/spinbutton-down-insensitive.png" - border = { 5, 5, 5, 5 } - stretch = TRUE - overlay_file = "../assets/arrow-small-down-insensitive.png" - overlay_stretch = FALSE - } - image - { - function = BOX - state = ACTIVE - detail = "spinbutton_down" - file = "../assets/spinbutton-down.png" - border = { 5, 5, 5, 5 } - stretch = TRUE - overlay_file = "../assets/arrow-small-down-hover.png" - overlay_stretch = FALSE - } - } -} - -style "button_label" { - fg[NORMAL] = @button_fg_color - fg[ACTIVE] = @button_fg_color - fg[INSENSITIVE] = @button_insensitive_fg_color -} - -style "combobox_separator" -{ - xthickness = 0 - ythickness = 0 - GtkWidget::wide-separators = 1 -} diff --git a/Breeze-gtk/gtk-2.0/widgets/entry b/Breeze-gtk/gtk-2.0/widgets/entry deleted file mode 100644 index ab81f42..0000000 --- a/Breeze-gtk/gtk-2.0/widgets/entry +++ /dev/null @@ -1,214 +0,0 @@ -style "entry" -{ - xthickness = 4 - ythickness = 4 - - base[NORMAL] = @base_color - base[ACTIVE] = @base_color - base[INSENSITIVE] = @insensitive_base_color - - engine "pixmap" - { - image - { - function = SHADOW - detail = "entry" - state = NORMAL - shadow = IN - file = "../assets/entry.png" - border = { 4, 4, 4, 4 } - stretch = TRUE - } - image - { - function = SHADOW - detail = "entry" - state = INSENSITIVE - shadow = IN - file = "../assets/entry-insensitive.png" - border = { 4, 4, 4, 4 } - stretch = TRUE - } - image - { - function = SHADOW - detail = "entry" - state = ACTIVE - file = "../assets/entry-active.png" - border = { 4, 4, 4, 4 } - stretch = TRUE - } - image - { - function = FLAT_BOX - detail = "entry_bg" - state = ACTIVE - file = "../assets/null.png" - border = { 0, 0, 0, 0 } - stretch = TRUE - } - } -} - -style "combobox_entry" -{ - xthickness = 3 - ythickness = 4 - - engine "pixmap" { - - # LTR version - - image { - function = SHADOW - detail = "entry" - state = NORMAL - shadow = IN - file = "../assets/combo-entry.png" - border = { 4, 4, 5, 4 } - stretch = TRUE - direction = LTR - } - - image { - function = SHADOW - detail = "entry" - state = INSENSITIVE - shadow = IN - file = "../assets/combo-entry-insensitive.png" - border = { 4, 4, 5, 4 } - stretch = TRUE - direction = LTR - } - - image { - function = SHADOW - detail = "entry" - state = ACTIVE - file = "../assets/combo-entry-active.png" - border = { 4, 4, 5, 4 } - stretch = TRUE - direction = LTR - } - - # RTL version - - image { - function = SHADOW - detail = "entry" - state = NORMAL - shadow = IN - file = "../assets/combo-entry-button.png" - border = { 4, 4, 5, 4 } - stretch = TRUE - direction = RTL - } - - image { - function = SHADOW - detail = "entry" - state = INSENSITIVE - shadow = IN - file = "../assets/combo-entry-button-insensitive.png" - border = { 4, 4, 5, 4 } - stretch = TRUE - direction = RTL - } - - image { - function = SHADOW - detail = "entry" - state = ACTIVE - file = "../assets/combo-entry-button-active.png" - border = { 4, 4, 5, 4 } - stretch = TRUE - direction = RTL - } - } -} - -style "combobox_entry_button" -{ - xthickness = 6 - - fg[ACTIVE] = @text_color - - engine "pixmap" { - - # LTR version - - image { - function = BOX - state = NORMAL - file = "../assets/combo-entry-button.png" - border = { 4, 4, 5, 4 } - stretch = TRUE - direction = LTR - } - - image { - function = BOX - state = PRELIGHT - file = "../assets/combo-entry-button.png" - border = { 4, 4, 5, 4 } - stretch = TRUE - direction = LTR - } - - image { - function = BOX - state = INSENSITIVE - file = "../assets/combo-entry-button-insensitive.png" - border = { 4, 4, 5, 4 } - stretch = TRUE - direction = LTR - } - - image { - function = BOX - state = ACTIVE - file = "../assets/combo-entry-button-active.png" - border = { 4, 4, 5, 4 } - stretch = TRUE - direction = LTR - } - - # RTL version - image { - function = BOX - state = NORMAL - file = "../assets/combo-entry.png" - border = { 4, 4, 5, 4 } - stretch = TRUE - direction = RTL - } - - image { - function = BOX - state = PRELIGHT - file = "../assets/combo-entry.png" - border = { 4, 4, 5, 4 } - stretch = TRUE - direction = RTL - } - - image { - function = BOX - state = INSENSITIVE - file = "../assets/combo-entry-insensitive.png" - border = { 4, 4, 5, 4 } - stretch = TRUE - direction = RTL - } - - image { - function = BOX - state = ACTIVE - file = "../assets/combo-entry-active.png" - border = { 4, 4, 5, 4 } - stretch = TRUE - direction = RTL - } - } -} - diff --git a/Breeze-gtk/gtk-2.0/widgets/menu b/Breeze-gtk/gtk-2.0/widgets/menu deleted file mode 100644 index aaff5b1..0000000 --- a/Breeze-gtk/gtk-2.0/widgets/menu +++ /dev/null @@ -1,277 +0,0 @@ -style "menubar" -{ - #bg[SELECTED] = @selected_fg_color - - fg[NORMAL] = @fg_color - fg[SELECTED] = @selected_fg_color - - text[PRELIGHT] = @fg_color - - xthickness = 0 - ythickness = 0 - - engine "pixmap" - { - image - { - function = BOX - recolorable = TRUE - state = PRELIGHT - file = "../assets/menubar-button.png" - - border = { 4, 4, 4, 4 } - stretch = TRUE - } - } -} - -style "menu" -{ - xthickness = 0 - ythickness = 0 - - #GtkMenuItem::arrow-scaling = 0.4 - - engine "pixmap" { # For menus that use horizontal lines rather than gtkseparator - - image { - function = HLINE - file = "../assets/line-h.png" - border = { 1, 1, 1, 1 } - stretch = TRUE - } - } -} - -style "menu_item" -{ - xthickness = 2 - ythickness = 4 - - bg[PRELIGHT] = @button_active - fg[PRELIGHT] = @selected_fg_color - text[PRELIGHT] = @selected_fg_color - - GtkMenuItem::toggle-spacing = 10 - GtkMenuItem::arrow-spacing = 10 - - engine "pixmap" - { - - # Check Buttons - - image - { - function = CHECK - recolorable = TRUE - state = NORMAL - shadow = OUT - overlay_file = "../assets/check-unchecked.png" - overlay_stretch = TRUE #needed for LibreOffice - } - image - { - function = CHECK - recolorable = TRUE - state = PRELIGHT - shadow = OUT - overlay_file = "../assets/check-unchecked.png" - overlay_stretch = TRUE - } - image - { - function = CHECK - recolorable = TRUE - state = ACTIVE - shadow = OUT - overlay_file = "../assets/check-checked-active.png" - overlay_stretch = TRUE - } - image - { - function = CHECK - recolorable = TRUE - state = INSENSITIVE - shadow = OUT - overlay_file = "../assets/check-unchecked-insensitive.png" - overlay_stretch = TRUE - } - image - { - function = CHECK - recolorable = TRUE - state = NORMAL - shadow = IN - overlay_file = "../assets/check-checked-active.png" - overlay_stretch = TRUE - } - image - { - function = CHECK - recolorable = TRUE - state = PRELIGHT - shadow = IN - overlay_file = "../assets/check-checked-active.png" - overlay_stretch = TRUE - } - image - { - function = CHECK - recolorable = TRUE - state = ACTIVE - shadow = IN - overlay_file = "../assets/check-checked-active.png" - overlay_stretch = TRUE - } - image - { - function = CHECK - recolorable = TRUE - state = INSENSITIVE - shadow = IN - overlay_file = "../assets/check-checked-insensitive.png" - overlay_stretch = TRUE - } - - # Radio Buttons - - image - { - function = OPTION - state = NORMAL - shadow = OUT - overlay_file = "../assets/radio-unchecked.png" - overlay_stretch = TRUE - } - image - { - function = OPTION - state = PRELIGHT - shadow = OUT - overlay_file = "../assets/radio-unchecked.png" - overlay_stretch = TRUE - } - image - { - function = OPTION - state = ACTIVE - shadow = OUT - overlay_file = "../assets/radio-checked-active.png" - overlay_stretch = TRUE - } - image - { - function = OPTION - state = INSENSITIVE - shadow = OUT - overlay_file = "../assets/radio-unchecked-insensitive.png" - overlay_stretch = FALSE - } - image - { - function = OPTION - state = NORMAL - shadow = IN - overlay_file = "../assets/radio-checked-active.png" - overlay_stretch = TRUE - } - image - { - function = OPTION - state = PRELIGHT - shadow = IN - overlay_file = "../assets/radio-checked-active.png" - overlay_stretch = TRUE - } - image - { - function = OPTION - state = ACTIVE - shadow = IN - overlay_file = "../assets/radio-checked-active.png" - overlay_stretch = TRUE - } - image - { - function = OPTION - state = INSENSITIVE - shadow = IN - overlay_file = "../assets/radio-checked-insensitive.png" - overlay_stretch = TRUE - } - image - { - function = SHADOW # This fixes boxy Qt menu items - file = "../assets/null.png" - border = { 10, 10, 10, 10 } - stretch = TRUE - } - - # Arrow Buttons - - image - { - function = ARROW - state = NORMAL - overlay_file = "../assets/menu-arrow.png" - overlay_border = { 0, 0, 0, 0 } - overlay_stretch = FALSE - arrow_direction = RIGHT - } - image - { - function = ARROW - state = PRELIGHT - overlay_file = "../assets/menu-arrow-selected.png" - overlay_border = { 0, 0, 0, 0 } - overlay_stretch = FALSE - arrow_direction = RIGHT - } - image - { - function = ARROW - state = INSENSITIVE - overlay_file = "../assets/menu-arrow-insensitive.png" - overlay_border = { 0, 0, 0, 0 } - overlay_stretch = FALSE - arrow_direction = RIGHT - } - } -} - -style "menubar_item" -{ - xthickness = 2 - ythickness = 2 - bg[PRELIGHT] = @selected_fg_color - fg[PRELIGHT] = @selected_fg_color -} - -style "menu_framed_box" #this is not needed in Gnome -{ - engine "pixmap" - { - image - { - function = BOX - detail = "menu" - file = "../assets/frame.png" - border = { 3, 3, 3, 3 } - stretch = TRUE - } - } -} - -style "separator_menu_item" -{ - engine "pixmap" - { - image - { - function = BOX - file = "../assets/line-h.png" - border = { 1, 1, 1, 1 } - stretch = TRUE - } - } -} diff --git a/Breeze-gtk/gtk-2.0/widgets/misc b/Breeze-gtk/gtk-2.0/widgets/misc deleted file mode 100644 index b8c303a..0000000 --- a/Breeze-gtk/gtk-2.0/widgets/misc +++ /dev/null @@ -1,168 +0,0 @@ -style "treeview" -{ - engine "pixmap" - { - image - { - function = BOX - file = "../assets/tree-header.png" - border = { 1, 1, 1, 1 } - stretch = TRUE - } - } -} - -style "scrolled_window" -{ - engine "pixmap" - { - image - { - function = SHADOW - file = "../assets/frame.png" - border = { 5, 5, 5, 5 } - stretch = TRUE - } - } -} - -style "frame" -{ - xthickness = 1 - ythickness = 1 - - engine "pixmap" - { - image - { - function = SHADOW - file = "../assets/frame.png" - border = { 1, 1, 1, 1 } - stretch = TRUE - shadow = IN - } - image - { - function = SHADOW_GAP - file = "../assets/frame.png" - border = { 1, 1, 1, 1 } - stretch = TRUE - gap_start_file = "../assets/frame-gap-start.png" - gap_start_border = { 1, 0, 0, 0 } - gap_end_file = "../assets/frame-gap-end.png" - gap_end_border = { 0, 1, 0, 0 } - shadow = IN - } - image - { - function = SHADOW - file = "../assets/frame.png" - border = { 1, 1, 1, 1 } - stretch = TRUE - shadow = OUT - } - image - { - function = SHADOW_GAP - file = "../assets/frame.png" - border = { 1, 1, 1, 1 } - stretch = TRUE - gap_start_file = "../assets/frame-gap-start.png" - gap_start_border = { 1, 0, 0, 0 } - gap_end_file = "../assets/frame-gap-end.png" - gap_end_border = { 0, 1, 0, 0 } - shadow = OUT - } - image - { - function = SHADOW - file = "../assets/frame.png" - border = { 1, 1, 1, 1 } - stretch = TRUE - shadow = ETCHED_IN - } - image - { - function = SHADOW_GAP - file = "../assets/frame.png" - border = { 1, 1, 1, 1 } - stretch = TRUE - gap_start_file = "../assets/frame-gap-start.png" - gap_start_border = { 1, 0, 0, 0 } - gap_end_file = "../assets/frame-gap-end.png" - gap_end_border = { 0, 1, 0, 0 } - shadow = ETCHED_IN - } - image - { - function = SHADOW - file = "../assets/frame.png" - border = { 1, 1, 1, 1 } - stretch = TRUE - shadow = ETCHED_OUT - } - image - { - function = SHADOW_GAP - file = "../assets/frame.png" - border = { 1, 1, 1, 1 } - stretch = TRUE - gap_start_file = "../assets/frame-gap-start.png" - gap_start_border = { 1, 0, 0, 0 } - gap_end_file = "../assets/frame-gap-end.png" - gap_end_border = { 0, 1, 0, 0 } - shadow = ETCHED_OUT - } - } -} - -style "tooltips" -{ - xthickness = 8 - ythickness = 4 - - bg[NORMAL] = @tooltip_bg_color - fg[NORMAL] = @tooltip_fg_color - bg[SELECTED] = @tooltip_bg_color -} - -# Chromium - -style "chrome-gtk-frame" -{ - ChromeGtkFrame::frame-color = @bg_color - ChromeGtkFrame::inactive-frame-color = @bg_color - - ChromeGtkFrame::frame-gradient-size = 100 - ChromeGtkFrame::frame-gradient-color = @bg_color - - ChromeGtkFrame::incognito-frame-color = @bg_color - ChromeGtkFrame::incognito-inactive-frame-color = @bg_color - - ChromeGtkFrame::incognito-frame-gradient-size = 100 - ChromeGtkFrame::incognito-frame-gradient-color = @bg_color - - ChromeGtkFrame::scrollbar-trough-color = shade (0.912, @bg_color) - ChromeGtkFrame::scrollbar-slider-prelight-color = shade (1.04, @bg_color) - ChromeGtkFrame::scrollbar-slider-normal-color = @bg_color -} - -style "null" -{ - engine "pixmap" - { - image - { - function = BOX - file = "../assets/null.png" - stretch = TRUE - } - } -} - -style "toplevel_hack" { - - engine "adwaita" { - } -} - diff --git a/Breeze-gtk/gtk-2.0/widgets/notebook b/Breeze-gtk/gtk-2.0/widgets/notebook deleted file mode 100644 index 15d7ccf..0000000 --- a/Breeze-gtk/gtk-2.0/widgets/notebook +++ /dev/null @@ -1,138 +0,0 @@ -style "notebook_tab_label" -{ - fg[ACTIVE] = @fg_color -} - - -style "notebook" -{ - - xthickness = 5 - ythickness = 2 - - engine "pixmap" - { - image - { - function = EXTENSION - state = ACTIVE - file = "../assets/tab-bottom-inactive.png" - border = { 3,3,3,3 } - stretch = TRUE - gap_side = TOP - } - image - { - function = EXTENSION - state = ACTIVE - file = "../assets/tab-top-inactive.png" - border = { 3,3,3,3 } - stretch = TRUE - gap_side = BOTTOM - } - image - { - function = EXTENSION - state = ACTIVE - file = "../assets/tab-left-inactive.png" - border = { 3,3,3,3 } - stretch = TRUE - gap_side = RIGHT - } - image - { - function = EXTENSION - state = ACTIVE - file = "../assets/tab-right-inactive.png" - border = { 3,3,3,3 } - stretch = TRUE - gap_side = LEFT - } - image - { - function = EXTENSION - file = "../assets/tab-top-active.png" - border = { 3,3,3,3 } - stretch = TRUE - gap_side = BOTTOM - } - image - { - function = EXTENSION - file = "../assets/tab-bottom-active.png" - border = { 3,3,3,3 } - stretch = TRUE - gap_side = TOP - } - image - { - function = EXTENSION - file = "../assets/tab-left-active.png" - border = { 3,3,3,3 } - stretch = TRUE - gap_side = RIGHT - } - image - { - function = EXTENSION - file = "../assets/tab-right-active.png" - border = { 3,3,3,3 } - stretch = TRUE - gap_side = LEFT - } - -# How to draw boxes with a gap on one side (ie the page of a notebook) - - image - { - function = BOX_GAP - file = "../assets/notebook-frame-top.png" - border = { 4, 4, 4, 4 } - stretch = TRUE - gap_file = "../assets/notebook-gap-horizontal.png" - gap_border = { 1, 1, 0, 0 } - gap_side = TOP - } - image - { - function = BOX_GAP - file = "../assets/notebook-frame-bottom.png" - border = { 4, 4, 4, 4 } - stretch = TRUE - gap_file = "../assets/notebook-gap-horizontal.png" - gap_border = { 1, 1, 0, 0 } - gap_side = BOTTOM - } - image - { - function = BOX_GAP - file = "../assets/notebook-frame-top.png" - border = { 4, 4, 4, 4 } - stretch = TRUE - gap_file = "../assets/notebook-gap-vertical.png" - gap_border = { 0, 0, 1, 1 } - gap_side = LEFT - } - image - { - function = BOX_GAP - file = "../assets/notebook-frame-right.png" - border = { 4, 4, 4, 4 } - stretch = TRUE - gap_file = "../assets/notebook-gap-vertical.png" - gap_border = { 0, 0, 1, 1 } - gap_side = RIGHT - } - -# How to draw the box of a notebook when it isnt attached to a tab - - image - { - function = BOX - file = "../assets/frame.png" - border = { 4, 4, 4, 4 } - stretch = TRUE - } - } -} - diff --git a/Breeze-gtk/gtk-2.0/widgets/progressbar b/Breeze-gtk/gtk-2.0/widgets/progressbar deleted file mode 100644 index f10e9d7..0000000 --- a/Breeze-gtk/gtk-2.0/widgets/progressbar +++ /dev/null @@ -1,47 +0,0 @@ -style "progressbar" { - xthickness = 0 - ythickness = 0 - - fg[PRELIGHT] = @selected_fg_color - - engine "pixmap" - { - image - { - function = BOX - detail = "trough" - file = "../assets/progressbar-trough.png" - border = { 4, 4, 4, 4 } - stretch = TRUE - orientation = HORIZONTAL - } - image - { - function = BOX - detail = "bar" - file = "../assets/progressbar-bar.png" - stretch = TRUE - border = { 4, 4, 4, 4 } - orientation = HORIZONTAL - } - image - { - function = BOX - detail = "trough" - file = "../assets/progressbar-trough.png" - border = { 4, 4, 4, 4 } - stretch = TRUE - orientation = VERTICAL - } - image - { - function = BOX - detail = "bar" - file = "../assets/progressbar-bar.png" - stretch = TRUE - border = { 4, 4, 4, 4 } - orientation = VERTICAL - } - } -} - diff --git a/Breeze-gtk/gtk-2.0/widgets/range b/Breeze-gtk/gtk-2.0/widgets/range deleted file mode 100644 index d29a85b..0000000 --- a/Breeze-gtk/gtk-2.0/widgets/range +++ /dev/null @@ -1,108 +0,0 @@ -style "range" -{ - engine "pixmap" - { - image - { - function = BOX - detail = "trough" - file = "../assets/scale-trough-horizontal.png" - border = { 4, 4, 0, 0 } - stretch = TRUE - orientation = HORIZONTAL - } - image - { - function = BOX - detail = "trough" - file = "../assets/scale-trough-vertical.png" - border = { 0, 0, 4, 4 } - stretch = TRUE - orientation = VERTICAL - } - - # Horizontal - - image - { - function = SLIDER - state = NORMAL - file = "../assets/null.png" - border = { 0, 0, 0, 0 } - stretch = TRUE - overlay_file = "../assets/scale-slider.png" - overlay_stretch = FALSE - orientation = HORIZONTAL - } - image - { - function = SLIDER - state = PRELIGHT - file = "../assets/null.png" - border = { 0, 0, 0, 0 } - stretch = TRUE - overlay_file = "../assets/scale-slider-active.png" - overlay_stretch = FALSE - orientation = HORIZONTAL - } - image - { - function = SLIDER - state = INSENSITIVE - file = "../assets/null.png" - border = { 0, 0, 0, 0 } - stretch = TRUE - overlay_file = "../assets/scale-slider.png" - overlay_stretch = FALSE - orientation = HORIZONTAL - } - - # Vertical - - image - { - function = SLIDER - state = NORMAL - file = "../assets/null.png" - border = { 0, 0, 0, 0 } - stretch = TRUE - overlay_file = "../assets/scale-slider.png" - overlay_stretch = FALSE - orientation = VERTICAL - } - image - { - function = SLIDER - state = PRELIGHT - file = "../assets/null.png" - border = { 0, 0, 0, 0 } - stretch = TRUE - overlay_file = "../assets/scale-slider-active.png" - overlay_stretch = FALSE - orientation = VERTICAL - } - - image - { - function = SLIDER - state = INSENSITIVE - file = "../assets/null.png" - border = { 0, 0, 0, 0 } - stretch = TRUE - overlay_file = "../assets/scale-slider.png" - overlay_stretch = FALSE - orientation = VERTICAL - } - # Function below removes ugly boxes - - image - { - function = BOX - file = "../assets/null.png" - border = { 3, 3, 3, 3 } - stretch = TRUE - } - - } -} - diff --git a/Breeze-gtk/gtk-2.0/widgets/styles b/Breeze-gtk/gtk-2.0/widgets/styles deleted file mode 100644 index 01a0da8..0000000 --- a/Breeze-gtk/gtk-2.0/widgets/styles +++ /dev/null @@ -1,52 +0,0 @@ -class "GtkWidget" style "default" -class "GtkScrollbar" style "scrollbar" -class "GtkButton" style "button" -class "GtkEntry" style "entry" -class "GtkOldEditable" style "entry" -class "GtkSpinButton" style "spinbutton" -class "GtkNotebook" style "notebook" -class "GtkRange" style "range" -class "GtkProgressBar" style "progressbar" -class "GtkSeparatorMenuItem" style "separator_menu_item" -class "GtkScrolledWindow" style "scrolled_window" -class "GtkFrame" style "frame" -class "GtkToolButton" style "toolbuttons" -class "ChromeGtkFrame" style "chrome-gtk-frame" -class "GtkToggleButton" style "togglebutton" - -widget_class "**" style "menubar" -widget_class "**" style "menu" -widget_class "**" style "menu_framed_box" -widget_class "**" style "menu_item" -widget_class "*.*" style "menubar_item" -widget_class "*Nautilus*ToolBar*" style "toolbar" -widget_class "*HandleBox" style "toolbar" -widget_class "*BonoboDockItem" style "toolbar" -widget_class "*HandleBox" style "toolbar" -widget_class "*" style "toolbar" -widget_class "*.*" style "treeview" -widget_class "*Tool*GtkButton" style "toolbuttons" -widget_class "*Tool*GtkToggleButton" style "tooltoggle_buttons" -widget_class "**" style "tooltoggle_buttons" -widget_class "**" style "button_label" -widget_class "*.." style "button_label" -widget_class "**" style "button" -widget_class "**" style "combobox_separator" -widget_class "*.*" style "combobox_separator" -widget_class "**" style "combobox_entry" -widget_class "**" style "combobox_entry_button" -widget_class "**" style "combobox_entry" -widget_class "*." style "combobox_entry_button" -widget_class "**GtkToggleButton*" style "toolbuttons" -widget_class "**GtkComboBox*" style "button" -widget_class "*." style "notebook_tab_label" -widget "gtk-tooltip*" style "tooltips" - -# Xchat special cases -widget "*xchat-inputbox" style "entry" - -# Chrome/Chromium -widget_class "*Chrom*Button*" style "button" -widget "*swt*toolbar*" style "toolbuttons" - -class "GtkWindow" style "toplevel_hack" diff --git a/Breeze-gtk/gtk-2.0/widgets/toolbar b/Breeze-gtk/gtk-2.0/widgets/toolbar deleted file mode 100644 index ef67c7a..0000000 --- a/Breeze-gtk/gtk-2.0/widgets/toolbar +++ /dev/null @@ -1,94 +0,0 @@ -style "toolbar" -{ - engine "pixmap" - { - image - { - function = BOX - file = "../assets/toolbar-background.png" - stretch = TRUE - } - } -} - -style "toolbuttons" -{ - xthickness = 2 - ythickness = 2 - GtkWidget::focus_padding = 2 - - engine "pixmap" { - -image - { - function = BOX - state = NORMAL - file = "../assets/null.png" - border = { 4, 4, 4, 4 } - stretch = TRUE - } -image - { - function = BOX - state = PRELIGHT - file = "../assets/toolbutton-hover.png" - border = { 4, 4, 4, 4 } - stretch = TRUE - } -image - { - function = BOX - state = ACTIVE - file = "../assets/toolbutton-active.png" - border = { 4, 4, 4, 4 } - stretch = TRUE - } -image - { - function = BOX - state = INSENSITIVE - file = "../assets/null.png" - border = { 4, 4, 4, 4 } - stretch = TRUE - } - } -} - -style "tooltoggle_buttons" -{ - engine "pixmap" - { - image - { - function = BOX - state = NORMAL - file = "../assets/null.png" - border = { 4, 4, 4, 4 } - stretch = TRUE - } - image - { - function = BOX - state = PRELIGHT - file = "../assets/toolbutton-hover.png" - border = { 4, 4, 4, 4 } - stretch = TRUE - } - image - { - function = BOX - state = ACTIVE - file = "../assets/toolbutton-toggled.png" - border = { 4, 4, 4, 4} - stretch = TRUE - } - image - { - function = BOX - state = INSENSITIVE - file = "../assets/null.png" - border = { 4, 4, 4, 4 } - stretch = TRUE - } - } -} diff --git a/Breeze-gtk/gtk-3.18/gtk-dark.css b/Breeze-gtk/gtk-3.18/gtk-dark.css deleted file mode 100644 index 500996b..0000000 --- a/Breeze-gtk/gtk-3.18/gtk-dark.css +++ /dev/null @@ -1 +0,0 @@ -@import url("../../Breeze-Dark/gtk-3.0/gtk.css"); diff --git a/Breeze-gtk/gtk-3.18/gtk.css b/Breeze-gtk/gtk-3.18/gtk.css deleted file mode 100644 index e51460f..0000000 --- a/Breeze-gtk/gtk-3.18/gtk.css +++ /dev/null @@ -1,2936 +0,0 @@ -/* GTK NAMED COLORS - ---------------- - use responsibly! */ -/* -widget text/foreground color */ -@define-color theme_fg_color #31363b; -/* -text color for entries, views and content in general */ -@define-color theme_text_color #31363b; -/* -widget base background color */ -@define-color theme_bg_color #eff0f1; -/* -text widgets and the like base background color */ -@define-color theme_base_color #fcfcfc; -/* -base background color of selections */ -@define-color theme_selected_bg_color #3daee9; -/* -text/foreground color of selections */ -@define-color theme_selected_fg_color #eff0f1; -/* -base background color of insensitive widgets */ -@define-color insensitive_bg_color rgba(216, 218, 221, 0.35); -/* -text foreground color of insensitive widgets */ -@define-color insensitive_fg_color rgba(45, 49, 54, 0.35); -/* -insensitive text widgets and the like base background color */ -@define-color insensitive_base_color rgba(45, 49, 54, 0.35); -/* -widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color #31363b; -/* -text color for entries, views and content in general on backdrop windows */ -@define-color theme_unfocused_text_color #31363b; -/* -widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color #eff0f1; -/* -text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color #fcfcfc; -/* -base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color rgba(61, 174, 233, 0.5); -/* -text/foreground color of selections on backdrop windows */ -@define-color theme_unfocused_selected_fg_color #eff0f1; -/* -widgets main borders color */ -@define-color borders #c0c2c4; -/* -widgets main borders color on backdrop windows */ -@define-color unfocused_borders #c0c2c4; -/* -widgets main borders color insensitive */ -@define-color insensitive_borders rgba(174, 176, 179, 0.35); -/* -these are pretty self explicative */ -@define-color warning_color #f67400; -@define-color error_color #da4453; -@define-color success_color #27ae60; -@define-color content_view_bg #fcfcfc; -* { - padding: 0; - -GtkToolButton-icon-spacing: 4; - -GtkTextView-error-underline-color: #da4453; - -GtkButton-child-displacement-x: 0; - -GtkButton-child-displacement-y: 0; - -GtkCheckButton-indicator-size: 18; - -GtkCheckMenuItem-indicator-size: 18; - -GtkScrolledWindow-scrollbar-spacing: 0; - -GtkScrolledWindow-scrollbars-within-bevel: 1; - -GtkToolItemGroup-expander-size: 11; - -GtkExpander-expander-size: 16; - -GtkTreeView-expander-size: 11; - -GtkTreeView-horizontal-separator: 4; - -GtkMenu-horizontal-padding: 0; - -GtkMenu-vertical-padding: 0; - -GtkWidget-link-color: #2980b9; - -GtkWidget-visited-link-color: #7f8c8d; - -GtkWidget-focus-padding: 2; - -GtkWidget-focus-line-width: 1; - -GtkWidget-text-handle-width: 20; - -GtkWidget-text-handle-height: 20; - -GtkDialog-button-spacing: 4; - -GtkDialog-action-area-border: 0; - -GtkStatusbar-shadow-type: none; - outline-width: 0px; } - -/*************** - * Base States * - ***************/ -.background { - color: #31363b; - background-color: #eff0f1; } - .background:backdrop { - text-shadow: none; - icon-shadow: none; - color: #31363b; - background-color: #eff0f1; } - -/* - These wildcard seems unavoidable, need to investigate. - Wildcards are bad and troublesome, use them with care, - or better, just don't. - Everytime a wildcard is used a kitten dies, painfully. -*/ -*:insensitive { - -gtk-image-effect: dim; } - -.gtkstyle-fallback { - background-color: #eff0f1; - color: #31363b; } - .gtkstyle-fallback:prelight { - background-color: white; - color: #31363b; } - .gtkstyle-fallback:active { - background-color: #d4d7d9; - color: #31363b; } - .gtkstyle-fallback:insensitive { - background-color: rgba(216, 218, 221, 0.35); - color: rgba(45, 49, 54, 0.35); } - .gtkstyle-fallback:selected { - background-color: #3daee9; - color: #eff0f1; } - -.view { - color: #31363b; - background-color: #fcfcfc; } - .view:backdrop { - color: #31363b; - background-color: #fcfcfc; } - .view:selected { - border-radius: 3px; } - -.rubberband { - border: 1px solid #3daee9; - background-color: rgba(61, 174, 233, 0.2); } - .rubberband:backdrop { - border-color: #3daee9; - background-color: rgba(61, 174, 233, 0.2); } - -.label.separator, GtkPlacesSidebar.sidebar .view .label.separator { - color: #31363b; } - .label.separator:backdrop, GtkPlacesSidebar.sidebar .view .label.separator:backdrop { - color: #31363b; } -.label:insensitive { - color: rgba(45, 49, 54, 0.35); } - .label:insensitive:backdrop { - color: rgba(45, 49, 54, 0.35); } - -.dim-label, .label.separator, GtkPlacesSidebar.sidebar .view .label.separator, .titlebar .subtitle, -.header-bar .subtitle { - opacity: 0.5; - text-shadow: none; } - -GtkAssistant .sidebar { - background-color: #31363b; - border-top: 1px solid #c0c2c4; } - GtkAssistant .sidebar:dir(ltr) { - border-right: 1px solid #c0c2c4; } - GtkAssistant .sidebar:dir(rtl) { - border-left: 1px solid #c0c2c4; } - GtkAssistant .sidebar:backdrop { - background-color: #31363b; - border-color: #c0c2c4; } -GtkAssistant.csd .sidebar { - border-top-style: none; } -GtkAssistant .sidebar .label { - padding: 6px 12px; } -GtkAssistant .sidebar .label.highlight { - background-color: #d3d4d5; } - -GtkTextView { - background-color: #f6f6f7; } - GtkTextView:backdrop { - background-color: #f6f6f7; } - -.grid-child { - padding: 3px; - border-radius: 3px; } - -.app-notification, -.app-notification.frame, .popover.osd, .osd { - color: #31363b; - border: 1px solid #eff0f1; - background-color: rgba(239, 240, 241, 0.8); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - icon-shadow: none; } - .app-notification:backdrop, .popover.osd:backdrop, .osd:backdrop { - color: #31363b; - background-color: rgba(239, 240, 241, 0.8); } - -.view:selected, .label:selected, .label:selected:focus, .label:selected:hover, .grid-child:selected, .entry:selected, .entry:selected:focus, .list-row:selected, .sidebar:selected, -.sidebar .view:selected, GtkPlacesSidebar.sidebar .view:selected { - background-color: #3daee9; - color: #eff0f1; } - .view:backdrop:selected, .label:backdrop:selected, .grid-child:backdrop:selected, .entry:backdrop:selected, .list-row:backdrop:selected, .sidebar:backdrop:selected, GtkPlacesSidebar.sidebar .view:backdrop:selected { - background-color: rgba(61, 174, 233, 0.5); - color: #fcfcfc; } - -/*********** - * Buttons * - ***********/ -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#3daee9), to(transparent)); } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3daee9), to(transparent)); } } -.button, .button.osd, .osd .button { - border: 1px solid; - border-radius: 3px; - padding: 6px; - background-clip: border-box; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); - text-shadow: none; - icon-shadow: none; - color: #31363b; - border-color: #c0c2c4; - background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } - .flat.button { - border-color: rgba(255, 255, 255, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: #31363b; - text-shadow: none; - icon-shadow: none; - transition: none; } - .flat.button:hover { - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 500ms; } - .flat.button:hover:active { - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - .flat.button:checked { - background-color: #c0c2c4; } - .button:hover { - color: #31363b; - border-color: #93cee9; - -gtk-image-effect: highlight; } - .button:active, .button:checked { - color: #eff0f1; - border-color: #3daee9; - background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); - transition-duration: 50ms; } - .button:active:hover, .button:checked:hover { - color: #31363b; - border-color: #93cee9; - background-image: linear-gradient(to bottom, #9cd2eb, #76c1e3); } - .button:backdrop { - color: #31363b; - border-color: #c0c2c4; - background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); - -gtk-image-effect: none; } - .button:backdrop:active, .button:backdrop:checked { - color: #eff0f1; - border-color: #3daee9; - background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } - .button:backdrop:insensitive { - color: rgba(45, 49, 54, 0.35); - border-color: rgba(174, 176, 179, 0.35); - background-image: linear-gradient(to bottom, rgba(218, 220, 223, 0.35), rgba(209, 212, 215, 0.35)); } - .button:backdrop:insensitive > .label, .osd .button:backdrop:insensitive > .label { - color: inherit; } - .button:backdrop:insensitive:active, .button:backdrop:insensitive:checked { - color: rgba(216, 218, 221, 0.35); - border-color: rgba(37, 164, 230, 0.35); - background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } - .button:backdrop:insensitive:active > .label, .osd .button:backdrop:insensitive:active > .label, .button:backdrop:insensitive:checked > .label, .osd .button:backdrop:insensitive:checked > .label { - color: inherit; } - .flat.button:backdrop { - -gtk-image-effect: none; - border-color: rgba(255, 255, 255, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: #31363b; - text-shadow: none; - icon-shadow: none; - color: #31363b; } - .flat.button:insensitive { - border-color: rgba(255, 255, 255, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: #31363b; - text-shadow: none; - icon-shadow: none; - color: rgba(45, 49, 54, 0.35); } - .flat.button:backdrop:insensitive { - border-color: rgba(255, 255, 255, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: #31363b; - text-shadow: none; - icon-shadow: none; - color: rgba(45, 49, 54, 0.35); } - .button:insensitive { - color: rgba(45, 49, 54, 0.35); - border-color: rgba(174, 176, 179, 0.35); - background-image: linear-gradient(to bottom, rgba(218, 220, 223, 0.35), rgba(209, 212, 215, 0.35)); } - .button:insensitive > .label, .osd .button:insensitive > .label { - color: inherit; } - .button:insensitive:active, .button:insensitive:checked { - color: rgba(216, 218, 221, 0.35); - border-color: rgba(37, 164, 230, 0.35); - background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } - .button:insensitive:active > .label, .osd .button:insensitive:active > .label, .button:insensitive:checked > .label, .osd .button:insensitive:checked > .label { - color: inherit; } - -.button.suggested-action, .button.suggested-action.osd .button { - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); - text-shadow: none; - icon-shadow: none; - color: #eff0f1; - border-color: #3daee9; - background-image: linear-gradient(to bottom, #40afe9, #35abe8); } - .button.suggested-action.flat, .button.suggested-action.osd .button.flat { - border-color: rgba(255, 255, 255, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: #31363b; - text-shadow: none; - icon-shadow: none; - color: #3daee9; } - .button.suggested-action:hover, .button.suggested-action.osd .button:hover { - color: white; - border-color: #3daee9; } - .button.suggested-action:active, .button.suggested-action:checked, .button.suggested-action.osd .button:active, .button.suggested-action.osd .button:checked { - color: white; - border-color: #3daee9; - background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } - .button.suggested-action:backdrop, .button.suggested-action.flat:backdrop, .button.suggested-action.osd .button:backdrop, .button.suggested-action.osd .button.flat:backdrop { - color: white; - border-color: #c0c2c4; - background-image: linear-gradient(to bottom, #40afe9, #35abe8); } - .button.suggested-action:backdrop:active, .button.suggested-action:backdrop:checked, .button.suggested-action.flat:backdrop:active, .button.suggested-action.flat:backdrop:checked, .button.suggested-action.osd .button:backdrop:active, .button.suggested-action.osd .button:backdrop:checked, .button.suggested-action.osd .button.flat:backdrop:active, .button.suggested-action.osd .button.flat:backdrop:checked { - color: white; - border-color: #3daee9; - background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } - .button.suggested-action:backdrop:insensitive, .button.suggested-action.flat:backdrop:insensitive, .button.suggested-action.osd .button:backdrop:insensitive, .button.suggested-action.osd .button.flat:backdrop:insensitive { - color: rgba(45, 49, 54, 0.35); - border-color: rgba(174, 176, 179, 0.35); - background-image: linear-gradient(to bottom, rgba(218, 220, 223, 0.35), rgba(209, 212, 215, 0.35)); } - .button.suggested-action:backdrop:insensitive > .label, .button.suggested-action.flat:backdrop:insensitive > .label, .button.suggested-action.osd .button:backdrop:insensitive > .label, .button.suggested-action.osd .button.flat:backdrop:insensitive > .label { - color: inherit; } - .button.suggested-action:backdrop:insensitive:active, .button.suggested-action:backdrop:insensitive:checked, .button.suggested-action.flat:backdrop:insensitive:active, .button.suggested-action.flat:backdrop:insensitive:checked, .button.suggested-action.osd .button:backdrop:insensitive:active, .button.suggested-action.osd .button:backdrop:insensitive:checked, .button.suggested-action.osd .button.flat:backdrop:insensitive:active, .button.suggested-action.osd .button.flat:backdrop:insensitive:checked { - color: #e8e8e8; - border-color: rgba(37, 164, 230, 0.35); - background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } - .button.suggested-action:backdrop:insensitive:active > .label, .button.suggested-action:backdrop:insensitive:checked > .label, .button.suggested-action.flat:backdrop:insensitive:active > .label, .button.suggested-action.flat:backdrop:insensitive:checked > .label, .button.suggested-action.osd .button:backdrop:insensitive:active > .label, .button.suggested-action.osd .button:backdrop:insensitive:checked > .label, .button.suggested-action.osd .button.flat:backdrop:insensitive:active > .label, .button.suggested-action.osd .button.flat:backdrop:insensitive:checked > .label { - color: inherit; } - .button.suggested-action.flat:backdrop, .button.suggested-action.flat:insensitive, .button.suggested-action.flat:backdrop:insensitive, .button.suggested-action.osd .button.flat:backdrop, .button.suggested-action.osd .button.flat:insensitive, .button.suggested-action.osd .button.flat:backdrop:insensitive { - border-color: rgba(255, 255, 255, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: #31363b; - text-shadow: none; - icon-shadow: none; - color: rgba(61, 174, 233, 0.8); } - .button.suggested-action:insensitive, .button.suggested-action.osd .button:insensitive { - color: rgba(45, 49, 54, 0.35); - border-color: rgba(174, 176, 179, 0.35); - background-image: linear-gradient(to bottom, rgba(218, 220, 223, 0.35), rgba(209, 212, 215, 0.35)); } - .button.suggested-action:insensitive > .label, .button.suggested-action.osd .button:insensitive > .label { - color: inherit; } - .button.suggested-action:insensitive:active, .button.suggested-action:insensitive:checked, .button.suggested-action.osd .button:insensitive:active, .button.suggested-action.osd .button:insensitive:checked { - color: #e8e8e8; - border-color: rgba(37, 164, 230, 0.35); - background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } - .button.suggested-action:insensitive:active > .label, .button.suggested-action:insensitive:checked > .label, .button.suggested-action.osd .button:insensitive:active > .label, .button.suggested-action.osd .button:insensitive:checked > .label { - color: inherit; } -.button.destructive-action, .button.destructive-action.osd .button { - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); - text-shadow: none; - icon-shadow: none; - color: #eff0f1; - border-color: #da4453; - background-image: linear-gradient(to bottom, #da4655, #d93d4d); } - .button.destructive-action.flat, .button.destructive-action.osd .button.flat { - border-color: rgba(255, 255, 255, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: #31363b; - text-shadow: none; - icon-shadow: none; - color: #da4453; } - .button.destructive-action:hover, .button.destructive-action.osd .button:hover { - color: white; - border-color: #da4453; } - .button.destructive-action:active, .button.destructive-action:checked, .button.destructive-action.osd .button:active, .button.destructive-action.osd .button:checked { - color: white; - border-color: #da4453; - background-image: linear-gradient(to bottom, #db4b5a, #d62e3f); } - .button.destructive-action:backdrop, .button.destructive-action.flat:backdrop, .button.destructive-action.osd .button:backdrop, .button.destructive-action.osd .button.flat:backdrop { - color: white; - border-color: #c0c2c4; - background-image: linear-gradient(to bottom, #da4655, #d93d4d); } - .button.destructive-action:backdrop:active, .button.destructive-action:backdrop:checked, .button.destructive-action.flat:backdrop:active, .button.destructive-action.flat:backdrop:checked, .button.destructive-action.osd .button:backdrop:active, .button.destructive-action.osd .button:backdrop:checked, .button.destructive-action.osd .button.flat:backdrop:active, .button.destructive-action.osd .button.flat:backdrop:checked { - color: white; - border-color: #da4453; - background-image: linear-gradient(to bottom, #db4b5a, #d62e3f); } - .button.destructive-action:backdrop:insensitive, .button.destructive-action.flat:backdrop:insensitive, .button.destructive-action.osd .button:backdrop:insensitive, .button.destructive-action.osd .button.flat:backdrop:insensitive { - color: rgba(45, 49, 54, 0.35); - border-color: rgba(174, 176, 179, 0.35); - background-image: linear-gradient(to bottom, rgba(218, 220, 223, 0.35), rgba(209, 212, 215, 0.35)); } - .button.destructive-action:backdrop:insensitive > .label, .button.destructive-action.flat:backdrop:insensitive > .label, .button.destructive-action.osd .button:backdrop:insensitive > .label, .button.destructive-action.osd .button.flat:backdrop:insensitive > .label { - color: inherit; } - .button.destructive-action:backdrop:insensitive:active, .button.destructive-action:backdrop:insensitive:checked, .button.destructive-action.flat:backdrop:insensitive:active, .button.destructive-action.flat:backdrop:insensitive:checked, .button.destructive-action.osd .button:backdrop:insensitive:active, .button.destructive-action.osd .button:backdrop:insensitive:checked, .button.destructive-action.osd .button.flat:backdrop:insensitive:active, .button.destructive-action.osd .button.flat:backdrop:insensitive:checked { - color: #e8e8e8; - border-color: rgba(214, 46, 63, 0.35); - background-image: linear-gradient(to bottom, rgba(215, 53, 69, 0.35), rgba(197, 39, 55, 0.35)); } - .button.destructive-action:backdrop:insensitive:active > .label, .button.destructive-action:backdrop:insensitive:checked > .label, .button.destructive-action.flat:backdrop:insensitive:active > .label, .button.destructive-action.flat:backdrop:insensitive:checked > .label, .button.destructive-action.osd .button:backdrop:insensitive:active > .label, .button.destructive-action.osd .button:backdrop:insensitive:checked > .label, .button.destructive-action.osd .button.flat:backdrop:insensitive:active > .label, .button.destructive-action.osd .button.flat:backdrop:insensitive:checked > .label { - color: inherit; } - .button.destructive-action.flat:backdrop, .button.destructive-action.flat:insensitive, .button.destructive-action.flat:backdrop:insensitive, .button.destructive-action.osd .button.flat:backdrop, .button.destructive-action.osd .button.flat:insensitive, .button.destructive-action.osd .button.flat:backdrop:insensitive { - border-color: rgba(255, 255, 255, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: #31363b; - text-shadow: none; - icon-shadow: none; - color: rgba(218, 68, 83, 0.8); } - .button.destructive-action:insensitive, .button.destructive-action.osd .button:insensitive { - color: rgba(45, 49, 54, 0.35); - border-color: rgba(174, 176, 179, 0.35); - background-image: linear-gradient(to bottom, rgba(218, 220, 223, 0.35), rgba(209, 212, 215, 0.35)); } - .button.destructive-action:insensitive > .label, .button.destructive-action.osd .button:insensitive > .label { - color: inherit; } - .button.destructive-action:insensitive:active, .button.destructive-action:insensitive:checked, .button.destructive-action.osd .button:insensitive:active, .button.destructive-action.osd .button:insensitive:checked { - color: #e8e8e8; - border-color: rgba(37, 164, 230, 0.35); - background-image: linear-gradient(to bottom, rgba(215, 53, 69, 0.35), rgba(197, 39, 55, 0.35)); } - .button.destructive-action:insensitive:active > .label, .button.destructive-action:insensitive:checked > .label, .button.destructive-action.osd .button:insensitive:active > .label, .button.destructive-action.osd .button:insensitive:checked > .label { - color: inherit; } -.button.image-button { - padding: 6px; } -.button.text-button { - padding: 6px; } -.button.text-button.image-button { - padding: 6px; } - .button.text-button.image-button .label:first-child { - padding-left: 8px; } - .button.text-button.image-button .label:last-child { - padding-right: 8px; } -.stack-switcher > .button > .label { - padding-left: 6px; - padding-right: 6px; } -.stack-switcher > .button > GtkImage { - padding-left: 6px; - padding-right: 6px; - padding-top: 3px; - padding-bottom: 3px; } -.stack-switcher > .button.text-button { - padding: 6px; } -.stack-switcher > .button.image-button { - padding: 3px 0px; } -.stack-switcher > .button.needs-attention:active > .label, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > .label, .stack-switcher > .button.needs-attention:checked > GtkImage { - animation: none; - background-image: none; } -.inline-toolbar .button, .inline-toolbar .button:backdrop { - border-radius: 3px; - border-width: 1px; } -.primary-toolbar .button { - icon-shadow: none; } - -/************** - * ComboBoxes * - **************/ -GtkComboBox { - -GtkComboBox-arrow-scaling: 0.5; - -GtkComboBox-shadow-type: none; } - GtkComboBox > .button { - padding: 5px 4px; } - GtkComboBox:insensitive { - color: rgba(45, 49, 54, 0.35); - text-shadow: none; - icon-shadow: none; } - GtkComboBox:backdrop { - color: #31363b; - text-shadow: none; - icon-shadow: none; } - GtkComboBox:backdrop:insensitive { - color: rgba(45, 49, 54, 0.35); } - GtkComboBox .menuitem { - text-shadow: none; } - GtkComboBox .separator.vertical, GtkComboBox GtkPlacesSidebar.sidebar .view .vertical.separator, GtkPlacesSidebar.sidebar .view GtkComboBox .vertical.separator { - -GtkWidget-wide-separators: true; } - -.stack-switcher > .button.needs-attention > .label, .stack-switcher > .button.needs-attention > GtkImage, .sidebar-item.needs-attention > .label { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3daee9), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(#31363b), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 4px; } - .stack-switcher > .button.needs-attention > .label:backdrop, .stack-switcher > .button.needs-attention > GtkImage:backdrop, .sidebar-item.needs-attention > .label:backdrop { - background-size: 6px 6px, 0 0; } - .stack-switcher > .button.needs-attention > .label:dir(rtl), .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .sidebar-item.needs-attention > .label:dir(rtl) { - background-position: left 3px, left 4px; } - -.inline-toolbar .button, .inline-toolbar .button:backdrop, .linked > .button, .linked > .button:hover, .linked > .button:active, .linked > .button:checked, .linked > .button:backdrop, GtkComboBox.combobox-entry .entry, GtkComboBox.combobox-entry .button, GtkComboBox.combobox-entry .button:backdrop { - border-radius: 3px; } - .inline-toolbar .button:dir(rtl), .linked > .button:dir(rtl), GtkComboBox.combobox-entry .entry:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl) { - border-radius: 3px; } - -.inline-toolbar .button:first-child, .linked > .button:first-child, GtkComboBox.combobox-entry .entry:first-child, GtkComboBox.combobox-entry .button:first-child { - border-radius: 3px; - border-style: solid; } -.inline-toolbar .button:last-child, .linked > .button:last-child, GtkComboBox.combobox-entry .entry:last-child, GtkComboBox.combobox-entry .button:last-child { - border-radius: 3px; } -.inline-toolbar .button:only-child, .linked > .button:only-child, GtkComboBox.combobox-entry .entry:only-child, GtkComboBox.combobox-entry .button:only-child { - border-radius: 3px; - border-style: solid; } - -.linked.vertical > .button, .linked.vertical > .button:hover, .linked.vertical > .button:active, .linked.vertical > .button:checked, .linked.vertical > .button:backdrop { - border-style: solid; - border-radius: 3px; } - -.linked.vertical > .button:first-child { - border-radius: 3px; } -.linked.vertical > .button:last-child { - border-radius: 3px; - border-style: solid; } -.linked.vertical > .button:only-child { - border-radius: 3px; - border-style: solid; } - -.app-notification .button.flat, -.app-notification.frame .button.flat, .app-notification .button.flat:hover, -.app-notification.frame .button.flat:hover, .app-notification .button.flat:active, -.app-notification.frame .button.flat:active, .app-notification .button.flat:backdrop, .app-notification .button.flat:insensitive, .app-notification .button.flat:backdrop:insensitive, -.app-notification.frame .button.flat:backdrop, -.app-notification.frame .button.flat:insensitive, -.app-notification.frame .button.flat:backdrop:insensitive, GtkCalendar.button, GtkCalendar.button:hover, GtkCalendar.button:active, GtkCalendar.button:backdrop, .titlebar .button.flat:insensitive, -.header-bar .button.flat:insensitive, .button:link, .button:visited, .button:link:hover, .button:link:active, .button:link:checked, .button:visited:hover, .button:visited:active, .button:visited:checked, .button:link:backdrop, .button:visited:backdrop, .list-row.button, -.list-row.button:backdrop, -.list-row.button:backdrop:active, -.list-row.button:backdrop:checked, -.list-row.button:backdrop:insensitive, -.list-row.button:backdrop:insensitive:active, -.list-row.button:backdrop:insensitive:checked, -.list-row.button:insensitive:active, -.list-row.button:insensitive:checked, .menuitem.button.flat, .menuitem.button.flat:backdrop, .menuitem.button.flat:backdrop:hover, .scale-popup .button, -.scale-popup .button.flat, .scale-popup .button:hover, -.scale-popup .button.flat:hover, .scrollbar .button, .scrollbar .button:hover, .scrollbar .button:backdrop, .header-bar .button.titlebutton, -.titlebar .button.titlebutton, .header-bar .button.titlebutton:hover, .header-bar .button.titlebutton:active, .header-bar .button.titlebutton:checked, .header-bar .button.titlebutton:backdrop, .header-bar .button.titlebutton:active:hover, -.titlebar .button.titlebutton:hover, -.titlebar .button.titlebutton:active, -.titlebar .button.titlebutton:checked, -.titlebar .button.titlebutton:backdrop, -.titlebar .button.titlebutton:active:hover { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - text-shadow: none; - icon-shadow: none; } - -/**************** - * Text Entries * - ****************/ -.entry { - border: 1px solid; - padding: 5px 8px 5px; - border-radius: 3px; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - color: #31363b; - border-color: #c0c2c4; - background-color: #fcfcfc; - box-shadow: none; } - .entry.image.left { - padding-left: 0; } - .entry.image.right { - padding-right: 0; } - .entry.flat, .entry.flat:focus { - padding: 2px; - color: #31363b; - border-color: #c0c2c4; - background-color: #fcfcfc; - box-shadow: none; - border: none; - border-radius: 0; } - .entry:focus { - border-color: #3daee9; } - .entry:insensitive { - color: rgba(45, 49, 54, 0.35); - border-color: rgba(174, 176, 179, 0.35); - background-color: #e5e5e5; } - .entry:backdrop { - color: #31363b; - border-color: #c0c2c4; - background-color: #fcfcfc; } - .entry:backdrop:insensitive { - color: rgba(45, 49, 54, 0.35); - border-color: rgba(174, 176, 179, 0.35); - background-color: #e5e5e5; } - .entry.progressbar { - margin: 1px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #3daee9; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; } - .entry.progressbar:backdrop { - background-color: transparent; - border-color: rgba(61, 174, 233, 0.5); } - .entry.error { - color: #da4453; - border-color: #da4453; - background-color: rgba(218, 68, 83, 0.5); } - .entry.error:focus { - border-color: #da4453; - background-color: rgba(218, 68, 83, 0.5); } - .entry.error:selected, .entry.error:selected:focus { - background-color: #da4453; } - .entry.error:backdrop { - color: #da4453; - border-color: #da4453; - background-color: rgba(218, 68, 83, 0.5); } - .entry.warning { - color: #f67400; - border-color: #f67400; - background-color: rgba(246, 116, 0, 0.5); } - .entry.warning:focus { - border-color: #f67400; - background-color: rgba(246, 116, 0, 0.5); } - .entry.warning:selected, .entry.warning:selected:focus { - background-color: #f67400; } - .entry.warning:backdrop { - color: #f67400; - border-color: #f67400; - background-color: rgba(246, 116, 0, 0.5); } - .entry.image { - color: #31363b; } - .entry.image:hover { - color: #93cee9; } - .entry.image:active { - color: #3daee9; } - .entry.image:backdrop { - color: #31363b; } - -/********************* - * App Notifications * - *********************/ -.app-notification, -.app-notification.frame { - padding: 10px; - border-top-width: 0px; - border-radius: 0px 0px 3px 3px; } - .app-notification:backdrop, - .app-notification.frame:backdrop { - background-image: none; } - .app-notification .button, - .app-notification.frame .button { - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); - text-shadow: none; - icon-shadow: none; - color: #31363b; - border-color: #c0c2c4; - background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } - .app-notification .button.flat, - .app-notification.frame .button.flat { - icon-shadow: none; - text-shadow: none; } - .app-notification .button.flat:hover, - .app-notification.frame .button.flat:hover { - color: #93cee9; } - .app-notification .button.flat:active, - .app-notification.frame .button.flat:active { - color: #3daee9; } - .app-notification .button:hover, - .app-notification.frame .button:hover { - color: #31363b; - border-color: #93cee9; } - .app-notification .button:active, .app-notification .button:checked, .app-notification .button:backdrop:active, .app-notification .button:backdrop:checked, - .app-notification.frame .button:active, - .app-notification.frame .button:checked, - .app-notification.frame .button:backdrop:active, - .app-notification.frame .button:backdrop:checked { - color: #eff0f1; - border-color: #3daee9; - background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } - .app-notification .button:insensitive, .app-notification .button:backdrop:insensitive, - .app-notification.frame .button:insensitive, - .app-notification.frame .button:backdrop:insensitive { - color: rgba(45, 49, 54, 0.35); - border-color: rgba(174, 176, 179, 0.35); - background-image: linear-gradient(to bottom, rgba(218, 220, 223, 0.35), rgba(209, 212, 215, 0.35)); } - .app-notification .button:insensitive > .label, .app-notification .button:backdrop:insensitive > .label, - .app-notification.frame .button:insensitive > .label, - .app-notification.frame .button:backdrop:insensitive > .label { - color: inherit; } - .app-notification .button:backdrop, - .app-notification.frame .button:backdrop { - color: #31363b; - border-color: #c0c2c4; - background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } - -/************ - * Calendar * - ***********/ -GtkCalendar { - color: #31363b; - border: 1px solid #c0c2c4; - background-color: #fcfcfc; } - GtkCalendar:selected { - background-color: #c0c2c4; } - GtkCalendar.header { - border: 1px solid #c0c2c4; - border-radius: 0; - color: #31363b; } - GtkCalendar.header:backdrop { - color: #31363b; - border-color: #c0c2c4; } - GtkCalendar.button { - color: #31363b; } - GtkCalendar.button:hover { - color: #93cee9; } - GtkCalendar.button:active { - color: #3daee9; } - GtkCalendar.button:backdrop { - color: #31363b; } - GtkCalendar:inconsistent, GtkCalendar.highlight { - color: rgba(49, 54, 59, 0.5); } - GtkCalendar:inconsistent:backdrop, GtkCalendar.highlight:backdrop { - color: rgba(49, 54, 59, 0.5); } - GtkCalendar:backdrop { - color: #31363b; - border-color: #c0c2c4; - background-color: #fcfcfc; } - -/************************* - * Check and Radio items * - *************************/ -.check { - -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked.png"), url("../assets/check-unchecked@2.png")); - icon-shadow: none; } - -.check:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-hover.png"), url("../assets/check-unchecked-hover@2.png")); - icon-shadow: none; } - -.check:active { - -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-active.png"), url("../assets/check-unchecked-active@2.png")); - icon-shadow: none; } - -.check:insensitive { - -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-insensitive.png"), url("../assets/check-unchecked-insensitive@2.png")); - icon-shadow: none; } - -.check:backdrop { - -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-backdrop.png"), url("../assets/check-unchecked-backdrop@2.png")); - icon-shadow: none; } - -.check:backdrop:insensitive { - -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-backdrop-insensitive.png"), url("../assets/check-unchecked-backdrop-insensitive@2.png")); - icon-shadow: none; } - -.check:inconsistent { - -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); - icon-shadow: none; } - -.check:inconsistent:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-hover.png"), url("../assets/check-mixed-hover@2.png")); - icon-shadow: none; } - -.check:inconsistent:selected { - -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); - icon-shadow: none; } - -.check:inconsistent:backdrop { - -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-backdrop.png"), url("../assets/check-mixed-backdrop@2.png")); - icon-shadow: none; } - -.check:inconsistent:insensitive { - -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-insensitive.png"), url("../assets/check-mixed-insensitive@2.png")); - icon-shadow: none; } - -.check:inconsistent:insensitive:backdrop { - -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-backdrop-insensitive.png"), url("../assets/check-mixed-backdrop-insensitive@2.png")); - icon-shadow: none; } - -.check:checked { - -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); - icon-shadow: none; } - -.check:checked:insensitive { - -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-insensitive.png"), url("../assets/check-checked-insensitive@2.png")); - icon-shadow: none; } - -.check:checked:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-hover.png"), url("../assets/check-checked-hover@2.png")); - icon-shadow: none; } - -.check:checked:active { - -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); - icon-shadow: none; } - -.check:backdrop:checked { - -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-backdrop.png"), url("../assets/check-checked-backdrop@2.png")); - icon-shadow: none; } - -.check:backdrop:checked:insensitive { - -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-backdrop-insensitive.png"), url("../assets/check-checked-backdrop-insensitive@2.png")); - icon-shadow: none; } - -.menu .menuitem.check:hover, -.popover .button.flat.check:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked.png"), url("../assets/check-unchecked@2.png")); } - -.menu .menuitem.check:active:hover, -.popover .button.flat.check:active:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } - -.menu .menuitem.check:checked:hover, -.popover .button.flat.check:checked:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } - -.menu .menuitem.check:inconsistent:hover, -.popover .button.flat.check:inconsistent:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); } - -.radio { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); - icon-shadow: none; } - -.radio:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-hover.png"), url("../assets/radio-unchecked-hover@2.png")); - icon-shadow: none; } - -.radio:active { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-active.png"), url("../assets/radio-unchecked-active@2.png")); - icon-shadow: none; } - -.radio:insensitive { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-insensitive.png"), url("../assets/radio-unchecked-insensitive@2.png")); - icon-shadow: none; } - -.radio:backdrop { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-backdrop.png"), url("../assets/radio-unchecked-backdrop@2.png")); - icon-shadow: none; } - -.radio:backdrop:insensitive { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-backdrop-insensitive.png"), url("../assets/radio-unchecked-backdrop-insensitive@2.png")); - icon-shadow: none; } - -.radio:inconsistent { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); - icon-shadow: none; } - -.radio:inconsistent:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-hover.png"), url("../assets/radio-mixed-hover@2.png")); - icon-shadow: none; } - -.radio:inconsistent:selected { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); - icon-shadow: none; } - -.radio:inconsistent:backdrop { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-backdrop.png"), url("../assets/radio-mixed-backdrop@2.png")); - icon-shadow: none; } - -.radio:inconsistent:insensitive { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive.png"), url("../assets/radio-mixed-insensitive@2.png")); - icon-shadow: none; } - -.radio:inconsistent:insensitive:backdrop { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-backdrop-insensitive.png"), url("../assets/radio-mixed-backdrop-insensitive@2.png")); - icon-shadow: none; } - -.radio:checked { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); - icon-shadow: none; } - -.radio:checked:insensitive { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-insensitive.png"), url("../assets/radio-checked-insensitive@2.png")); - icon-shadow: none; } - -.radio:checked:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-hover.png"), url("../assets/radio-checked-hover@2.png")); - icon-shadow: none; } - -.radio:checked:active { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); - icon-shadow: none; } - -.radio:backdrop:checked { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-backdrop.png"), url("../assets/radio-checked-backdrop@2.png")); - icon-shadow: none; } - -.radio:backdrop:checked:insensitive { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-backdrop-insensitive.png"), url("../assets/radio-checked-backdrop-insensitive@2.png")); - icon-shadow: none; } - -.menu .menuitem.radio:hover, -.popover .button.flat.radio:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); } - -.menu .menuitem.radio:active:hover, -.popover .button.flat.radio:active:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } - -.menu .menuitem.radio:checked:hover, -.popover .button.flat.radio:checked:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } - -.menu .menuitem.radio:inconsistent:hover, -.popover .button.flat.radio:inconsistent:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); } - -.view.check, .view.radio, -.list-row .check, list-row .radio { - icon-shadow: none; } - .view.check:selected, .view.check:hover, .view.radio:selected, .view.radio:hover, - .list-row .check:selected, - .list-row .check:hover, list-row .radio:selected, list-row .radio:hover { - icon-shadow: none; } - -.view.content-view.check { - icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-unchecked.png"), url("../assets/check-selectionmode-unchecked@2.png")); - background-color: transparent; } - -.view.content-view.check:hover { - icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-unchecked-hover.png"), url("../assets/check-selectionmode-unchecked-hover@2.png")); - background-color: transparent; } - -.view.content-view.check:active { - icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-unchecked-active.png"), url("../assets/check-selectionmode-unchecked-active@2.png")); - background-color: transparent; } - -.view.content-view.check:backdrop { - icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-unchecked-backdrop.png"), url("../assets/check-selectionmode-unchecked-backdrop@2.png")); - background-color: transparent; } - -.view.content-view.check:checked { - icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-checked-active.png"), url("../assets/check-selectionmode-checked-active@2.png")); - background-color: transparent; } - -.view.content-view.check:checked:hover { - icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-checked-hover.png"), url("../assets/check-selectionmode-checked-hover@2.png")); - background-color: transparent; } - -.view.content-view.check:checked:active { - icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-checked-active.png"), url("../assets/check-selectionmode-checked-active@2.png")); - background-color: transparent; } - -.view.content-view.check:backdrop:checked { - icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-checked-backdrop.png"), url("../assets/check-selectionmode-checked-backdrop@2.png")); - background-color: transparent; } - -GtkCheckButton.text-button, GtkRadioButton.text-button { - padding: 1px 2px 4px; - outline-offset: 0; } - GtkCheckButton.text-button:insensitive, GtkCheckButton.text-button:insensitive:active, GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, GtkRadioButton.text-button:insensitive:active, GtkRadioButton.text-button:insensitive:inconsistent { - color: rgba(45, 49, 54, 0.35); } - GtkCheckButton.text-button:insensitive:backdrop, GtkCheckButton.text-button:insensitive:active:backdrop, GtkCheckButton.text-button:insensitive:inconsistent:backdrop, GtkRadioButton.text-button:insensitive:backdrop, GtkRadioButton.text-button:insensitive:active:backdrop, GtkRadioButton.text-button:insensitive:inconsistent:backdrop { - color: rgba(45, 49, 54, 0.35); } - -/***************** - * Color Chooser * - *****************/ -:selected GtkColorSwatch { - box-shadow: none; } - :selected GtkColorSwatch.overlay, :selected GtkColorSwatch.overlay:hover { - border-color: #eff0f1; } -GtkColorSwatch:selected { - box-shadow: none; } -GtkColorSwatch.top, GtkColorSwatch.bottom, GtkColorSwatch.left, GtkColorSwatch:first-child:not(.overlay):not(.top), GtkColorSwatch.right, GtkColorSwatch:last-child:not(.overlay):not(.bottom), GtkColorSwatch:only-child:not(.overlay), GtkColorSwatch.top > .overlay, GtkColorSwatch.bottom > .overlay, GtkColorSwatch:first-child:not(.top) > .overlay, GtkColorSwatch:last-child:not(.bottom) > .overlay, GtkColorSwatch:only-child > .overlay { - border-radius: 3px; } -GtkColorSwatch:hover, GtkColorSwatch:hover:selected { - background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0) 50%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } - GtkColorSwatch:hover.color-dark, GtkColorSwatch:hover:selected.color-dark { - background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 50%); } -GtkColorSwatch:backdrop, GtkColorSwatch:backdrop:selected -GtkColorSwatch.color-dark:backdrop, GtkColorSwatch.color-dark:backdrop:selected { - background-image: none; - box-shadow: none; } -GtkColorEditor GtkColorSwatch { - border-radius: 3px; } - GtkColorEditor GtkColorSwatch:hover { - background-image: none; - box-shadow: none; } - GtkColorEditor GtkColorSwatch:backdrop { - box-shadow: none; } -GtkColorSwatch.color-dark { - color: white; - outline-color: rgba(0, 0, 0, 0.3); } - GtkColorSwatch.color-dark:backdrop { - color: rgba(255, 255, 255, 0.3); } -GtkColorSwatch.color-light { - color: black; - outline-color: rgba(255, 255, 255, 0.5); } - GtkColorSwatch.color-light:backdrop { - color: rgba(0, 0, 0, 0.3); } -GtkColorSwatch.overlay, GtkColorSwatch.overlay:selected { - border: 1px solid #c0c2c4; } - GtkColorSwatch.overlay:hover, GtkColorSwatch.overlay:selected:hover { - border-color: #93cee9; } -GtkColorSwatch#add-color-button { - border-style: solid; - border-width: 1px; - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); - text-shadow: none; - icon-shadow: none; - color: #31363b; - border-color: #c0c2c4; - background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } - GtkColorSwatch#add-color-button:hover { - color: #31363b; - border-color: #93cee9; } - GtkColorSwatch#add-color-button:backdrop { - color: #31363b; - border-color: #c0c2c4; - background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } - GtkColorSwatch#add-color-button .overlay { - border-color: rgba(255, 255, 255, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: #31363b; - text-shadow: none; - icon-shadow: none; } - -GtkColorButton.button { - padding: 5px; } - GtkColorButton.button GtkColorSwatch:first-child:last-child { - border-radius: 0; - box-shadow: none; } - GtkColorButton.button GtkColorSwatch:first-child:last-child:insensitive, GtkColorButton.button GtkColorSwatch:first-child:last-child:backdrop { - box-shadow: none; } - -/*********** - * Dialogs * - ***********/ -.message-dialog { - -GtkDialog-button-spacing: 8; - -GtkDialog-action-area-border: 8; } - .message-dialog.background { - background-color: #eff0f1; } - .message-dialog:backdrop { - background-color: #eff0f1; } - .message-dialog .titlebar { - box-shadow: none; } - -GtkFileChooserDialog .search-bar { - background-color: #eff0f1; - border-color: #eff0f1; - box-shadow: none; } - GtkFileChooserDialog .search-bar:backdrop { - background-color: #eff0f1; - border-color: #eff0f1; - color: #31363b; } -GtkFileChooserDialog .dialog-action-box { - border-top: 1px solid #c0c2c4; } - GtkFileChooserDialog .dialog-action-box:backdrop { - border-top-color: #c0c2c4; } - -/*************** - * Header bars * - ***************/ -.titlebar, -.header-bar { - transition: none; - padding: 4px 6px; - border-width: 0px 0px 1px 0px; - border-radius: 3px 3px 0px 0px; - border-style: solid; - border-color: #3daee9; - color: #eff0f1; - background-image: linear-gradient(to bottom, #556068, #475057); } - .titlebar:backdrop, - .header-bar:backdrop { - border-color: transparent; - background-image: none; - background-color: #eff0f1; - color: #bdc3c7; - box-shadow: none; } - .titlebar .path-bar .button, - .header-bar .path-bar .button { - color: #eff0f1; } - .titlebar .button, - .header-bar .button { - transition: none; - border-color: rgba(255, 255, 255, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: #eff0f1; - text-shadow: none; - icon-shadow: none; } - .titlebar .button.flat, - .header-bar .button.flat { - border-color: rgba(255, 255, 255, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: #eff0f1; - text-shadow: none; - icon-shadow: none; } - .titlebar .button:hover, - .header-bar .button:hover { - color: #eff0f1; - border-color: #93cee9; } - .titlebar .button:hover:backdrop, - .header-bar .button:hover:backdrop { - border-color: #eff0f1; } - .titlebar .button:active, .titlebar .button:checked, - .header-bar .button:active, - .header-bar .button:checked { - color: #eff0f1; - border-color: #3daee9; - background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } - .titlebar .button:active:hover, .titlebar .button:checked:hover, - .header-bar .button:active:hover, - .header-bar .button:checked:hover { - color: #31363b; - border-color: #93cee9; - background-image: linear-gradient(to bottom, #9cd2eb, #76c1e3); } - .titlebar .button:active:backdrop, .titlebar .button:checked:backdrop, - .header-bar .button:active:backdrop, - .header-bar .button:checked:backdrop { - background-image: none; - background-color: #eff0f1; - border-color: #eff0f1; - color: #bdc3c7; } - .titlebar .button:backdrop, - .header-bar .button:backdrop { - background-color: #eff0f1; - color: #bdc3c7; } - .titlebar .button.flat:backdrop, .titlebar .button.flat:backdrop:insensitive, .titlebar .button:insensitive:backdrop, - .header-bar .button.flat:backdrop, - .header-bar .button.flat:backdrop:insensitive, - .header-bar .button:insensitive:backdrop { - background-image: none; - background-color: #eff0f1; - color: #bdc3c7; - border-color: transparent; } - .titlebar .button.flat:insensitive, - .header-bar .button.flat:insensitive { - color: rgba(216, 218, 221, 0.35); } - .titlebar .button:insensitive, - .header-bar .button:insensitive { - background-color: transparent; - background-image: none; - color: rgba(216, 218, 221, 0.35); } - .titlebar .button:insensitive:active, .titlebar .button:insensitive:checked, - .header-bar .button:insensitive:active, - .header-bar .button:insensitive:checked { - color: rgba(216, 218, 221, 0.35); - border-color: rgba(37, 164, 230, 0.35); - background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } - .titlebar .button:insensitive:active > .label, .titlebar .button:insensitive:checked > .label, - .header-bar .button:insensitive:active > .label, - .header-bar .button:insensitive:checked > .label { - color: inherit; } - .titlebar .title, - .header-bar .title { - font-weight: normal; - padding: 0px 12px; } - .titlebar .subtitle, - .header-bar .subtitle { - font-size: smaller; - padding: 0 12px; } - .titlebar .header-bar-separator, .titlebar > GtkBox > .separator.vertical, - GtkPlacesSidebar.sidebar .view .titlebar > GtkBox > .vertical.separator:backdrop, - .header-bar .header-bar-separator, - .header-bar > GtkBox > .separator.vertical, - GtkPlacesSidebar.sidebar .view .header-bar > GtkBox > .vertical.separator:backdrop { - -GtkWidget-wide-separators: true; - -GtkWidget-separator-width: 1px; - border-width: 0px; - background-color: #475057; - border-color: #475057; } - .titlebar .header-bar-separator:backdrop, .titlebar > GtkBox > .separator.vertical:backdrop, - .header-bar .header-bar-separator:backdrop, - .header-bar > GtkBox > .separator.vertical:backdrop { - background-color: #eff0f1; - border-color: #eff0f1; } - .titlebar.selection-mode .selection-menu, - .header-bar.selection-mode .selection-menu { - padding-left: 10px; - padding-right: 10px; } - .titlebar.selection-mode .selection-menu GtkArrow, - .header-bar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; } - .titlebar.selection-mode .selection-menu .arrow, - .header-bar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("arrow-down"); - icon-shadow: none; } - .tiled .titlebar, .maximized .titlebar, .tiled - .header-bar, .maximized - .header-bar { - border-radius: 0; } - .titlebar.default-decoration, - .header-bar.default-decoration { - padding: 4px; } - .titlebar.default-decoration .button, - .header-bar.default-decoration .button { - padding: 5px; } - -.titlebar .button.suggested-action, -.header-bar .button.suggested-action, .titlebar.selection-mode.suggested-action, -.header-bar.selection-mode.suggested-action { - background-image: none; - background-color: #3daee9; } - .titlebar .button.suggested-action:hover, - .header-bar .button.suggested-action:hover, .titlebar.selection-mode.suggested-action:hover, - .header-bar.selection-mode.suggested-action:hover { - background-color: #93cee9; - color: #31363b; } - .titlebar .button.suggested-action:insensitive, - .header-bar .button.suggested-action:insensitive, .titlebar.selection-mode.suggested-action:insensitive, - .header-bar.selection-mode.suggested-action:insensitive { - background-color: transparent; - background-image: none; - color: rgba(216, 218, 221, 0.35); } - .titlebar .button.suggested-action:insensitive:active, - .header-bar .button.suggested-action:insensitive:active, .titlebar.selection-mode.suggested-action:insensitive:active, - .header-bar.selection-mode.suggested-action:insensitive:active, .titlebar .button.suggested-action:insensitive:checked, - .header-bar .button.suggested-action:insensitive:checked, .titlebar.selection-mode.suggested-action:insensitive:checked, - .header-bar.selection-mode.suggested-action:insensitive:checked { - color: rgba(216, 218, 221, 0.35); - border-color: rgba(37, 164, 230, 0.35); - background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } - .titlebar .button.suggested-action:insensitive:active > .label, - .header-bar .button.suggested-action:insensitive:active > .label, .titlebar.selection-mode.suggested-action:insensitive:active > .label, - .header-bar.selection-mode.suggested-action:insensitive:active > .label, .titlebar .button.suggested-action:insensitive:checked > .label, - .header-bar .button.suggested-action:insensitive:checked > .label, .titlebar.selection-mode.suggested-action:insensitive:checked > .label, - .header-bar.selection-mode.suggested-action:insensitive:checked > .label { - color: inherit; } - .titlebar .button.suggested-action:backdrop, - .header-bar .button.suggested-action:backdrop, .titlebar.selection-mode.suggested-action:backdrop, - .header-bar.selection-mode.suggested-action:backdrop { - background-color: #eff0f1; - border-color: transparent; - color: #bdc3c7; } - .titlebar .button.suggested-action:backdrop:insensitive, - .header-bar .button.suggested-action:backdrop:insensitive, .titlebar.selection-mode.suggested-action:backdrop:insensitive, - .header-bar.selection-mode.suggested-action:backdrop:insensitive { - color: rgba(170, 178, 183, 0.35); } - -/************** - * GtkInfoBar * - **************/ -GtkInfoBar { - border-style: none; - border-bottom: 1px solid #c0c2c4; - background-color: #eff0f1; - background-image: none; } - GtkInfoBar:backdrop { - border-bottom: 1px solid #c0c2c4; } - -.info, .titlebar.selection-mode, -.header-bar.selection-mode, -.question, -.warning, -.error { - background-color: #eff0f1; - background-image: none; - color: #f67400; - text-shadow: none; } - .info:backdrop, .titlebar.selection-mode:backdrop, - .header-bar.selection-mode:backdrop, - .question:backdrop, - .warning:backdrop, - .error:backdrop { - background-color: #eff0f1; - color: #f67400; } - .info .button, .titlebar.selection-mode .button, - .header-bar.selection-mode .button, - .question .button, - .warning .button, - .error .button { - box-shadow: none; - background-image: none; - background-color: rgba(246, 116, 0, 0.5); - border-color: rgba(246, 116, 0, 0.5); - color: #31363b; } - .info .button:hover, .titlebar.selection-mode .button:hover, - .header-bar.selection-mode .button:hover, - .question .button:hover, - .warning .button:hover, - .error .button:hover { - background-color: rgba(246, 116, 0, 0.25); - border-color: #f67400; } - .info .button:active, .titlebar.selection-mode .button:active, - .header-bar.selection-mode .button:active, .info .button:checked, .titlebar.selection-mode .button:checked, - .header-bar.selection-mode .button:checked, - .question .button:active, - .question .button:checked, - .warning .button:active, - .warning .button:checked, - .error .button:active, - .error .button:checked { - background-image: linear-gradient(to bottom, #f87500, #ef7100); - color: #eff0f1; - border-color: #f67400; } - .info .button:insensitive, .titlebar.selection-mode .button:insensitive, - .header-bar.selection-mode .button:insensitive, - .question .button:insensitive, - .warning .button:insensitive, - .error .button:insensitive { - background-color: rgba(224, 105, 0, 0); - border-color: rgba(224, 105, 0, 0); - color: rgba(45, 49, 54, 0.35); } - .info .button:backdrop, .titlebar.selection-mode .button:backdrop, - .header-bar.selection-mode .button:backdrop, - .question .button:backdrop, - .warning .button:backdrop, - .error .button:backdrop { - background-color: rgba(246, 116, 0, 0.5); - border-color: rgba(246, 116, 0, 0.5); - color: #31363b; } - .info .button:backdrop:active, .titlebar.selection-mode .button:backdrop:active, - .header-bar.selection-mode .button:backdrop:active, .info .button:backdrop:checked, .titlebar.selection-mode .button:backdrop:checked, - .header-bar.selection-mode .button:backdrop:checked, - .question .button:backdrop:active, - .question .button:backdrop:checked, - .warning .button:backdrop:active, - .warning .button:backdrop:checked, - .error .button:backdrop:active, - .error .button:backdrop:checked { - background-image: linear-gradient(to bottom, #f87500, #ef7100); - color: #eff0f1; - border-color: #f67400; } - .info .button:backdrop:insensitive, .titlebar.selection-mode .button:backdrop:insensitive, - .header-bar.selection-mode .button:backdrop:insensitive, - .question .button:backdrop:insensitive, - .warning .button:backdrop:insensitive, - .error .button:backdrop:insensitive { - background-color: rgba(224, 105, 0, 0); - border-color: rgba(224, 105, 0, 0); - color: rgba(45, 49, 54, 0.35); } - .info .button:backdrop:insensitive:active, .titlebar.selection-mode .button:backdrop:insensitive:active, - .header-bar.selection-mode .button:backdrop:insensitive:active, .info .button:backdrop:insensitive:checked, .titlebar.selection-mode .button:backdrop:insensitive:checked, - .header-bar.selection-mode .button:backdrop:insensitive:checked, - .question .button:backdrop:insensitive:active, - .question .button:backdrop:insensitive:checked, - .warning .button:backdrop:insensitive:active, - .warning .button:backdrop:insensitive:checked, - .error .button:backdrop:insensitive:active, - .error .button:backdrop:insensitive:checked { - background-image: linear-gradient(to bottom, rgba(226, 107, 0, 0.35), rgba(217, 102, 0, 0.35)); - color: rgba(216, 218, 221, 0.35); - border-color: rgba(224, 105, 0, 0.35); } - -/********* - * Links * - *********/ -*:link, .button:link, .button:visited { - color: #2980b9; } - *:link:visited, .button:visited { - color: #7f8c8d; } - *:selected *:link:visited, *:selected .button:visited { - color: #a8d6ee; } - *:link:hover, .button:hover:link, .button:hover:visited { - color: #409ad5; } - *:selected *:link:hover, *:selected .button:hover:link, *:selected .button:hover:visited { - color: #dde9f0; } - *:link:active, .button:active:link, .button:active:visited { - color: #2980b9; } - *:selected *:link:active, *:selected .button:active:link, *:selected .button:active:visited { - color: #cbe3ef; } - *:link:backdrop, .button:backdrop:link, .button:backdrop:visited, *:link:backdrop:hover, .button:backdrop:hover:link, .button:backdrop:hover:visited, *:link:backdrop:hover:selected, .titlebar.selection-mode .subtitle:backdrop:hover:link, - .header-bar.selection-mode .subtitle:backdrop:hover:link, .button:backdrop:hover:selected:link, .button:backdrop:hover:selected:visited { - color: rgba(61, 174, 233, 0.5); } - *:link:selected, .titlebar.selection-mode .subtitle:link, - .header-bar.selection-mode .subtitle:link, .button:selected:link, .button:selected:visited, *:selected *:link, *:selected .button:link, *:selected .button:visited { - color: #cbe3ef; } - -.button:link, .button:visited { - text-shadow: none; } - .button:link:hover, .button:link:active, .button:link:checked, .button:visited:hover, .button:visited:active, .button:visited:checked { - text-shadow: none; } - -/********* - * Lists * - *********/ -.list, .list-row { - background-color: #eff0f1; - color: #31363b; - border-width: 0px; } - .list:backdrop, .list-row:backdrop { - background-color: #eff0f1; - color: #31363b; } - -.list-row, -.grid-child { - padding: 0px 2px; - border-style: solid; - border-width: 0px; - border-color: #eff0f1; } - -.list-row.button, -.list-row.button:backdrop, -.list-row.button:backdrop:active, -.list-row.button:backdrop:checked, -.list-row.button:backdrop:insensitive, -.list-row.button:backdrop:insensitive:active, -.list-row.button:backdrop:insensitive:checked, -.list-row.button:insensitive:active, -.list-row.button:insensitive:checked { - background-color: rgba(252, 252, 252, 0); - border-style: none; - border-radius: 0; - box-shadow: none; } - -.list-row.button { - background-color: #eff0f1; } - .list-row.button:hover { - background-color: rgba(147, 206, 233, 0.25); } - .list-row.button:active { - background-color: #3daee9; - box-shadow: none; } - .list-row.button:selected { - background-color: #3daee9; } - .list-row.button:selected:active { - box-shadow: none; } - .list-row.button:selected:hover { - color: #31363b; - border-color: #93cee9; - background-image: linear-gradient(to bottom, #9cd2eb, #76c1e3); } - .list-row.button:selected:backdrop { - background-color: rgba(61, 174, 233, 0.5); } - .list-row.button:backdrop { - background-color: #eff0f1; } - -.list-row:selected .button { - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); - text-shadow: none; - icon-shadow: none; - color: #31363b; - border-color: #c0c2c4; - background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } - .list-row:selected .button.flat { - border-color: rgba(255, 255, 255, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: #31363b; - text-shadow: none; - icon-shadow: none; } - .list-row:selected .button:hover { - color: #31363b; - border-color: #93cee9; } - .list-row:selected .button:active, .list-row:selected .button:checked { - color: #eff0f1; - border-color: #3daee9; - background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } - .list-row:selected .button:backdrop, .list-row:selected .button.flat:backdrop { - color: #31363b; - border-color: #c0c2c4; - background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } - .list-row:selected .button:backdrop:active, .list-row:selected .button:backdrop:checked, .list-row:selected .button.flat:backdrop:active, .list-row:selected .button.flat:backdrop:checked { - color: #eff0f1; - border-color: #3daee9; - background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } - .list-row:selected .button:backdrop:insensitive, .list-row:selected .button.flat:backdrop:insensitive { - color: rgba(45, 49, 54, 0.35); - border-color: rgba(174, 176, 179, 0.35); - background-image: linear-gradient(to bottom, rgba(218, 220, 223, 0.35), rgba(209, 212, 215, 0.35)); } - .list-row:selected .button:backdrop:insensitive > .label, .list-row:selected .button.flat:backdrop:insensitive > .label { - color: inherit; } - .list-row:selected .button:backdrop:insensitive:active, .list-row:selected .button:backdrop:insensitive:checked, .list-row:selected .button.flat:backdrop:insensitive:active, .list-row:selected .button.flat:backdrop:insensitive:checked { - color: rgba(216, 218, 221, 0.35); - border-color: rgba(37, 164, 230, 0.35); - background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } - .list-row:selected .button:backdrop:insensitive:active > .label, .list-row:selected .button:backdrop:insensitive:checked > .label, .list-row:selected .button.flat:backdrop:insensitive:active > .label, .list-row:selected .button.flat:backdrop:insensitive:checked > .label { - color: inherit; } - .list-row:selected .button.flat:backdrop { - background-color: #eff0f1; - color: #31363b; - border-color: transparent; } - .list-row:selected .button:insensitive { - color: rgba(45, 49, 54, 0.35); - border-color: rgba(174, 176, 179, 0.35); - background-image: linear-gradient(to bottom, rgba(218, 220, 223, 0.35), rgba(209, 212, 215, 0.35)); } - .list-row:selected .button:insensitive > .label { - color: inherit; } - .list-row:selected .button:insensitive:active, .list-row:selected .button:insensitive:checked { - color: rgba(216, 218, 221, 0.35); - border-color: rgba(37, 164, 230, 0.35); - background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } - .list-row:selected .button:insensitive:active > .label, .list-row:selected .button:insensitive:checked > .label { - color: inherit; } - -.list-row, list-row.button { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - .list-row:hover, list-row.button:hover { - transition: none; } - -/********* - * Menus * - *********/ -/* menu buttons */ -.menuitem.button.flat { - color: #31363b; } - .menuitem.button.flat:hover { - background-color: #93cee9; } - .menuitem.button.flat:selected { - background-color: #3daee9; - color: #eff0f1; } - .menuitem.button.flat:backdrop, .menuitem.button.flat:backdrop:hover { - color: #31363b; } - -.menubar { - -GtkWidget-window-dragging: true; - padding: 0px; - box-shadow: none; - background-color: #eff0f1; } - .menubar:backdrop { - background-color: #eff0f1; } - .menubar > .menuitem { - padding: 6px 8px; - border: 1px solid #eff0f1; } - .menubar > .menuitem:hover { - background-color: #3daee9; - color: #eff0f1; } - .menubar > .menuitem:insensitive { - color: rgba(45, 49, 54, 0.35); - box-shadow: none; } - .menubar > .menuitem:insensitive:backdrop { - background-color: #eff0f1; - color: rgba(45, 49, 54, 0.35); } - .menubar > .menuitem:backdrop { - background-color: #eff0f1; - border-color: #eff0f1; - color: #31363b; } - -.menu { - padding: 0px; - background-color: #eff0f1; - border: 1px solid #c0c2c4; - border-radius: 3px; } - .csd .menu { - border: 1px solid #c0c2c4; } - .menu .separator, .menu GtkPlacesSidebar.sidebar .view .separator, GtkPlacesSidebar.sidebar .view .menu .separator { - color: #c0c2c4; } - .menu .menuitem { - text-shadow: none; - padding: 4px 4px; } - .menu .menuitem:hover { - color: #eff0f1; - background-color: #3daee9; } - .menu .menuitem:insensitive { - color: rgba(45, 49, 54, 0.35); } - .menu .menuitem:insensitive:backdrop { - color: rgba(45, 49, 54, 0.35); } - .menu .menuitem:backdrop, .menu .menuitem:backdrop:hover { - color: #31363b; - background-color: #eff0f1; } - .menu .menuitem.arrow { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - .menu .menuitem.arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } - -.menuitem .accelerator { - color: alpha(currentColor,0.5); } - -/*************** - * Popovers * - ***************/ -.popover { - margin: 10px; - padding: 0px; - border: 1px solid #c0c2c4; - border-radius: 3px; - background-color: #eff0f1; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.8); } - .popover:backdrop { - box-shadow: none; } - .popover > .list, - .popover > .view, - .popover > .toolbar, - .popover > .inline-toolbar, - .popover > .search-bar, - .popover > .location-bar, .popover.osd > .toolbar, .popover.osd > .inline-toolbar, .popover.osd > .search-bar, .popover.osd > .location-bar { - border-style: none; - background-color: transparent; } - .popover .button.flat { - border-radius: 0px; - color: #31363b; } - .popover .button.flat .label { - padding: 4px 0px; } - .popover .button.flat:hover, .popover .button.flat:checked:hover { - background-image: none; - background-color: #3daee9; - color: #eff0f1; - transition: none; } - .popover .button.flat:backdrop { - background-color: transparent; - color: #31363b; } - -.entry.cursor-handle, -.cursor-handle { - background-color: transparent; - background-image: none; - box-shadow: none; - border-style: none; } - .entry.cursor-handle.top, - .cursor-handle.top { - -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); } - .entry.cursor-handle.bottom, - .cursor-handle.bottom { - -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } - -.scale-popup .button, -.scale-popup .button.flat { - background-color: transparent; - padding: 5px; - color: #31363b; } - .scale-popup .button:hover, - .scale-popup .button.flat:hover { - color: #93cee9; } - .scale-popup .button:active, - .scale-popup .button.flat:active { - color: #3daee9; } - .scale-popup .button:insensitive, - .scale-popup .button.flat:insensitive { - color: rgba(45, 49, 54, 0.35); } - .scale-popup .button:backdrop, - .scale-popup .button.flat:backdrop { - color: #31363b; } - .scale-popup .button:backdrop:insensitive, - .scale-popup .button.flat:backdrop:insensitive { - color: rgba(45, 49, 54, 0.35); } - -GtkVolumeButton.button { - padding: 5px; } - -/******** - * Misc * - ********/ -/********** -* Frames * -**********/ -.frame { - border: 1px solid #c0c2c4; - padding: 0; } - .frame.flat { - border-style: none; } - .frame.action-bar { - padding: 6px; - border-width: 1px 0 0; } - .frame.action-bar:backdrop { - border-color: #c0c2c4; } - .frame:backdrop { - border-color: #c0c2c4; } - -GtkScrolledWindow GtkViewport.frame { - border-style: none; } - -.separator, GtkPlacesSidebar.sidebar .view .separator, -GtkPlacesSidebar.sidebar .view .separator:backdrop { - color: transparent; } - .separator.vertical, GtkPlacesSidebar.sidebar .view .vertical.separator { - color: #c0c2c4; } - .separator.vertical:backdrop, GtkPlacesSidebar.sidebar .view .vertical.separator:backdrop { - color: #c0c2c4; } - GtkFileChooserButton .separator.vertical, GtkFileChooserButton GtkPlacesSidebar.sidebar .view .vertical.separator, GtkPlacesSidebar.sidebar .view GtkFileChooserButton .vertical.separator, GtkFontButton .separator.vertical, GtkFontButton GtkPlacesSidebar.sidebar .view .vertical.separator, GtkPlacesSidebar.sidebar .view GtkFontButton .vertical.separator { - -GtkWidget-wide-separators: true; } - -/************* -* Expanders * -*************/ -.expander { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - .expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } - .expander:hover { - color: #77838e; } - .expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - -/********* -* Paned * -*********/ -GtkPaned { - -GtkPaned-handle-size: 1; - -gtk-icon-source: none; - margin: 0 8px 8px 0; } - GtkPaned:dir(rtl) { - margin-right: 0; - margin-left: 8px; } - GtkPaned .pane-separator { - background-color: #c0c2c4; } - GtkPaned .pane-separator:backdrop { - background-color: #c0c2c4; } - -GtkPaned.wide { - -GtkPaned-handle-size: 5; - margin: 0; } - GtkPaned.wide .pane-separator { - background-color: transparent; - border-style: none; } - GtkPaned.wide.vertical .pane-separator { - border-style: none; } - GtkPaned.wide .pane-separator:backdrop { - border-color: transparent; } - -/********************* -* Spinner Animation * -*********************/ -@keyframes spin { - to { - -gtk-icon-transform: rotate(1turn); } } -.spinner { - background-image: none; - background-color: blue; - opacity: 0; - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } - .spinner:active { - opacity: 1; - animation: spin 1s linear infinite; } - .spinner:active:insensitive { - opacity: 0.5; } - -/***************** - * Notebooks and * - * Tabs * - *****************/ -.notebook { - -GtkNotebook-initial-gap: 0; - -GtkNotebook-arrow-spacing: 5; - -GtkNotebook-tab-curvature: 0; - -GtkNotebook-tab-overlap: 1; - -GtkNotebook-has-tab-gap: false; - -GtkWidget-focus-padding: 0; - -GtkWidget-focus-line-width: 0; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: #eff0f1; } - .notebook:backdrop { - background-color: #eff0f1; } - .notebook.frame { - border: 1px solid #c0c2c4; } - .notebook.frame.top { - border-top-width: 0; } - .notebook.frame.bottom { - border-bottom-width: 0; } - .notebook.frame.right { - border-right-width: 0; } - .notebook.frame.left { - border-left-width: 0; } - .notebook.frame:backdrop { - border-color: #c0c2c4; } - .notebook.header { - background-color: #eff0f1; - padding-top: 4px; } - .notebook.header.frame { - border-style: none; } - .notebook.header.top { - box-shadow: inset 0 -1px #c0c2c4; } - .notebook.header.top:backdrop { - box-shadow: inset 0 -1px #c0c2c4; } - .notebook.header.bottom { - box-shadow: inset 0 1px #c0c2c4; } - .notebook.header.bottom:backdrop { - box-shadow: inset 0 1px #c0c2c4; } - .notebook.header.right { - box-shadow: inset 1px 0 #c0c2c4; } - .notebook.header.right:backdrop { - box-shadow: inset 1px 0 #c0c2c4; } - .notebook.header.left { - box-shadow: inset -1px 0 #c0c2c4; } - .notebook.header.left:backdrop { - box-shadow: inset -1px 0 #c0c2c4; } - .notebook.header:backdrop { - background-color: #eff0f1; } - .notebook tab { - border: 1px solid rgba(49, 54, 59, 0.2); - background-color: rgba(49, 54, 59, 0.2); - background-clip: padding-box; - padding: 8px; } - .notebook tab:backdrop { - background-color: rgba(49, 54, 59, 0.2); } - .notebook tab.reorderable-page { - background-color: #eff0f1; } - .notebook tab.reorderable-page.top, .notebook tab.reorderable-page.bottom { - padding-left: 12px; - padding-right: 6px; - padding-bottom: 8px; } - .notebook tab.top { - border-radius: 3px 3px 0px 0px; - border-bottom-color: transparent; } - .notebook tab.top:active, .notebook tab.top.active-page { - border-color: #c0c2c4; - border-bottom-color: #eff0f1; - background-color: #eff0f1; } - .notebook tab.top:active:backdrop, .notebook tab.top.active-page:backdrop { - border-color: #c0c2c4; - border-bottom-color: #eff0f1; - background-color: #eff0f1; } - .notebook tab.bottom { - border-radius: 0px 0px 3px 3px; - border-top-color: transparent; } - .notebook tab.bottom:active, .notebook tab.bottom.active-page { - border-color: #c0c2c4; - border-top-color: #eff0f1; - background-color: #eff0f1; } - .notebook tab.bottom:active:backdrop, .notebook tab.bottom.active-page:backdrop { - border-color: #c0c2c4; - border-top-color: #eff0f1; - background-color: #eff0f1; } - .notebook tab.left { - border-radius: 3px 0px 0px 3px; - border-right-color: transparent; } - .notebook tab.left:active, .notebook tab.left.active-page { - border-color: #c0c2c4; - border-right-color: #eff0f1; - background-color: #eff0f1; } - .notebook tab.left:active:backdrop, .notebook tab.left.active-page:backdrop { - border-color: #c0c2c4; - border-right-color: #eff0f1; - background-color: #eff0f1; } - .notebook tab.right { - border-radius: 0px 3px 3px 0px; - border-left-color: transparent; } - .notebook tab.right:active, .notebook tab.right.active-page { - border-color: #c0c2c4; - border-left-color: #eff0f1; - background-color: #eff0f1; } - .notebook tab.right:active:backdrop, .notebook tab.right.active-page:backdrop { - border-color: #c0c2c4; - border-left-color: #eff0f1; - background-color: #eff0f1; } - .notebook tab:hover, .notebook tab.prelight-page { - background-color: rgba(61, 174, 233, 0.2); - border-color: rgba(61, 174, 233, 0.2); } - .notebook tab.reorderable-page.top { - border-width: 3px; - border-style: solid; - border-color: transparent; - background-color: #eff0f1; - background-clip: padding-box; - border-right-width: 1px; - border-right-color: #c0c2c4; - box-shadow: inset -3px 0px 0px 0px #eff0f1; } - .notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page { - box-shadow: inset 0px -3px 0px 0px rgba(61, 174, 233, 0.2), inset -3px 0px 0px 0px #eff0f1; } - .notebook tab.reorderable-page.top:active, .notebook tab.reorderable-page.top.active-page { - box-shadow: inset 0px -3px 0px 0px #3daee9, inset -3px 0px 0px 0px #eff0f1; } - .notebook tab.reorderable-page.top:active:backdrop, .notebook tab.reorderable-page.top.active-page:backdrop { - background-color: #eff0f1; - border-color: transparent; - border-right-color: #c0c2c4; - box-shadow: none; } - .notebook tab.reorderable-page.top:backdrop { - background-color: #eff0f1; - border-right-color: #c0c2c4; - box-shadow: none; } - .notebook tab.reorderable-page.bottom { - border-width: 3px; - border-style: solid; - border-color: transparent; - background-color: #eff0f1; - background-clip: padding-box; - border-right-width: 1px; - border-right-color: #c0c2c4; - box-shadow: inset -3px 0px 0px 0px #eff0f1; } - .notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page { - box-shadow: inset 0px -3px 0px 0px rgba(61, 174, 233, 0.2), inset -3px 0px 0px 0px #eff0f1; } - .notebook tab.reorderable-page.bottom:active, .notebook tab.reorderable-page.bottom.active-page { - box-shadow: inset 0px -3px 0px 0px #3daee9, inset -3px 0px 0px 0px #eff0f1; } - .notebook tab.reorderable-page.bottom:active:backdrop, .notebook tab.reorderable-page.bottom.active-page:backdrop { - background-color: #eff0f1; - border-color: transparent; - border-right-color: #c0c2c4; - box-shadow: none; } - .notebook tab.reorderable-page.bottom:backdrop { - background-color: #eff0f1; - border-right-color: #c0c2c4; - box-shadow: none; } - .notebook tab.reorderable-page.left { - border-width: 3px; - border-style: solid; - border-color: transparent; - background-color: #eff0f1; - background-clip: padding-box; - border-bottom-width: 1px; - border-bottom-color: #c0c2c4; - box-shadow: inset 0px -3px 0px 0px #eff0f1; } - .notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page { - box-shadow: inset 0px -3px 0px 0px rgba(61, 174, 233, 0.2), inset 0px -3px 0px 0px #eff0f1; } - .notebook tab.reorderable-page.left:active, .notebook tab.reorderable-page.left.active-page { - box-shadow: inset 0px -3px 0px 0px #3daee9, inset 0px -3px 0px 0px #eff0f1; } - .notebook tab.reorderable-page.left:active:backdrop, .notebook tab.reorderable-page.left.active-page:backdrop { - background-color: #eff0f1; - border-color: transparent; - border-bottom-color: #c0c2c4; - box-shadow: none; } - .notebook tab.reorderable-page.left:backdrop { - background-color: #eff0f1; - border-bottom-color: #c0c2c4; - box-shadow: none; } - .notebook tab.reorderable-page.right { - border-width: 3px; - border-style: solid; - border-color: transparent; - background-color: #eff0f1; - background-clip: padding-box; - border-bottom-width: 1px; - border-bottom-color: #c0c2c4; - box-shadow: inset 0px -3px 0px 0px #eff0f1; } - .notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page { - box-shadow: inset 0px -3px 0px 0px rgba(61, 174, 233, 0.2), inset 0px -3px 0px 0px #eff0f1; } - .notebook tab.reorderable-page.right:active, .notebook tab.reorderable-page.right.active-page { - box-shadow: inset 0px -3px 0px 0px #3daee9, inset 0px -3px 0px 0px #eff0f1; } - .notebook tab.reorderable-page.right:active:backdrop, .notebook tab.reorderable-page.right.active-page:backdrop { - background-color: #eff0f1; - border-color: transparent; - border-bottom-color: #c0c2c4; - box-shadow: none; } - .notebook tab.reorderable-page.right:backdrop { - background-color: #eff0f1; - border-bottom-color: #c0c2c4; - box-shadow: none; } - .notebook tab .label { - padding: 0 2px; - color: #31363b; } - .notebook tab .label:backdrop { - color: #31363b; } - .notebook tab .button { - padding: 0px; - border: 1px solid transparent; - border-radius: 50%; - background-image: none; - background-color: #c0c2c4; - box-shadow: none; - icon-shadow: none; - transition: none; - color: #eff0f1; } - .notebook tab .button:hover { - background-color: #da4453; - border-color: transparent; - background-image: none; - box-shadow: none; } - .notebook tab .button:active { - color: #eff0f1; - border-color: transparent; - background-image: none; - box-shadow: none; } - .notebook tab .button:backdrop { - color: #eff0f1; - background-color: #c0c2c4; } - .notebook tab .button > GtkImage { - padding: 0px; } - .notebook tab .button .active-page, .notebook tab .button.active-page { - background-color: #da4453; } - .notebook.arrow { - color: #31363b; } - .notebook.arrow:hover { - color: #93cee9; } - .notebook.arrow:active { - color: #3daee9; } - .notebook.arrow:insensitive { - color: rgba(45, 49, 54, 0.35); } - .notebook.arrow:backdrop { - color: #31363b; } - .notebook.arrow:backdrop:insensitive { - color: rgba(45, 49, 54, 0.35); } - -/* Decouple the font of context menus from their entry/textview */ -.touch-selection, -.context-menu { - font: initial; } - -.monospace { - font: Monospace; } - -.overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#a6a9ab), to(rgba(166, 169, 171, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(49, 54, 59, 0.07)), to(rgba(49, 54, 59, 0))); - background-size: 100% 5%, 100% 100%; - background-repeat: no-repeat; - background-position: center top; - background-color: transparent; - border: none; - box-shadow: none; } - .overshoot.top:backdrop { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#c0c2c4), to(rgba(192, 194, 196, 0))); - background-size: 100% 5%; - background-repeat: no-repeat; - background-position: center top; - background-color: transparent; - border: none; - box-shadow: none; } -.overshoot.bottom { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#a6a9ab), to(rgba(166, 169, 171, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(49, 54, 59, 0.07)), to(rgba(49, 54, 59, 0))); - background-size: 100% 5%, 100% 100%; - background-repeat: no-repeat; - background-position: center bottom; - background-color: transparent; - border: none; - box-shadow: none; } - .overshoot.bottom:backdrop { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#c0c2c4), to(rgba(192, 194, 196, 0))); - background-size: 100% 5%; - background-repeat: no-repeat; - background-position: center bottom; - background-color: transparent; - border: none; - box-shadow: none; } -.overshoot.left { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#a6a9ab), to(rgba(166, 169, 171, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(49, 54, 59, 0.07)), to(rgba(49, 54, 59, 0))); - background-size: 5% 100%, 100% 100%; - background-repeat: no-repeat; - background-position: left center; - background-color: transparent; - border: none; - box-shadow: none; } - .overshoot.left:backdrop { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#c0c2c4), to(rgba(192, 194, 196, 0))); - background-size: 5% 100%; - background-repeat: no-repeat; - background-position: left center; - background-color: transparent; - border: none; - box-shadow: none; } -.overshoot.right { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#a6a9ab), to(rgba(166, 169, 171, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(49, 54, 59, 0.07)), to(rgba(49, 54, 59, 0))); - background-size: 5% 100%, 100% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; } - .overshoot.right:backdrop { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#c0c2c4), to(rgba(192, 194, 196, 0))); - background-size: 5% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; } - -/************ - * Pathbars * - ************/ -.path-bar .button { - border-color: rgba(255, 255, 255, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: #31363b; - text-shadow: none; - icon-shadow: none; - padding: 4px 8px; - color: #31363b; } - .path-bar .button:hover { - border-color: #93cee9; } - .path-bar .button:active, .path-bar .button:checked { - background-color: #c0c2c4; } - .path-bar .button:first-child { - padding-left: 8px; } - .path-bar .button:last-child { - padding-right: 8px; } - .path-bar .button:only-child { - padding-left: 12px; - padding-right: 12px; } - .path-bar .button .label:last-child { - padding-left: 2px; } - .path-bar .button .label:first-child { - padding-right: 2px; } - .path-bar .button .label:only-child { - padding-right: 0; - padding-left: 0; } - .path-bar .button GtkImage { - padding-top: 1px; } - -/***************** - * Progress bars * - *****************/ -GtkProgressBar { - padding: 0; - font-size: smaller; - color: rgba(49, 54, 59, 0.3); - box-shadow: none; } - GtkProgressBar:backdrop { - color: rgba(49, 54, 59, 0.3); } - GtkProgressBar.osd { - -GtkProgressBar-xspacing: 0; - -GtkProgressBar-yspacing: 0; - -GtkProgressBar-min-horizontal-bar-height: 3; } - GtkProgressBar.trough { - border: 1px solid transparent; - border-radius: 3px; - background-color: rgba(49, 54, 59, 0.3); } - GtkProgressBar.trough.osd { - border: 1px solid transparent; - border-radius: 3px; - background-color: rgba(49, 54, 59, 0.3); } - GtkProgressBar.trough.osd:backdrop { - background-color: rgba(49, 54, 59, 0.3); } - GtkProgressBar.trough:backdrop { - background-color: rgba(49, 54, 59, 0.3); } - -.progressbar { - background-color: #3daee9; - border: 1px solid #3daee9; - border-radius: 0px; - box-shadow: none; } - .progressbar.left { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; } - .progressbar.right { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; } - .progressbar.left.right { - box-shadow: none; } - .progressbar.vertical.bottom { - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - box-shadow: none; } - .progressbar.vertical.top { - border-top-left-radius: 3px; - border-top-right-radius: 3px; } - .progressbar.osd { - background-image: none; - background-color: #3daee9; - border: 1px solid #3daee9; - border-radius: 3px; } - .progressbar.osd:backdrop { - background-color: rgba(61, 174, 233, 0.5); - border-color: rgba(61, 174, 233, 0.5); } - .progressbar:backdrop { - background-color: rgba(61, 174, 233, 0.5); - border-color: rgba(61, 174, 233, 0.5); } - -/************* - * Level Bar * - *************/ -.level-bar.vertical { - -GtkLevelBar-min-block-width: 6; - -GtkLevelBar-min-block-height: 34; } - -.level-bar { - box-shadow: none; - -GtkLevelBar-min-block-width: 34; - -GtkLevelBar-min-block-height: 6; } - .level-bar.vertical { - -GtkLevelBar-min-block-width: 6; - -GtkLevelBar-min-block-height: 34; } - .level-bar.trough { - border: 1px solid transparent; - padding: 3px; - border-radius: 3px; - background-color: transparent; } - .level-bar.fill-block { - border: 1px solid #3daee9; - background-color: #3daee9; - box-shadow: none; - border-radius: 3px; } - .level-bar.fill-block.indicator-discrete.horizontal { - margin: 0 1px; } - .level-bar.fill-block.indicator-discrete.vertical { - margin: 1px 0; } - .level-bar.fill-block.level-high { - border-color: #27ae60; - background-color: #27ae60; } - .level-bar.fill-block.level-high:backdrop { - background-color: #27ae60; - border-color: #27ae60; } - .level-bar.fill-block.level-low { - border-color: #f67400; - background-color: #f67400; } - .level-bar.fill-block.level-low:backdrop { - background-color: #f67400; - border-color: #f67400; } - .level-bar.fill-block.empty-fill-block { - background-color: rgba(49, 54, 59, 0.3); - border-color: transparent; - box-shadow: none; } - .level-bar.fill-block:backdrop { - border-color: rgba(61, 174, 233, 0.5); - background-color: rgba(61, 174, 233, 0.5); } - -/************ - * GtkScale * - ************/ -.scale, -.scale.scale-has-marks-above.scale-has-marks-below, -.scale.vertical.scale-has-marks-above.scale-has-marks-below { - -GtkScale-slider-length: 18; - -GtkRange-slider-width: 18; - -GtkRange-trough-border: 2; } - .scale.fine-tune.trough, - .scale.scale-has-marks-above.scale-has-marks-below.fine-tune.trough, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.fine-tune.trough { - margin: 8px; - border-radius: 3px; } - .scale.slider, - .scale.scale-has-marks-above.scale-has-marks-below.slider, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider { - background-color: #eff0f1; - border: 1px solid #c0c2c4; - border-radius: 50%; - box-shadow: none; } - .scale.slider:hover, - .scale.scale-has-marks-above.scale-has-marks-below.slider:hover, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:hover { - border-style: solid; - border-width: 2px; - border-color: #93cee9; - border-radius: 50%; } - .scale.slider:hover:backdrop, - .scale.scale-has-marks-above.scale-has-marks-below.slider:hover:backdrop, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:hover:backdrop { - background-color: #eff0f1; - border-color: #93cee9; } - .scale.slider:insensitive, - .scale.scale-has-marks-above.scale-has-marks-below.slider:insensitive, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:insensitive { - border-style: solid; - border-radius: 50%; - background-color: rgba(216, 218, 221, 0.35); - border-color: rgba(174, 176, 179, 0.35); } - .scale.slider:insensitive:backdrop, - .scale.scale-has-marks-above.scale-has-marks-below.slider:insensitive:backdrop, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:insensitive:backdrop { - background-color: rgba(216, 218, 221, 0.35); - border-color: rgba(174, 176, 179, 0.35); } - .scale.slider:active, - .scale.scale-has-marks-above.scale-has-marks-below.slider:active, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:active { - border: 2px solid #3daee9; } - .scale.slider:active:backdrop, - .scale.scale-has-marks-above.scale-has-marks-below.slider:active:backdrop, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:active:backdrop { - background-color: #eff0f1; - border-color: #3daee9; } - .scale.slider:backdrop, - .scale.scale-has-marks-above.scale-has-marks-below.slider:backdrop, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:backdrop { - background-color: #eff0f1; - border-color: #c0c2c4; } - .scale.trough, - .scale.scale-has-marks-above.scale-has-marks-below.trough, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough { - margin: 9px; - border: 1px solid rgba(49, 54, 59, 0.3); - border-radius: 3px; - background-color: rgba(49, 54, 59, 0.3); - box-shadow: none; } - .scale.trough.highlight, - .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight { - background-color: #3daee9; - border-color: #3daee9; } - .scale.trough.highlight.vertical, - .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight.vertical, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight.vertical { - background-color: #3daee9; - border-color: #3daee9; } - .scale.trough.highlight:backdrop, - .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight:backdrop, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight:backdrop { - background-color: rgba(61, 174, 233, 0.5); - border-color: rgba(61, 174, 233, 0.5); } - .scale.trough:insensitive, .scale.trough.vertical:insensitive, - .scale.scale-has-marks-above.scale-has-marks-below.trough:insensitive, - .scale.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:insensitive, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive { - border-color: rgba(45, 49, 54, 0); - background-color: rgba(45, 49, 54, 0); - box-shadow: none; } - .scale.trough:insensitive:backdrop, .scale.trough.vertical:insensitive:backdrop, - .scale.scale-has-marks-above.scale-has-marks-below.trough:insensitive:backdrop, - .scale.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive:backdrop, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:insensitive:backdrop, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive:backdrop { - background-color: rgba(45, 49, 54, 0); - border-color: rgba(45, 49, 54, 0); } - .scale.trough:backdrop, - .scale.scale-has-marks-above.scale-has-marks-below.trough:backdrop, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:backdrop { - background-color: rgba(49, 54, 59, 0.3); - border-color: rgba(49, 54, 59, 0.3); } - -/************** - * Scrollbars * - **************/ -.scrollbar { - -GtkRange-trough-border: 0; - -GtkScrollbar-has-backward-stepper: true; - -GtkScrollbar-has-forward-stepper: true; - -GtkRange-slider-width: 20; - -GtkScrollbar-min-slider-length: 64; - -GtkRange-stepper-spacing: 0; - -GtkRange-trough-under-steppers: 1; } - .scrollbar .button { - color: #31363b; } - .scrollbar .button:hover { - color: #93cee9; } - .scrollbar .button:insensitive { - color: rgba(45, 49, 54, 0.35); } - .scrollbar .button:backdrop { - color: #31363b; } - .scrollbar .button:backdrop:insensitive { - color: rgba(45, 49, 54, 0.35); } - .scrollbar.dragging, .scrollbar.hovering { - opacity: 0.9910; } - .scrollbar.overlay-indicator:not(.dragging):not(.hovering) { - opacity: 0.999; } - .scrollbar.overlay-indicator:not(.dragging):not(.hovering) { - -GtkRange-slider-width: 8px; - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; } - .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { - margin: 2px; - border: 2px solid transparent; - border-radius: 2px; - background-color: rgba(49, 54, 59, 0.5); } - .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider:backdrop { - background-color: rgba(49, 54, 59, 0.5); } - .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .trough { - border: none; - background: none; } - .scrollbar.trough { - border-image: -gtk-scaled(url("../assets/scrollbar-trough-vertical.png"), url("../assets/scrollbar-trough-vertical@2.png")) 23 10 23 10/23px 10px 23px 10px stretch; - border-width: 23px 10px 23px 10px; - border-style: solid; - border-color: transparent; } - .scrollbar.trough.horizontal { - border-image: -gtk-scaled(url("../assets/scrollbar-trough-horizontal.png"), url("../assets/scrollbar-trough-horizontal@2.png")) 10 23 10 23/10px 23px 10px 23px stretch; - border-width: 10px 23px 10px 23px; - border-style: solid; - border-color: transparent; } - .scrollbar.trough:backdrop { - border-image: -gtk-scaled(url("../assets/scrollbar-trough-vertical-backdrop.png"), url("../assets/scrollbar-trough-vertical-backdrop@2.png")) 23 10 23 10/23px 10px 23px 10px stretch; - border-width: 23px 10px 23px 10px; - border-style: solid; - border-color: transparent; } - .scrollbar.trough:backdrop.horizontal { - border-image: -gtk-scaled(url("../assets/scrollbar-trough-horizontal-backdrop.png"), url("../assets/scrollbar-trough-horizontal-backdrop@2.png")) 10 23 10 23/10px 23px 10px 23px stretch; - border-width: 10px 23px 10px 23px; - border-style: solid; - border-color: transparent; } - .scrollbar.slider { - border-image: -gtk-scaled(url("../assets/scrollbar-slider-vertical.png"), url("../assets/scrollbar-slider-vertical@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; - border-width: 10px 10px 10px 10px; - border-style: solid; - border-color: transparent; } - .scrollbar.slider.horizontal { - border-image: -gtk-scaled(url("../assets/scrollbar-slider-horizontal.png"), url("../assets/scrollbar-slider-horizontal@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; - border-width: 10px 10px 10px 10px; - border-style: solid; - border-color: transparent; } - .scrollbar.slider:hover { - border-image: -gtk-scaled(url("../assets/scrollbar-slider-vertical-hover.png"), url("../assets/scrollbar-slider-vertical-hover@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; - border-width: 10px 10px 10px 10px; - border-style: solid; - border-color: transparent; } - .scrollbar.slider:hover.horizontal { - border-image: -gtk-scaled(url("../assets/scrollbar-slider-horizontal-hover.png"), url("../assets/scrollbar-slider-horizontal-hover@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; - border-width: 10px 10px 10px 10px; - border-style: solid; - border-color: transparent; } - .scrollbar.slider:active { - border-image: -gtk-scaled(url("../assets/scrollbar-slider-vertical-active.png"), url("../assets/scrollbar-slider-vertical-active@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; - border-width: 10px 10px 10px 10px; - border-style: solid; - border-color: transparent; } - .scrollbar.slider:active.horizontal { - border-image: -gtk-scaled(url("../assets/scrollbar-slider-horizontal-active.png"), url("../assets/scrollbar-slider-horizontal-active@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; - border-width: 10px 10px 10px 10px; - border-style: solid; - border-color: transparent; } - .scrollbar.slider:insensitive { - border-image: -gtk-scaled(url("../assets/scrollbar-slider-vertical-insensitive.png"), url("../assets/scrollbar-slider-vertical-insensitive@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; - border-width: 10px 10px 10px 10px; - border-style: solid; - border-color: transparent; } - .scrollbar.slider:insensitive.horizontal { - border-image: -gtk-scaled(url("../assets/scrollbar-slider-horizontal-insensitive.png"), url("../assets/scrollbar-slider-horizontal-insensitive@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; - border-width: 10px 10px 10px 10px; - border-style: solid; - border-color: transparent; } - .scrollbar.slider:backdrop { - border-image: -gtk-scaled(url("../assets/scrollbar-slider-vertical-backdrop.png"), url("../assets/scrollbar-slider-vertical-backdrop@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; - border-width: 10px 10px 10px 10px; - border-style: solid; - border-color: transparent; } - .scrollbar.slider:backdrop.horizontal { - border-image: -gtk-scaled(url("../assets/scrollbar-slider-horizontal-backdrop.png"), url("../assets/scrollbar-slider-horizontal-backdrop@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; - border-width: 10px 10px 10px 10px; - border-style: solid; - border-color: transparent; } - -.scrollbars-junction, -.scrollbars-junction.frame { - border-color: transparent; - background-color: transparent; - border-image: none; } - -/*********** - * Sidebar * - ***********/ -.sidebar, -.sidebar .view { - border: none; - background-color: #eff0f1; } - .sidebar:backdrop, - .sidebar .view:backdrop { - background-color: #eff0f1; } - -GtkSidebarRow.list-row { - padding: 0px; } -GtkSidebarRow .sidebar-revealer { - padding: 4px 14px 4px 12px; } -GtkSidebarRow .sidebar-icon:dir(ltr) { - padding-right: 8px; } -GtkSidebarRow .sidebar-icon:dir(rtl) { - padding-left: 8px; } -GtkSidebarRow .sidebar-label:dir(ltr) { - padding-right: 2px; } -GtkSidebarRow .sidebar-label:dir(rtl) { - padding-left: 2px; } - -GtkPlacesSidebar.sidebar .view:insensitive { - color: rgba(45, 49, 54, 0.35); } -GtkPlacesSidebar.sidebar .view:backdrop { - color: #31363b; } - GtkPlacesSidebar.sidebar .view:backdrop:insensitive { - color: rgba(45, 49, 54, 0.35); } -GtkPlacesSidebar.sidebar .view .image { - color: #31363b; } - GtkPlacesSidebar.sidebar .view .image:selected { - color: #eff0f1; } - GtkPlacesSidebar.sidebar .view .image:selected:backdrop { - color: #31363b; } - GtkPlacesSidebar.sidebar .view .image:insensitive { - color: rgba(45, 49, 54, 0.35); } - GtkPlacesSidebar.sidebar .view .image:backdrop { - color: #31363b; } - GtkPlacesSidebar.sidebar .view .image:backdrop:insensitive { - color: rgba(45, 49, 54, 0.35); } - -.sidebar-item { - padding: 10px 4px; } - .sidebar-item > .label { - padding-left: 6px; - padding-right: 6px; } - .sidebar-item.needs-attention > .label { - background-size: 6px 6px, 0 0; } - -/***************** - * GtkSpinButton * - *****************/ -.osd .spinbutton .button:last-child { - border-radius: 0 3px 3px 0; } -.osd .spinbutton .button:dir(rtl):first-child { - border-radius: 3px 0 0 3px; } -.spinbutton.vertical .button, .spinbutton.vertical:dir(rtl) .button { - padding-top: 5px; - padding-bottom: 5px; } - .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child { - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); - text-shadow: none; - icon-shadow: none; - color: #31363b; - border-color: #c0c2c4; - background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } - .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active { - color: #eff0f1; - border-color: #3daee9; - background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } - .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover { - color: #31363b; - border-color: #93cee9; } - .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive { - color: rgba(45, 49, 54, 0.35); - border-color: rgba(174, 176, 179, 0.35); - background-image: linear-gradient(to bottom, rgba(218, 220, 223, 0.35), rgba(209, 212, 215, 0.35)); } - .spinbutton.vertical .button:first-child:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive > .label { - color: inherit; } - .spinbutton.vertical .button:first-child:backdrop, .spinbutton.vertical:dir(rtl) .button:first-child:backdrop { - color: #31363b; - border-color: #c0c2c4; - background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } - .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child { - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); - text-shadow: none; - icon-shadow: none; - color: #31363b; - border-color: #c0c2c4; - background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } - .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active { - color: #eff0f1; - border-color: #3daee9; - background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } - .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover { - color: #31363b; - border-color: #93cee9; } - .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive { - color: rgba(45, 49, 54, 0.35); - border-color: rgba(174, 176, 179, 0.35); - background-image: linear-gradient(to bottom, rgba(218, 220, 223, 0.35), rgba(209, 212, 215, 0.35)); } - .spinbutton.vertical .button:last-child:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive > .label { - color: inherit; } - .spinbutton.vertical .button:last-child:backdrop, .spinbutton.vertical:dir(rtl) .button:last-child:backdrop { - color: #31363b; - border-color: #c0c2c4; - background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } - .spinbutton.vertical .button:backdrop:insensitive, .spinbutton.vertical:dir(rtl) .button:backdrop:insensitive { - color: rgba(45, 49, 54, 0.35); - border-color: rgba(174, 176, 179, 0.35); - background-image: linear-gradient(to bottom, rgba(218, 220, 223, 0.35), rgba(209, 212, 215, 0.35)); } - .spinbutton.vertical .button:backdrop:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:backdrop:insensitive > .label { - color: inherit; } -.spinbutton.vertical.entry, .spinbutton.vertical:dir(rtl).entry { - border-radius: 0px; - padding-left: 0px; - padding-right: 0px; } - .spinbutton.vertical.entry:insensitive, .spinbutton.vertical:dir(rtl).entry:insensitive { - background-color: #e5e5e5; } -GtkTreeView .spinbutton.entry, GtkTreeView .spinbutton.entry:focus { - padding: 1px; - border-width: 1px 0; - border-color: #3daee9; - border-radius: 0; - box-shadow: none; } - -.spinbutton .button, .osd .spinbutton .button { - background-image: none; - background-color: transparent; - border-style: none none none solid; - border-color: rgba(192, 194, 196, 0.3); - color: #31363b; - border-radius: 0; - box-shadow: none; } - .spinbutton .button:dir(rtl) { - border-style: none solid none none; } - .spinbutton .button:hover { - color: #93cee9; } - .spinbutton .button:insensitive { - color: rgba(45, 49, 54, 0.35); - border-color: rgba(174, 176, 179, 0); } - .spinbutton .button:active { - color: #3daee9; } - .spinbutton .button:backdrop { - color: #31363b; - border-color: rgba(192, 194, 196, 0.3); - background-color: transparent; } - .spinbutton .button:backdrop:insensitive { - background-image: none; - color: rgba(45, 49, 54, 0.35); - border-style: none none none solid; - border-color: rgba(174, 176, 179, 0); } - .spinbutton .button:backdrop:insensitive:dir(rtl) { - border-style: none solid none none; } - -.spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive, .spinbutton.vertical .button:first-child:backdrop, .spinbutton.vertical:dir(rtl) .button:first-child:backdrop { - border-radius: 3px 3px 0 0; - border-style: solid solid none solid; } - -.spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive, .spinbutton.vertical .button:last-child:backdrop, .spinbutton.vertical:dir(rtl) .button:last-child:backdrop { - border-radius: 0 0 3px 3px; - border-style: none solid solid solid; } - -/********** - * Switch * - **********/ -GtkSwitch { - -GtkSwitch-slider-width: 24px; - -GtkSwitch-slider-height: 24px; - font-weight: bold; - font-size: smaller; - outline-offset: 0px; - color: transparent; - box-shadow: none; } - GtkSwitch.trough { - border: 0px solid; - border-radius: 12px; - background-image: none; - background-color: rgba(49, 54, 59, 0.3); - text-shadow: none; } - GtkSwitch.trough:active { - background-color: #3daee9; - box-shadow: none; - text-shadow: none; } - GtkSwitch.trough:backdrop { - background-color: rgba(49, 54, 59, 0.3); } - GtkSwitch.slider { - border: 1px solid; - border-radius: 11px; - background-color: #eff0f1; - border-color: #c0c2c4; } - GtkSwitch.slider:hover { - box-shadow: none; - border-color: #93cee9; - background-color: #eff0f1; } - GtkSwitch.slider:active { - border-color: #3daee9; } - GtkSwitch.slider:active:hover { - border-color: #93cee9; } - GtkSwitch.slider:insensitive { - background-color: rgba(216, 218, 221, 0.35); } - GtkSwitch.slider:backdrop { - background-color: #eff0f1; } - GtkSwitch.slider:backdrop:insensitive { - background-color: rgba(216, 218, 221, 0.35); } - .header-bar GtkSwitch.trough:backdrop { - background-color: transparent; } - .header-bar GtkSwitch.slider:backdrop { - background-color: #bdc3c7; } - -/************ - * Toolbars * - ************/ -.toolbar, .inline-toolbar, .search-bar, .location-bar, -.primary-toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #eff0f1; } - .toolbar:backdrop, .inline-toolbar:backdrop, .search-bar:backdrop, .location-bar:backdrop, - .primary-toolbar:backdrop { - background-color: #eff0f1; - box-shadow: none; } - .osd .toolbar, .osd .inline-toolbar, .osd .search-bar, .osd .location-bar, .toolbar.osd, .osd.inline-toolbar, .osd.search-bar, .osd.location-bar, .osd - .primary-toolbar, - .primary-toolbar.osd { - padding: 13px; - border: none; - border-radius: 3px; - background-color: #eff0f1; } - .osd .toolbar:backdrop, .osd .inline-toolbar:backdrop, .osd .search-bar:backdrop, .osd .location-bar:backdrop, .toolbar.osd:backdrop, .osd.inline-toolbar:backdrop, .osd.search-bar:backdrop, .osd.location-bar:backdrop, .osd - .primary-toolbar:backdrop, - .primary-toolbar.osd:backdrop { - border-color: #c0c2c4; - background-color: #eff0f1; - box-shadow: none; } - -.inline-toolbar { - border-width: 0px 0px 1px 0px; - padding: 3px; - border-radius: 0; } - -.search-bar, .location-bar { - border-width: 0px 0px 1px 0px; - padding: 3px; } - -.inline-toolbar, .search-bar, .location-bar { - border-style: solid; - border-color: #c0c2c4; - text-shadow: none; - background-color: #eff0f1; } - -/************ - * Tooltips * - ************/ -.tooltip { - color: #eff0f1; - padding: 4px; - /* not working */ - border-radius: 5px; - box-shadow: none; - text-shadow: none; } - .tooltip.background { - background-color: #31363b; - background-clip: padding-box; } - .tooltip.window-frame.csd { - background-color: transparent; } - -.tooltip * { - padding: 4px; - background-color: transparent; - color: inherit; } - -/************** - * Tree Views * - **************/ -GtkTreeView.view { - -GtkTreeView-grid-line-width: 0; - -GtkTreeView-grid-line-pattern: ''; - -GtkTreeView-tree-line-width: 1; - -GtkTreeView-tree-line-pattern: ''; - -GtkTreeView-expander-size: 16; - border-left-color: #c0c2c4; - border-top-color: transparent; } - GtkTreeView.view:selected { - border-radius: 0; } - GtkTreeView.view:selected { - background-color: #3daee9; - border-left-color: #eff0f1; - border-top-color: #eff0f1; } - GtkTreeView.view:backdrop:selected { - background-color: rgba(61, 174, 233, 0.5); - border-left-color: #eff0f1; - border-top-color: #eff0f1; } - GtkTreeView.view:insensitive { - color: rgba(174, 176, 179, 0.35); } - GtkTreeView.view:insensitive:selected { - color: rgba(216, 218, 221, 0.35); } - GtkTreeView.view:insensitive:selected:backdrop { - color: rgba(216, 218, 221, 0.35); } - GtkTreeView.view:insensitive:backdrop { - color: rgba(174, 176, 179, 0.35); } - GtkTreeView.view.separator { - color: #c0c2c4; } - GtkTreeView.view.separator:backdrop { - color: #c0c2c4; } - GtkTreeView.view:backdrop { - border-left-color: #c0c2c4; } - GtkTreeView.view.dnd { - border-style: solid none; - border-width: 1px; - border-color: #93cee9; } - GtkTreeView.view.expander { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - color: #31363b; } - GtkTreeView.view.expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } - GtkTreeView.view.expander:hover { - color: #93cee9; } - GtkTreeView.view.expander:selected { - color: #eff0f1; } - GtkTreeView.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - GtkTreeView.view.expander:checked:selected { - color: #eff0f1; } - GtkTreeView.view.expander:checked:backdrop { - color: #fcfcfc; } - GtkTreeView.view.expander:backdrop { - color: #fcfcfc; } - -column-header .button { - color: #31363b; - background-color: #eff0f1; - text-shadow: none; - box-shadow: none; } - column-header .button:hover { - color: #31363b; - background-color: rgba(147, 206, 233, 0.5); - box-shadow: none; - transition: none; } - column-header .button:active { - color: #31363b; - background-color: rgba(147, 206, 233, 0.5); - transition: none; } -column-header:last-child .button, column-header:last-child .button:backdrop, column-header:last-child.button, column-header:last-child.button:backdrop { - border-right-style: none; } - -column-header.button.dnd, column-header .button.dnd, column-header.button.dnd:active, column-header.button.dnd:selected, column-header.button.dnd:hover { - transition: none; - color: #3daee9; - box-shadow: none; } - -column-header .button, column-header .button:hover, column-header .button:active { - padding: 6px; - border-style: none solid solid none; - border-radius: 0; - background-image: none; - border-color: #c0c2c4; - text-shadow: none; } - column-header .button:insensitive { - border-color: rgba(174, 176, 179, 0.35); - color: rgba(45, 49, 54, 0.35); - background-color: rgba(216, 218, 221, 0.35); - background-image: none; } - column-header .button:backdrop { - border-color: #c0c2c4; - border-style: none solid solid none; - color: #31363b; - background-image: none; - background-color: #eff0f1; } - column-header .button:backdrop:insensitive { - border-color: rgba(174, 176, 179, 0.35); - background-image: none; - background-color: rgba(216, 218, 221, 0.35); - color: rgba(45, 49, 54, 0.35); } - -/********************** - * Window Decorations * - *********************/ -.window-frame { - border-radius: 3px; - box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5); - /* this is used for the resize cursor area */ - margin: 10px; } - .window-frame:backdrop { - box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5); } - .window-frame.tiled { - border-radius: 0; } - .window-frame.popup { - border-radius: 3px; - box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1); } - .window-frame.ssd { - box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.1); } - .window-frame.csd { - border-radius: 3px; } - .window-frame.csd.popup { - box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1); } - .window-frame.csd.tooltip { - box-shadow: none; } - .window-frame.csd.message-dialog { - box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5); } - .window-frame.solid-csd { - border-radius: 0; - margin: 0px; - background-color: #556068; - border: none; - box-shadow: none; } - -.header-bar .button.titlebutton, -.titlebar .button.titlebutton { - padding: 0px; } - .header-bar .button.titlebutton:hover, .header-bar .button.titlebutton:active, .header-bar .button.titlebutton:checked, .header-bar .button.titlebutton:backdrop, .header-bar .button.titlebutton:active:hover, - .titlebar .button.titlebutton:hover, - .titlebar .button.titlebutton:active, - .titlebar .button.titlebutton:checked, - .titlebar .button.titlebutton:backdrop, - .titlebar .button.titlebutton:active:hover { - transition: none; } - .header-bar .button.titlebutton.close, - .titlebar .button.titlebutton.close { - padding: 1px; - color: transparent; - border-image: none; - box-shadow: none; - background-position: center; - background-repeat: no-repeat; - background-image: -gtk-scaled(url("../assets/titlebutton-close.png"), url("../assets/titlebutton-close@2.png")); } - .header-bar .button.titlebutton.close:hover, - .titlebar .button.titlebutton.close:hover { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-close-hover.png"), url("../assets/titlebutton-close-hover@2.png")); } - .header-bar .button.titlebutton.close:active, - .titlebar .button.titlebutton.close:active { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-close-active.png"), url("../assets/titlebutton-close-active@2.png")); } - .header-bar .button.titlebutton.close:backdrop, - .titlebar .button.titlebutton.close:backdrop { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-close-backdrop.png"), url("../assets/titlebutton-close-backdrop@2.png")); } - .header-bar .button.titlebutton.maximize, - .titlebar .button.titlebutton.maximize { - padding: 1px; - color: transparent; - border-image: none; - box-shadow: none; - background-position: center; - background-repeat: no-repeat; - background-image: -gtk-scaled(url("../assets/titlebutton-maximize.png"), url("../assets/titlebutton-maximize@2.png")); } - .header-bar .button.titlebutton.maximize:hover, - .titlebar .button.titlebutton.maximize:hover { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-maximize-hover.png"), url("../assets/titlebutton-maximize-hover@2.png")); } - .header-bar .button.titlebutton.maximize:active, - .titlebar .button.titlebutton.maximize:active { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-maximize-active.png"), url("../assets/titlebutton-maximize-active@2.png")); } - .header-bar .button.titlebutton.maximize:backdrop, - .titlebar .button.titlebutton.maximize:backdrop { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-maximize-backdrop.png"), url("../assets/titlebutton-maximize-backdrop@2.png")); } - .header-bar .button.titlebutton.minimize, - .titlebar .button.titlebutton.minimize { - padding: 1px; - color: transparent; - border-image: none; - box-shadow: none; - background-position: center; - background-repeat: no-repeat; - background-image: -gtk-scaled(url("../assets/titlebutton-minimize.png"), url("../assets/titlebutton-minimize@2.png")); } - .header-bar .button.titlebutton.minimize:hover, - .titlebar .button.titlebutton.minimize:hover { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-minimize-hover.png"), url("../assets/titlebutton-minimize-hover@2.png")); } - .header-bar .button.titlebutton.minimize:active, - .titlebar .button.titlebutton.minimize:active { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-minimize-active.png"), url("../assets/titlebutton-minimize-active@2.png")); } - .header-bar .button.titlebutton.minimize:backdrop, - .titlebar .button.titlebutton.minimize:backdrop { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-minimize-backdrop.png"), url("../assets/titlebutton-minimize-backdrop@2.png")); } - -.maximized .header-bar .button.titlebutton.maximize, .maximized -.titlebar .button.titlebutton.maximize { - padding: 1px; - color: transparent; - border-image: none; - box-shadow: none; - background-position: center; - background-repeat: no-repeat; - background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized.png"), url("../assets/titlebutton-maximize-maximized@2.png")); } -.maximized .header-bar .button.titlebutton.maximize:hover, .maximized -.titlebar .button.titlebutton.maximize:hover { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized-hover.png"), url("../assets/titlebutton-maximize-maximized-hover@2.png")); } -.maximized .header-bar .button.titlebutton.maximize:active, .maximized -.titlebar .button.titlebutton.maximize:active { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized-active.png"), url("../assets/titlebutton-maximize-maximized-active@2.png")); } -.maximized .header-bar .button.titlebutton.maximize:backdrop, .maximized -.titlebar .button.titlebutton.maximize:backdrop { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized-backdrop.png"), url("../assets/titlebutton-maximize-maximized-backdrop@2.png")); } - -.header-bar.selection-mode .button.titlebutton, -.titlebar.selection-mode .button.titlebutton { - text-shadow: none; } - .header-bar.selection-mode .button.titlebutton:backdrop, - .titlebar.selection-mode .button.titlebutton:backdrop { - icon-shadow: none; } diff --git a/Breeze-gtk/gtk-3.20/common.css b/Breeze-gtk/gtk-3.20/common.css deleted file mode 100644 index afef554..0000000 --- a/Breeze-gtk/gtk-3.20/common.css +++ /dev/null @@ -1,3693 +0,0 @@ -* { - padding: 0; - -GtkToolButton-icon-spacing: 4; - -GtkTextView-error-underline-color: @error_color; - -GtkButton-child-displacement-x: 0; - -GtkButton-child-displacement-y: 0; - -GtkCheckButton-indicator-size: 18; - -GtkCheckMenuItem-indicator-size: 18; - -GtkScrolledWindow-scrollbar-spacing: 0; - -GtkScrolledWindow-scrollbars-within-bevel: 0; - -GtkScrolled-window-overlay-scrolling: FALSE; - -GtkToolItemGroup-expander-size: 11; - -GtkExpander-expander-size: 16; - -GtkTreeView-expander-size: 11; - -GtkTreeView-horizontal-separator: 4; - -GtkWidget-text-handle-width: 20; - -GtkWidget-text-handle-height: 20; - -GtkDialog-button-spacing: 4; - -GtkDialog-action-area-border: 0; - -GtkStatusbar-shadow-type: none; - outline-width: 0px; } - -/*************** - * Base States * - ***************/ -.background { - color: @theme_fg_color; - background-color: @theme_bg_color; } - .background:backdrop { - text-shadow: none; - -gtk-icon-shadow: none; - color: @theme_fg_color; - background-color: @theme_bg_color; } - -/* - These wildcard seems unavoidable, need to investigate. - Wildcards are bad and troublesome, use them with care, - or better, just don't. - Everytime a wildcard is used a kitten dies, painfully. -*/ -*:disabled { - -gtk-icon-effect: dim; } - -.gtkstyle-fallback { - background-color: @theme_bg_color; - color: @theme_fg_color; } - .gtkstyle-fallback:hover { - background-color: white; - color: @theme_fg_color; } - .gtkstyle-fallback:active { - background-color: @extra_dull_borders; - color: @theme_fg_color; } - .gtkstyle-fallback:disabled { - background-color: @insensitive_bg_color; - color: @insensitive_fg_color; } - .gtkstyle-fallback:selected { - background-color: @theme_selected_bg_color; - color: @theme_base_color; } - -.view text, -textview text, -.view { - color: @theme_text_color; - background-color: @theme_base_color; } - .view text:backdrop, - textview text:backdrop, - .view:backdrop { - color: @theme_text_color; - background-color: @theme_base_color; } - .view text:selected:focus, - textview text:selected:focus, .view text:selected, - textview text:selected, - .view:selected:focus, - .view:selected { - border-radius: 3px; } - -textview border { - background-color: @theme_base_color; - background-image: image(@borders); - background-repeat: no-repeat; } - textview border:backdrop { - background-color: @theme_base_color; } - textview border.bottom { - background-size: 100% 1px; - background-position: top; } - textview border.top { - background-size: 100% 1px; - background-position: bottom; } - textview border.left { - background-size: 1px 100%; - background-position: right; } - textview border.right { - background-size: 1px 100%; - background-position: left; } - -.rubberband, -rubberband, -flowbox rubberband, -treeview.view rubberband { - border: 1px solid @theme_selected_bg_color; - background-color: alpha(@theme_selected_bg_color, 0.2); } - .rubberband:backdrop, - rubberband:backdrop, - treeview.view rubberband:backdrop { - border-color: @theme_selected_bg_color; - background-color: alpha(@theme_selected_bg_color, 0.2); } - -flowbox flowboxchild { - padding: 3px; - border-radius: 3px; } - flowbox flowboxchild:selected { - outline-offset: 0px; } - -label.separator { - color: @theme_fg_color; } - label.separator:backdrop { - color: @theme_fg_color; } -label selection { - background-color: @theme_selected_bg_color; - color: @theme_selected_fg_color; } -label:disabled { - color: @insensitive_fg_color; } - label:disabled:backdrop { - color: @insensitive_fg_color; } -label:backdrop { - color: @theme_fg_color; } - -.dim-label, label.separator, -headerbar .subtitle { - opacity: 0.5; - text-shadow: none; } - -assistant .sidebar { - background-color: @theme_fg_color; - border-top: 1px solid @borders; } - assistant .sidebar:backdrop { - background-color: @theme_fg_color; - border-color: @borders; } -assistant.csd .sidebar { - border-top-style: none; } -assistant .sidebar label { - padding: 6px 12px; } -assistant .sidebar label.highlight { - background-color: @extra_dull_borders; } - -.app-notification, -.app-notification.frame, .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .csd popover.background.osd, popover.background.osd, -.osd { - color: @theme_fg_color; - border: 1px solid @borders; - background-color: alpha(@theme_bg_color, 0.8); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .app-notification:backdrop, popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, popover.background.osd:backdrop, - .osd:backdrop { - color: @theme_fg_color; - background-color: alpha(@theme_bg_color, 0.8); - -gtk-icon-shadow: none; } - -.view text:selected:focus, -textview text:selected:focus, .view text:selected, -textview text:selected, -.view:selected:focus, -.view:selected, .view text selection:focus, .view text selection, -textview text selection:focus, -textview text selection, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, -entry selection:focus, -entry selection, row:selected, .sidebar:selected { - background-color: @theme_selected_bg_color; - color: @theme_selected_fg_color; } - textview text:hover:selected:focus, .view text:hover:selected, - textview text:hover:selected, - .view:hover:selected, .view text selection:hover, - textview text selection:hover, flowbox flowboxchild:hover:selected, spinbutton:not(.vertical) selection:hover, - entry selection:hover, row:hover:selected, .sidebar:hover:selected { - background-color: @decoration_hover; - color: @theme_text_color; } - textview text:backdrop:selected:focus, .view text:backdrop:selected, - textview text:backdrop:selected, - .view:backdrop:selected, .view text selection:backdrop, - textview text selection:backdrop, flowbox flowboxchild:backdrop:selected, label:backdrop selction, spinbutton:not(.vertical) selection:backdrop, - entry selection:backdrop, row:backdrop:selected, .sidebar:backdrop:selected { - background-color: @theme_unfocused_selected_bg_color; - color: @theme_selected_fg_color; } - -.view text:selected:focus, -textview text:selected:focus, .view text:selected, -textview text:selected, -.view:selected:focus, -.view:selected, .view text selection:focus, .view text selection, -textview text selection:focus, -textview text selection, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, -entry selection:focus, -entry selection, row:selected, .sidebar:selected { - background-color: @theme_selected_bg_color; - border-radius: 0px; } - .view text:selected:focus, - textview text:selected:focus, .view text:selected, - textview text:selected, - .view:selected:focus, - .view:selected, .view text selection:focus, .view text selection, - textview text selection:focus, - textview text selection, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, - entry selection:focus, - entry selection, row:selected, .sidebar:selected { - color: @theme_selected_fg_color; } - textview text:disabled:selected:focus, .view text:disabled:selected, - textview text:disabled:selected, - .view:disabled:selected, .view text selection:disabled, - textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, spinbutton:not(.vertical) selection:disabled, - entry selection:disabled, row:disabled:selected, .sidebar:disabled:selected { - color: @insensitive_bg_color; } - textview text:backdrop:selected:focus, .view text:backdrop:selected, - textview text:backdrop:selected, - .view:backdrop:selected, .view text selection:backdrop, - textview text selection:backdrop, flowbox flowboxchild:backdrop:selected, label:backdrop selction, spinbutton:not(.vertical) selection:backdrop, - entry selection:backdrop, row:backdrop:selected, .sidebar:backdrop:selected { - color: @theme_selected_fg_color; } - .view text:backdrop:disabled:selected, - textview text:backdrop:disabled:selected, - .view:backdrop:disabled:selected, .view text selection:backdrop:disabled, - textview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, label:disabled selection:backdrop, label:backdrop selction:disabled, spinbutton:not(.vertical) selection:backdrop:disabled, - entry selection:backdrop:disabled, row:backdrop:disabled:selected, .sidebar:backdrop:disabled:selected { - color: @insensitive_bg_color; } - -/*********** - * Buttons * - ***********/ -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(@theme_selected_bg_color), to(transparent)); } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_selected_bg_color), to(transparent)); } } -notebook > header > tabs > arrow, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, -button, notebook > header > tabs > arrow.osd, -button.osd { - border: 1px solid; - border-radius: 3px; - padding: 4px 6px; - background-clip: border-box; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - box-shadow: 1px 1px 1px alpha(@shadow_color, 0.1); - text-shadow: none; - -gtk-icon-shadow: none; - color: @theme_fg_color; - border-color: @borders; - background-image: linear-gradient(to bottom, @button_gradient_top, @button_gradient_bottom); } - notebook > header > tabs > arrow, button.sidebar-button, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, - button.flat, notebook > header > tabs > arrow.osd, button.osd.sidebar-button { - border-color: alpha(@glow_color, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: @theme_fg_color; - text-shadow: none; - -gtk-icon-shadow: none; - transition: none; } - notebook > header > tabs > arrow:hover, button.sidebar-button:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, - button.flat:hover, notebook > header > tabs > arrow.osd:hover { - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 500ms; } - notebook > header > tabs > arrow:hover:active, button.sidebar-button:hover:active, - button.flat:hover:active { - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - notebook > header > tabs > arrow:checked, button.sidebar-button:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, - button.flat:checked, notebook > header > tabs > arrow.osd:checked { - background-color: @borders; } - notebook > header > tabs > arrow:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, - button:hover, notebook > header > tabs > arrow.osd:hover { - color: @theme_fg_color; - border-color: @decoration_hover; - -gtk-icon-effect: none; } - notebook > header > tabs > arrow:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, - button:active, notebook > header > tabs > arrow.osd:active, notebook > header > tabs > arrow:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, - button:checked, notebook > header > tabs > arrow.osd:checked { - color: @theme_selected_fg_color; - border-color: @theme_selected_bg_color; - background-image: linear-gradient(to bottom, @active_button_gradient_top, @active_button_gradient_bottom); - transition-duration: 50ms; } - notebook > header > tabs > arrow:active:hover, popover.background.touch-selection button:active:hover, popover.background.magnifier button:active:hover, - button:active:hover, notebook > header > tabs > arrow:checked:hover, popover.background.touch-selection button:checked:hover, popover.background.magnifier button:checked:hover, - button:checked:hover { - color: @theme_fg_color; - border-color: @decoration_hover; - background-image: linear-gradient(to bottom, @notebook_gradient_top, @notebook_gradient_bottom); } - notebook > header > tabs > arrow:backdrop, popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, - button:backdrop, notebook > header > tabs > arrow.osd:backdrop { - color: @theme_text_color; - border-color: @borders; - background-image: linear-gradient(to bottom, @button_gradient_top, @button_gradient_bottom); - -gtk-icon-effect: none; } - notebook > header > tabs > arrow:backdrop:active, popover.background.touch-selection button:backdrop:active, popover.background.magnifier button:backdrop:active, - button:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, popover.background.touch-selection button:backdrop:checked, popover.background.magnifier button:backdrop:checked, - button:backdrop:checked { - color: @theme_selected_fg_color; - border-color: @theme_selected_bg_color; - background-image: linear-gradient(to bottom, @active_button_gradient_top, @active_button_gradient_bottom); } - notebook > header > tabs > arrow:backdrop:disabled, popover.background.touch-selection button:backdrop:disabled, popover.background.magnifier button:backdrop:disabled, - button:backdrop:disabled { - color: @insensitive_fg_color; - border-color: @insensitive_borders; - background-image: linear-gradient(to bottom, @disabled_gradient_top, @disabled_gradient_bottom); } - notebook > header > tabs > arrow:backdrop:disabled > .label, popover.background.touch-selection button:backdrop:disabled > .label, popover.background.magnifier button:backdrop:disabled > .label, - button:backdrop:disabled > .label { - color: inherit; } - notebook > header > tabs > arrow:backdrop:disabled:active, - button:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, - button:backdrop:disabled:checked { - color: @insensitive_bg_color; - border-color: @disabled_highlight; - background-image: linear-gradient(to bottom, @disabled_highlight_top, @disabled_highlight_bottom); } - notebook > header > tabs > arrow:backdrop:disabled:active > .label, popover.background.touch-selection button:backdrop:disabled:active > .label, popover.background.magnifier button:backdrop:disabled:active > .label, - button:backdrop:disabled:active > .label, notebook > header > tabs > arrow:backdrop:disabled:checked > .label, popover.background.touch-selection button:backdrop:disabled:checked > .label, popover.background.magnifier button:backdrop:disabled:checked > .label, - button:backdrop:disabled:checked > .label { - color: inherit; } - notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, - button.flat:backdrop, notebook > header > tabs > arrow.osd:backdrop { - -gtk-icon-effect: none; - border-color: alpha(@glow_color, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: @theme_fg_color; - text-shadow: none; - -gtk-icon-shadow: none; - color: @theme_fg_color; } - notebook > header > tabs > arrow:disabled, button.sidebar-button:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, - button.flat:disabled, notebook > header > tabs > arrow.osd:disabled { - border-color: alpha(@glow_color, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: @theme_fg_color; - text-shadow: none; - -gtk-icon-shadow: none; - color: @insensitive_fg_color; } - notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, - button.flat:backdrop:disabled { - border-color: alpha(@glow_color, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: @theme_fg_color; - text-shadow: none; - -gtk-icon-shadow: none; - color: @insensitive_fg_color; } - notebook > header > tabs > arrow:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, - button:disabled, notebook > header > tabs > arrow.osd:disabled { - color: @insensitive_fg_color; - border-color: @insensitive_borders; - background-image: linear-gradient(to bottom, @disabled_gradient_top, @disabled_gradient_bottom); } - notebook > header > tabs > arrow:disabled > .label, popover.background.touch-selection button:disabled > .label, popover.background.magnifier button:disabled > .label, - button:disabled > .label { - color: inherit; } - notebook > header > tabs > arrow:disabled:active, popover.background.touch-selection button:disabled:active, popover.background.magnifier button:disabled:active, - button:disabled:active, notebook > header > tabs > arrow:disabled:checked, popover.background.touch-selection button:disabled:checked, popover.background.magnifier button:disabled:checked, - button:disabled:checked { - color: @insensitive_bg_color; - border-color: @disabled_highlight; - background-image: linear-gradient(to bottom, @disabled_highlight_top, @disabled_highlight_bottom); } - notebook > header > tabs > arrow:disabled:active > .label, popover.background.touch-selection button:disabled:active > .label, popover.background.magnifier button:disabled:active > .label, - button:disabled:active > .label, notebook > header > tabs > arrow:disabled:checked > .label, popover.background.touch-selection button:disabled:checked > .label, popover.background.magnifier button:disabled:checked > .label, - button:disabled:checked > .label { - color: inherit; } - notebook > header > tabs > arrow separator, .csd popover.background.touch-selection button separator, .csd popover.background.magnifier button separator, popover.background.touch-selection button separator, popover.background.magnifier button separator, - button separator, notebook > header > tabs > arrow.osd separator, - button.osd separator { - background-color: transparent; - background-image: none; - color: transparent; } - -notebook > header > tabs > arrow.image-button, popover.background.touch-selection button.image-button, popover.background.magnifier button.image-button, -button.image-button { - min-width: 16px; - padding: 6px; } -notebook > header > tabs > arrow.text-button, popover.background.touch-selection button.text-button, popover.background.magnifier button.text-button, -button.text-button { - padding-left: 6px; - padding-right: 6px; } -notebook > header > tabs > arrow.text-button.image-button, popover.background.touch-selection button.text-button.image-button, popover.background.magnifier button.text-button.image-button, -button.text-button.image-button { - padding-left: 6px; - padding-right: 6px; } - notebook > header > tabs > arrow.text-button.image-button label, popover.background.touch-selection button.text-button.image-button label, popover.background.magnifier button.text-button.image-button label, - button.text-button.image-button label { - padding-left: 6px; - padding-right: 6px; } -row:selected popover.background.touch-selection button, popover.background.touch-selection row:selected button, row:selected popover.background.magnifier button, popover.background.magnifier row:selected button, row:selected -button { - border-color: @theme_selected_bg_color; } - row:selected popover.background.touch-selection button.flat:not(:active):not(:checked):not(:hover):not(disabled), popover.background.touch-selection row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled), row:selected popover.background.magnifier button.flat:not(:active):not(:checked):not(:hover):not(disabled), popover.background.magnifier row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled), row:selected - button.flat:not(:active):not(:checked):not(:hover):not(disabled) { - color: @theme_selected_fg_color; - border-color: transparent; } - row:selected popover.background.touch-selection button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop, popover.background.touch-selection row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected popover.background.magnifier button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop, popover.background.magnifier row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected - button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { - color: @theme_selected_fg_color; } -popover.background.touch-selection button.suggested-action, popover.background.magnifier button.suggested-action, popover.background.touch-selection button.suggested-action.osd button, popover.background.magnifier button.suggested-action.osd button, -button.suggested-action, -button.suggested-action.osd popover.background.touch-selection button, -popover.background.touch-selection button.suggested-action.osd button, -button.suggested-action.osd popover.background.magnifier button, -popover.background.magnifier button.suggested-action.osd button, popover.background.touch-selection button.suggested-action.osd -button, popover.background.magnifier button.suggested-action.osd -button, -button.suggested-action.osd -button { - box-shadow: 1px 1px 1px alpha(@shadow_color, 0.1); - text-shadow: none; - -gtk-icon-shadow: none; - color: @theme_selected_fg_color; - border-color: @theme_selected_bg_color; - background-image: linear-gradient(to bottom, @action_button_gradient_top, @action_button_gradient_bottom); } - popover.background.touch-selection button.suggested-action.flat, popover.background.magnifier button.suggested-action.flat, popover.background.touch-selection button.suggested-action.osd button.flat, popover.background.magnifier button.suggested-action.osd button.flat, - button.suggested-action.flat, - button.suggested-action.osd popover.background.touch-selection button.flat, - popover.background.touch-selection button.suggested-action.osd button.flat, - button.suggested-action.osd popover.background.magnifier button.flat, - popover.background.magnifier button.suggested-action.osd button.flat, popover.background.touch-selection button.suggested-action.osd - button.flat, popover.background.magnifier button.suggested-action.osd - button.flat, - button.suggested-action.osd - button.flat { - border-color: alpha(@glow_color, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: @theme_fg_color; - text-shadow: none; - -gtk-icon-shadow: none; - color: @theme_selected_bg_color; } - popover.background.touch-selection button.suggested-action:hover, popover.background.magnifier button.suggested-action:hover, popover.background.touch-selection button.suggested-action.osd button:hover, popover.background.magnifier button.suggested-action.osd button:hover, - button.suggested-action:hover, - button.suggested-action.osd popover.background.touch-selection button:hover, - popover.background.touch-selection button.suggested-action.osd button:hover, - button.suggested-action.osd popover.background.magnifier button:hover, - popover.background.magnifier button.suggested-action.osd button:hover, popover.background.touch-selection button.suggested-action.osd - button:hover, popover.background.magnifier button.suggested-action.osd - button:hover, - button.suggested-action.osd - button:hover { - color: white; - border-color: @theme_selected_bg_color; } - popover.background.touch-selection button.suggested-action:active, popover.background.magnifier button.suggested-action:active, popover.background.touch-selection button.suggested-action:checked, popover.background.magnifier button.suggested-action:checked, popover.background.touch-selection button.suggested-action.osd button:active, popover.background.magnifier button.suggested-action.osd button:active, popover.background.touch-selection button.suggested-action.osd button:checked, popover.background.magnifier button.suggested-action.osd button:checked, - button.suggested-action:active, - button.suggested-action:checked, - button.suggested-action.osd popover.background.touch-selection button:active, - popover.background.touch-selection button.suggested-action.osd button:active, - button.suggested-action.osd popover.background.magnifier button:active, - popover.background.magnifier button.suggested-action.osd button:active, - button.suggested-action.osd popover.background.touch-selection button:checked, - popover.background.touch-selection button.suggested-action.osd button:checked, - button.suggested-action.osd popover.background.magnifier button:checked, - popover.background.magnifier button.suggested-action.osd button:checked, popover.background.touch-selection button.suggested-action.osd - button:active, popover.background.magnifier button.suggested-action.osd - button:active, popover.background.touch-selection button.suggested-action.osd - button:checked, popover.background.magnifier button.suggested-action.osd - button:checked, - button.suggested-action.osd - button:active, - button.suggested-action.osd - button:checked { - color: white; - border-color: @theme_selected_bg_color; - background-image: linear-gradient(to bottom, @active_button_gradient_top, @active_button_gradient_bottom); } - popover.background.touch-selection button.suggested-action:backdrop, popover.background.magnifier button.suggested-action:backdrop, popover.background.touch-selection button.suggested-action.flat:backdrop, popover.background.magnifier button.suggested-action.flat:backdrop, popover.background.touch-selection button.suggested-action.osd button:backdrop, popover.background.magnifier button.suggested-action.osd button:backdrop, popover.background.touch-selection button.suggested-action.osd button.flat:backdrop, popover.background.magnifier button.suggested-action.osd button.flat:backdrop, - button.suggested-action:backdrop, - button.suggested-action.flat:backdrop, - button.suggested-action.osd popover.background.touch-selection button:backdrop, - popover.background.touch-selection button.suggested-action.osd button:backdrop, - button.suggested-action.osd popover.background.magnifier button:backdrop, - popover.background.magnifier button.suggested-action.osd button:backdrop, - button.suggested-action.osd popover.background.touch-selection button.flat:backdrop, - popover.background.touch-selection button.suggested-action.osd button.flat:backdrop, - button.suggested-action.osd popover.background.magnifier button.flat:backdrop, - popover.background.magnifier button.suggested-action.osd button.flat:backdrop, popover.background.touch-selection button.suggested-action.osd - button:backdrop, popover.background.magnifier button.suggested-action.osd - button:backdrop, popover.background.touch-selection button.suggested-action.osd - button.flat:backdrop, popover.background.magnifier button.suggested-action.osd - button.flat:backdrop, - button.suggested-action.osd - button:backdrop, - button.suggested-action.osd - button.flat:backdrop { - color: white; - border-color: @borders; - background-image: linear-gradient(to bottom, @action_button_gradient_top, @action_button_gradient_bottom); } - popover.background.touch-selection button.suggested-action:backdrop:active, popover.background.magnifier button.suggested-action:backdrop:active, popover.background.touch-selection button.suggested-action:backdrop:checked, popover.background.magnifier button.suggested-action:backdrop:checked, popover.background.touch-selection button.suggested-action.flat:backdrop:active, popover.background.magnifier button.suggested-action.flat:backdrop:active, popover.background.touch-selection button.suggested-action.flat:backdrop:checked, popover.background.magnifier button.suggested-action.flat:backdrop:checked, popover.background.touch-selection button.suggested-action.osd button:backdrop:active, popover.background.magnifier button.suggested-action.osd button:backdrop:active, popover.background.touch-selection button.suggested-action.osd button:backdrop:checked, popover.background.magnifier button.suggested-action.osd button:backdrop:checked, popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:active, popover.background.magnifier button.suggested-action.osd button.flat:backdrop:active, popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:checked, popover.background.magnifier button.suggested-action.osd button.flat:backdrop:checked, - button.suggested-action:backdrop:active, - button.suggested-action:backdrop:checked, - button.suggested-action.flat:backdrop:active, - button.suggested-action.flat:backdrop:checked, - button.suggested-action.osd popover.background.touch-selection button:backdrop:active, - popover.background.touch-selection button.suggested-action.osd button:backdrop:active, - button.suggested-action.osd popover.background.magnifier button:backdrop:active, - popover.background.magnifier button.suggested-action.osd button:backdrop:active, - button.suggested-action.osd popover.background.touch-selection button:backdrop:checked, - popover.background.touch-selection button.suggested-action.osd button:backdrop:checked, - button.suggested-action.osd popover.background.magnifier button:backdrop:checked, - popover.background.magnifier button.suggested-action.osd button:backdrop:checked, - button.suggested-action.osd popover.background.touch-selection button.flat:backdrop:active, - popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:active, - button.suggested-action.osd popover.background.magnifier button.flat:backdrop:active, - popover.background.magnifier button.suggested-action.osd button.flat:backdrop:active, - button.suggested-action.osd popover.background.touch-selection button.flat:backdrop:checked, - popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:checked, - button.suggested-action.osd popover.background.magnifier button.flat:backdrop:checked, - popover.background.magnifier button.suggested-action.osd button.flat:backdrop:checked, popover.background.touch-selection button.suggested-action.osd - button:backdrop:active, popover.background.magnifier button.suggested-action.osd - button:backdrop:active, popover.background.touch-selection button.suggested-action.osd - button:backdrop:checked, popover.background.magnifier button.suggested-action.osd - button:backdrop:checked, popover.background.touch-selection button.suggested-action.osd - button.flat:backdrop:active, popover.background.magnifier button.suggested-action.osd - button.flat:backdrop:active, popover.background.touch-selection button.suggested-action.osd - button.flat:backdrop:checked, popover.background.magnifier button.suggested-action.osd - button.flat:backdrop:checked, - button.suggested-action.osd - button:backdrop:active, - button.suggested-action.osd - button:backdrop:checked, - button.suggested-action.osd - button.flat:backdrop:active, - button.suggested-action.osd - button.flat:backdrop:checked { - color: white; - border-color: @theme_selected_bg_color; - background-image: linear-gradient(to bottom, @active_button_gradient_top, @active_button_gradient_bottom); } - popover.background.touch-selection button.suggested-action:backdrop:disabled, popover.background.magnifier button.suggested-action:backdrop:disabled, popover.background.touch-selection button.suggested-action.flat:backdrop:disabled, popover.background.magnifier button.suggested-action.flat:backdrop:disabled, popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled, popover.background.magnifier button.suggested-action.osd button:backdrop:disabled, popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled, popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled, - button.suggested-action:backdrop:disabled, - button.suggested-action.flat:backdrop:disabled, - button.suggested-action.osd popover.background.touch-selection button:backdrop:disabled, - popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled, - button.suggested-action.osd popover.background.magnifier button:backdrop:disabled, - popover.background.magnifier button.suggested-action.osd button:backdrop:disabled, - button.suggested-action.osd popover.background.touch-selection button.flat:backdrop:disabled, - popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled, - button.suggested-action.osd popover.background.magnifier button.flat:backdrop:disabled, - popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled, popover.background.touch-selection button.suggested-action.osd - button:backdrop:disabled, popover.background.magnifier button.suggested-action.osd - button:backdrop:disabled, popover.background.touch-selection button.suggested-action.osd - button.flat:backdrop:disabled, popover.background.magnifier button.suggested-action.osd - button.flat:backdrop:disabled, - button.suggested-action.osd - button:backdrop:disabled, - button.suggested-action.osd - button.flat:backdrop:disabled { - color: @insensitive_fg_color; - border-color: @insensitive_borders; - background-image: linear-gradient(to bottom, @disabled_gradient_top, @disabled_gradient_bottom); } - popover.background.touch-selection button.suggested-action:backdrop:disabled > .label, popover.background.magnifier button.suggested-action:backdrop:disabled > .label, popover.background.touch-selection button.suggested-action.flat:backdrop:disabled > .label, popover.background.magnifier button.suggested-action.flat:backdrop:disabled > .label, popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled > .label, popover.background.magnifier button.suggested-action.osd popover.background.touch-selection button:backdrop:disabled > .label, popover.background.touch-selection button.suggested-action.osd popover.background.magnifier button:backdrop:disabled > .label, popover.background.magnifier button.suggested-action.osd button:backdrop:disabled > .label, popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled > .label, popover.background.magnifier button.suggested-action.osd popover.background.touch-selection button.flat:backdrop:disabled > .label, popover.background.touch-selection button.suggested-action.osd popover.background.magnifier button.flat:backdrop:disabled > .label, popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled > .label, - button.suggested-action:backdrop:disabled > .label, - button.suggested-action.flat:backdrop:disabled > .label, - button.suggested-action.osd popover.background.touch-selection button:backdrop:disabled > .label, - popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled > .label, - button.suggested-action.osd popover.background.magnifier button:backdrop:disabled > .label, - popover.background.magnifier button.suggested-action.osd button:backdrop:disabled > .label, - button.suggested-action.osd popover.background.touch-selection button.flat:backdrop:disabled > .label, - popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled > .label, - button.suggested-action.osd popover.background.magnifier button.flat:backdrop:disabled > .label, - popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled > .label, popover.background.touch-selection button.suggested-action.osd - button:backdrop:disabled > .label, popover.background.magnifier button.suggested-action.osd - button:backdrop:disabled > .label, popover.background.touch-selection button.suggested-action.osd - button.flat:backdrop:disabled > .label, popover.background.magnifier button.suggested-action.osd - button.flat:backdrop:disabled > .label, - button.suggested-action.osd - button:backdrop:disabled > .label, - button.suggested-action.osd - button.flat:backdrop:disabled > .label { - color: inherit; } - popover.background.touch-selection button.suggested-action:backdrop:disabled:active, popover.background.magnifier button.suggested-action:backdrop:disabled:active, popover.background.touch-selection button.suggested-action:backdrop:disabled:checked, popover.background.magnifier button.suggested-action:backdrop:disabled:checked, popover.background.touch-selection button.suggested-action.flat:backdrop:disabled:active, popover.background.magnifier button.suggested-action.flat:backdrop:disabled:active, popover.background.touch-selection button.suggested-action.flat:backdrop:disabled:checked, popover.background.magnifier button.suggested-action.flat:backdrop:disabled:checked, popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled:active, popover.background.magnifier button.suggested-action.osd button:backdrop:disabled:active, popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled:checked, popover.background.magnifier button.suggested-action.osd button:backdrop:disabled:checked, popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled:active, popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled:active, popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled:checked, popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled:checked, - button.suggested-action:backdrop:disabled:active, - button.suggested-action:backdrop:disabled:checked, - button.suggested-action.flat:backdrop:disabled:active, - button.suggested-action.flat:backdrop:disabled:checked, - button.suggested-action.osd popover.background.touch-selection button:backdrop:disabled:active, - popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled:active, - button.suggested-action.osd popover.background.magnifier button:backdrop:disabled:active, - popover.background.magnifier button.suggested-action.osd button:backdrop:disabled:active, - button.suggested-action.osd popover.background.touch-selection button:backdrop:disabled:checked, - popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled:checked, - button.suggested-action.osd popover.background.magnifier button:backdrop:disabled:checked, - popover.background.magnifier button.suggested-action.osd button:backdrop:disabled:checked, - button.suggested-action.osd popover.background.touch-selection button.flat:backdrop:disabled:active, - popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled:active, - button.suggested-action.osd popover.background.magnifier button.flat:backdrop:disabled:active, - popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled:active, - button.suggested-action.osd popover.background.touch-selection button.flat:backdrop:disabled:checked, - popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled:checked, - button.suggested-action.osd popover.background.magnifier button.flat:backdrop:disabled:checked, - popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled:checked, popover.background.touch-selection button.suggested-action.osd - button:backdrop:disabled:active, popover.background.magnifier button.suggested-action.osd - button:backdrop:disabled:active, popover.background.touch-selection button.suggested-action.osd - button:backdrop:disabled:checked, popover.background.magnifier button.suggested-action.osd - button:backdrop:disabled:checked, popover.background.touch-selection button.suggested-action.osd - button.flat:backdrop:disabled:active, popover.background.magnifier button.suggested-action.osd - button.flat:backdrop:disabled:active, popover.background.touch-selection button.suggested-action.osd - button.flat:backdrop:disabled:checked, popover.background.magnifier button.suggested-action.osd - button.flat:backdrop:disabled:checked, - button.suggested-action.osd - button:backdrop:disabled:active, - button.suggested-action.osd - button:backdrop:disabled:checked, - button.suggested-action.osd - button.flat:backdrop:disabled:active, - button.suggested-action.osd - button.flat:backdrop:disabled:checked { - color: @disabled_check; - border-color: @disabled_highlight; - background-image: linear-gradient(to bottom, @disabled_highlight_top, @disabled_highlight_bottom); } - popover.background.touch-selection button.suggested-action:backdrop:disabled:active > .label, popover.background.magnifier button.suggested-action:backdrop:disabled:active > .label, popover.background.touch-selection button.suggested-action:backdrop:disabled:checked > .label, popover.background.magnifier button.suggested-action:backdrop:disabled:checked > .label, popover.background.touch-selection button.suggested-action.flat:backdrop:disabled:active > .label, popover.background.magnifier button.suggested-action.flat:backdrop:disabled:active > .label, popover.background.touch-selection button.suggested-action.flat:backdrop:disabled:checked > .label, popover.background.magnifier button.suggested-action.flat:backdrop:disabled:checked > .label, popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled:active > .label, popover.background.magnifier button.suggested-action.osd popover.background.touch-selection button:backdrop:disabled:active > .label, popover.background.touch-selection button.suggested-action.osd popover.background.magnifier button:backdrop:disabled:active > .label, popover.background.magnifier button.suggested-action.osd button:backdrop:disabled:active > .label, popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled:checked > .label, popover.background.magnifier button.suggested-action.osd popover.background.touch-selection button:backdrop:disabled:checked > .label, popover.background.touch-selection button.suggested-action.osd popover.background.magnifier button:backdrop:disabled:checked > .label, popover.background.magnifier button.suggested-action.osd button:backdrop:disabled:checked > .label, popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled:active > .label, popover.background.magnifier button.suggested-action.osd popover.background.touch-selection button.flat:backdrop:disabled:active > .label, popover.background.touch-selection button.suggested-action.osd popover.background.magnifier button.flat:backdrop:disabled:active > .label, popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled:active > .label, popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled:checked > .label, popover.background.magnifier button.suggested-action.osd popover.background.touch-selection button.flat:backdrop:disabled:checked > .label, popover.background.touch-selection button.suggested-action.osd popover.background.magnifier button.flat:backdrop:disabled:checked > .label, popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled:checked > .label, - button.suggested-action:backdrop:disabled:active > .label, - button.suggested-action:backdrop:disabled:checked > .label, - button.suggested-action.flat:backdrop:disabled:active > .label, - button.suggested-action.flat:backdrop:disabled:checked > .label, - button.suggested-action.osd popover.background.touch-selection button:backdrop:disabled:active > .label, - popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled:active > .label, - button.suggested-action.osd popover.background.magnifier button:backdrop:disabled:active > .label, - popover.background.magnifier button.suggested-action.osd button:backdrop:disabled:active > .label, - button.suggested-action.osd popover.background.touch-selection button:backdrop:disabled:checked > .label, - popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled:checked > .label, - button.suggested-action.osd popover.background.magnifier button:backdrop:disabled:checked > .label, - popover.background.magnifier button.suggested-action.osd button:backdrop:disabled:checked > .label, - button.suggested-action.osd popover.background.touch-selection button.flat:backdrop:disabled:active > .label, - popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled:active > .label, - button.suggested-action.osd popover.background.magnifier button.flat:backdrop:disabled:active > .label, - popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled:active > .label, - button.suggested-action.osd popover.background.touch-selection button.flat:backdrop:disabled:checked > .label, - popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled:checked > .label, - button.suggested-action.osd popover.background.magnifier button.flat:backdrop:disabled:checked > .label, - popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled:checked > .label, popover.background.touch-selection button.suggested-action.osd - button:backdrop:disabled:active > .label, popover.background.magnifier button.suggested-action.osd - button:backdrop:disabled:active > .label, popover.background.touch-selection button.suggested-action.osd - button:backdrop:disabled:checked > .label, popover.background.magnifier button.suggested-action.osd - button:backdrop:disabled:checked > .label, popover.background.touch-selection button.suggested-action.osd - button.flat:backdrop:disabled:active > .label, popover.background.magnifier button.suggested-action.osd - button.flat:backdrop:disabled:active > .label, popover.background.touch-selection button.suggested-action.osd - button.flat:backdrop:disabled:checked > .label, popover.background.magnifier button.suggested-action.osd - button.flat:backdrop:disabled:checked > .label, - button.suggested-action.osd - button:backdrop:disabled:active > .label, - button.suggested-action.osd - button:backdrop:disabled:checked > .label, - button.suggested-action.osd - button.flat:backdrop:disabled:active > .label, - button.suggested-action.osd - button.flat:backdrop:disabled:checked > .label { - color: inherit; } - popover.background.touch-selection button.suggested-action.flat:backdrop, popover.background.magnifier button.suggested-action.flat:backdrop, popover.background.touch-selection button.suggested-action.flat:disabled, popover.background.magnifier button.suggested-action.flat:disabled, popover.background.touch-selection button.suggested-action.flat:backdrop:disabled, popover.background.magnifier button.suggested-action.flat:backdrop:disabled, popover.background.touch-selection button.suggested-action.osd button.flat:backdrop, popover.background.magnifier button.suggested-action.osd button.flat:backdrop, popover.background.touch-selection button.suggested-action.osd button.flat:disabled, popover.background.magnifier button.suggested-action.osd button.flat:disabled, popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled, popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled, - button.suggested-action.flat:backdrop, - button.suggested-action.flat:disabled, - button.suggested-action.flat:backdrop:disabled, - button.suggested-action.osd popover.background.touch-selection button.flat:backdrop, - popover.background.touch-selection button.suggested-action.osd button.flat:backdrop, - button.suggested-action.osd popover.background.magnifier button.flat:backdrop, - popover.background.magnifier button.suggested-action.osd button.flat:backdrop, - button.suggested-action.osd popover.background.touch-selection button.flat:disabled, - popover.background.touch-selection button.suggested-action.osd button.flat:disabled, - button.suggested-action.osd popover.background.magnifier button.flat:disabled, - popover.background.magnifier button.suggested-action.osd button.flat:disabled, - button.suggested-action.osd popover.background.touch-selection button.flat:backdrop:disabled, - popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled, - button.suggested-action.osd popover.background.magnifier button.flat:backdrop:disabled, - popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled, popover.background.touch-selection button.suggested-action.osd - button.flat:backdrop, popover.background.magnifier button.suggested-action.osd - button.flat:backdrop, popover.background.touch-selection button.suggested-action.osd - button.flat:disabled, popover.background.magnifier button.suggested-action.osd - button.flat:disabled, popover.background.touch-selection button.suggested-action.osd - button.flat:backdrop:disabled, popover.background.magnifier button.suggested-action.osd - button.flat:backdrop:disabled, - button.suggested-action.osd - button.flat:backdrop, - button.suggested-action.osd - button.flat:disabled, - button.suggested-action.osd - button.flat:backdrop:disabled { - border-color: alpha(@glow_color, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: @theme_fg_color; - text-shadow: none; - -gtk-icon-shadow: none; - color: alpha(@theme_selected_bg_color, 0.8); } - popover.background.touch-selection button.suggested-action:disabled, popover.background.magnifier button.suggested-action:disabled, popover.background.touch-selection button.suggested-action.osd button:disabled, popover.background.magnifier button.suggested-action.osd button:disabled, - button.suggested-action:disabled, - button.suggested-action.osd popover.background.touch-selection button:disabled, - popover.background.touch-selection button.suggested-action.osd button:disabled, - button.suggested-action.osd popover.background.magnifier button:disabled, - popover.background.magnifier button.suggested-action.osd button:disabled, popover.background.touch-selection button.suggested-action.osd - button:disabled, popover.background.magnifier button.suggested-action.osd - button:disabled, - button.suggested-action.osd - button:disabled { - color: @insensitive_fg_color; - border-color: @insensitive_borders; - background-image: linear-gradient(to bottom, @disabled_gradient_top, @disabled_gradient_bottom); } - popover.background.touch-selection button.suggested-action:disabled > .label, popover.background.magnifier button.suggested-action:disabled > .label, popover.background.touch-selection button.suggested-action.osd button:disabled > .label, popover.background.magnifier button.suggested-action.osd popover.background.touch-selection button:disabled > .label, popover.background.touch-selection button.suggested-action.osd popover.background.magnifier button:disabled > .label, popover.background.magnifier button.suggested-action.osd button:disabled > .label, - button.suggested-action:disabled > .label, - button.suggested-action.osd popover.background.touch-selection button:disabled > .label, - popover.background.touch-selection button.suggested-action.osd button:disabled > .label, - button.suggested-action.osd popover.background.magnifier button:disabled > .label, - popover.background.magnifier button.suggested-action.osd button:disabled > .label, popover.background.touch-selection button.suggested-action.osd - button:disabled > .label, popover.background.magnifier button.suggested-action.osd - button:disabled > .label, - button.suggested-action.osd - button:disabled > .label { - color: inherit; } - popover.background.touch-selection button.suggested-action:disabled:active, popover.background.magnifier button.suggested-action:disabled:active, popover.background.touch-selection button.suggested-action:disabled:checked, popover.background.magnifier button.suggested-action:disabled:checked, popover.background.touch-selection button.suggested-action.osd button:disabled:active, popover.background.magnifier button.suggested-action.osd button:disabled:active, popover.background.touch-selection button.suggested-action.osd button:disabled:checked, popover.background.magnifier button.suggested-action.osd button:disabled:checked, - button.suggested-action:disabled:active, - button.suggested-action:disabled:checked, - button.suggested-action.osd popover.background.touch-selection button:disabled:active, - popover.background.touch-selection button.suggested-action.osd button:disabled:active, - button.suggested-action.osd popover.background.magnifier button:disabled:active, - popover.background.magnifier button.suggested-action.osd button:disabled:active, - button.suggested-action.osd popover.background.touch-selection button:disabled:checked, - popover.background.touch-selection button.suggested-action.osd button:disabled:checked, - button.suggested-action.osd popover.background.magnifier button:disabled:checked, - popover.background.magnifier button.suggested-action.osd button:disabled:checked, popover.background.touch-selection button.suggested-action.osd - button:disabled:active, popover.background.magnifier button.suggested-action.osd - button:disabled:active, popover.background.touch-selection button.suggested-action.osd - button:disabled:checked, popover.background.magnifier button.suggested-action.osd - button:disabled:checked, - button.suggested-action.osd - button:disabled:active, - button.suggested-action.osd - button:disabled:checked { - color: @disabled_check; - border-color: @disabled_highlight; - background-image: linear-gradient(to bottom, @disabled_highlight_top, @disabled_highlight_bottom); } - popover.background.touch-selection button.suggested-action:disabled:active > .label, popover.background.magnifier button.suggested-action:disabled:active > .label, popover.background.touch-selection button.suggested-action:disabled:checked > .label, popover.background.magnifier button.suggested-action:disabled:checked > .label, popover.background.touch-selection button.suggested-action.osd button:disabled:active > .label, popover.background.magnifier button.suggested-action.osd popover.background.touch-selection button:disabled:active > .label, popover.background.touch-selection button.suggested-action.osd popover.background.magnifier button:disabled:active > .label, popover.background.magnifier button.suggested-action.osd button:disabled:active > .label, popover.background.touch-selection button.suggested-action.osd button:disabled:checked > .label, popover.background.magnifier button.suggested-action.osd popover.background.touch-selection button:disabled:checked > .label, popover.background.touch-selection button.suggested-action.osd popover.background.magnifier button:disabled:checked > .label, popover.background.magnifier button.suggested-action.osd button:disabled:checked > .label, - button.suggested-action:disabled:active > .label, - button.suggested-action:disabled:checked > .label, - button.suggested-action.osd popover.background.touch-selection button:disabled:active > .label, - popover.background.touch-selection button.suggested-action.osd button:disabled:active > .label, - button.suggested-action.osd popover.background.magnifier button:disabled:active > .label, - popover.background.magnifier button.suggested-action.osd button:disabled:active > .label, - button.suggested-action.osd popover.background.touch-selection button:disabled:checked > .label, - popover.background.touch-selection button.suggested-action.osd button:disabled:checked > .label, - button.suggested-action.osd popover.background.magnifier button:disabled:checked > .label, - popover.background.magnifier button.suggested-action.osd button:disabled:checked > .label, popover.background.touch-selection button.suggested-action.osd - button:disabled:active > .label, popover.background.magnifier button.suggested-action.osd - button:disabled:active > .label, popover.background.touch-selection button.suggested-action.osd - button:disabled:checked > .label, popover.background.magnifier button.suggested-action.osd - button:disabled:checked > .label, - button.suggested-action.osd - button:disabled:active > .label, - button.suggested-action.osd - button:disabled:checked > .label { - color: inherit; } -popover.background.touch-selection button.destructive-action, popover.background.magnifier button.destructive-action, popover.background.touch-selection button.destructive-action.osd button, popover.background.magnifier button.destructive-action.osd button, -button.destructive-action, -button.destructive-action.osd popover.background.touch-selection button, -popover.background.touch-selection button.destructive-action.osd button, -button.destructive-action.osd popover.background.magnifier button, -popover.background.magnifier button.destructive-action.osd button, popover.background.touch-selection button.destructive-action.osd -button, popover.background.magnifier button.destructive-action.osd -button, -button.destructive-action.osd -button { - box-shadow: 1px 1px 1px alpha(@shadow_color, 0.1); - text-shadow: none; - -gtk-icon-shadow: none; - color: @theme_selected_fg_color; - border-color: @error_color; - background-image: linear-gradient(to bottom, @destructive_gradient_top, @destructive_gradient_bottom); } - popover.background.touch-selection button.destructive-action.flat, popover.background.magnifier button.destructive-action.flat, popover.background.touch-selection button.destructive-action.osd button.flat, popover.background.magnifier button.destructive-action.osd button.flat, - button.destructive-action.flat, - button.destructive-action.osd popover.background.touch-selection button.flat, - popover.background.touch-selection button.destructive-action.osd button.flat, - button.destructive-action.osd popover.background.magnifier button.flat, - popover.background.magnifier button.destructive-action.osd button.flat, popover.background.touch-selection button.destructive-action.osd - button.flat, popover.background.magnifier button.destructive-action.osd - button.flat, - button.destructive-action.osd - button.flat { - border-color: alpha(@glow_color, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: @theme_fg_color; - text-shadow: none; - -gtk-icon-shadow: none; - color: @error_color; } - popover.background.touch-selection button.destructive-action:hover, popover.background.magnifier button.destructive-action:hover, popover.background.touch-selection button.destructive-action.osd button:hover, popover.background.magnifier button.destructive-action.osd button:hover, - button.destructive-action:hover, - button.destructive-action.osd popover.background.touch-selection button:hover, - popover.background.touch-selection button.destructive-action.osd button:hover, - button.destructive-action.osd popover.background.magnifier button:hover, - popover.background.magnifier button.destructive-action.osd button:hover, popover.background.touch-selection button.destructive-action.osd - button:hover, popover.background.magnifier button.destructive-action.osd - button:hover, - button.destructive-action.osd - button:hover { - color: white; - border-color: @error_color; } - popover.background.touch-selection button.destructive-action:active, popover.background.magnifier button.destructive-action:active, popover.background.touch-selection button.destructive-action:checked, popover.background.magnifier button.destructive-action:checked, popover.background.touch-selection button.destructive-action.osd button:active, popover.background.magnifier button.destructive-action.osd button:active, popover.background.touch-selection button.destructive-action.osd button:checked, popover.background.magnifier button.destructive-action.osd button:checked, - button.destructive-action:active, - button.destructive-action:checked, - button.destructive-action.osd popover.background.touch-selection button:active, - popover.background.touch-selection button.destructive-action.osd button:active, - button.destructive-action.osd popover.background.magnifier button:active, - popover.background.magnifier button.destructive-action.osd button:active, - button.destructive-action.osd popover.background.touch-selection button:checked, - popover.background.touch-selection button.destructive-action.osd button:checked, - button.destructive-action.osd popover.background.magnifier button:checked, - popover.background.magnifier button.destructive-action.osd button:checked, popover.background.touch-selection button.destructive-action.osd - button:active, popover.background.magnifier button.destructive-action.osd - button:active, popover.background.touch-selection button.destructive-action.osd - button:checked, popover.background.magnifier button.destructive-action.osd - button:checked, - button.destructive-action.osd - button:active, - button.destructive-action.osd - button:checked { - color: white; - border-color: @error_color; - background-image: linear-gradient(to bottom, @destructive_gradient_top, @destructive_gradient_bottom); } - popover.background.touch-selection button.destructive-action:backdrop, popover.background.magnifier button.destructive-action:backdrop, popover.background.touch-selection button.destructive-action.flat:backdrop, popover.background.magnifier button.destructive-action.flat:backdrop, popover.background.touch-selection button.destructive-action.osd button:backdrop, popover.background.magnifier button.destructive-action.osd button:backdrop, popover.background.touch-selection button.destructive-action.osd button.flat:backdrop, popover.background.magnifier button.destructive-action.osd button.flat:backdrop, - button.destructive-action:backdrop, - button.destructive-action.flat:backdrop, - button.destructive-action.osd popover.background.touch-selection button:backdrop, - popover.background.touch-selection button.destructive-action.osd button:backdrop, - button.destructive-action.osd popover.background.magnifier button:backdrop, - popover.background.magnifier button.destructive-action.osd button:backdrop, - button.destructive-action.osd popover.background.touch-selection button.flat:backdrop, - popover.background.touch-selection button.destructive-action.osd button.flat:backdrop, - button.destructive-action.osd popover.background.magnifier button.flat:backdrop, - popover.background.magnifier button.destructive-action.osd button.flat:backdrop, popover.background.touch-selection button.destructive-action.osd - button:backdrop, popover.background.magnifier button.destructive-action.osd - button:backdrop, popover.background.touch-selection button.destructive-action.osd - button.flat:backdrop, popover.background.magnifier button.destructive-action.osd - button.flat:backdrop, - button.destructive-action.osd - button:backdrop, - button.destructive-action.osd - button.flat:backdrop { - color: white; - border-color: @borders; - background-image: linear-gradient(to bottom, @destructive_gradient_top, @destructive_gradient_bottom); } - popover.background.touch-selection button.destructive-action:backdrop:active, popover.background.magnifier button.destructive-action:backdrop:active, popover.background.touch-selection button.destructive-action:backdrop:checked, popover.background.magnifier button.destructive-action:backdrop:checked, popover.background.touch-selection button.destructive-action.flat:backdrop:active, popover.background.magnifier button.destructive-action.flat:backdrop:active, popover.background.touch-selection button.destructive-action.flat:backdrop:checked, popover.background.magnifier button.destructive-action.flat:backdrop:checked, popover.background.touch-selection button.destructive-action.osd button:backdrop:active, popover.background.magnifier button.destructive-action.osd button:backdrop:active, popover.background.touch-selection button.destructive-action.osd button:backdrop:checked, popover.background.magnifier button.destructive-action.osd button:backdrop:checked, popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:active, popover.background.magnifier button.destructive-action.osd button.flat:backdrop:active, popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:checked, popover.background.magnifier button.destructive-action.osd button.flat:backdrop:checked, - button.destructive-action:backdrop:active, - button.destructive-action:backdrop:checked, - button.destructive-action.flat:backdrop:active, - button.destructive-action.flat:backdrop:checked, - button.destructive-action.osd popover.background.touch-selection button:backdrop:active, - popover.background.touch-selection button.destructive-action.osd button:backdrop:active, - button.destructive-action.osd popover.background.magnifier button:backdrop:active, - popover.background.magnifier button.destructive-action.osd button:backdrop:active, - button.destructive-action.osd popover.background.touch-selection button:backdrop:checked, - popover.background.touch-selection button.destructive-action.osd button:backdrop:checked, - button.destructive-action.osd popover.background.magnifier button:backdrop:checked, - popover.background.magnifier button.destructive-action.osd button:backdrop:checked, - button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:active, - popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:active, - button.destructive-action.osd popover.background.magnifier button.flat:backdrop:active, - popover.background.magnifier button.destructive-action.osd button.flat:backdrop:active, - button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:checked, - popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:checked, - button.destructive-action.osd popover.background.magnifier button.flat:backdrop:checked, - popover.background.magnifier button.destructive-action.osd button.flat:backdrop:checked, popover.background.touch-selection button.destructive-action.osd - button:backdrop:active, popover.background.magnifier button.destructive-action.osd - button:backdrop:active, popover.background.touch-selection button.destructive-action.osd - button:backdrop:checked, popover.background.magnifier button.destructive-action.osd - button:backdrop:checked, popover.background.touch-selection button.destructive-action.osd - button.flat:backdrop:active, popover.background.magnifier button.destructive-action.osd - button.flat:backdrop:active, popover.background.touch-selection button.destructive-action.osd - button.flat:backdrop:checked, popover.background.magnifier button.destructive-action.osd - button.flat:backdrop:checked, - button.destructive-action.osd - button:backdrop:active, - button.destructive-action.osd - button:backdrop:checked, - button.destructive-action.osd - button.flat:backdrop:active, - button.destructive-action.osd - button.flat:backdrop:checked { - color: white; - border-color: @error_color; - background-image: linear-gradient(to bottom, @destructive_gradient_top, @destructive_gradient_bottom); } - popover.background.touch-selection button.destructive-action:backdrop:disabled, popover.background.magnifier button.destructive-action:backdrop:disabled, popover.background.touch-selection button.destructive-action.flat:backdrop:disabled, popover.background.magnifier button.destructive-action.flat:backdrop:disabled, popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled, popover.background.magnifier button.destructive-action.osd button:backdrop:disabled, popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled, popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled, - button.destructive-action:backdrop:disabled, - button.destructive-action.flat:backdrop:disabled, - button.destructive-action.osd popover.background.touch-selection button:backdrop:disabled, - popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled, - button.destructive-action.osd popover.background.magnifier button:backdrop:disabled, - popover.background.magnifier button.destructive-action.osd button:backdrop:disabled, - button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled, - popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled, - button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled, - popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled, popover.background.touch-selection button.destructive-action.osd - button:backdrop:disabled, popover.background.magnifier button.destructive-action.osd - button:backdrop:disabled, popover.background.touch-selection button.destructive-action.osd - button.flat:backdrop:disabled, popover.background.magnifier button.destructive-action.osd - button.flat:backdrop:disabled, - button.destructive-action.osd - button:backdrop:disabled, - button.destructive-action.osd - button.flat:backdrop:disabled { - color: @insensitive_fg_color; - border-color: @insensitive_borders; - background-image: linear-gradient(to bottom, @disabled_gradient_top, @disabled_gradient_bottom); } - popover.background.touch-selection button.destructive-action:backdrop:disabled > .label, popover.background.magnifier button.destructive-action:backdrop:disabled > .label, popover.background.touch-selection button.destructive-action.flat:backdrop:disabled > .label, popover.background.magnifier button.destructive-action.flat:backdrop:disabled > .label, popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled > .label, popover.background.magnifier button.destructive-action.osd popover.background.touch-selection button:backdrop:disabled > .label, popover.background.touch-selection button.destructive-action.osd popover.background.magnifier button:backdrop:disabled > .label, popover.background.magnifier button.destructive-action.osd button:backdrop:disabled > .label, popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled > .label, popover.background.magnifier button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled > .label, popover.background.touch-selection button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled > .label, popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled > .label, - button.destructive-action:backdrop:disabled > .label, - button.destructive-action.flat:backdrop:disabled > .label, - button.destructive-action.osd popover.background.touch-selection button:backdrop:disabled > .label, - popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled > .label, - button.destructive-action.osd popover.background.magnifier button:backdrop:disabled > .label, - popover.background.magnifier button.destructive-action.osd button:backdrop:disabled > .label, - button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled > .label, - popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled > .label, - button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled > .label, - popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled > .label, popover.background.touch-selection button.destructive-action.osd - button:backdrop:disabled > .label, popover.background.magnifier button.destructive-action.osd - button:backdrop:disabled > .label, popover.background.touch-selection button.destructive-action.osd - button.flat:backdrop:disabled > .label, popover.background.magnifier button.destructive-action.osd - button.flat:backdrop:disabled > .label, - button.destructive-action.osd - button:backdrop:disabled > .label, - button.destructive-action.osd - button.flat:backdrop:disabled > .label { - color: inherit; } - popover.background.touch-selection button.destructive-action:backdrop:disabled:active, popover.background.magnifier button.destructive-action:backdrop:disabled:active, popover.background.touch-selection button.destructive-action:backdrop:disabled:checked, popover.background.magnifier button.destructive-action:backdrop:disabled:checked, popover.background.touch-selection button.destructive-action.flat:backdrop:disabled:active, popover.background.magnifier button.destructive-action.flat:backdrop:disabled:active, popover.background.touch-selection button.destructive-action.flat:backdrop:disabled:checked, popover.background.magnifier button.destructive-action.flat:backdrop:disabled:checked, popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:active, popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:active, popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:checked, popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:checked, popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:active, popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:active, popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:checked, popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:checked, - button.destructive-action:backdrop:disabled:active, - button.destructive-action:backdrop:disabled:checked, - button.destructive-action.flat:backdrop:disabled:active, - button.destructive-action.flat:backdrop:disabled:checked, - button.destructive-action.osd popover.background.touch-selection button:backdrop:disabled:active, - popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:active, - button.destructive-action.osd popover.background.magnifier button:backdrop:disabled:active, - popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:active, - button.destructive-action.osd popover.background.touch-selection button:backdrop:disabled:checked, - popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:checked, - button.destructive-action.osd popover.background.magnifier button:backdrop:disabled:checked, - popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:checked, - button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled:active, - popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:active, - button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled:active, - popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:active, - button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled:checked, - popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:checked, - button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled:checked, - popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:checked, popover.background.touch-selection button.destructive-action.osd - button:backdrop:disabled:active, popover.background.magnifier button.destructive-action.osd - button:backdrop:disabled:active, popover.background.touch-selection button.destructive-action.osd - button:backdrop:disabled:checked, popover.background.magnifier button.destructive-action.osd - button:backdrop:disabled:checked, popover.background.touch-selection button.destructive-action.osd - button.flat:backdrop:disabled:active, popover.background.magnifier button.destructive-action.osd - button.flat:backdrop:disabled:active, popover.background.touch-selection button.destructive-action.osd - button.flat:backdrop:disabled:checked, popover.background.magnifier button.destructive-action.osd - button.flat:backdrop:disabled:checked, - button.destructive-action.osd - button:backdrop:disabled:active, - button.destructive-action.osd - button:backdrop:disabled:checked, - button.destructive-action.osd - button.flat:backdrop:disabled:active, - button.destructive-action.osd - button.flat:backdrop:disabled:checked { - color: @disabled_check; - border-color: alpha(@destructive_gradient_bottom, 0.35); - background-image: linear-gradient(to bottom, @disabled_gradient_top, @disabled_gradient_bottom); } - popover.background.touch-selection button.destructive-action:backdrop:disabled:active > .label, popover.background.magnifier button.destructive-action:backdrop:disabled:active > .label, popover.background.touch-selection button.destructive-action:backdrop:disabled:checked > .label, popover.background.magnifier button.destructive-action:backdrop:disabled:checked > .label, popover.background.touch-selection button.destructive-action.flat:backdrop:disabled:active > .label, popover.background.magnifier button.destructive-action.flat:backdrop:disabled:active > .label, popover.background.touch-selection button.destructive-action.flat:backdrop:disabled:checked > .label, popover.background.magnifier button.destructive-action.flat:backdrop:disabled:checked > .label, popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:active > .label, popover.background.magnifier button.destructive-action.osd popover.background.touch-selection button:backdrop:disabled:active > .label, popover.background.touch-selection button.destructive-action.osd popover.background.magnifier button:backdrop:disabled:active > .label, popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:active > .label, popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:checked > .label, popover.background.magnifier button.destructive-action.osd popover.background.touch-selection button:backdrop:disabled:checked > .label, popover.background.touch-selection button.destructive-action.osd popover.background.magnifier button:backdrop:disabled:checked > .label, popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:checked > .label, popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:active > .label, popover.background.magnifier button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled:active > .label, popover.background.touch-selection button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled:active > .label, popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:active > .label, popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:checked > .label, popover.background.magnifier button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled:checked > .label, popover.background.touch-selection button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled:checked > .label, popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:checked > .label, - button.destructive-action:backdrop:disabled:active > .label, - button.destructive-action:backdrop:disabled:checked > .label, - button.destructive-action.flat:backdrop:disabled:active > .label, - button.destructive-action.flat:backdrop:disabled:checked > .label, - button.destructive-action.osd popover.background.touch-selection button:backdrop:disabled:active > .label, - popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:active > .label, - button.destructive-action.osd popover.background.magnifier button:backdrop:disabled:active > .label, - popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:active > .label, - button.destructive-action.osd popover.background.touch-selection button:backdrop:disabled:checked > .label, - popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:checked > .label, - button.destructive-action.osd popover.background.magnifier button:backdrop:disabled:checked > .label, - popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:checked > .label, - button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled:active > .label, - popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:active > .label, - button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled:active > .label, - popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:active > .label, - button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled:checked > .label, - popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:checked > .label, - button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled:checked > .label, - popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:checked > .label, popover.background.touch-selection button.destructive-action.osd - button:backdrop:disabled:active > .label, popover.background.magnifier button.destructive-action.osd - button:backdrop:disabled:active > .label, popover.background.touch-selection button.destructive-action.osd - button:backdrop:disabled:checked > .label, popover.background.magnifier button.destructive-action.osd - button:backdrop:disabled:checked > .label, popover.background.touch-selection button.destructive-action.osd - button.flat:backdrop:disabled:active > .label, popover.background.magnifier button.destructive-action.osd - button.flat:backdrop:disabled:active > .label, popover.background.touch-selection button.destructive-action.osd - button.flat:backdrop:disabled:checked > .label, popover.background.magnifier button.destructive-action.osd - button.flat:backdrop:disabled:checked > .label, - button.destructive-action.osd - button:backdrop:disabled:active > .label, - button.destructive-action.osd - button:backdrop:disabled:checked > .label, - button.destructive-action.osd - button.flat:backdrop:disabled:active > .label, - button.destructive-action.osd - button.flat:backdrop:disabled:checked > .label { - color: inherit; } - popover.background.touch-selection button.destructive-action.flat:backdrop, popover.background.magnifier button.destructive-action.flat:backdrop, popover.background.touch-selection button.destructive-action.flat:disabled, popover.background.magnifier button.destructive-action.flat:disabled, popover.background.touch-selection button.destructive-action.flat:backdrop:disabled, popover.background.magnifier button.destructive-action.flat:backdrop:disabled, popover.background.touch-selection button.destructive-action.osd button.flat:backdrop, popover.background.magnifier button.destructive-action.osd button.flat:backdrop, popover.background.touch-selection button.destructive-action.osd button.flat:disabled, popover.background.magnifier button.destructive-action.osd button.flat:disabled, popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled, popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled, - button.destructive-action.flat:backdrop, - button.destructive-action.flat:disabled, - button.destructive-action.flat:backdrop:disabled, - button.destructive-action.osd popover.background.touch-selection button.flat:backdrop, - popover.background.touch-selection button.destructive-action.osd button.flat:backdrop, - button.destructive-action.osd popover.background.magnifier button.flat:backdrop, - popover.background.magnifier button.destructive-action.osd button.flat:backdrop, - button.destructive-action.osd popover.background.touch-selection button.flat:disabled, - popover.background.touch-selection button.destructive-action.osd button.flat:disabled, - button.destructive-action.osd popover.background.magnifier button.flat:disabled, - popover.background.magnifier button.destructive-action.osd button.flat:disabled, - button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled, - popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled, - button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled, - popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled, popover.background.touch-selection button.destructive-action.osd - button.flat:backdrop, popover.background.magnifier button.destructive-action.osd - button.flat:backdrop, popover.background.touch-selection button.destructive-action.osd - button.flat:disabled, popover.background.magnifier button.destructive-action.osd - button.flat:disabled, popover.background.touch-selection button.destructive-action.osd - button.flat:backdrop:disabled, popover.background.magnifier button.destructive-action.osd - button.flat:backdrop:disabled, - button.destructive-action.osd - button.flat:backdrop, - button.destructive-action.osd - button.flat:disabled, - button.destructive-action.osd - button.flat:backdrop:disabled { - border-color: alpha(@glow_color, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: @theme_fg_color; - text-shadow: none; - -gtk-icon-shadow: none; - color: alpha(@error_color, 0.8); } - popover.background.touch-selection button.destructive-action:disabled, popover.background.magnifier button.destructive-action:disabled, popover.background.touch-selection button.destructive-action.osd button:disabled, popover.background.magnifier button.destructive-action.osd button:disabled, - button.destructive-action:disabled, - button.destructive-action.osd popover.background.touch-selection button:disabled, - popover.background.touch-selection button.destructive-action.osd button:disabled, - button.destructive-action.osd popover.background.magnifier button:disabled, - popover.background.magnifier button.destructive-action.osd button:disabled, popover.background.touch-selection button.destructive-action.osd - button:disabled, popover.background.magnifier button.destructive-action.osd - button:disabled, - button.destructive-action.osd - button:disabled { - color: @insensitive_fg_color; - border-color: @insensitive_borders; - background-image: linear-gradient(to bottom, @disabled_gradient_top, @disabled_gradient_bottom); } - popover.background.touch-selection button.destructive-action:disabled > .label, popover.background.magnifier button.destructive-action:disabled > .label, popover.background.touch-selection button.destructive-action.osd button:disabled > .label, popover.background.magnifier button.destructive-action.osd popover.background.touch-selection button:disabled > .label, popover.background.touch-selection button.destructive-action.osd popover.background.magnifier button:disabled > .label, popover.background.magnifier button.destructive-action.osd button:disabled > .label, - button.destructive-action:disabled > .label, - button.destructive-action.osd popover.background.touch-selection button:disabled > .label, - popover.background.touch-selection button.destructive-action.osd button:disabled > .label, - button.destructive-action.osd popover.background.magnifier button:disabled > .label, - popover.background.magnifier button.destructive-action.osd button:disabled > .label, popover.background.touch-selection button.destructive-action.osd - button:disabled > .label, popover.background.magnifier button.destructive-action.osd - button:disabled > .label, - button.destructive-action.osd - button:disabled > .label { - color: inherit; } - popover.background.touch-selection button.destructive-action:disabled:active, popover.background.magnifier button.destructive-action:disabled:active, popover.background.touch-selection button.destructive-action:disabled:checked, popover.background.magnifier button.destructive-action:disabled:checked, popover.background.touch-selection button.destructive-action.osd button:disabled:active, popover.background.magnifier button.destructive-action.osd button:disabled:active, popover.background.touch-selection button.destructive-action.osd button:disabled:checked, popover.background.magnifier button.destructive-action.osd button:disabled:checked, - button.destructive-action:disabled:active, - button.destructive-action:disabled:checked, - button.destructive-action.osd popover.background.touch-selection button:disabled:active, - popover.background.touch-selection button.destructive-action.osd button:disabled:active, - button.destructive-action.osd popover.background.magnifier button:disabled:active, - popover.background.magnifier button.destructive-action.osd button:disabled:active, - button.destructive-action.osd popover.background.touch-selection button:disabled:checked, - popover.background.touch-selection button.destructive-action.osd button:disabled:checked, - button.destructive-action.osd popover.background.magnifier button:disabled:checked, - popover.background.magnifier button.destructive-action.osd button:disabled:checked, popover.background.touch-selection button.destructive-action.osd - button:disabled:active, popover.background.magnifier button.destructive-action.osd - button:disabled:active, popover.background.touch-selection button.destructive-action.osd - button:disabled:checked, popover.background.magnifier button.destructive-action.osd - button:disabled:checked, - button.destructive-action.osd - button:disabled:active, - button.destructive-action.osd - button:disabled:checked { - color: @disabled_check; - border-color: @disabled_highlight; - background-image: linear-gradient(to bottom, @disabled_gradient_top, @disabled_gradient_bottom); } - popover.background.touch-selection button.destructive-action:disabled:active > .label, popover.background.magnifier button.destructive-action:disabled:active > .label, popover.background.touch-selection button.destructive-action:disabled:checked > .label, popover.background.magnifier button.destructive-action:disabled:checked > .label, popover.background.touch-selection button.destructive-action.osd button:disabled:active > .label, popover.background.magnifier button.destructive-action.osd popover.background.touch-selection button:disabled:active > .label, popover.background.touch-selection button.destructive-action.osd popover.background.magnifier button:disabled:active > .label, popover.background.magnifier button.destructive-action.osd button:disabled:active > .label, popover.background.touch-selection button.destructive-action.osd button:disabled:checked > .label, popover.background.magnifier button.destructive-action.osd popover.background.touch-selection button:disabled:checked > .label, popover.background.touch-selection button.destructive-action.osd popover.background.magnifier button:disabled:checked > .label, popover.background.magnifier button.destructive-action.osd button:disabled:checked > .label, - button.destructive-action:disabled:active > .label, - button.destructive-action:disabled:checked > .label, - button.destructive-action.osd popover.background.touch-selection button:disabled:active > .label, - popover.background.touch-selection button.destructive-action.osd button:disabled:active > .label, - button.destructive-action.osd popover.background.magnifier button:disabled:active > .label, - popover.background.magnifier button.destructive-action.osd button:disabled:active > .label, - button.destructive-action.osd popover.background.touch-selection button:disabled:checked > .label, - popover.background.touch-selection button.destructive-action.osd button:disabled:checked > .label, - button.destructive-action.osd popover.background.magnifier button:disabled:checked > .label, - popover.background.magnifier button.destructive-action.osd button:disabled:checked > .label, popover.background.touch-selection button.destructive-action.osd - button:disabled:active > .label, popover.background.magnifier button.destructive-action.osd - button:disabled:active > .label, popover.background.touch-selection button.destructive-action.osd - button:disabled:checked > .label, popover.background.magnifier button.destructive-action.osd - button:disabled:checked > .label, - button.destructive-action.osd - button:disabled:active > .label, - button.destructive-action.osd - button:disabled:checked > .label { - color: inherit; } -popover.background.touch-selection .stack-switcher > button > label, popover.background.magnifier .stack-switcher > button > label, .stack-switcher > -button > label { - padding-left: 6px; - padding-right: 6px; } -popover.background.touch-selection .stack-switcher > button > image, popover.background.magnifier .stack-switcher > button > image, .stack-switcher > -button > image { - padding-left: 6px; - padding-right: 6px; - padding-top: 3px; - padding-bottom: 3px; } -popover.background.touch-selection .stack-switcher > button.text-button, popover.background.magnifier .stack-switcher > button.text-button, .stack-switcher > -button.text-button { - padding: 6px; } -popover.background.touch-selection .stack-switcher > button.image-button, popover.background.magnifier .stack-switcher > button.image-button, .stack-switcher > -button.image-button { - padding: 3px 0px; } -popover.background.touch-selection .stack-switcher > button.needs-attention:active > label, popover.background.magnifier .stack-switcher > button.needs-attention:active > label, popover.background.touch-selection .stack-switcher > button.needs-attention:active > image, popover.background.magnifier .stack-switcher > button.needs-attention:active > image, popover.background.touch-selection .stack-switcher > button.needs-attention:checked > label, popover.background.magnifier .stack-switcher > button.needs-attention:checked > label, popover.background.touch-selection .stack-switcher > button.needs-attention:checked > image, popover.background.magnifier .stack-switcher > button.needs-attention:checked > image, .stack-switcher > -button.needs-attention:active > label, .stack-switcher > -button.needs-attention:active > image, .stack-switcher > -button.needs-attention:checked > label, .stack-switcher > -button.needs-attention:checked > image { - animation: none; - background-image: none; } -.inline-toolbar popover.background.touch-selection button, popover.background.touch-selection .inline-toolbar button, .inline-toolbar popover.background.magnifier button, popover.background.magnifier .inline-toolbar button, .inline-toolbar popover.background.touch-selection button:backdrop, popover.background.touch-selection .inline-toolbar button:backdrop, .inline-toolbar popover.background.magnifier button:backdrop, popover.background.magnifier .inline-toolbar button:backdrop, .inline-toolbar -button, .inline-toolbar -button:backdrop { - border-radius: 3px; - border-width: 1px; } -.primary-toolbar popover.background.touch-selection button, popover.background.touch-selection .primary-toolbar button, .primary-toolbar popover.background.magnifier button, popover.background.magnifier .primary-toolbar button, .primary-toolbar -button { - -gtk-icon-shadow: none; } - -/************** - * ComboBoxes * - **************/ -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; } - -popover.background.touch-selection .stack-switcher > button.needs-attention > label, popover.background.magnifier .stack-switcher > button.needs-attention > label, popover.background.touch-selection .stack-switcher > button.needs-attention > image, popover.background.magnifier .stack-switcher > button.needs-attention > image, .stack-switcher > -button.needs-attention > label, .stack-switcher > -button.needs-attention > image, stacksidebar.sidebar row.needs-attention > .label { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_selected_bg_color), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_fg_color), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 4px; } - .stack-switcher > - button.needs-attention > label:backdrop, .stack-switcher > - button.needs-attention > image:backdrop, stacksidebar.sidebar row.needs-attention > .label:backdrop { - background-size: 6px 6px, 0 0; } - .stack-switcher > - button.needs-attention > label:dir(rtl), .stack-switcher > - button.needs-attention > image:dir(rtl), stacksidebar.sidebar row.needs-attention > .label:dir(rtl) { - background-position: left 3px, left 4px; } - -.linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl), .inline-toolbar popover.background.touch-selection button, popover.background.touch-selection .inline-toolbar button, .inline-toolbar popover.background.magnifier button, popover.background.magnifier .inline-toolbar button, .inline-toolbar -button, .inline-toolbar -button:backdrop, popover.background.touch-selection .linked > button, popover.background.magnifier .linked > button, .linked > -button, .linked > -button:hover, .linked > -button:active, .linked > -button:checked, .linked > -button:backdrop { - border-radius: 3px; } - .linked > combobox > box > button.combo:dir(rtl), .inline-toolbar popover.background.touch-selection button:dir(rtl), popover.background.touch-selection .inline-toolbar button:dir(rtl), .inline-toolbar popover.background.magnifier button:dir(rtl), popover.background.magnifier .inline-toolbar button:dir(rtl), .inline-toolbar - button:dir(rtl), popover.background.touch-selection .linked > button:dir(rtl), popover.background.magnifier .linked > button:dir(rtl), .linked > - button:dir(rtl) { - border-radius: 3px; } - -.inline-toolbar popover.background.touch-selection button, popover.background.touch-selection .inline-toolbar button, .inline-toolbar popover.background.magnifier button, popover.background.magnifier .inline-toolbar button, .inline-toolbar -button, .inline-toolbar -button:backdrop, popover.background.touch-selection .linked > button, popover.background.magnifier .linked > button, .linked > -button, .linked > -button:hover, .linked > -button:active, .linked > -button:checked, .linked > -button:backdrop { - margin-left: 2px; - margin-right: 2px; } - .inline-toolbar popover.background.touch-selection button:first-child, popover.background.touch-selection .inline-toolbar button:first-child, .inline-toolbar popover.background.magnifier button:first-child, popover.background.magnifier .inline-toolbar button:first-child, .inline-toolbar - button:first-child, popover.background.touch-selection .linked > button:first-child, popover.background.magnifier .linked > button:first-child, .linked > - button:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo { - border-radius: 3px; - border-style: solid; } - .inline-toolbar popover.background.touch-selection button:last-child, popover.background.touch-selection .inline-toolbar button:last-child, .inline-toolbar popover.background.magnifier button:last-child, popover.background.magnifier .inline-toolbar button:last-child, .inline-toolbar - button:last-child, popover.background.touch-selection .linked > button:last-child, popover.background.magnifier .linked > button:last-child, .linked > - button:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo { - border-radius: 3px; } - .inline-toolbar popover.background.touch-selection button:only-child, popover.background.touch-selection .inline-toolbar button:only-child, .inline-toolbar popover.background.magnifier button:only-child, popover.background.magnifier .inline-toolbar button:only-child, .inline-toolbar - button:only-child, popover.background.touch-selection .linked > button:only-child, popover.background.magnifier .linked > button:only-child, .linked > - button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 3px; - border-style: solid; } - -.linked.vertical > combobox > box > button.combo, popover.background.touch-selection .linked.vertical > button, popover.background.magnifier .linked.vertical > button, .linked.vertical > -button, .linked.vertical > -button:hover, .linked.vertical > -button:active, .linked.vertical > -button:checked, .linked.vertical > -button:backdrop { - border-style: solid; - border-radius: 3px; } - -popover.background.touch-selection .linked.vertical > button:first-child, popover.background.magnifier .linked.vertical > button:first-child, .linked.vertical > -button:first-child, .linked.vertical > combobox:first-child > box > button.combo { - border-radius: 3px; } -popover.background.touch-selection .linked.vertical > button:last-child, popover.background.magnifier .linked.vertical > button:last-child, .linked.vertical > -button:last-child, .linked.vertical > combobox:last-child > box > button.combo { - border-radius: 3px; - border-style: solid; } -popover.background.touch-selection .linked.vertical > button:only-child, popover.background.magnifier .linked.vertical > button:only-child, .linked.vertical > -button:only-child, .linked.vertical > combobox:only-child > box > button.combo { - border-radius: 3px; - border-style: solid; } - -.app-notification button.flat, -.app-notification.frame button.flat, .app-notification button.flat:hover, -.app-notification.frame button.flat:hover, .app-notification button.flat:active, -.app-notification.frame button.flat:active, .app-notification button.flat:backdrop, .app-notification button.flat:disabled, .app-notification button.flat:backdrop:disabled, -.app-notification.frame button.flat:backdrop, -.app-notification.frame button.flat:disabled, -.app-notification.frame button.flat:backdrop:disabled, calendar.button, calendar.button:hover, calendar.button:active, calendar.button:backdrop, -headerbar button.flat:disabled, button:link, -button:visited, button:link:hover, button:link:active, button:link:checked, -button:visited:hover, -button:visited:active, -button:visited:checked, modelbutton.flat, popover.background checkbutton, -popover.background radiobutton, -.menuitem.button.flat, modelbutton.flat:backdrop, popover.background checkbutton:backdrop, -popover.background radiobutton:backdrop, modelbutton.flat:backdrop:hover, popover.background checkbutton:backdrop:hover, -popover.background radiobutton:backdrop:hover, -.menuitem.button.flat:backdrop, -.menuitem.button.flat:backdrop:hover, scrollbar button:backdrop, button.sidebar-button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - -/**************** - * Text Entries * - ****************/ -spinbutton:not(.vertical), -entry { - min-height: 30px; - padding-left: 8px; - padding-right: 8px; - border: 1px solid; - border-radius: 3px; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - color: @theme_text_color; - border-color: @borders; - background-color: @theme_base_color; - box-shadow: none; } - spinbutton:not(.vertical) image.left, - entry image.left { - padding-left: 0; - padding-right: 6px; } - spinbutton:not(.vertical) image.right, - entry image.right { - padding-left: 6px; - padding-right: 0; } - spinbutton.flat:focus:not(.vertical), spinbutton.flat:not(.vertical), - entry.flat:focus, - entry.flat { - min-height: 0; - padding: 2px; - color: @theme_text_color; - border-color: @borders; - background-color: @theme_base_color; - box-shadow: none; } - spinbutton:focus:not(.vertical), - entry:focus { - border-color: @theme_selected_bg_color; } - spinbutton:disabled:not(.vertical), - entry:disabled { - color: @insensitive_fg_color; - border-color: @insensitive_borders; - background-color: @disabled_bg; } - spinbutton:backdrop:not(.vertical), - entry:backdrop { - color: @theme_text_color; - border-color: @borders; - background-color: @theme_base_color; } - spinbutton:backdrop:disabled:not(.vertical), - entry:backdrop:disabled { - color: @insensitive_fg_color; - border-color: @insensitive_borders; - background-color: @disabled_bg; } - spinbutton.error:not(.vertical), - entry.error { - color: @error_color; - border-color: @error_color; - background-color: alpha(@error_color, 0.5); } - spinbutton.error:focus:not(.vertical), - entry.error:focus { - border-color: @error_color; - background-color: alpha(@error_color, 0.5); } - spinbutton.error:selected:not(.vertical), spinbutton.error:selected:focus:not(.vertical), - entry.error:selected, - entry.error:selected:focus { - background-color: @error_color; } - spinbutton.error:backdrop:not(.vertical), - entry.error:backdrop { - color: @error_color; - border-color: @error_color; - background-color: alpha(@error_color, 0.5); } - spinbutton.warning:not(.vertical), - entry.warning { - color: @warning_color; - border-color: @warning_color; - background-color: alpha(@warning_color, 0.5); } - spinbutton.warning:focus:not(.vertical), - entry.warning:focus { - border-color: @warning_color; - background-color: alpha(@warning_color, 0.5); } - spinbutton.warning:selected:not(.vertical), spinbutton.warning:selected:focus:not(.vertical), - entry.warning:selected, - entry.warning:selected:focus { - background-color: @warning_color; } - spinbutton.warning:backdrop:not(.vertical), - entry.warning:backdrop { - color: @warning_color; - border-color: @warning_color; - background-color: alpha(@warning_color, 0.5); } - spinbutton:not(.vertical) image, - entry image { - color: @theme_text_color; } - spinbutton:not(.vertical) image:hover, - entry image:hover { - color: @decoration_hover; } - spinbutton:not(.vertical) image:active, - entry image:active { - color: @theme_selected_bg_color; } - spinbutton:not(.vertical) image:backdrop, - entry image:backdrop { - color: @theme_text_color; } -spinbutton:not(.vertical) progress, -entry progress { - margin: 1px; - border-radius: 0; - border-width: 0 0 2px; - border-color: @theme_selected_bg_color; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; } - spinbutton:not(.vertical) progress:backdrop, - entry progress:backdrop { - background-color: transparent; - border-color: @theme_unfocused_selected_bg_color; } - -treeview acceleditor > label { - background-color: @theme_selected_bg_color; } - -treeview entry.flat, treeview entry { - border-radius: 0; - background-image: none; - background-color: @theme_base_color; } - treeview entry.flat:focus, treeview entry:focus { - border-color: @theme_selected_bg_color; } - -/********************* - * App Notifications * - *********************/ -.app-notification, -.app-notification.frame { - padding: 10px; - border-top-width: 0px; - border-radius: 0px 0px 3px 3px; } - .app-notification:backdrop, - .app-notification.frame:backdrop { - background-image: none; } - .app-notification button, - .app-notification.frame button { - box-shadow: 1px 1px 1px alpha(@shadow_color, 0.1); - text-shadow: none; - -gtk-icon-shadow: none; - color: @theme_fg_color; - border-color: @borders; - background-image: linear-gradient(to bottom, @button_gradient_top, @button_gradient_bottom); } - .app-notification button.flat, - .app-notification.frame button.flat { - -gtk-icon-shadow: none; - text-shadow: none; } - .app-notification button.flat:hover, - .app-notification.frame button.flat:hover { - color: @decoration_hover; } - .app-notification button.flat:active, - .app-notification.frame button.flat:active { - color: @theme_selected_bg_color; } - .app-notification button:hover, - .app-notification.frame button:hover { - color: @theme_fg_color; - border-color: @decoration_hover; } - .app-notification button:active, .app-notification button:checked, .app-notification button:backdrop:active, .app-notification button:backdrop:checked, - .app-notification.frame button:active, - .app-notification.frame button:checked, - .app-notification.frame button:backdrop:active, - .app-notification.frame button:backdrop:checked { - color: @theme_selected_fg_color; - border-color: @theme_selected_bg_color; - background-image: linear-gradient(to bottom, @active_button_gradient_top, @active_button_gradient_bottom); } - .app-notification button:disabled, .app-notification button:backdrop:disabled, - .app-notification.frame button:disabled, - .app-notification.frame button:backdrop:disabled { - color: @insensitive_fg_color; - border-color: @insensitive_borders; - background-image: linear-gradient(to bottom, @disabled_gradient_top, @disabled_gradient_bottom); } - .app-notification button:disabled > .label, .app-notification button:backdrop:disabled > .label, - .app-notification.frame button:disabled > .label, - .app-notification.frame button:backdrop:disabled > .label { - color: inherit; } - .app-notification button:backdrop, - .app-notification.frame button:backdrop { - color: @theme_fg_color; - border-color: @borders; - background-image: linear-gradient(to bottom, @button_gradient_top, @button_gradient_bottom); } - .app-notification border, - .app-notification.frame border { - border: none; } - -/************ - * Calendar * - ***********/ -calendar { - color: @theme_text_color; - border: 1px solid @borders; - background-color: @theme_base_color; } - calendar:selected { - background-color: @borders; } - calendar.header { - border: 1px solid @borders; - border-radius: 0; - color: @theme_fg_color; } - calendar.header:backdrop { - color: @theme_fg_color; - border-color: @borders; } - calendar.button { - color: @theme_fg_color; } - calendar.button:hover { - color: @decoration_hover; } - calendar.button:active { - color: @theme_selected_bg_color; } - calendar.button:backdrop { - color: @theme_fg_color; } - calendar:indeterminate, calendar.highlight { - color: alpha(@dark_overlay_color, 0.5); } - calendar:indeterminate:backdrop, calendar.highlight:backdrop { - color: alpha(@dark_overlay_color, 0.5); } - calendar:backdrop { - color: @theme_text_color; - border-color: @borders; - background-color: @theme_base_color; } - -/************************* - * Check and Radio items * - *************************/ -.view.content-view.check:not(list) { - -gtk-icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-unchecked.png"), url("../assets/check-selectionmode-unchecked@2.png")); - background-color: transparent; } - -.view.content-view.check:hover:not(list) { - -gtk-icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-unchecked-hover.png"), url("../assets/check-selectionmode-unchecked-hover@2.png")); - background-color: transparent; } - -.view.content-view.check:active:not(list) { - -gtk-icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-unchecked-active.png"), url("../assets/check-selectionmode-unchecked-active@2.png")); - background-color: transparent; } - -.view.content-view.check:backdrop:not(list) { - -gtk-icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-unchecked-backdrop.png"), url("../assets/check-selectionmode-unchecked-backdrop@2.png")); - background-color: transparent; } - -.view.content-view.check:checked:not(list) { - -gtk-icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-checked-active.png"), url("../assets/check-selectionmode-checked-active@2.png")); - background-color: transparent; } - -.view.content-view.check:checked:hover:not(list) { - -gtk-icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-checked-hover.png"), url("../assets/check-selectionmode-checked-hover@2.png")); - background-color: transparent; } - -.view.content-view.check:checked:active:not(list) { - -gtk-icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-checked-active.png"), url("../assets/check-selectionmode-checked-active@2.png")); - background-color: transparent; } - -.view.content-view.check:backdrop:checked:not(list) { - -gtk-icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-checked-backdrop.png"), url("../assets/check-selectionmode-checked-backdrop@2.png")); - background-color: transparent; } - -checkbutton.text-button, radiobutton.text-button { - padding: 2px 0; - outline-offset: 0; } - checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { - margin-left: 4px; } - checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { - margin-right: 4px; } - -check { - margin: 0 4px; - min-height: 18px; - min-width: 18px; - animation: none; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked.png"), url("../assets/check-unchecked@2.png")); } - check:only-child { - margin: 0; } - check:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-hover.png"), url("../assets/check-unchecked-hover@2.png")); } - check:checked { - -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } - check:checked:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-hover.png"), url("../assets/check-checked-hover@2.png")); } - check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); } - check:indeterminate:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-hover.png"), url("../assets/check-mixed-hover@2.png")); } - check:active { - -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-active.png"), url("../assets/check-unchecked-active@2.png")); } - check:checked { - -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } - check:checked:active { - -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } - check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); } - check:indeterminate:active { - -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); } - check:disabled { - -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-insensitive.png"), url("../assets/check-unchecked-insensitive@2.png")); } - check:checked { - -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } - check:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-insensitive.png"), url("../assets/check-checked-insensitive@2.png")); } - check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); } - check:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-insensitive.png"), url("../assets/check-mixed-insensitive@2.png")); } - check:backdrop { - -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-backdrop.png"), url("../assets/check-unchecked-backdrop@2.png")); } - check:checked { - -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } - check:checked:backdrop { - -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-backdrop.png"), url("../assets/check-checked-backdrop@2.png")); } - check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); } - check:indeterminate:backdrop { - -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-backdrop.png"), url("../assets/check-mixed-backdrop@2.png")); } - check:backdrop:disabled { - -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-backdrop-insensitive.png"), url("../assets/check-unchecked-backdrop-insensitive@2.png")); } - check:checked { - -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } - check:checked:backdrop:disabled { - -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-backdrop-insensitive.png"), url("../assets/check-checked-backdrop-insensitive@2.png")); } - check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); } - check:indeterminate:backdrop:disabled { - -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-backdrop-insensitive.png"), url("../assets/check-mixed-backdrop-insensitive@2.png")); } - menu menuitem check { - margin: 0; - min-height: 18px; - min-width: 18px; - background-color: transparent; - box-shadow: none; - -gtk-icon-shadow: none; - animation: none; } - menu menuitem check:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked.png"), url("../assets/check-unchecked@2.png")); } - menu menuitem check:checked:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } - menu menuitem check:indeterminate:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); } - -radio { - margin: 0 4px; - min-height: 18px; - min-width: 18px; - animation: none; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); } - radio:only-child { - margin: 0; } - radio:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-hover.png"), url("../assets/radio-unchecked-hover@2.png")); } - radio:checked { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } - radio:checked:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-hover.png"), url("../assets/radio-checked-hover@2.png")); } - radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); } - radio:indeterminate:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-hover.png"), url("../assets/radio-mixed-hover@2.png")); } - radio:active { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-active.png"), url("../assets/radio-unchecked-active@2.png")); } - radio:checked { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } - radio:checked:active { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } - radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); } - radio:indeterminate:active { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); } - radio:disabled { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-insensitive.png"), url("../assets/radio-unchecked-insensitive@2.png")); } - radio:checked { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } - radio:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-insensitive.png"), url("../assets/radio-checked-insensitive@2.png")); } - radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); } - radio:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive.png"), url("../assets/radio-mixed-insensitive@2.png")); } - radio:backdrop { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-backdrop.png"), url("../assets/radio-unchecked-backdrop@2.png")); } - radio:checked { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } - radio:checked:backdrop { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-backdrop.png"), url("../assets/radio-checked-backdrop@2.png")); } - radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); } - radio:indeterminate:backdrop { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-backdrop.png"), url("../assets/radio-mixed-backdrop@2.png")); } - radio:backdrop:disabled { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-backdrop-insensitive.png"), url("../assets/radio-unchecked-backdrop-insensitive@2.png")); } - radio:checked { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } - radio:checked:backdrop:disabled { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-backdrop-insensitive.png"), url("../assets/radio-checked-backdrop-insensitive@2.png")); } - radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); } - radio:indeterminate:backdrop:disabled { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-backdrop-insensitive.png"), url("../assets/radio-mixed-backdrop-insensitive@2.png")); } - menu menuitem radio { - margin: 0; - min-height: 18px; - min-width: 18px; - background-color: transparent; - box-shadow: none; - -gtk-icon-shadow: none; - animation: none; } - menu menuitem radio:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); } - menu menuitem radio:checked:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } - menu menuitem radio:indeterminate:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); } - -/***************** - * Color Chooser * - *****************/ -:selected colorswatch { - box-shadow: none; } - :selected colorswatch.overlay, :selected colorswatch.overlay:hover { - border-color: @theme_bg_color; } -colorswatch:selected { - box-shadow: none; } -colorswatch.top, colorswatch.bottom, colorswatch.left, colorswatch:first-child:not(.overlay):not(.top), colorswatch.right, colorswatch:last-child:not(.overlay):not(.bottom), colorswatch:only-child:not(.overlay), colorswatch.top > .overlay, colorswatch.bottom > .overlay, colorswatch:first-child:not(.top) > .overlay, colorswatch:last-child:not(.bottom) > .overlay, colorswatch:only-child > .overlay { - border-radius: 3px; } -colorswatch:hover, colorswatch:hover:selected { - background-image: linear-gradient(135deg, alpha(@glow_color, 0.7), alpha(@glow_color, 0) 50%); - box-shadow: inset 0 1px alpha(@glow_color, 0.4); } - colorswatch:hover.color-dark, colorswatch:hover:selected.color-dark { - background-image: linear-gradient(135deg, alpha(@glow_color, 0.5), alpha(@glow_color, 0) 50%); } -colorswatch:backdrop, colorswatch:backdrop:selected -colorswatch.color-dark:backdrop, colorswatch.color-dark:backdrop:selected { - background-image: none; - box-shadow: none; } -GtkColorEditor colorswatch { - border-radius: 3px; } - GtkColorEditor colorswatch:hover { - background-image: none; - box-shadow: none; } - GtkColorEditor colorswatch:backdrop { - box-shadow: none; } -colorswatch.color-dark { - color: white; - outline-color: alpha(@shadow_color, 0.3); } - colorswatch.color-dark:backdrop { - color: alpha(@glow_color, 0.3); } -colorswatch.color-light { - color: black; - outline-color: alpha(@glow_color, 0.5); } - colorswatch.color-light:backdrop { - color: alpha(@shadow_color, 0.3); } -colorswatch overlay, -colorswatch overlay:selected { - border: 1px solid @borders; } - colorswatch overlay:hover, - colorswatch overlay:selected:hover { - border-color: @decoration_hover; } -colorswatch#add-color-button { - border-style: solid; - border-width: 1px; - box-shadow: 1px 1px 1px alpha(@shadow_color, 0.1); - text-shadow: none; - -gtk-icon-shadow: none; - color: @theme_fg_color; - border-color: @borders; - background-image: linear-gradient(to bottom, @button_gradient_top, @button_gradient_bottom); } - colorswatch#add-color-button:hover { - color: @theme_fg_color; - border-color: @decoration_hover; } - colorswatch#add-color-button:backdrop { - color: @theme_fg_color; - border-color: @borders; - background-image: linear-gradient(to bottom, @button_gradient_top, @button_gradient_bottom); } - colorswatch#add-color-button overlay { - border-color: alpha(@glow_color, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: @theme_text_color; - text-shadow: none; - -gtk-icon-shadow: none; } - -GtkColorButton.button { - padding: 5px; } - GtkColorButton.button GtkColorSwatch:first-child:last-child { - border-radius: 0; - box-shadow: none; } - GtkColorButton.button GtkColorSwatch:first-child:last-child:disabled, GtkColorButton.button GtkColorSwatch:first-child:last-child:backdrop { - box-shadow: none; } - -/*********** - * Dialogs * - ***********/ -messagedialog.background { - background-color: @theme_bg_color; } -messagedialog:backdrop { - background-color: @theme_bg_color; } -messagedialog .titlebar { - min-height: 32px; - background-color: transparent; - background-image: linear-gradient(to bottom, @headerbar_gradient_top, @headerbar_gradient_bottom); - box-shadow: none; } -messagedialog .dialog-action-area { - padding: 8px; } -messagedialog button { - margin: 2px; } - -filechooser .search-bar { - background-color: @theme_bg_color; - border-color: @theme_bg_color; - box-shadow: none; } - filechooser .search-bar:backdrop { - background-color: @theme_bg_color; - border-color: @theme_bg_color; - color: @theme_text_color; } -filechooser .dialog-action-box { - border-top: 1px solid @borders; } - filechooser .dialog-action-box:backdrop { - border-top-color: @borders; } -filechooser #pathbarbox { - background-color: @theme_bg_color; - border-bottom: 1px solid @borders; } - -/*************** - * Header bars * - ***************/ -headerbar { - transition: none; - padding: 0px 6px; - border-width: 0px 0px 1px 0px; - border-radius: 3px 3px 0px 0px; - border-style: solid; - border-color: @headerbar_separator; - color: @headerbar_selected_fg_color; - background-image: linear-gradient(to bottom, @headerbar_gradient_top, @headerbar_gradient_bottom); } - headerbar:backdrop { - border-color: transparent; - background-image: none; - background-color: @headerbar_bg_color; - color: @headerbar_backdrop; - box-shadow: none; } - headerbar label { - font-weight: normal; } - headerbar label:backdrop { - color: @headerbar_backdrop; } - headerbar .path-bar button { - color: @headerbar_selected_fg_color; - font-weight: normal; } - headerbar .path-bar button:backdrop { - color: @headerbar_backdrop; } - headerbar button { - transition: none; - border-color: alpha(@glow_color, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: @headerbar_selected_fg_color; - text-shadow: none; - -gtk-icon-shadow: none; } - headerbar button.flat { - border-color: alpha(@glow_color, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: @headerbar_selected_fg_color; - text-shadow: none; - -gtk-icon-shadow: none; } - headerbar button:hover { - color: @headerbar_selected_fg_color; - border-color: @headerbar_decoration_hover; } - headerbar button:hover:backdrop { - border-color: @headerbar_bg_color; } - headerbar button:active, - headerbar button:checked { - color: @headerbar_fg_color; - border-color: @headerbar_selected_bg_color; - background-image: linear-gradient(to bottom, @headerbar_active_button_gradient_top, @headerbar_active_button_gradient_bottom); } - headerbar button:active:hover, - headerbar button:checked:hover { - color: @headerbar_fg_color; - border-color: @headerbar_decoration_hover; - background-image: linear-gradient(to bottom, @notebook_gradient_top, @notebook_gradient_bottom); } - headerbar button:active:backdrop, - headerbar button:checked:backdrop { - background-image: none; - background-color: @headerbar_bg_color; - border-color: @headerbar_bg_color; - color: @headerbar_backdrop; } - headerbar button:backdrop { - border-color: transparent; - background-image: none; - background-color: @headerbar_bg_color; - color: @headerbar_backdrop; } - headerbar button.flat:backdrop, - headerbar button.flat:backdrop:disabled, - headerbar button:disabled:backdrop { - background-image: none; - background-color: @headerbar_bg_color; - color: @headerbar_backdrop; - border-color: transparent; } - headerbar button.flat:disabled { - color: @headerbar_insensitive_bg_color; } - headerbar button:disabled { - background-color: transparent; - background-image: none; - border-color: transparent; - color: @headerbar_insensitive_bg_color; } - headerbar button:disabled:active, - headerbar button:disabled:checked { - color: @headerbar_insensitive_bg_color; - border-color: @headerbar_disabled_highlight; - background-image: linear-gradient(to bottom, @headerbar_disabled_highlight_top, @headerbar_disabled_highlight_bottom); } - headerbar button:disabled:active > .label, - headerbar button:disabled:checked > .label { - color: inherit; } - headerbar .title { - font-weight: normal; - padding: 0px 12px; } - headerbar .title:backdrop { - color: @headerbar_backdrop; } - headerbar .subtitle { - font-size: smaller; - padding: 0 12px; } - headerbar .subtitle:backdrop { - color: @headerbar_backdrop; } - headerbar separator { - border-width: 0px; - background-color: transparent; - background-image: none; - border-color: transparent; } - headerbar.selection-mode .selection-menu { - padding: 4px 6px; } - headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; } - headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - -gtk-icon-shadow: none; } - .tiled - headerbar, .maximized - headerbar { - border-radius: 0; } - -headerbar entry, -headerbar spinbutton, -headerbar separator, -headerbar button { - margin-top: 3px; - margin-bottom: 3px; } - -headerbar button.suggested-action, -headerbar.selection-mode.suggested-action { - background-image: none; - background-color: @headerbar_selected_bg_color; } - headerbar button.suggested-action:hover, - headerbar.selection-mode.suggested-action:hover { - background-color: @headerbar_decoration_hover; - color: @headerbar_fg_color; } - headerbar button.suggested-action:disabled, - headerbar.selection-mode.suggested-action:disabled { - background-color: transparent; - background-image: none; - color: @headerbar_insensitive_bg_color; } - headerbar button.suggested-action:disabled:active, - headerbar.selection-mode.suggested-action:disabled:active, - headerbar button.suggested-action:disabled:checked, - headerbar.selection-mode.suggested-action:disabled:checked { - color: @headerbar_insensitive_bg_color; - border-color: @headerbar_disabled_highlight; - background-image: linear-gradient(to bottom, @headerbar_disabled_highlight_top, @headerbar_disabled_highlight_bottom); } - headerbar button.suggested-action:disabled:active > .label, - headerbar.selection-mode.suggested-action:disabled:active > .label, - headerbar button.suggested-action:disabled:checked > .label, - headerbar.selection-mode.suggested-action:disabled:checked > .label { - color: inherit; } - headerbar button.suggested-action:backdrop, - headerbar.selection-mode.suggested-action:backdrop { - background-color: @headerbar_bg_color; - border-color: transparent; - color: @headerbar_backdrop; } - headerbar button.suggested-action:backdrop:disabled, - headerbar.selection-mode.suggested-action:backdrop:disabled { - color: @headerbar_action_disabled_backdrop; } - -/************** - * GtkInfoBar * - **************/ -infobar { - border-style: none; - border-bottom: 1px solid @borders; - background-color: @theme_bg_color; - background-image: none; } - infobar:backdrop { - border-bottom: 1px solid @borders; } - -.info, -headerbar.selection-mode, -.question, -.warning, -.error { - background-color: @headerbar_bg_color; - background-image: none; - color: @warning_color; - text-shadow: none; } - .info:backdrop, - headerbar.selection-mode:backdrop, - .question:backdrop, - .warning:backdrop, - .error:backdrop { - background-color: @headerbar_bg_color; - color: @warning_color; } - .info button, - headerbar.selection-mode button, - .question button, - .warning button, - .error button { - box-shadow: none; - background-image: none; - background-color: alpha(@warning_color, 0.5); - border-color: alpha(@warning_color, 0.5); - color: @headerbar_fg_color; } - .info button:hover, - headerbar.selection-mode button:hover, - .question button:hover, - .warning button:hover, - .error button:hover { - background-color: alpha(@warning_color, 0.25); - border-color: @warning_color; } - .info button:active, - headerbar.selection-mode button:active, .info button:checked, - headerbar.selection-mode button:checked, - .question button:active, - .question button:checked, - .warning button:active, - .warning button:checked, - .error button:active, - .error button:checked { - background-image: linear-gradient(to bottom, @headerbar_error_top, @headerbar_error_bottom); - color: @headerbar_selected_fg_color; - border-color: @warning_color; } - .info button:disabled, - headerbar.selection-mode button:disabled, - .question button:disabled, - .warning button:disabled, - .error button:disabled { - background-color: alpha(@warning_color_deep, 0); - border-color: alpha(@warning_color_deep, 0); - color: @headerbar_insensitive_fg_color; } - .info button:backdrop, - headerbar.selection-mode button:backdrop, - .question button:backdrop, - .warning button:backdrop, - .error button:backdrop { - background-color: alpha(@warning_color, 0.5); - border-color: alpha(@warning_color, 0.5); - color: @headerbar_fg_color; } - .info button:backdrop:active, - headerbar.selection-mode button:backdrop:active, .info button:backdrop:checked, - headerbar.selection-mode button:backdrop:checked, - .question button:backdrop:active, - .question button:backdrop:checked, - .warning button:backdrop:active, - .warning button:backdrop:checked, - .error button:backdrop:active, - .error button:backdrop:checked { - background-image: linear-gradient(to bottom, @headerbar_error_top, @headerbar_error_bottom); - color: @theme_selected_fg_color; - border-color: @warning_color; } - .info button:backdrop:disabled, - headerbar.selection-mode button:backdrop:disabled, - .question button:backdrop:disabled, - .warning button:backdrop:disabled, - .error button:backdrop:disabled { - background-color: alpha(@warning_color_deep, 0); - border-color: alpha(@warning_color_deep, 0); - color: @headerbar_insensitive_fg_color; } - .info button:backdrop:disabled:active, - headerbar.selection-mode button:backdrop:disabled:active, .info button:backdrop:disabled:checked, - headerbar.selection-mode button:backdrop:disabled:checked, - .question button:backdrop:disabled:active, - .question button:backdrop:disabled:checked, - .warning button:backdrop:disabled:active, - .warning button:backdrop:disabled:checked, - .error button:backdrop:disabled:active, - .error button:backdrop:disabled:checked { - background-image: linear-gradient(to bottom, alpha(@warning_color, 0.35), alpha(@warning_color_deep, 0.35)); - color: @headerbar_insensitive_bg_color; - border-color: alpha(@warning_color_deep, 0.35); } - -/********* - * Links * - *********/ -button:link > label, -button:visited > label, -*:link, -button:link, -button:visited { - color: @link_color; } - button:link > label:visited, - button:visited > label:visited, - *:link:visited, - button:visited { - color: @visited_link_color; } - *:selected button:link > label:visited, - *:selected button:visited > label:visited, *:selected - *:link:visited, *:selected - button:visited:link, - *:selected button:visited { - color: @link_selected_color; } - button:link > label:hover, - button:visited > label:hover, - *:link:hover, - button:hover:link, - button:hover:visited { - color: @link_hover_color; } - *:selected button:link > label:hover, - *:selected button:visited > label:hover, *:selected - *:link:hover, *:selected - button:hover:link, - *:selected button:hover:visited { - color: @visited_link_hover_color; } - button:link > label:active, - button:visited > label:active, - *:link:active, - button:active:link, - button:active:visited { - color: @link_color; } - *:selected button:link > label:active, - *:selected button:visited > label:active, *:selected - *:link:active, *:selected - button:active:link, - *:selected button:active:visited { - color: @visited_link_selected_color; } - button:link > label:backdrop, - button:visited > label:backdrop, button:link > label:backdrop:hover, - button:visited > label:backdrop:hover, button:link > label:backdrop:hover:selected, - button:visited > label:backdrop:hover:selected, - *:link:backdrop, - button:backdrop:link, - button:backdrop:visited, - *:link:backdrop:hover, - button:backdrop:hover:link, - button:backdrop:hover:visited, - *:link:backdrop:hover:selected, - headerbar.selection-mode .subtitle:backdrop:hover:link, - button:backdrop:hover:selected:link, - button:backdrop:hover:selected:visited { - color: @theme_unfocused_selected_bg_color; } - button:link > label:selected, - button:visited > label:selected, *:selected button:link > label, - *:selected button:visited > label, - *:link:selected, - headerbar.selection-mode .subtitle:link, - button:selected:link, - button:selected:visited, *:selected - *:link, *:selected - button:link, - *:selected button:visited { - color: @visited_link_selected_color; } - -button:link, -button:visited { - text-shadow: none; } - button:link:hover, button:link:active, button:link:checked, - button:visited:hover, - button:visited:active, - button:visited:checked { - text-shadow: none; } - button:link > label, - button:visited > label { - text-decoration-line: underline; } - -/********* - * Lists * - *********/ -list { - background-color: @theme_bg_color; - color: @theme_text_color; - border-width: 0px; } - list:backdrop { - background-color: @theme_bg_color; - color: @theme_text_color; } - list row { - padding: 2px; } - -row { - transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - row:hover { - transition: none; } - row.activatable.has-open-popup, row.activatable:hover { - background-color: @theme_unfocused_selected_bg_color; } - row.activatable:active { - box-shadow: none; - background-color: @theme_selected_bg_color; } - row.activatable:selected:active { - box-shadow: none; - background-color: @theme_selected_bg_color; } - row.activatable:selected.has-open-popup, row.activatable:selected:hover { - color: @theme_text_color; - background-color: @decoration_hover; } - row.activatable:selected:backdrop { - background-color: @theme_selected_bg_color; } - -/********* - * Menus * - *********/ -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0px; - box-shadow: none; - border-style: none; - background-color: @theme_bg_color; } - menubar:backdrop, - .menubar:backdrop { - background-color: @theme_bg_color; } - menubar > menuitem, - .menubar > menuitem { - min-height: 16px; - padding: 4px 6px; - border-style: solid; - border-width: 1px 0px; - border-color: @theme_bg_color; } - menubar > menuitem:hover, - .menubar > menuitem:hover { - background-color: @theme_selected_bg_color; - color: @theme_selected_fg_color; } - menubar > menuitem:disabled, - .menubar > menuitem:disabled { - color: @insensitive_fg_color; - box-shadow: none; } - menubar > menuitem:disabled:backdrop, - .menubar > menuitem:disabled:backdrop { - background-color: @theme_bg_color; - color: @insensitive_fg_color; } - menubar > menuitem:backdrop, - .menubar > menuitem:backdrop { - background-color: @theme_bg_color; - border-color: @theme_bg_color; - color: @theme_text_color; } - -menu, -.menu { - padding: 0px; - background-color: @theme_bg_color; - border: 0px solid transparent; - box-shadow: inset 0px 0px 0px 1px @borders; - border-radius: 3px; } - .csd menu, .csd - .menu { - border: 0px solid; - border-radius: 3px; } - menu separator, - .menu separator { - color: @borders; - margin-top: 3px; - margin-bottom: 3px; } - menu menuitem, - .menu menuitem { - text-shadow: none; - min-height: 16px; - min-width: 40px; - padding: 4px 4px; } - menu menuitem:hover, - .menu menuitem:hover { - color: @theme_selected_fg_color; - background-color: @theme_selected_bg_color; } - menu menuitem:disabled, - .menu menuitem:disabled { - color: @insensitive_fg_color; } - menu menuitem:disabled:backdrop, - .menu menuitem:disabled:backdrop { - color: @insensitive_fg_color; } - menu menuitem:backdrop, menu menuitem:backdrop:hover, - .menu menuitem:backdrop, - .menu menuitem:backdrop:hover { - color: @theme_text_color; - background-color: @theme_bg_color; } - menu menuitem arrow, - .menu menuitem arrow { - min-height: 16px; - min-width: 16px; } - menu menuitem arrow:dir(ltr), - .menu menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-left: 10px; } - menu menuitem arrow:dir(rtl), - .menu menuitem arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); - margin-right: 10px; } - menu > arrow, - .menu > arrow { - border-color: alpha(@glow_color, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: @theme_text_color; - text-shadow: none; - -gtk-icon-shadow: none; - min-height: 16px; - min-width: 16px; - padding: 4px; - background-color: transparent; - border-radius: 0; } - menu > arrow.top, - .menu > arrow.top { - margin-top: -6px; - border: none; - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } - menu > arrow.bottom, - .menu > arrow.bottom { - margin-bottom: -6px; - border: none; - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - menu > arrow:hover, - .menu > arrow:hover { - color: @decoration_hover; } - menu > arrow:active, - .menu > arrow:active { - color: @theme_selected_bg_color; } - menu > arrow:backdrop, - .menu > arrow:backdrop { - background-color: @theme_bg_color; } - menu > arrow:disabled, - .menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; } - -menuitem accelerator { - color: alpha(currentColor,0.55); } -menuitem check, -menuitem radio { - min-height: 18px; - min-width: 18px; } - menuitem check:dir(ltr), - menuitem radio:dir(ltr) { - margin-right: 6px; } - menuitem check:dir(rtl), - menuitem radio:dir(rtl) { - margin-left: 6px; } - -/*************** - * Popovers * - ***************/ -/* menu buttons */ -modelbutton.flat, popover.background checkbutton, -popover.background radiobutton, -.menuitem.button.flat { - min-height: 16px; - padding: 4px 8px; - color: @theme_text_color; } - modelbutton.flat:hover, popover.background checkbutton:hover, - popover.background radiobutton:hover, - .menuitem.button.flat:hover { - background-color: @theme_selected_bg_color; - color: @theme_selected_fg_color; } - modelbutton.flat:selected, popover.background checkbutton:selected, - popover.background radiobutton:selected, - .menuitem.button.flat:selected { - background-color: @theme_selected_bg_color; - color: @theme_selected_fg_color; } - modelbutton.flat:backdrop, popover.background checkbutton:backdrop, - popover.background radiobutton:backdrop, modelbutton.flat:backdrop:hover, popover.background checkbutton:backdrop:hover, - popover.background radiobutton:backdrop:hover, - .menuitem.button.flat:backdrop, - .menuitem.button.flat:backdrop:hover { - color: @theme_text_color; } - modelbutton.flat check:hover, popover.background checkbutton check:hover, - popover.background radiobutton check:hover, - .menuitem.button.flat check:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked.png"), url("../assets/check-unchecked@2.png")); } - modelbutton.flat radio:hover, popover.background checkbutton radio:hover, - popover.background radiobutton radio:hover, - .menuitem.button.flat radio:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); } - modelbutton.flat check:checked:hover, popover.background checkbutton check:checked:hover, - popover.background radiobutton check:checked:hover, - .menuitem.button.flat check:checked:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } - modelbutton.flat radio:checked:hover, popover.background checkbutton radio:checked:hover, - popover.background radiobutton radio:checked:hover, - .menuitem.button.flat radio:checked:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } - modelbutton.flat check:indeterminate:hover, popover.background checkbutton check:indeterminate:hover, - popover.background radiobutton check:indeterminate:hover, - .menuitem.button.flat check:indeterminate:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed.png"), url("../assets/check-mixed@2.png")); } - modelbutton.flat radio:indeterminate:hover, popover.background checkbutton radio:indeterminate:hover, - popover.background radiobutton radio:indeterminate:hover, - .menuitem.button.flat radio:indeterminate:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed.png"), url("../assets/radio-mixed@2.png")); } - modelbutton.flat check:last-child, popover.background checkbutton check:last-child, - popover.background radiobutton check:last-child, - modelbutton.flat radio:last-child, - popover.background checkbutton radio:last-child, - popover.background radiobutton radio:last-child, - .menuitem.button.flat check:last-child, - .menuitem.button.flat radio:last-child { - margin-right: 0px; } - modelbutton.flat check:first-child, popover.background checkbutton check:first-child, - popover.background radiobutton check:first-child, - modelbutton.flat radio:first-child, - popover.background checkbutton radio:first-child, - popover.background radiobutton radio:first-child, - .menuitem.button.flat check:first-child, - .menuitem.button.flat radio:first-child { - margin-left: 0px; } - -modelbutton.flat arrow, popover.background checkbutton arrow, -popover.background radiobutton arrow { - background: none; } - modelbutton.flat arrow:hover, popover.background checkbutton arrow:hover, - popover.background radiobutton arrow:hover { - background: none; } - modelbutton.flat arrow.left, popover.background checkbutton arrow.left, - popover.background radiobutton arrow.left { - -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } - modelbutton.flat arrow.right, popover.background checkbutton arrow.right, - popover.background radiobutton arrow.right { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - -popover.background { - margin: -10px; - padding: 0px; - border: 1px solid @borders; - border-radius: 3px; - background-color: @theme_bg_color; - box-shadow: 0 2px 3px alpha(@shadow_color, 0.9); } - popover.background:backdrop { - box-shadow: none; } - popover.background > list, - popover.background > .view, - popover.background > toolbar { - border-style: none; - background-color: transparent; } - .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier { - border: 1px solid @borders; } - popover.background separator { - margin: 3px; } - popover.background list separator { - margin: 0px; } - -GtkVolumeButton.button { - padding: 5px; } - -/******** - * Misc * - ********/ -/**************** -* Print dialog * -*****************/ -printdialog paper { - color: @theme_fg_color; - border: 1px solid @borders; - background: white; - padding: 0; } - printdialog paper:backdrop { - color: @theme_fg_color; - border-color: @borders; - background: white; } -printdialog .dialog-action-box { - margin: 12px; } - -/********** -* Frames * -**********/ -frame > border, -.frame { - box-shadow: none; - margin: 0; - padding: 0; - border-radius: 0; - border: 1px solid @borders; } - frame > border.flat, - .frame.flat { - border-style: none; } - frame > border:backdrop, - .frame:backdrop { - border-color: @borders; } - -actionbar > revealer > box { - padding: 6px; - border-top: 1px solid @borders; } - actionbar > revealer > box:backdrop { - border-color: @borders; } - -scrolledwindow viewport.frame { - border-style: none; } -scrolledwindow junction { - border-color: transparent; - background-color: transparent; - background-image: none; } - -separator { - background: @borders; - min-width: 1px; - min-height: 1px; } - -/************* -* Expanders * -*************/ -expander arrow { - min-width: 16px; - min-height: 16px; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - expander arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } - expander arrow:hover { - color: @expander_hover; } - expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - -/********* -* Paned * -*********/ -paned > separator { - min-width: 1px; - min-height: 1px; - -gtk-icon-source: none; - border-style: none; - background-color: transparent; - background-image: image(@borders); - background-size: 1px 1px; } - paned > separator:backdrop { - background-image: image(@borders); } - paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: @theme_bg_color; - background-image: image(@borders), image(@borders); - background-size: 1px 1px, 1px 1px; } - paned > separator.wide:backdrop { - background-color: @theme_bg_color; - background-image: image(@borders), image(@borders); } -paned.horizontal > separator { - background-repeat: repeat-y; } - paned.horizontal > separator:dir(ltr) { - margin: 0 -8px 0 0; - padding: 0 8px 0 0; - background-position: left; } - paned.horizontal > separator:dir(rtl) { - margin: 0 0 0 -8px; - padding: 0 0 0 8px; - background-position: right; } - paned.horizontal > separator.wide { - margin: 0; - padding: 0; - background-repeat: repeat-y, repeat-y; - background-position: left, right; } -paned.vertical > separator { - margin: 0 0 -8px 0; - padding: 0 0 8px 0; - background-repeat: repeat-x; - background-position: top; } - paned.vertical > separator.wide { - margin: 0; - padding: 0; - background-repeat: repeat-x, repeat-x; - background-position: bottom, top; } - -/********************* -* Spinner Animation * -*********************/ -@keyframes spin { - to { - -gtk-icon-transform: rotate(1turn); } } -spinner { - background-image: none; - opacity: 0; - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } - spinner:checked { - opacity: 1; - animation: spin 1s linear infinite; } - spinner:checked:disabled { - opacity: 0.5; } - -/***************** - * Notebooks and * - * Tabs * - *****************/ -/************* - * Notebooks * - *************/ -notebook.frame { - border: none; - padding: 0px; - box-shadow: inset 0px 0px 0px 1px @borders; } -notebook > header { - padding: 0px; - border: none; - background-color: @theme_bg_color; } - notebook > header.top { - box-shadow: inset 0 -1px @borders; } - notebook > header.top:backdrop { - box-shadow: inset 0 -1px @borders; } - notebook > header.bottom { - box-shadow: inset 0 1px @borders; } - notebook > header.bottom:backdrop { - box-shadow: inset 0 1px @borders; } - notebook > header.right { - box-shadow: inset 1px 0 @borders; } - notebook > header.right:backdrop { - box-shadow: inset 1px 0 @borders; } - notebook > header.left { - box-shadow: inset -1px 0 @borders; } - notebook > header.left:backdrop { - box-shadow: inset -1px 0 @borders; } - notebook > header:backdrop { - background-color: @theme_bg_color; } - notebook > header tabs { - margin: 0px; } - notebook > header.top > tabs > tab { - padding: 4px 6px; - border: 1px solid alpha(@dark_overlay_color, 0.2); - background-color: alpha(@dark_overlay_color, 0.2); - border-radius: 3px 3px 0px 0px; - border-bottom-color: transparent; } - notebook > header.top > tabs > tab:hover, notebook > header.top > tabs > tab.prelight-page { - background-color: alpha(@theme_selected_bg_color, 0.2); - border-color: alpha(@theme_selected_bg_color, 0.2); } - notebook > header.top > tabs > tab:checked { - border-color: @borders; - border-bottom-color: @theme_bg_color; - background-color: @theme_bg_color; } - notebook > header.top > tabs > tab:checked:backdrop { - border-color: @borders; - border-bottom-color: @theme_bg_color; - background-color: @theme_bg_color; } - notebook > header.bottom > tabs > tab { - padding: 4px 6px; - border: 1px solid alpha(@dark_overlay_color, 0.2); - background-color: alpha(@dark_overlay_color, 0.2); - border-radius: 0px 0px 3px 3px; - border-top-color: transparent; } - notebook > header.bottom > tabs > tab:hover, notebook > header.bottom > tabs > tab.prelight-page { - background-color: alpha(@theme_selected_bg_color, 0.2); - border-color: alpha(@theme_selected_bg_color, 0.2); } - notebook > header.bottom > tabs > tab:checked { - border-color: @borders; - border-top-color: @theme_bg_color; - background-color: @theme_bg_color; } - notebook > header.bottom > tabs > tab:checked:backdrop { - border-color: @borders; - border-top-color: @theme_bg_color; - background-color: @theme_bg_color; } - notebook > header.left > tabs > tab { - padding: 4px 6px; - border: 1px solid alpha(@dark_overlay_color, 0.2); - background-color: alpha(@dark_overlay_color, 0.2); - border-radius: 3px 0px 0px 3px; - border-right-color: transparent; } - notebook > header.left > tabs > tab:hover, notebook > header.left > tabs > tab.prelight-page { - background-color: alpha(@theme_selected_bg_color, 0.2); - border-color: alpha(@theme_selected_bg_color, 0.2); } - notebook > header.left > tabs > tab:checked { - border-color: @borders; - border-right-color: @theme_bg_color; - background-color: @theme_bg_color; } - notebook > header.left > tabs > tab:checked:backdrop { - border-color: @borders; - border-right-color: @theme_bg_color; - background-color: @theme_bg_color; } - notebook > header.right > tabs > tab { - padding: 4px 6px; - border: 1px solid alpha(@dark_overlay_color, 0.2); - background-color: alpha(@dark_overlay_color, 0.2); - border-radius: 0px 3px 3px 0px; - border-left-color: transparent; } - notebook > header.right > tabs > tab:hover, notebook > header.right > tabs > tab.prelight-page { - background-color: alpha(@theme_selected_bg_color, 0.2); - border-color: alpha(@theme_selected_bg_color, 0.2); } - notebook > header.right > tabs > tab:checked { - border-color: @borders; - border-left-color: @theme_bg_color; - background-color: @theme_bg_color; } - notebook > header.right > tabs > tab:checked:backdrop { - border-color: @borders; - border-left-color: @theme_bg_color; - background-color: @theme_bg_color; } - notebook > header.top > tabs > tab.reorderable-page { - border-width: 3px; - border-style: solid; - border-color: transparent; - background-color: @theme_bg_color; - background-clip: padding-box; - border-right-width: 1px; - border-right-color: @borders; - box-shadow: inset -3px 0px 0px 0px @theme_bg_color; } - notebook > header.top > tabs > tab.reorderable-page:hover, notebook > header.top > tabs > tab.reorderable-page.prelight-page { - box-shadow: inset 0px -3px 0px 0px alpha(@theme_selected_bg_color, 0.2), inset -3px 0px 0px 0px @theme_bg_color; } - notebook > header.top > tabs > tab.reorderable-page:checked { - box-shadow: inset 0px -3px 0px 0px @theme_selected_bg_color, inset -3px 0px 0px 0px @theme_bg_color; } - notebook > header.top > tabs > tab.reorderable-page:checked:backdrop { - background-color: @theme_bg_color; - border-color: transparent; - border-right-color: @borders; - box-shadow: none; } - notebook > header.top > tabs > tab.reorderable-page:backdrop { - background-color: @theme_bg_color; - border-right-color: @borders; - box-shadow: none; } - notebook > header.bottom > tabs > tab.reorderable-page { - border-width: 3px; - border-style: solid; - border-color: transparent; - background-color: @theme_bg_color; - background-clip: padding-box; - border-right-width: 1px; - border-right-color: @borders; - box-shadow: inset -3px 0px 0px 0px @theme_bg_color; } - notebook > header.bottom > tabs > tab.reorderable-page:hover, notebook > header.bottom > tabs > tab.reorderable-page.prelight-page { - box-shadow: inset 0px -3px 0px 0px alpha(@theme_selected_bg_color, 0.2), inset -3px 0px 0px 0px @theme_bg_color; } - notebook > header.bottom > tabs > tab.reorderable-page:checked { - box-shadow: inset 0px -3px 0px 0px @theme_selected_bg_color, inset -3px 0px 0px 0px @theme_bg_color; } - notebook > header.bottom > tabs > tab.reorderable-page:checked:backdrop { - background-color: @theme_bg_color; - border-color: transparent; - border-right-color: @borders; - box-shadow: none; } - notebook > header.bottom > tabs > tab.reorderable-page:backdrop { - background-color: @theme_bg_color; - border-right-color: @borders; - box-shadow: none; } - notebook > header.left > tabs > tab.reorderable-page { - border-width: 3px; - border-style: solid; - border-color: transparent; - background-color: @theme_bg_color; - background-clip: padding-box; - border-bottom-width: 1px; - border-bottom-color: @borders; - box-shadow: inset 0px -3px 0px 0px @theme_bg_color; } - notebook > header.left > tabs > tab.reorderable-page:hover, notebook > header.left > tabs > tab.reorderable-page.prelight-page { - box-shadow: inset 0px -3px 0px 0px alpha(@theme_selected_bg_color, 0.2), inset 0px -3px 0px 0px @theme_bg_color; } - notebook > header.left > tabs > tab.reorderable-page:checked { - box-shadow: inset 0px -3px 0px 0px @theme_selected_bg_color, inset 0px -3px 0px 0px @theme_bg_color; } - notebook > header.left > tabs > tab.reorderable-page:checked:backdrop { - background-color: @theme_bg_color; - border-color: transparent; - border-bottom-color: @borders; - box-shadow: none; } - notebook > header.left > tabs > tab.reorderable-page:backdrop { - background-color: @theme_bg_color; - border-bottom-color: @borders; - box-shadow: none; } - notebook > header.right > tabs > tab.reorderable-page { - border-width: 3px; - border-style: solid; - border-color: transparent; - background-color: @theme_bg_color; - background-clip: padding-box; - border-bottom-width: 1px; - border-bottom-color: @borders; - box-shadow: inset 0px -3px 0px 0px @theme_bg_color; } - notebook > header.right > tabs > tab.reorderable-page:hover, notebook > header.right > tabs > tab.reorderable-page.prelight-page { - box-shadow: inset 0px -3px 0px 0px alpha(@theme_selected_bg_color, 0.2), inset 0px -3px 0px 0px @theme_bg_color; } - notebook > header.right > tabs > tab.reorderable-page:checked { - box-shadow: inset 0px -3px 0px 0px @theme_selected_bg_color, inset 0px -3px 0px 0px @theme_bg_color; } - notebook > header.right > tabs > tab.reorderable-page:checked:backdrop { - background-color: @theme_bg_color; - border-color: transparent; - border-bottom-color: @borders; - box-shadow: none; } - notebook > header.right > tabs > tab.reorderable-page:backdrop { - background-color: @theme_bg_color; - border-bottom-color: @borders; - box-shadow: none; } - notebook > header.top > tabs > arrow { - border-top-style: none; } - notebook > header.bottom > tabs > arrow { - border-bottom-style: none; } - notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { - margin-left: -5px; - margin-right: -5px; - padding-left: 4px; - padding-right: 4px; } - notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { - -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } - notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - notebook > header.left > tabs > arrow { - border-left-style: none; } - notebook > header.right > tabs > arrow { - border-right-style: none; } - notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { - margin-top: -5px; - margin-bottom: -5px; - padding-top: 4px; - padding-bottom: 4px; } - notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } - notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - notebook > header > tabs > arrow { - min-height: 16px; - min-width: 16px; - border-radius: 0; } - notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { - background-clip: padding-box; - background-image: none; - background-color: alpha(@glow_color, 0.3); - border-color: transparent; - box-shadow: none; } - notebook > header > tabs > arrow:disabled { - border-color: alpha(@glow_color, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: @theme_fg_color; - text-shadow: none; - -gtk-icon-shadow: none; } - notebook > header button.flat { - padding: 0; - margin: 4px; - min-width: 12px; - min-height: 12px; - border: 0px solid; - border-radius: 50%; - color: @theme_selected_fg_color; - background-color: @borders; - background-image: none; } - notebook > header button.flat:hover { - background-color: @error_color; } - notebook > header button.flat:active { - background-color: @error_color; } - notebook > header button.flat:backdrop { - background-color: @borders; - color: @theme_selected_fg_color; } -notebook > stack:not(:only-child) { - background-color: transparent; - border-style: solid; - border-color: @borders; - border-width: 0px; } - -scrolledwindow overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(@overshoot_color), to(alpha(@overshoot_color, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(alpha(@dark_overlay_color, 0.07)), to(alpha(@dark_overlay_color, 0))); - background-size: 100% 5%, 100% 100%; - background-repeat: no-repeat; - background-position: center top; - background-color: transparent; - border: none; - box-shadow: none; } - scrolledwindow overshoot.top:backdrop { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(@borders), to(alpha(@borders, 0))); - background-size: 100% 5%; - background-repeat: no-repeat; - background-position: center top; - background-color: transparent; - border: none; - box-shadow: none; } -scrolledwindow overshoot.bottom { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(@overshoot_color), to(alpha(@overshoot_color, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(alpha(@dark_overlay_color, 0.07)), to(alpha(@dark_overlay_color, 0))); - background-size: 100% 5%, 100% 100%; - background-repeat: no-repeat; - background-position: center bottom; - background-color: transparent; - border: none; - box-shadow: none; } - scrolledwindow overshoot.bottom:backdrop { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(@borders), to(alpha(@borders, 0))); - background-size: 100% 5%; - background-repeat: no-repeat; - background-position: center bottom; - background-color: transparent; - border: none; - box-shadow: none; } -scrolledwindow overshoot.left { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(@overshoot_color), to(alpha(@overshoot_color, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(alpha(@dark_overlay_color, 0.07)), to(alpha(@dark_overlay_color, 0))); - background-size: 5% 100%, 100% 100%; - background-repeat: no-repeat; - background-position: left center; - background-color: transparent; - border: none; - box-shadow: none; } - scrolledwindow overshoot.left:backdrop { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(@borders), to(alpha(@borders, 0))); - background-size: 5% 100%; - background-repeat: no-repeat; - background-position: left center; - background-color: transparent; - border: none; - box-shadow: none; } -scrolledwindow overshoot.right { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(@overshoot_color), to(alpha(@overshoot_color, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(alpha(@dark_overlay_color, 0.07)), to(alpha(@dark_overlay_color, 0))); - background-size: 5% 100%, 100% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; } - scrolledwindow overshoot.right:backdrop { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(@borders), to(alpha(@borders, 0))); - background-size: 5% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; } -scrolledwindow undershoot { - background-image: none; - border: none; } - -/************ - * Pathbars * - ************/ -.path-bar { - background-color: @theme_bg_color; - border-bottom: 1px solid @borders; } - -.path-bar button { - border-color: alpha(@glow_color, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: @theme_fg_color; - text-shadow: none; - -gtk-icon-shadow: none; - padding: 4px 8px; - color: @theme_fg_color; } - .path-bar button:hover { - border-color: @decoration_hover; } - .path-bar button:active, .path-bar button:checked { - background-color: @borders; - font-weight: normal; } - .path-bar button.text-button, .path-bar button.image-button, .path-bar button { - padding-left: 4px; - padding-right: 4px; } - .path-bar button.text-button.image-button label { - padding-left: 0; - padding-right: 0; } - .path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { - padding-right: 8px; } - .path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { - padding-left: 8px; } - .path-bar button image { - padding-left: 4px; - padding-right: 4px; } - .path-bar button.slider-button { - padding-left: 0; - padding-right: 0; } - -/***************** - * Progress bars * - *****************/ -progressbar { - font-size: smaller; - color: alpha(@dark_overlay_color, 0.3); } - progressbar.horizontal trough, - progressbar.horizontal progress { - min-height: 6px; } - progressbar.vertical trough, - progressbar.vertical progress { - min-width: 6px; } - progressbar trough { - border: 0px solid transparent; - border-radius: 3px; - background-color: alpha(@dark_overlay_color, 0.3); } - progressbar:backdrop trough { - background-color: alpha(@dark_overlay_color, 0.3); } - progressbar progress { - background-color: @theme_selected_bg_color; - border: 0px solid transparent; - border-radius: 3px; - box-shadow: none; } - progressbar:backdrop progress { - background-color: @theme_selected_bg_color; } - progressbar.osd { - background-color: transparent; } - -treeview.view.progressbar { - border: 0px solid transparent; - border-radius: 3px; - background-color: @theme_selected_bg_color; - color: @theme_selected_fg_color; - background-image: none; } - treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { - background-color: alpha(@theme_bg_color, 0.25); } -treeview.view.trough { - background-color: @trough_color; } - treeview.view.trough:selected:focus, treeview.view.trough:selected { - background-color: alpha(@theme_bg_color, 0.3); } - -/************* - * Level Bar * - *************/ -levelbar block { - min-width: 32px; - min-height: 6px; } -levelbar.vertical block { - min-width: 6px; - min-height: 32px; } -levelbar trough { - border: 1px solid; - padding: 2px; - border-radius: 3px; - color: @theme_fg_color; - border-color: @borders; - background-color: @theme_base_color; - box-shadow: none; } - levelbar trough:backdrop { - color: @theme_fg_color; - border-color: @borders; - background-color: @theme_base_color; } -levelbar.horizontal.discrete block { - margin: 0 1px; } -levelbar.vertical.discrete block { - margin: 1px 0; } -levelbar block:not(.empty) { - border: 1px solid @theme_selected_bg_color; - background-color: @theme_selected_bg_color; - box-shadow: none; - border-radius: 1px; } - levelbar block:not(.empty):backdrop { - border-color: @theme_selected_bg_color; - background-color: @theme_selected_bg_color; } -levelbar block.low { - border-color: @warning_color; - background-color: @warning_color; } - levelbar block.low:backdrop { - background-color: @warning_color; - border-color: @warning_color; } -levelbar block.high { - border-color: @success_color; - background-color: @success_color; } - levelbar block.high:backdrop { - background-color: @success_color; - border-color: @success_color; } -levelbar block.full { - border-color: @success_color; - background-color: @success_color; } - levelbar block.full:backdrop { - background-color: @success_color; - border-color: @success_color; } -levelbar block.empty { - background-color: alpha(@dark_overlay_color, 0.3); - border-color: transparent; - box-shadow: none; } - levelbar block.empty:backdrop { - background-color: alpha(@dark_overlay_color, 0.3); } - -/************ - * GtkScale * - ************/ -scale.fine-tune.trough { - margin: 8px; - border-radius: 3px; } -scale slider { - min-width: 18px; - min-height: 18px; - background-color: @theme_bg_color; - border: 1px solid @borders; - border-radius: 50%; - box-shadow: none; - margin: -9px; } - scale slider:hover { - border-style: solid; - border-width: 2px; - border-color: @decoration_hover; - border-radius: 50%; } - scale slider:hover:backdrop { - background-color: @theme_bg_color; - border-color: @decoration_hover; } - scale slider:disabled { - border-style: solid; - border-radius: 50%; - background-color: @theme_bg_color; - border-color: @insensitive_borders; } - scale slider:disabled:backdrop { - background-color: @theme_bg_color; - border-color: @insensitive_borders; } - scale slider:active { - border: 2px solid @theme_selected_bg_color; } - scale slider:active:backdrop { - background-color: @theme_bg_color; - border-color: @theme_selected_bg_color; } - scale slider:backdrop { - background-color: @theme_bg_color; - border-color: @borders; } -scale trough { - min-width: 6px; - min-height: 6px; - margin: 9px; - border: 0px solid; - border-radius: 3px; - background-color: @trough_color; - box-shadow: none; } - scale trough:disabled, scale trough.vertical:disabled { - border-color: @trough_scale_color; - background-color: @trough_scale_color; - box-shadow: none; } - scale trough:disabled:backdrop, scale trough.vertical:disabled:backdrop { - background-color: @trough_scale_color; - border-color: @trough_scale_color; } - scale trough:backdrop { - background-color: @trough_color; - border-color: @trough_color; } -scale highlight { - border: 0px solid; - border-radius: 3px; - background-color: @theme_selected_bg_color; - border-color: @theme_selected_bg_color; } - scale highlight.vertical { - background-color: @theme_selected_bg_color; - border-color: @theme_selected_bg_color; } - scale highlight:disabled { - background-color: @disabled_highlight; } - scale highlight:backdrop { - background-color: @theme_unfocused_selected_bg_color; - border-color: @theme_unfocused_selected_bg_color; } - scale highlight:backdrop:disabled { - background-color: @disabled_highlight; } - -/************** - * Scrollbars * - **************/ -scrollbar { - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; - background-color: @theme_bg_color; - border-width: 0px 0px; - border-color: @theme_bg_color; - margin: 0px; } - scrollbar button { - min-width: 14px; - min-height: 14px; - margin: 0px; - padding: 0px 0px; - border: none; - border-radius: 0px; - background-image: none; - background-color: transparent; - color: transparent; - box-shadow: none; } - scrollbar button:hover { - border: none; - background-image: none; - background-color: @theme_bg_color; - color: transparent; } - scrollbar button:active, scrollbar button:active:hover { - border: none; - background-image: none; - background-color: @theme_bg_color; - color: transparent; } - scrollbar button:disabled { - border: none; - background-color: @theme_bg_color; - background-image: none; - color: transparent; } - scrollbar button:backdrop { - color: @theme_fg_color; } - scrollbar button:backdrop:disabled { - color: @insensitive_fg_color; } - scrollbar.dragging, scrollbar.hovering { - opacity: 0.9910; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering) { - opacity: 0.999; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering) { - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; - background: none; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - min-width: 6px; - border-radius: 8px; - background-color: alpha(@scrollbar_overlay_color, 0.8); } - scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider:backdrop { - background-color: @scrollbar_overlay_color; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { - min-height: 4px; } - scrollbar:hover trough{ - background:linear-gradient(transparent 0,transparent 5px,@trough_color 5px,@trough_color calc(100%-5px), transparent calc(100%-5px),transparent 100%); } - scrollbar trough { - transition-duration:0.1s; - min-width: 6px; - min-height: 14px; - border: 0px solid @theme_bg_color; - border-radius: 8px; - background-color: @theme_bg_color; - background-clip: padding-box; - box-shadow: inset 0px 0px 0px 5px @theme_bg_color;} - scrollbar slider { - transition-duration:0.1s; - min-width: 6px; - min-height: 30px; - border: 5px solid transparent; - border-radius: 8px; - background-clip: padding-box; - background-color: @theme_selected_bg_color; } - scrollbar slider:hover { - background-color: @decoration_hover; } - scrollbar:backdrop slider:backdrop { - background-color: @scrollbar_backdrop_color; } - scrollbar slider:backdrop:disabled { - background-color: @scrollbar_backdrop_color; } - scrollbar.horizontal slider { - min-width: 30px; - min-height: 6px; } - -/*********** - * Sidebar * - ***********/ -.sidebar { - border: none; - background-color: @theme_bg_color; } - .sidebar:backdrop { - background-color: @theme_bg_color; } - -placessidebar > viewport.frame { - border-style: none; } -placessidebar row { - min-height: 36px; - padding: 0px; } - placessidebar row > revealer { - padding: 0 14px; } - placessidebar row:selected { - color: @theme_selected_fg_color; } - placessidebar row:disabled { - color: @insensitive_fg_color; } - placessidebar row:backdrop { - color: @theme_fg_color; } - placessidebar row:backdrop:selected { - color: @theme_selected_bg_color; } - placessidebar row:backdrop:disabled { - color: @insensitive_fg_color; } - placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 8px; } - placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 8px; } - placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 2px; } - placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 2px; } - button.sidebar-button { - min-height: 26px; - min-width: 26px; - margin-top: 3px; - margin-bottom: 3px; - padding: 0; } - placessidebar row:selected:active { - box-shadow: none; } - placessidebar row.sidebar-placeholder-row { - padding: 0 8px; - min-height: 2px; - background-image: none; - background-clip: content-box; } - placessidebar row.sidebar-new-bookmark-row { - color: @theme_selected_bg_color; } - -placesview .server-list-button > image { - transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - -gtk-icon-transform: rotate(0turn); } -placesview .server-list-button:checked > image { - transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - -gtk-icon-transform: rotate(-0.5turn); } -placesview row.activatable:hover { - background-color: transparent; } -placesview > actionbar > revealer > box > label { - padding-left: 8px; - padding-right: 8px; } - -stacksidebar.sidebar row { - padding: 10px 4px; } - stacksidebar.sidebar row > label { - padding-left: 6px; - padding-right: 6px; } - stacksidebar.sidebar row.needs-attention > .label { - background-size: 6px 6px, 0 0; } - -/***************** - * GtkSpinButton * - *****************/ -spinbutton:not(.vertical) { - padding: 0; } - spinbutton:not(.vertical) entry { - min-width: 28px; - margin: 0; - background: none; - background-color: transparent; - border: none; - border-radius: 0; - box-shadow: none; } - spinbutton:not(.vertical) entry:backdrop:disabled { - background-color: transparent; } - spinbutton:not(.vertical) button { - min-height: 16px; - margin: 0; - padding-bottom: 0; - padding-top: 0; - color: @theme_text_color; - background-image: none; - background-color: transparent; - border-style: none; - box-shadow: none; } - spinbutton:not(.vertical) button:hover { - color: @decoration_hover; } - spinbutton:not(.vertical) button:disabled { - color: @insensitive_fg_color; } - spinbutton:not(.vertical) button:active { - color: @theme_selected_bg_color; - box-shadow: none; } - spinbutton:not(.vertical) button:backdrop { - color: @theme_text_color; - background-color: transparent; } - spinbutton:not(.vertical) button:backdrop:disabled { - color: @insensitive_fg_color; - background-color: transparent; - border-style: none; } - spinbutton:not(.vertical) button:dir(ltr):last-child { - border-radius: 0 3px 3px 0; } - spinbutton:not(.vertical) button:dir(rtl):first-child { - border-radius: 3px 0 0 3px; } -spinbutton.vertical:disabled { - color: @insensitive_fg_color; } -spinbutton.vertical:backdrop:disabled { - color: @insensitive_fg_color; } -spinbutton.vertical:drop(active) { - border-color: transparent; - box-shadow: none; } -spinbutton.vertical entry { - margin: 0px; - min-height: 26px; - min-width: 26px; - border-style: none solid none solid; - border-color: @borders; - padding: 0; - border-radius: 0; } - spinbutton.vertical entry:disabled { - color: @insensitive_fg_color; - background-color: @disabled_bg; - border-color: @insensitive_borders; } - spinbutton.vertical entry:backdrop:disabled { - color: @insensitive_fg_color; - background-color: @disabled_bg; - border-color: @insensitive_borders; } -spinbutton.vertical button { - min-height: 26px; - min-width: 26px; - padding: 0; - box-shadow: none; - background-image: none; - background-color: @theme_bg_color; - color: @theme_text_color; - border-color: @borders; } - spinbutton.vertical button:hover { - color: @decoration_hover; } - spinbutton.vertical button:active { - color: @theme_selected_bg_color; } - spinbutton.vertical button:disabled { - color: @insensitive_fg_color; - background-color: @disabled_bg; - border-color: @insensitive_borders; } - spinbutton.vertical button:backdrop:disabled { - color: @insensitive_fg_color; - background-color: @disabled_bg; - border-color: @insensitive_borders; } -spinbutton.vertical button.up { - border-radius: 3px 3px 0 0; - border-style: solid solid none solid; } -spinbutton.vertical button.down { - border-radius: 0 0 3px 3px; - border-style: none solid solid solid; } -treeview spinbutton:not(.vertical) { - min-height: 0; - border-style: none; - border-radius: 0; } - treeview spinbutton:not(.vertical) entry { - min-height: 0; - padding: 1px 2px; } - -/********** - * Switch * - **********/ -switch { - margin: 2px; - font-weight: bold; - font-size: smaller; - min-width: 48px; - min-height: 24px; - border: 0px solid; - border-radius: 12px; - color: transparent; - background-color: alpha(@dark_overlay_color, 0.3); - text-shadow: none; } - switch:checked { - background-color: @theme_selected_bg_color; } - switch:backdrop { - background-color: alpha(@dark_overlay_color, 0.3); - text-shadow: none; } - switch:backdrop:checked { - background-color: @theme_selected_bg_color; } - switch slider { - min-width: 22px; - min-height: 22px; - border: 1px solid; - border-radius: 11px; - background-color: @theme_bg_color; - border-color: @borders; } - switch:hover slider { - border-color: @decoration_hover; } - switch:disabled slider { - background-color: @insensitive_bg_color; } - switch:backdrop slider { - background-color: @theme_bg_color; } - switch:backdrop:disabled slider { - background-color: @insensitive_bg_color; } - -/************ - * Toolbars * - ************/ -toolbar, .inline-toolbar, searchbar, -.location-bar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: @theme_bg_color; } - -toolbar { - padding: 4px 3px 3px 4px; } - toolbar:backdrop { - background-color: @theme_bg_color; - box-shadow: none; } - toolbar button { - margin: 2px; - padding: 3px; } - toolbar button.image-button, toolbar button.text-button.image-button { - padding: 3px; } - toolbar separator { - margin-left: 3px; - margin-right: 3px; } - toolbar entry { - margin: 3px; } - .osd toolbar { - background-color: transparent; } - toolbar.osd { - padding: 13px; - border: none; - border-radius: 3px; - background-color: @theme_bg_color; } - toolbar.osd:backdrop { - border-color: @borders; - background-color: @theme_bg_color; - box-shadow: none; } - toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; } - -.inline-toolbar { - border-width: 0px 0px 1px 0px; - padding: 3px; - border-radius: 0; } - -searchbar, -.location-bar { - border-width: 0px 0px 1px 0px; - padding: 3px; } - -.inline-toolbar, searchbar, -.location-bar { - border-style: solid; - border-color: @borders; - text-shadow: none; - background-color: @theme_bg_color; } - -/************ - * Tooltips * - ************/ -tooltip { - color: @theme_selected_fg_color; - padding: 4px; - /* not working */ - border-radius: 3px; - box-shadow: none; - text-shadow: none; } - tooltip.background { - background-color: @dark_overlay_color; - background-clip: padding-box; } - tooltip.window-frame.csd { - background-color: transparent; - box-shadow: none; } - tooltip decoration { - background-color: transparent; } - -tooltip * { - padding: 0px; - background-color: transparent; - color: @theme_selected_fg_color; } - -/************** - * Tree Views * - **************/ -treeview.view { - -GtkTreeView-grid-line-width: 0; - -GtkTreeView-grid-line-pattern: ''; - -GtkTreeView-tree-line-width: 1; - -GtkTreeView-tree-line-pattern: ''; - -GtkTreeView-expander-size: 16; - border-left-color: @borders; - border-top-color: transparent; } - treeview.view:selected { - border-radius: 0; } - treeview.view:selected { - background-color: @theme_selected_bg_color; - border-left-color: @theme_bg_color; - border-top-color: @theme_bg_color; } - treeview.view:backdrop:selected { - background-color: @theme_unfocused_selected_bg_color; - border-left-color: @theme_bg_color; - border-top-color: @theme_bg_color; } - treeview.view:disabled { - color: @insensitive_borders; } - treeview.view:disabled:selected { - color: @insensitive_bg_color; } - treeview.view:disabled:selected:backdrop { - color: @insensitive_bg_color; } - treeview.view:disabled:backdrop { - color: @insensitive_borders; } - treeview.view.separator { - min-height: 2px; - color: @borders; } - treeview.view.separator:backdrop { - color: @borders; } - treeview.view:backdrop { - border-left-color: @borders; } - treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: @decoration_hover; } - treeview.view.expander { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - color: @dark_overlay_color; } - treeview.view.expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } - treeview.view.expander:hover { - color: @decoration_hover; } - treeview.view.expander:selected { - color: @theme_selected_fg_color; } - treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - treeview.view.expander:checked:selected { - color: @theme_selected_fg_color; } - treeview.view.expander:checked:backdrop { - color: @theme_selected_fg_color; } - treeview.view.expander:backdrop { - color: @theme_selected_fg_color; } - treeview.view header button { - color: @theme_text_color; - background-color: @theme_bg_color; - text-shadow: none; - box-shadow: none; } - treeview.view header button:hover { - color: @theme_text_color; - background-color: alpha(@decoration_hover, 0.5); - box-shadow: none; - transition: none; } - treeview.view header button:active { - color: @theme_text_color; - background-color: alpha(@decoration_hover, 0.5); - transition: none; } - treeview.view header button:last-child:backdrop, treeview.view header button:last-child { - border-right-style: none; } - treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, - treeview.view header.button.dnd:active, - treeview.view header.button.dnd:selected, - treeview.view header.button.dnd:hover, - treeview.view header.button.dnd { - padding: 0 6px; - color: @theme_selected_fg_color; - background-image: none; - background-color: @theme_selected_bg_color; - border-style: none; - border-radius: 0; - box-shadow: none; - text-shadow: none; - transition: none; } - -treeview.view header button, treeview.view header button:hover, treeview.view header button:active { - padding: 6px; - border-style: none solid solid none; - border-radius: 0; - background-image: none; - border-color: @borders; - text-shadow: none; } - treeview.view header button:disabled { - border-color: @insensitive_borders; - color: @insensitive_fg_color; - background-color: @insensitive_bg_color; - background-image: none; } - treeview.view header button:backdrop { - border-color: @borders; - border-style: none solid solid none; - color: @theme_text_color; - background-image: none; - background-color: @theme_bg_color; } - treeview.view header button:backdrop:disabled { - border-color: @insensitive_borders; - background-image: none; - background-color: @insensitive_bg_color; - color: @insensitive_fg_color; } - -/********************** - * Window Decorations * - *********************/ -decoration { - border-radius: 3px 3px 0 0; - border-width: 0px; - box-shadow: 0 2px 6px 1px alpha(@shadow_color, 0.5); - /* this is used for the resize cursor area */ - margin: 10px; } - .maximized decoration, .fullscreen decoration, .tiled decoration { - border-radius: 0; } - .popup decoration { - border-radius: 3px; - box-shadow: 2px 2px 2px 1px alpha(@shadow_color, 0.1); } - .ssd decoration { - box-shadow: 0 2px 6px 1px alpha(@shadow_color, 0.1); } - .csd decoration { - border-radius: 3px; } - .csd decoration.popup { - box-shadow: 2px 2px 2px 1px alpha(@shadow_color, 0.1); } - .csd decoration.tooltip { - box-shadow: none; } - .csd decoration.message-dialog { - box-shadow: 0 2px 6px 1px alpha(@shadow_color, 0.5); } - .solid-csd decoration { - border-radius: 0; - margin: 0; - padding: 0px; - border: none; - background-color: @headerbar_gradient_top; - box-shadow: none; } - -headerbar.default-decoration button.titlebutton, -.titlebar.default-decoration button.titlebutton { - padding: 1px; - min-height: 18px; - min-width: 18px; - margin: 0; } -headerbar button.titlebutton, -.titlebar button.titlebutton { - padding: 6px; } - headerbar button.titlebutton:hover, headerbar button.titlebutton:active, headerbar button.titlebutton:checked, headerbar button.titlebutton:backdrop, headerbar button.titlebutton:active:hover, - .titlebar button.titlebutton:hover, - .titlebar button.titlebutton:active, - .titlebar button.titlebutton:checked, - .titlebar button.titlebutton:backdrop, - .titlebar button.titlebutton:active:hover { - transition: none; } - headerbar button.titlebutton.close, - .titlebar button.titlebutton.close { - padding: 1px; - color: transparent; - border-image: none; - box-shadow: none; - background-position: center; - background-repeat: no-repeat; - background-image: -gtk-scaled(url("../assets/titlebutton-close.png"), url("../assets/titlebutton-close@2.png")); } - headerbar button.titlebutton.close:hover, - .titlebar button.titlebutton.close:hover { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-close-hover.png"), url("../assets/titlebutton-close-hover@2.png")); } - headerbar button.titlebutton.close:active, - .titlebar button.titlebutton.close:active { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-close-active.png"), url("../assets/titlebutton-close-active@2.png")); } - headerbar button.titlebutton.close:backdrop, - .titlebar button.titlebutton.close:backdrop { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-close-backdrop.png"), url("../assets/titlebutton-close-backdrop@2.png")); } - headerbar button.titlebutton.maximize, - .titlebar button.titlebutton.maximize { - padding: 1px; - color: transparent; - border-image: none; - box-shadow: none; - background-position: center; - background-repeat: no-repeat; - background-image: -gtk-scaled(url("../assets/titlebutton-maximize.png"), url("../assets/titlebutton-maximize@2.png")); } - headerbar button.titlebutton.maximize:hover, - .titlebar button.titlebutton.maximize:hover { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-maximize-hover.png"), url("../assets/titlebutton-maximize-hover@2.png")); } - headerbar button.titlebutton.maximize:active, - .titlebar button.titlebutton.maximize:active { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-maximize-active.png"), url("../assets/titlebutton-maximize-active@2.png")); } - headerbar button.titlebutton.maximize:backdrop, - .titlebar button.titlebutton.maximize:backdrop { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-maximize-backdrop.png"), url("../assets/titlebutton-maximize-backdrop@2.png")); } - headerbar button.titlebutton.minimize, - .titlebar button.titlebutton.minimize { - padding: 1px; - color: transparent; - border-image: none; - box-shadow: none; - background-position: center; - background-repeat: no-repeat; - background-image: -gtk-scaled(url("../assets/titlebutton-minimize.png"), url("../assets/titlebutton-minimize@2.png")); } - headerbar button.titlebutton.minimize:hover, - .titlebar button.titlebutton.minimize:hover { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-minimize-hover.png"), url("../assets/titlebutton-minimize-hover@2.png")); } - headerbar button.titlebutton.minimize:active, - .titlebar button.titlebutton.minimize:active { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-minimize-active.png"), url("../assets/titlebutton-minimize-active@2.png")); } - headerbar button.titlebutton.minimize:backdrop, - .titlebar button.titlebutton.minimize:backdrop { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-minimize-backdrop.png"), url("../assets/titlebutton-minimize-backdrop@2.png")); } -.maximized headerbar button.titlebutton.maximize, .maximized -.titlebar button.titlebutton.maximize { - padding: 1px; - color: transparent; - border-image: none; - box-shadow: none; - background-position: center; - background-repeat: no-repeat; - background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized.png"), url("../assets/titlebutton-maximize-maximized@2.png")); } -.maximized headerbar button.titlebutton.maximize:hover, .maximized -.titlebar button.titlebutton.maximize:hover { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized-hover.png"), url("../assets/titlebutton-maximize-maximized-hover@2.png")); } -.maximized headerbar button.titlebutton.maximize:active, .maximized -.titlebar button.titlebutton.maximize:active { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized-active.png"), url("../assets/titlebutton-maximize-maximized-active@2.png")); } -.maximized headerbar button.titlebutton.maximize:backdrop, .maximized -.titlebar button.titlebutton.maximize:backdrop { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized-backdrop.png"), url("../assets/titlebutton-maximize-maximized-backdrop@2.png")); } - -headerbar.selection-mode button.titlebutton, -.titlebar.selection-mode button.titlebutton { - text-shadow: none; } - headerbar.selection-mode button.titlebutton:backdrop, - .titlebar.selection-mode button.titlebutton:backdrop { - -gtk-icon-shadow: none; } diff --git a/Breeze-gtk/gtk-3.20/gtk.css b/Breeze-gtk/gtk-3.20/gtk.css deleted file mode 100644 index 042848b..0000000 --- a/Breeze-gtk/gtk-3.20/gtk.css +++ /dev/null @@ -1,124 +0,0 @@ -/* GTK NAMED COLORS - ---------------- - use responsibly! */ -/* -widget text/foreground color */ -@define-color theme_fg_color #232627; -/* -text color for entries, views and content in general */ -@define-color theme_text_color #232627; -/* -widget base background color */ -@define-color theme_bg_color #eff0f1; -/* -text widgets and the like base background color */ -@define-color theme_base_color #fcfcfc; -/* -base background color of selections */ -@define-color theme_selected_bg_color #3daee9; -/* -text/foreground color of selections */ -@define-color theme_selected_fg_color #fcfcfc; -/* -base background color of insensitive widgets */ -@define-color insensitive_bg_color rgba(216, 218, 221, 0.35); -/* -text foreground color of insensitive widgets */ -@define-color insensitive_fg_color rgba(45, 49, 54, 0.35); -/* -insensitive text widgets and the like base background color */ -@define-color insensitive_base_color rgba(45, 49, 54, 0.35); -/* -widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color #232627; -/* -text color for entries, views and content in general on backdrop windows */ -@define-color theme_unfocused_text_color #232627; -/* -widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color #eff0f1; -/* -text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color #fcfcfc; -/* -base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color alpha(@theme_selected_bg_color, 0.5); -/* -text/foreground color of selections on backdrop windows */ -@define-color theme_unfocused_selected_fg_color #fcfcfc; -/* -widgets main borders color */ -@define-color borders #c0c2c4; -/* -widgets main borders color on backdrop windows */ -@define-color unfocused_borders #c0c2c4; -/* -widgets main borders color insensitive */ -@define-color insensitive_borders rgba(174, 176, 179, 0.35); -/* -these are pretty self explicative */ -@define-color warning_color #f67400; -@define-color error_color #da4453; -@define-color success_color #27ae60; -@define-color content_view_bg #fcfcfc; -/* -extra colors for the color scheme script */ -@define-color warning_color_deep #e06900; -@define-color extra_dull_borders #d8dadd; -@define-color decoration_hover #93cee9; -@define-color button_gradient_top #f2f2f3; -@define-color button_gradient_bottom #e8e9ea; -@define-color active_button_gradient_top #45b1ea; -@define-color active_button_gradient_bottom #25a4e6; -@define-color notebook_gradient_top #9cd2eb; -@define-color notebook_gradient_bottom #76c1e3; -@define-color action_button_gradient_top #40afe9; -@define-color action_button_gradient_bottom #35abe8; -@define-color action_disabled_backdrop rgba(170, 178, 183, 0.35); -@define-color disabled_gradient_top rgba(218, 220, 223, 0.35); -@define-color disabled_gradient_bottom rgba(209, 212, 215, 0.35); -@define-color disabled_bg #e5e5e5; -@define-color disabled_check #e8e8e8; -@define-color disabled_highlight rgba(37, 164, 230, 0.35); -@define-color disabled_highlight_top rgba(44, 167, 231, 0.35); -@define-color disabled_highlight_bottom rgba(25, 152, 218, 0.35); -@define-color destructive_gradient_top #db4b5a; -@define-color destructive_gradient_bottom #d62e3f; -@define-color link_color #2980b9; -@define-color link_hover_color #409ad5; -@define-color link_selected_color #a8d6ee; -@define-color visited_link_color #7f8c8d; -@define-color visited_link_hover_color #dde9f0; -@define-color visited_link_selected_color #cbe3ef; -@define-color expander_hover #77838e; -@define-color overshoot_color #a6a9ab; -@define-color trough_color #b6b8ba; -@define-color trough_scale_color rgba(165, 167, 170, 0.35); -@define-color scrollbar_overlay_color #74777b; -@define-color scrollbar_backdrop_color rgba(105, 108, 112, 0.35); -@define-color dark_overlay_color #31363b; -@define-color shadow_color #000000; -@define-color glow_color #ffffff; -/* -separate headerbar colors for easy toolbar reversion */ -@define-color headerbar_gradient_top @theme_bg_color; -@define-color headerbar_gradient_bottom @theme_bg_color; -@define-color headerbar_separator @borders; -@define-color headerbar_backdrop #bdc3c7; -@define-color headerbar_fg_color @theme_selected_fg_color; -@define-color headerbar_bg_color @theme_bg_color; -@define-color headerbar_error_top #f87500; -@define-color headerbar_error_bottom #ef7100; -@define-color headerbar_selected_bg_color @theme_selected_bg_color; -@define-color headerbar_selected_fg_color @theme_fg_color; -@define-color headerbar_decoration_hover @decoration_hover; -@define-color headerbar_active_button_gradient_top @active_button_gradient_top; -@define-color headerbar_active_button_gradient_bottom @active_button_gradient_bottom; -@define-color headerbar_insensitive_fg_color @insensitive_fg_color; -@define-color headerbar_insensitive_bg_color @insensitive_fg_color; -@define-color headerbar_disabled_highlight @disabled_highlight; -@define-color headerbar_disabled_highlight_top @disabled_highlight_top; -@define-color headerbar_disabled_highlight_bottom @disabled_highlight_bottom; -@define-color headerbar_action_disabled_backdrop @action_disabled_backdrop; - -@import url("common.css"); diff --git a/CMakeLists.txt b/CMakeLists.txt index 8641ae0..a5ef2a4 100644 --- a/CMakeLists.txt +++ b/CMakeLists.txt @@ -1,27 +1,25 @@ project(breeze-gtk) set(PROJECT_VERSION "5.14.80") set(PROJECT_VERSION_MAJOR 5) cmake_minimum_required(VERSION 2.8.12) find_package(ECM 0.0.9 REQUIRED NO_MODULE) include(FeatureSummary) set(CMAKE_MODULE_PATH ${ECM_MODULE_PATH} ${ECM_KDE_MODULE_DIR} "${CMAKE_SOURCE_DIR}/cmake") find_package(GTKEngine) +find_package(Sass REQUIRED) -include(KDEInstallDirs) +if(CMAKE_VERSION VERSION_LESS 3.12.0) + find_package(PythonInterp 3 REQUIRED) +else() + find_package(Python3 COMPONENTS Interpreter REQUIRED) +endif() -# Exclude these patterns when installing directories as they have no use -# in production. -set(directory_EXCLUDES - PATTERN "render-assets.sh" EXCLUDE - PATTERN "assets.svg" EXCLUDE - PATTERN "assets.txt" EXCLUDE -) +include(KDEInstallDirs) -add_subdirectory(Breeze-dark-gtk) -add_subdirectory(Breeze-gtk) add_subdirectory(kconf_update) +add_subdirectory(src) feature_summary(WHAT ALL INCLUDE_QUIET_PACKAGES FATAL_ON_MISSING_REQUIRED_PACKAGES) diff --git a/TODO b/TODO new file mode 100644 index 0000000..b6fdc86 --- /dev/null +++ b/TODO @@ -0,0 +1,2 @@ +* Remove SASS deprecation warnings +* Build the theme into ${CMAKE_BINARY_DIR} diff --git a/cmake/FindSass.cmake b/cmake/FindSass.cmake new file mode 100644 index 0000000..9bec322 --- /dev/null +++ b/cmake/FindSass.cmake @@ -0,0 +1,89 @@ +#.rst: +# FindSass +# ----------- +# +# Try to find Sass compiler. +# +# If the Sass compiler executable is not in your PATH, you can provide +# an alternative name or full path location with the ``Sass_EXECUTABLE`` variable. +# In this case, do not forget to set ``Sass_COMPILER_TYPE`` variable also. +# +# This will define the following variables: +# +# ``Sass_FOUND`` +# True if sass is available. +# +# ``Sass_EXECUTABLE`` +# The Sass compiler executable. +# +# ``Sass_COMPILER_TYPE`` +# Sass compiler type: ``sass`` or ``sassc``. +# +# If ``Sass_FOUND`` is TRUE, it will also define the following imported +# target: +# +# ``Sass::Sass`` +# The Sass compiler executable. +# + +#============================================================================= +# Copyright 2018 Alexander Kernozhitsky +# +# Redistribution and use in source and binary forms, with or without +# modification, are permitted provided that the following conditions +# are met: +# +# 1. Redistributions of source code must retain the copyright +# notice, this list of conditions and the following disclaimer. +# 2. Redistributions in binary form must reproduce the copyright +# notice, this list of conditions and the following disclaimer in the +# documentation and/or other materials provided with the distribution. +# 3. The name of the author may not be used to endorse or promote products +# derived from this software without specific prior written permission. +# +# THIS SOFTWARE IS PROVIDED BY THE AUTHOR ``AS IS'' AND ANY EXPRESS OR +# IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES +# OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. +# IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY DIRECT, INDIRECT, +# INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT +# NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, +# DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY +# THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT +# (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF +# THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. +#============================================================================= + +set_package_properties(Sass PROPERTIES + DESCRIPTION "SASS compiler" + URL "https://sass-lang.com/" + PURPOSE "Required for building GTK themes") + +find_program(Sass_EXECUTABLE NAMES sassc) + +if(Sass_EXECUTABLE) + if(NOT Sass_COMPILER_TYPE) + set(Sass_COMPILER_TYPE sassc) + endif() +else() + find_program(Sass_EXECUTABLE NAMES sass) + set(Sass_COMPILER_TYPE sass) +endif() + +include(FindPackageHandleStandardArgs) + +find_package_handle_standard_args(Sass + FOUND_VAR + Sass_FOUND + REQUIRED_VARS + Sass_EXECUTABLE +) +mark_as_advanced(Sass_EXECUTABLE) + +if (Sass_FOUND) + if (NOT TARGET Sass::Sass) + add_executable(Sass::Sass IMPORTED) + set_target_properties(Sass::Sass PROPERTIES + IMPORTED_LOCATION "${Sass_EXECUTABLE}" + ) + endif() +endif() diff --git a/generate_theme.py b/generate_theme.py deleted file mode 100755 index 7cfcfdc..0000000 --- a/generate_theme.py +++ /dev/null @@ -1,757 +0,0 @@ -# Usage: -# -# By default, this script will create assets based on the user's local color configuration -# When authoring the theme, you will want to render the assets with command line arguments to avoid this behavior -# Without quotes, 'light' will generate the Breeze assets while 'dark' will generate Breeze-Dark assets -# -# Example: python2 generate_theme.py light - -import cairo -import colorsys -from math import pi -import os -import errno -import sys -import ast - -def make_sure_path_exists(path): - try: - os.makedirs(path) - except OSError as exception: - if exception.errno != errno.EEXIST: - raise - -class ReadKdeGlobals(): - def __init__(self): - self._colors = {} - self._colors = self.read_globals(os.path.expanduser('~/.kde4/share/config/kdeglobals')) - - def read_globals(self,filename): - with open(filename, 'r') as _kde: - for widget in ['Disabled', 'Inactive','Button', 'Selection', 'Tooltip', 'View', 'Window', 'WM']: - for line in _kde: - if line.strip().split(':')[-1].strip('[]') == widget: - break - for line in _kde: - if line == '\n': - break - self._colors['{0}{1}'.format(widget,line.strip().split('=')[0])] = line.strip().split('=')[1] - return self._colors - -class Color(object): - def __init__(self, colordict,name,name2=None,amount=0): - color = colordict[name] - self.colordict = colordict - - r = float(color.split(',')[0]) - g = float(color.split(',')[1]) - b = float(color.split(',')[2]) - if not name2 == None: - color2 = colordict[name2] - r = r * amount + float(color2.split(',')[0]) * (1 - amount) - g = g * amount + float(color2.split(',')[1]) * (1 - amount) - b = b * amount + float(color2.split(',')[2]) * (1 - amount) - - self.rgb255 = (r,g,b) - self.rgb = (r/255,g/255,b/255) - self.html = '#%02x%02x%02x' % self.rgb255 - self.insensitive = self._color_effect(self._intensity_effect(self.rgb,'Disabled'),'Disabled') - self.insensitive_alpha = self._contrast_effect(self.rgb,'Disabled') - - if self.colordict['InactiveEnable'] == 'false': - self.inactive = self.rgb - self.inactive_alpha = 1.0 - else: - self.inactive = self._color_effect(self._intensity_effect(self.rgb,'Inactive'),'Inactive') - self.inactive_alpha = self._contrast_effect(self.rgb,'Inactive') - self.inactive_insensitive = self._color_effect(self._intensity_effect(self.inactive,'Disabled'),'Disabled') - self.inactive_insensitive_alpha = max(self.inactive_alpha - (1 - self.insensitive_alpha),0) - - def _mix(self,color, mix_color, amount): - r = color[0] * amount + mix_color[0] * (1 - amount) - g = color[1] * amount + mix_color[1] * (1 - amount) - b = color[2] * amount + mix_color[2] * (1 - amount) - return (r,g,b) - - def _lighter(self,color,amount): - h,s,v = colorsys.rgb_to_hsv(color[0],color[1],color[2]) - v = min((1+amount)*v,1) - r,g,b = colorsys.hsv_to_rgb(h,s,v) - return (r,g,b) - - def _darker(self,color,amount): - h,s,v = colorsys.rgb_to_hsv(color[0],color[1],color[2]) - if amount == -1: - v = 1 - else: - v = min(v/(1+amount),1) - r,g,b = colorsys.hsv_to_rgb(h,s,v) - return (r,g,b) - - def _desaturate(self,color,amount): - h,s,v = colorsys.rgb_to_hsv(color[0],color[1],color[2]) - s = min(s * (1 - amount),1) - r,g,b = colorsys.hsv_to_rgb(h,s,v) - return (r,g,b) - - def _intensity_effect(self,color,state): - effect = int(self.colordict[state + 'IntensityEffect']) - amount = float(self.colordict[state + 'IntensityAmount']) - if effect == 0: - (r,g,b) = color - elif effect == 1: - if amount >= 0: - (r,g,b) = self._mix((1.0,1.0,1.0),color,amount) - else: - (r,g,b) = self._mix((0.0,0.0,0.0),color,amount) - elif effect == 2: - (r,g,b) = self._darker(color,amount) - elif effect == 3: - (r,g,b) = self._lighter(color,amount) - return (r,g,b) - - def _color_effect(self,color,state): - effect = int(self.colordict[state + 'ColorEffect']) - amount = float(self.colordict[state + 'ColorAmount']) - effect_color = self.colordict[state + 'Color'] - effect_color = (float(effect_color.split(',')[0])/255,float(effect_color.split(',')[1])/255,float(effect_color.split(',')[2])/255) - if effect == 0: - (r,g,b) = color - elif effect == 1: - (r,g,b) = self._desaturate(color,amount) - else: - (r,g,b) = self._mix(effect_color,color,amount) - return (r,g,b) - - def _contrast_effect(self,color,state): - effect = int(self.colordict[state + 'ContrastEffect']) - amount = float(self.colordict[state + 'ContrastAmount']) - if effect == 0: - return 1.0 - else: - return 1.0 - amount - - def lighten_color(self,amount): - h,s,v = colorsys.rgb_to_hsv(self.rgb[0], self.rgb[1], self.rgb[2]) - v = (1+amount)*v - r,g,b = colorsys.hsv_to_rgb(h,s,v) - self.rgb = (r,g,b) - self.rgb255 = (r*255,g*255,b*255) - - - def gradient(self,state='',alpha=1.0): - if state == 'active': - stop1 = self._lighter(self.rgb,0.03) - stop2 = self._darker(self.rgb,0.10) - linear = cairo.LinearGradient(1, 1, 1, 19) - linear.add_color_stop_rgba(0.0,stop1[0],stop1[1],stop1[2],alpha) - linear.add_color_stop_rgba(1.0,stop2[0],stop2[1],stop2[2],alpha) - else: - stop1 = self._lighter(self.rgb,0.01) - stop2 = self._darker(self.rgb,0.03) - linear = cairo.LinearGradient(1, 1, 1, 19) - linear.add_color_stop_rgba(0.0,stop1[0],stop1[1],stop1[2],alpha) - linear.add_color_stop_rgba(1.0,stop2[0],stop2[1],stop2[2],alpha) - return linear - -class Assets(object): - def __init__(self,width,height,scl=1, rotation=0, filename='png'): - self.w = width; self.h = height - if filename == 'png': - self.surface = cairo.ImageSurface(cairo.FORMAT_ARGB32, scl*width, scl*height) - else: - self.surface = cairo.SVGSurface('assets/' + filename, scl*width, scl*height) - cr = self.cr = cairo.Context(self.surface) - if rotation != 0: - cr.translate(scl*width/2,scl*height/2) - cr.rotate(rotation*pi/2) - cr.translate(-scl*width/2,-scl*height/2) - cr.scale(scl,scl) - - def background(self,color): - self.cr.rectangle(0,0,self.w,self.h) - self.cr.set_source_rgb(color[0],color[1],color[2]) - self.cr.fill() - - def line(self,color,x,y,width,height): - self.cr.rectangle(x,y,width,height) - self.cr.set_source_rgb(color[0],color[1],color[2]) - self.cr.fill() - - def rounded_rectancle(self, color, width, height, x, y, radius, alpha=1.0, gradient=False): - self.cr.new_sub_path() - self.cr.arc(x + width - radius, y + radius, radius, -pi/2, 0) - self.cr.arc(x + width - radius, y + height - radius, radius, 0, pi/2) - self.cr.arc(x + radius, y + height - radius, radius, pi/2, pi) - self.cr.arc(x + radius, y + radius, radius, pi, 3*pi/2) - self.cr.close_path() - if gradient: - self.cr.set_source(color) - elif color == None: - self.cr.set_operator(cairo.OPERATOR_CLEAR) - elif color == 'shadow': - self.cr.set_source_rgba(0.0,0.0,0.0, 0.15) - else: - self.cr.set_source_rgba(color[0],color[1],color[2], alpha) - self.cr.fill() - - def rounded_triangle(self, color, width, height, x, y, radius, alpha=1.0): - self.cr.new_sub_path() - self.cr.move_to(x + width, y) - self.cr.line_to(x + width, y + height - radius) - self.cr.arc(x + width - radius, y + height - radius,radius, 0, pi/2) - self.cr.line_to(x, y + height) - self.cr.close_path() - self.cr.set_source_rgba(color[0],color[1],color[2], alpha) - self.cr.fill() - - def circle(self, color, x, y, radius, alpha=1.0, gradient=False): - self.cr.new_sub_path() - self.cr.arc(x, y, radius, 0, 2*pi) - self.cr.close_path() - if gradient: - self.cr.set_source(color) - elif color == None: - self.cr.set_operator(cairo.OPERATOR_CLEAR) - elif color == 'shadow': - self.cr.set_source_rgba(0.0,0.0,0.0, 0.15) - else: - self.cr.set_source_rgba(color[0],color[1],color[2], alpha) - self.cr.fill() - - def half_circle(self, color, x, y, radius, alpha=1.0): - self.cr.new_sub_path() - self.cr.arc(x, y, radius, -pi/4, 3*pi/4) - self.cr.close_path() - self.cr.set_source_rgba(color[0],color[1],color[2],alpha) - self.cr.fill() - - def arrow(self, color, alpha=1.0, shiftx=0, shifty=0): - self.cr.new_sub_path() - self.cr.move_to(shiftx + 1,shifty + 8) - self.cr.line_to(shiftx + 6,shifty + 3) - self.cr.line_to(shiftx + 11,shifty + 8) - self.cr.set_source_rgba(color[0],color[1],color[2],alpha) - self.cr.set_line_width(1.0) - self.cr.stroke() - - def arrow_small(self, color,alpha=1.0): - self.cr.new_sub_path() - self.cr.move_to(1,6) - self.cr.line_to(4,3) - self.cr.line_to(7,6) - self.cr.set_source_rgba(color[0],color[1],color[2], alpha) - self.cr.set_line_width(1.0) - self.cr.stroke() - - def tab(self, color, width, height, x, y, radius, alpha=1.0): - self.cr.move_to(width + x, y) - self.cr.line_to(width + x, height - radius + y) - self.cr.arc(width - radius + x, height - radius + y, radius, 0, pi/2) - self.cr.line_to(radius + x, height + y) - self.cr.arc(radius + x,height - radius + y,radius,pi/2,pi) - self.cr.line_to(x,y) - self.cr.close_path - if color == None: - self.cr.set_operator(cairo.OPERATOR_CLEAR) - else: - self.cr.set_source_rgba(color[0],color[1],color[2], alpha) - self.cr.fill() - - def spinbutton(self, color, width, height, x, y, radius,alpha=1.0): - self.cr.move_to(width + x, y) - self.cr.line_to(width + x, height - radius + y) - self.cr.arc(width - radius + x, height - radius + y, radius, 0, pi/2) - self.cr.line_to(x, height + y) - self.cr.line_to(x,y) - self.cr.close_path() - if color == None: - self.cr.set_operator(cairo.OPERATOR_CLEAR) - else: - self.cr.set_source_rgba(color[0],color[1],color[2],alpha) - self.cr.fill() - - def notebook(self, color, width, height, x, y, radius): - self.cr.move_to(x, y) - self.cr.line_to(x + width - radius, y) - self.cr.arc(x + width - radius, y + radius, radius, -pi/2, 0) - self.cr.line_to(x + width, y + height-radius) - self.cr.arc(x + width - radius, y + height - radius, radius, 0, pi/2) - self.cr.line_to(x + radius,y + height) - self.cr.arc(x + radius, y + height -radius, radius, pi/2, pi) - self.cr.close_path() - self.cr.set_source_rgb(color[0],color[1],color[2]) - self.cr.fill() - - def minimize(self,color=None): - self.cr.move_to(4,7) - self.cr.line_to(9,12) - self.cr.line_to(14,7) - if color == None: - self.cr.set_operator(cairo.OPERATOR_CLEAR) - else: - self.cr.set_source_rgb(color[0],color[1],color[2]) - self.cr.set_line_width(1.0) - self.cr.stroke() - - def maximize(self,color=None): - self.cr.move_to(4,11) - self.cr.line_to(9,6) - self.cr.line_to(14,11) - if color == None: - self.cr.set_operator(cairo.OPERATOR_CLEAR) - else: - self.cr.set_source_rgb(color[0],color[1],color[2]) - self.cr.set_line_width(1.0) - self.cr.stroke() - - def maximize_maximized(self,color=None): - self.cr.move_to(4.5,9) - self.cr.line_to(9,4.5) - self.cr.line_to(13.5,9) - self.cr.line_to(9,13.5) - self.cr.close_path() - if color == None: - self.cr.set_operator(cairo.OPERATOR_CLEAR) - else: - self.cr.set_source_rgb(color[0],color[1],color[2]) - self.cr.set_line_width(1.0) - self.cr.stroke() - - def close(self,color=None): - self.cr.move_to(5,5) - self.cr.line_to(13,13) - self.cr.move_to(13,5) - self.cr.line_to(5,13) - if color == None: - self.cr.set_operator(cairo.OPERATOR_CLEAR) - else: - self.cr.set_source_rgb(color[0],color[1],color[2]) - self.cr.set_line_width(1.0) - self.cr.stroke() - - def save(self, filename): - self.surface.write_to_png('assets/' + filename) - - -def check_items(color1,color2,state,alpha=1.0): - for scl in [1,2]: - if scl == 2: - ending = '@2.png' - else: - ending = '.png' - # checkboxes - box = Assets(20,20,scl) - box.rounded_rectancle('shadow',18,18,2,2,3) - box.rounded_rectancle(color2,18,18,1,1,3) - box.rounded_rectancle(color1,18,18,1,1,3,alpha=alpha) - box.rounded_rectancle(color2,16,16,2,2,2) - box.save('check-unchecked' + state + ending) - if state != '': - box.rounded_rectancle(color1,12,12,4,4,1,alpha=alpha) - box.save('check-checked' + state + ending) - box.rounded_triangle(color2,8,8,6,6,1,alpha=alpha) - box.save('check-mixed' + state + ending) - - # radio - radio = Assets(20,20,scl) - radio.circle('shadow',11,11,9) - radio.circle(color2,10,10,9) - radio.circle(color1,10,10,9,alpha=alpha) - radio.circle(color2,10,10,8) - radio.save('radio-unchecked' + state + ending) - if state != '': - radio.circle(color1,10,10,6,alpha=alpha) - radio.save('radio-checked' + state + ending) - radio.half_circle(color2,10,10,4,alpha=alpha) - radio.save('radio-mixed' + state + ending) - - # selectionmode - selectionmode = Assets(40,40,scl) - selectionmode.rounded_rectancle('shadow',18,18,12,12,3) - selectionmode.rounded_rectancle(color2,18,18,11,11,3) - selectionmode.rounded_rectancle(color1,18,18,11,11,3,alpha=alpha) - selectionmode.rounded_rectancle(color2,16,16,12,12,2) - selectionmode.save('check-selectionmode-unchecked' + state + ending) - if state != '': - selectionmode.rounded_rectancle(color1,12,12,14,14,1,alpha=alpha) - selectionmode.save('check-selectionmode-checked' + state + ending) - -def buttons(color1,color2,color3,state,alpha=1.0): - button = Assets(20,20) - button.rounded_rectancle('shadow',18,18,2,2,3) - button.rounded_rectancle(color1,18,18,1,1,3) - button.rounded_rectancle(color2,18,18,1,1,3,alpha=alpha) - if state == '-active': - button.rounded_rectancle(color3,18,18,1,1,3, gradient=True) - else: - button.rounded_rectancle(color1,16,16,2,2,2) - button.rounded_rectancle(color3,16,16,2,2,2, gradient=True) - button.save('button' + state + '.png') - -def togglebuttons(color1,color2,color3,state,alpha=1.0): - button = Assets(20,20) - button.rounded_rectancle(color1,18,18,1,1,3) - button.rounded_rectancle(color2,18,18,1,1,3,alpha=alpha) - if state == '-active': - button.rounded_rectancle(color3,18,18,1,1,3, gradient=True) - else: - button.rounded_rectancle(color1,16,16,2,2,2) - button.rounded_rectancle(color3,16,16,2,2,2, gradient=True) - button.save('togglebutton' + state + '.png') - -def scale_slider(color1,color2,color3,state,alpha=1.0): - scale = Assets(20,20) - scale.circle(color1,10,10,10) - scale.circle(color2,10,10,10,alpha=alpha) - scale.circle(color1,10,10,9) - scale.circle(color3,10,10,9,gradient=True) - scale.save('scale-slider' + state + '.png') - -def scale_trough(color): - trough_h = Assets(20,20) - trough_h.rounded_rectancle(color,20,6,0,7,3) - trough_h.save('scale-trough-horizontal.png') - - trough_h = Assets(20,20) - trough_h.rounded_rectancle(color,6,20,7,0,3) - trough_h.save('scale-trough-vertical.png') - - -def tabs(color1,color2,state): - if state == '-inactive': - alpha = 0.2 - else: - alpha = 1.0 - direction = ['-bottom','-left','-top','-right'] - for i in range(0,4): - tab = Assets(20,20,rotation=i) - tab.tab(color1,20,20,0,0,3,alpha) - if state == '-active': - tab.tab(color2,18,19,1,0,2) - tab.save('tab' + direction[i] + state + '.png') - -def arrows(color,state,alpha=1.0): - direction = ['-up','-right','-down','-left'] - for i in range(0,4): - arw = Assets(12,12,rotation=i) - arw.arrow(color,alpha) - arw.save('arrow' + direction[i] + state + '.png') - - arw = Assets(8,8,rotation=i) - arw.arrow_small(color,alpha) - arw.save('arrow-small' + direction[i] + state + '.png') - -def menu_arrow(color,state,alpha=1.0): - arrow = Assets(12,12,rotation=1) - arrow.arrow(color,alpha) - arrow.save('menu-arrow' + state + '.png') - -def scrollbar_slider(color1,color2,color3): - for scl in [1,2]: - if scl == 2: - ending = '@2.png' - else: - ending = '.png' - slider = Assets(30,20,scl) - slider.rounded_rectancle(color1,30,10,0,5,5,1) - slider.save('scrollbar-slider-horizontal-active' + ending) - - slider = Assets(30,20,scl) - slider.rounded_rectancle(color2,30,6,0,7,3,1) - slider.save('scrollbar-slider-horizontal-hover' + ending) - - slider = Assets(30,20,scl) - slider.rounded_rectancle(color3,30,6,0,7,3,1) - slider.save('scrollbar-slider-horizontal' + ending) - - slider = Assets(20,30,scl) - slider.rounded_rectancle(color1,10,30,5,0,5,1) - slider.save('scrollbar-slider-vertical-active' + ending) - - slider = Assets(20,30,scl) - slider.rounded_rectancle(color2,6,30,7,0,3,1) - slider.save('scrollbar-slider-vertical-hover' + ending) - - slider = Assets(20,30,scl) - slider.rounded_rectancle(color3,6,30,7,0,3,1) - slider.save('scrollbar-slider-vertical' + ending) - -def scrollbar_trough(color): - for scl in [1,2]: - if scl == 2: - ending = '@2.png' - else: - ending = '.png' - trough = Assets(56,20,scl) - trough.rounded_rectancle(color,49,6,3.5,7,3,0.3) - trough.save('scrollbar-trough-horizontal' + ending) - - trough = Assets(20,56,scl) - trough.rounded_rectancle(color,6,49,7,3.5,3,0.3) - trough.save('scrollbar-trough-vertical' + ending) - -def titlebuttons(color1,color2,state): - for scl in [1,2]: - if scl == 2: - ending = '@2.png' - else: - ending = '.png' - title_minimize = Assets(18,18,scl) - title_maximize = Assets(18,18,scl) - title_maximized = Assets(18,18,scl) - if state == '' or state == '-backdrop': - title_minimize.minimize(color1) - title_maximize.maximize(color1) - title_maximized.maximize_maximized(color1) - else: - title_minimize.circle(color1,9,9,9) - title_maximize.circle(color1,9,9,9) - title_maximized.circle(color1,9,9,9) - title_minimize.minimize() - title_maximize.maximize() - title_maximized.maximize_maximized() - title_minimize.save('titlebutton-minimize' + state + ending) - title_maximize.save('titlebutton-maximize' + state + ending) - title_maximized.save('titlebutton-maximize-maximized' + state + ending) - - title_close = Assets(18,18,scl) - title_close.circle(color2,9,9,9) - title_close.close() - title_close.save('titlebutton-close' + state + ending) - -def entry(color1,color2,color3,state,alpha=1.0): - entry = Assets(20,20) - entry.background(color1) - entry.rounded_rectancle(color2,18,18,1,1,3,alpha=alpha) - entry.rounded_rectancle(color3,16,16,2,2,2) - entry.rounded_rectancle(color3,16,16,2,2,2) - entry.save('entry' + state + '.png') - - entry = Assets(20,20,rotation=1) - entry.background(color1) - entry.tab(color2,18,19,1,0,3,alpha=alpha) - entry.tab(color3,16,18,2,0,2) - entry.save('combo-entry' + state + '.png') - - entry_button = Assets(20,20,rotation=3) - entry_button.background(color1) - entry_button.tab(color2,18,19,1,0,3,alpha=alpha) - entry_button.tab(color3,16,18,2,0,2) - entry_button.save('combo-entry-button' + state + '.png') - - if state != '-active': - direction = ['-down','-down-rtl','-up-rtl','-up'] - for i in range(0,4): - spin = Assets(20,20,rotation=i) - spin.background(color1) - spin.spinbutton(color2,19,19,0,0,3,alpha=alpha) - spin.spinbutton(color3,18,18,0,0,2) - spin.save('spinbutton' + direction[i] + state + '.png') - -def mixed(color1, color2,color3): - nll = Assets(20,20) - nll.save('null.png') - - # Frame - frame = Assets(20,20) - frame.rounded_rectancle(color1,20,20,0,0,3) - frame.rounded_rectancle(color2,18,18,1,1,2) - frame.save('frame.png') - - # Tree header - header = Assets(20,20) - header.background(color2) - header.line(color1,0,19,20,1) - header.line(color1,19,0,1,20) - header.save('tree-header.png') - - # Notebook gap - notebook_gap = Assets(4,2) - notebook_gap.line(color2,1,0,2,2) - notebook_gap.save('notebook-gap-horizontal.png') - - notebook_gap = Assets(2,4) - notebook_gap.line(color2,0,1,2,2) - notebook_gap.save('notebook-gap-vertical.png') - - # Notebook frame - direction = ['-top','-right','-bottom','-bottom'] - for i in range(0,4): - notebook_frame = Assets(20,20,rotation=i) - notebook_frame.notebook(color1,20,20,0,0,3) - notebook_frame.notebook(color2,18,18,1,1,2) - notebook_frame.save('notebook-frame' + direction[i] + '.png') - - - # Frame gap - frame_gap = Assets(2,1) - frame_gap.line(color1,1,0,1,1) - frame_gap.save('frame-gap-start.png') - - frame_gap = Assets(2,1) - frame_gap.line(color1,0,0,1,1) - frame_gap.save('frame-gap-end.png') - - # Lines - lines = Assets(20,1) - lines.line(color1,0,0,20,1) - lines.save('line-h.png') - - lines = Assets(1,20) - lines.line(color1,0,0,1,20) - lines.save('line-v.png') - - lines = Assets(20,1) - lines.line(color2,0,0,20,1) - lines.save('handle-h.png') - - lines = Assets(1,20) - lines.line(color2,0,0,1,20) - lines.save('handle-v.png') - - menubar = Assets(20,20) - menubar.line(color3,1,1,18,18) - menubar.save('menubar-button.png') - -def toolbar(color1, color2, color3): - # Toolbar background - bar = Assets(20,20) - bar.background(color2) - bar.save('toolbar-background.png') - - # Toolbutton toggled - toolbutton = Assets(20,20) - toolbutton.rounded_rectancle(color1,18,18,1,1,3) - toolbutton.save('toolbutton-toggled.png') - - # Toolbutton hover - toolbutton = Assets(20,20) - toolbutton.rounded_rectancle(color3,18,18,1,1,3) - toolbutton.rounded_rectancle(color2,16,16,2,2,2) - toolbutton.save('toolbutton-hover.png') - - # Toolbutton active - toolbutton = Assets(20,20) - toolbutton.rounded_rectancle(color3,18,18,1,1,3) - toolbutton.save('toolbutton-active.png') - -def progressbar(color1, color2, state=''): - bar = Assets(10,10) - bar.rounded_rectancle(color1,10,10,0,0,3) - bar.save('progressbar-bar' + state + '.png') - - trough = Assets(10,10) - trough.rounded_rectancle(color2,10,10,0,0,3) - trough.save('progressbar-trough' + state + '.png') - - - -def html(color): - return '#%02x%02x%02x' % (color[0]*255,color[1]*255,color[2]*255) - -def mix(color, mix_color, amount): - r = color[0] * amount + mix_color[0] * (1 - amount) - g = color[1] * amount + mix_color[1] * (1 - amount) - b = color[2] * amount + mix_color[2] * (1 - amount) - return (r,g,b) -#___________________________________________________________________________________ - -breeze_light = ast.literal_eval("{'ViewForegroundInactive': '127,140,141', 'ViewForegroundNormal': '49,54,59', 'WindowBackgroundAlternate': '189,195,199', 'TooltipForegroundNeutral': '246,116,0', 'WMinactiveForeground': '189,195,199', 'ButtonDecorationHover': '147,206,233', 'ButtonBackgroundAlternate': '189,195,199', 'TooltipForegroundNormal': '239,240,241', 'TooltipForegroundNegative': '218,68,83', 'InactiveContrastAmount': '0.1', 'DisabledIntensityAmount': '0.1', 'DisabledContrastAmount': '0.65', 'ViewBackgroundNormal': '252,252,252', 'ButtonForegroundLink': '41,128,185', 'WindowForegroundInactive': '127,140,141', 'TooltipDecorationHover': '147,206,233', 'TooltipBackgroundAlternate': '77,77,77', 'InactiveColorEffect': '2', 'SelectionDecorationHover': '147,206,233', 'SelectionForegroundPositive': '39,174,96', 'WindowForegroundVisited': '127,140,141', 'TooltipBackgroundNormal': '49,54,59', 'ButtonForegroundNegative': '218,68,83', 'SelectionForegroundVisited': '189,195,199', 'DisabledColor': '56,56,56', 'TooltipForegroundLink': '41,128,185', 'WindowForegroundNormal': '49,54,59', 'SelectionForegroundActive': '252,252,252', 'TooltipForegroundVisited': '127,140,141', 'WindowDecorationFocus': '61,174,233', 'ViewForegroundActive': '61,174,233', 'DisabledIntensityEffect': '2', 'ViewDecorationFocus': '61,174,233', 'WMactiveBlend': '255,255,255', 'DisabledColorAmount': '0', 'DisabledContrastEffect': '1', 'SelectionForegroundInactive': '239,240,241', 'WindowForegroundNeutral': '246,116,0', 'ViewForegroundVisited': '127,140,141', 'InactiveEnable': 'false', 'WindowDecorationHover': '147,206,233', 'WindowForegroundActive': '61,174,233', 'WMactiveBackground': '71,80,87', 'ButtonBackgroundNormal': '239,240,241', 'InactiveChangeSelectionColor': 'true', 'SelectionForegroundNegative': '218,68,83', 'WindowForegroundNegative': '218,68,83', 'WindowForegroundLink': '41,128,185', 'ButtonForegroundNormal': '49,54,59', 'InactiveColor': '112,111,110', 'ViewForegroundPositive': '39,174,96', 'WMactiveForeground': '239,240,241', 'WindowForegroundPositive': '39,174,96', 'InactiveContrastEffect': '2', 'WMinactiveBackground': '239,240,241', 'InactiveColorAmount': '0.025', 'ViewBackgroundAlternate': '239,240,241', 'SelectionBackgroundNormal': '61,174,233', 'ViewForegroundNegative': '218,68,83', 'ButtonForegroundInactive': '127,140,141', 'SelectionDecorationFocus': '61,174,233', 'SelectionForegroundLink': '253,188,75', 'ButtonForegroundActive': '61,174,233', 'TooltipForegroundInactive': '189,195,199', 'ButtonForegroundPositive': '39,174,96', 'ViewDecorationHover': '147,206,233', 'TooltipDecorationFocus': '61,174,233', 'WMinactiveBlend': '75,71,67', 'InactiveIntensityAmount': '0', 'TooltipForegroundPositive': '39,174,96', 'TooltipForegroundActive': '61,174,233', 'ViewForegroundNeutral': '246,116,0', 'DisabledColorEffect': '0', 'InactiveIntensityEffect': '0', 'SelectionForegroundNormal': '239,240,241', 'ViewForegroundLink': '41,128,185', 'ButtonDecorationFocus': '61,174,233', 'ButtonForegroundVisited': '127,140,141', 'SelectionForegroundNeutral': '246,116,0', 'WindowBackgroundNormal': '239,240,241', 'SelectionBackgroundAlternate': '29,153,243', 'ButtonForegroundNeutral': '246,116,0'}") - -breeze_dark = ast.literal_eval("{'ViewForegroundInactive': '189,195,199', 'ViewForegroundNormal': '239,240,241', 'WindowBackgroundAlternate': '77,77,77', 'TooltipForegroundNeutral': '246,116,0', 'WMinactiveForeground': '127,140,141', 'ButtonDecorationHover': '61,174,233', 'ButtonBackgroundAlternate': '77,77,77', 'TooltipForegroundNormal': '239,240,241', 'TooltipForegroundNegative': '218,68,83', 'InactiveContrastAmount': '0.1', 'DisabledIntensityAmount': '0.1', 'DisabledContrastAmount': '0.65', 'ViewBackgroundNormal': '35,38,41', 'ButtonForegroundLink': '41,128,185', 'WindowForegroundInactive': '189,195,199', 'TooltipDecorationHover': '61,174,233', 'TooltipBackgroundAlternate': '77,77,77', 'InactiveColorEffect': '2', 'SelectionDecorationHover': '61,174,233', 'SelectionForegroundPositive': '39,174,96', 'WindowForegroundVisited': '127,140,141', 'TooltipBackgroundNormal': '49,54,59', 'ButtonForegroundNegative': '218,68,83', 'SelectionForegroundVisited': '189,195,199', 'DisabledColor': '56,56,56', 'TooltipForegroundLink': '41,128,185', 'WindowForegroundNormal': '239,240,241', 'SelectionForegroundActive': '252,252,252', 'TooltipForegroundVisited': '127,140,141', 'WindowDecorationFocus': '61,174,233', 'ViewForegroundActive': '61,174,233', 'DisabledIntensityEffect': '2', 'ViewDecorationFocus': '61,174,233', 'WMactiveBlend': '255,255,255', 'DisabledColorAmount': '0', 'DisabledContrastEffect': '1', 'SelectionForegroundInactive': '239,240,241', 'WindowForegroundNeutral': '246,116,0', 'ViewForegroundVisited': '127,140,141', 'InactiveEnable': 'false', 'WindowDecorationHover': '61,174,233', 'WindowForegroundActive': '61,174,233', 'WMactiveBackground': '49,54,59', 'ButtonBackgroundNormal': '49,54,59', 'InactiveChangeSelectionColor': 'true', 'SelectionForegroundNegative': '218,68,83', 'WindowForegroundNegative': '218,68,83', 'WindowForegroundLink': '41,128,185', 'ButtonForegroundNormal': '239,240,241', 'InactiveColor': '112,111,110', 'ViewForegroundPositive': '39,174,96', 'WMactiveForeground': '239,240,241', 'WindowForegroundPositive': '39,174,96', 'InactiveContrastEffect': '2', 'WMinactiveBackground': '49,54,59', 'InactiveColorAmount': '0.025', 'ViewBackgroundAlternate': '49,54,59', 'SelectionBackgroundNormal': '61,174,233', 'ViewForegroundNegative': '218,68,83', 'ButtonForegroundInactive': '189,195,199', 'SelectionDecorationFocus': '61,174,233', 'SelectionForegroundLink': '253,188,75', 'ButtonForegroundActive': '61,174,233', 'TooltipForegroundInactive': '189,195,199', 'ButtonForegroundPositive': '39,174,96', 'ViewDecorationHover': '61,174,233', 'TooltipDecorationFocus': '61,174,233', 'WMinactiveBlend': '75,71,67', 'InactiveIntensityAmount': '0', 'TooltipForegroundPositive': '39,174,96', 'TooltipForegroundActive': '61,174,233', 'ViewForegroundNeutral': '246,116,0', 'DisabledColorEffect': '0', 'InactiveIntensityEffect': '0', 'SelectionForegroundNormal': '239,240,241', 'ViewForegroundLink': '41,128,185', 'ButtonDecorationFocus': '61,174,233', 'ButtonForegroundVisited': '127,140,141', 'SelectionForegroundNeutral': '246,116,0', 'WindowBackgroundNormal': '49,54,59', 'SelectionBackgroundAlternate': '29,153,243', 'ButtonForegroundNeutral': '246,116,0'}") - -#___________________________________________________________________________________ - -filename = os.path.expanduser('~/.kde4/share/config/kdeglobals') - -make_sure_path_exists('assets') - -def readargs(): - if len(sys.argv) == 2: - if sys.argv[1] == 'light': - return breeze_light - elif sys.argv[1] == 'dark': - return breeze_dark - else: - return ReadKdeGlobals().read_globals(filename) - -_colors = readargs() - -border_color = Color(_colors,'WindowBackgroundNormal','WindowForegroundNormal', 0.75) -window_bg = Color(_colors,'WindowBackgroundNormal') -window_fg = Color(_colors,'WindowForegroundNormal') -check_color = Color(_colors,'WindowBackgroundNormal','WindowForegroundNormal',0.5) -button_bg = Color(_colors,'ButtonBackgroundNormal') -button_fg = Color(_colors,'ButtonForegroundNormal') -button_hover = Color(_colors,'ButtonDecorationHover') -button_active = Color(_colors,'ButtonDecorationFocus') -selection_bg = Color(_colors,'SelectionBackgroundNormal') -selection_fg = Color(_colors,'SelectionForegroundNormal') -view_bg = Color(_colors,'ViewBackgroundNormal') -view_fg = Color(_colors,'ViewForegroundNormal') -view_hover = Color(_colors,'ViewDecorationHover') -view_active = Color(_colors,'ViewDecorationFocus') -titlebutton = Color(_colors,'WindowForegroundNormal') -titlebutton_active = Color(_colors,'WindowBackgroundNormal','WindowForegroundNormal',0.3) -closebutton_hover = Color(_colors,'ViewForegroundNegative');closebutton_hover.lighten_color(0.5) -closebutton_active = Color(_colors,'ViewForegroundNegative') -titlebutton_inactive = Color(_colors,'WindowForegroundNormal') -titlebutton_inactive_active = Color(_colors,'WindowBackgroundNormal','WindowForegroundNormal',0.3) - -tooltip_fg = Color(_colors,'TooltipForegroundNormal') -tooltip_bg = Color(_colors,'TooltipBackgroundNormal') - -check_items(check_color.rgb,window_bg.rgb,'') -check_items(button_hover.rgb,window_bg.rgb,'-hover') -check_items(button_active.rgb,window_bg.rgb,'-active') -check_items(check_color.insensitive,window_bg.rgb,'-insensitive',border_color.insensitive_alpha) -check_items(check_color.inactive,window_bg.rgb,'-backdrop',border_color.inactive_alpha) -check_items(check_color.inactive_insensitive,window_bg.rgb,'-backdrop-insensitive',border_color.inactive_insensitive_alpha) - -buttons(window_bg.rgb,border_color.rgb,button_bg.gradient(),'') -buttons(window_bg.rgb,button_hover.rgb,button_bg.gradient(),'-hover') -buttons(window_bg.rgb,button_hover.rgb,button_hover.gradient('active'),'-active') -buttons(window_bg.rgb,border_color.rgb,button_bg.gradient(alpha=button_bg.insensitive_alpha),'-insensitive',border_color.insensitive_alpha) - -togglebuttons(window_bg.rgb,border_color.rgb,button_bg.gradient(),'') -togglebuttons(window_bg.rgb,button_hover.rgb,button_bg.gradient(),'-hover') -togglebuttons(window_bg.rgb,button_hover.rgb,button_hover.gradient('active'),'-active') -togglebuttons(window_bg.rgb,border_color.rgb,button_bg.gradient(alpha=button_bg.insensitive_alpha),'-insensitive',border_color.insensitive_alpha) - -scale_slider(window_bg.rgb,border_color.rgb,button_bg.gradient(),'') -scale_slider(window_bg.rgb,button_hover.rgb,button_bg.gradient(),'-hover') -scale_slider(window_bg.rgb,button_active.rgb,button_bg.gradient(),'-active') -scale_slider(window_bg.rgb,border_color.rgb,button_bg.gradient(alpha=button_bg.insensitive_alpha),'-insensitive',border_color.insensitive_alpha) -scale_trough(border_color.rgb) - -tabs(border_color.rgb,window_bg.rgb,'-active') -tabs(window_fg.rgb,window_bg.rgb,'-inactive') - -arrows(button_fg.rgb,'') -arrows(button_hover.rgb,'-hover') -arrows(button_active.rgb,'-active') -arrows(button_fg.insensitive,'-insensitive',button_fg.insensitive_alpha) -menu_arrow(window_fg.rgb,'') -menu_arrow(selection_fg.rgb,'-selected') -menu_arrow(window_fg.insensitive,'-insensitive',window_fg.insensitive_alpha) - -scrollbar_slider(button_active.rgb,button_hover.rgb,button_active.rgb) -scrollbar_trough(window_fg.rgb) - -titlebuttons(titlebutton.rgb,titlebutton.rgb,'') -titlebuttons(titlebutton.rgb,closebutton_hover.rgb,'-hover') -titlebuttons(titlebutton_active.rgb,closebutton_active.rgb,'-active') -titlebuttons(titlebutton_inactive.rgb,titlebutton_inactive.rgb,'-backdrop') -titlebuttons(titlebutton_inactive.rgb,closebutton_hover.rgb,'-hover-backdrop') -titlebuttons(titlebutton_inactive_active.rgb,closebutton_active.rgb,'-active-backdrop') - -entry(window_bg.rgb,border_color.rgb,view_bg.rgb,'') -entry(window_bg.rgb,view_active.rgb,view_bg.rgb,'-active') -entry(window_bg.rgb,border_color.insensitive,None,'-insensitive',border_color.insensitive_alpha) - -progressbar(selection_bg.rgb,mix(window_fg.rgb,window_bg.rgb,0.3)) - -mixed(border_color.rgb,window_bg.rgb,button_active.rgb) - -toolbar(border_color.rgb,window_bg.rgb,button_hover.rgb) diff --git a/kconf_update/main.cpp b/kconf_update/main.cpp index cde1838..d5f7ce0 100644 --- a/kconf_update/main.cpp +++ b/kconf_update/main.cpp @@ -1,202 +1,200 @@ /* Copyright 2014 Jonathan Riddell This library is free software; you can redistribute it and/or modify it under the terms of the GNU Lesser General Public License as published by the Free Software Foundation; either version 2.1 of the License, or (at your option) any later version. This library is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for more details. You should have received a copy of the GNU Lesser General Public License along with this library. If not, see . */ // Wee program to be run at login by kconf_update // checks if gtk theme is set // if not or if it is set to oxygen, update to new theme which matches breeze theme #include #include #include #include #include #include #include Q_DECLARE_LOGGING_CATEGORY(GTKBREEZE) Q_LOGGING_CATEGORY(GTKBREEZE, "gtkbreeze") /* * returns whether a GTK 3 theme with the given name is installed * themeName: Name of gtk 3 theme */ static bool isGTK3ThemeInstalled(QString themeName) { // Check that the theme contains a gtk-3.* subdirectory QStringList gtk3SubdirPattern{QStringLiteral("gtk-3.*")}; foreach (const QString& themesDir, QStandardPaths::locateAll(QStandardPaths::GenericDataLocation, "themes", QStandardPaths::LocateDirectory)) { QDir themeDir(themesDir + QDir::separator() + themeName); if (!themeDir.entryList(gtk3SubdirPattern, QDir::Dirs).isEmpty()) { return true; } } return false; } /* * returns a path to the installed gtk if it can be found * themeName: gtk theme * settingsFile: a file installed with the theme to set default options */ static QString gtk2ThemePath(QString themeName, QString settingsFile) { foreach (const QString& themesDir, QStandardPaths::locateAll(QStandardPaths::GenericDataLocation, "themes", QStandardPaths::LocateDirectory)) { if (QFile::exists(themesDir + QDir::separator() + themeName + QDir::separator() + settingsFile)) { return themesDir + QDir::separator() + themeName; } } return {}; } /* * Check if gtk theme is already set to oxygen or Orion, if it is then we want to upgrade to the breeze theme * gtkSettingsFile: filename to use * settingsKey: ini group to read from * returns: full path to settings file */ bool isGtkThemeSetToOldTheme(QString gtkSettingsFile, QString settingsKey) { QString home = QStandardPaths::standardLocations(QStandardPaths::HomeLocation).first(); QString gtkSettingsPath; if (!gtkSettingsFile.startsWith(home)) { gtkSettingsPath = QStandardPaths::standardLocations(QStandardPaths::HomeLocation).first() + QDir::separator() + gtkSettingsFile; } else { gtkSettingsPath = gtkSettingsFile; } qCDebug(GTKBREEZE) << "looking for" << gtkSettingsPath; if (QFile::exists(gtkSettingsPath)) { qCDebug(GTKBREEZE) << "found settings file" << gtkSettingsPath; QSettings gtkrcSettings(gtkSettingsPath, QSettings::IniFormat); if (!settingsKey.isNull()) { gtkrcSettings.beginGroup(settingsKey); } //if it is set to Oxygen or Orion then we want to upgrade it to Breeze if (gtkrcSettings.value("gtk-theme-name") == QLatin1String("oxygen-gtk") || gtkrcSettings.value("gtk-theme-name") == QLatin1String("Orion")) { qCDebug(GTKBREEZE) << "using oxygen or orion " << gtkrcSettings.value("gtk-theme-name"); return true; } else { return false; } } //if it doesn't exist then we also want to upgrade it return true; } /* * Set gtk2 theme if no theme is set or if oxygen is set and gtk theme is installed */ int setGtk2() { const QString gtk2Theme = QStringLiteral("Breeze"); const QString gtkrc2path = QStandardPaths::standardLocations(QStandardPaths::HomeLocation).first() + QDir::separator() + QStringLiteral(".gtkrc-2.0"); const QString gtk2ThemeSettings = QStringLiteral("gtk-2.0/gtkrc"); // system installed file to check for const QString gtkThemeDirectory = gtk2ThemePath(gtk2Theme, gtk2ThemeSettings); if (gtkThemeDirectory.isEmpty()) { qCDebug(GTKBREEZE) << "Breeze GTK 2 not found, quitting"; return 0; } qCDebug(GTKBREEZE) << "found gtktheme: " << gtkThemeDirectory; bool needsUpdate = isGtkThemeSetToOldTheme(gtkrc2path, QString()); if (needsUpdate == false) { qCDebug(GTKBREEZE) << "gtkrc2 already exists and is not using oxygen or orion, quitting"; return 0; } qCDebug(GTKBREEZE) << "no gtkrc2 file or oxygen/orion being used, setting to new theme"; QFile gtkrc2writer(gtkrc2path); bool opened = gtkrc2writer.open(QIODevice::WriteOnly | QIODevice::Text); if (!opened) { qCWarning(GTKBREEZE) << "failed to open " << gtkrc2path; return 1; } QTextStream out(>krc2writer); out << QStringLiteral("include \"") << gtkThemeDirectory << QStringLiteral("/gtk-2.0/gtkrc\"\n"); out << QStringLiteral("style \"user-font\"\n"); out << QStringLiteral("{\n"); out << QStringLiteral(" font_name=\"Noto Sans Regular\"\n"); out << QStringLiteral("}\n"); out << QStringLiteral("widget_class \"*\" style \"user-font\"\n"); - out << QStringLiteral("gtk-cursor-theme-name=\"breeze_cursors\"\n"); out << QStringLiteral("gtk-font-name=\"Noto Sans Regular 10\"\n"); // matches plasma-workspace:startkde/startkde.cmake out << QStringLiteral("gtk-theme-name=\"Breeze\"\n"); out << QStringLiteral("gtk-icon-theme-name=\"breeze\"\n"); out << QStringLiteral("gtk-fallback-icon-theme=\"gnome\"\n"); out << QStringLiteral("gtk-toolbar-style=GTK_TOOLBAR_ICONS\n"); out << QStringLiteral("gtk-menu-images=1\n"); out << QStringLiteral("gtk-button-images=1\n"); qCDebug(GTKBREEZE) << "gtk2rc written"; return 0; } /* * Set gtk3 theme if no theme is set or if oxygen is set and gtk theme is installed */ int setGtk3() { const QString gtk3Theme = QStringLiteral("Breeze"); if (!isGTK3ThemeInstalled(gtk3Theme)) { qCDebug(GTKBREEZE) << "not found, quitting"; return 0; } qCDebug(GTKBREEZE) << "found gtk3theme"; QString configPath = QStandardPaths::writableLocation(QStandardPaths::ConfigLocation); QString gtkrc3path = configPath + "/gtk-3.0/settings.ini"; bool needsUpdate = isGtkThemeSetToOldTheme(gtkrc3path, "Settings"); if ( !needsUpdate ) { qCDebug(GTKBREEZE) << "gtkrc3 already exists and is not using oxygen/orion, quitting"; return 0; } QDir dir = QFileInfo(gtkrc3path).dir(); dir.mkpath(dir.path()); qCDebug(GTKBREEZE) << "no gtkrc3 file or oxygen/orion being used, setting to new theme"; QFile gtkrc3writer(gtkrc3path); bool opened = gtkrc3writer.open(QIODevice::WriteOnly | QIODevice::Text); if (!opened) { qCWarning(GTKBREEZE) << "failed to open " << gtkrc3path; return 1; } QTextStream out(>krc3writer); out << QStringLiteral("[Settings]\n"); - out << QStringLiteral("gtk-cursor-theme-name=breeze_cursors\n"); out << QStringLiteral("gtk-font-name=Noto Sans 10\n"); // matches plasma-workspace:startkde/startkde.cmake out << QStringLiteral("gtk-theme-name=")+gtk3Theme+QStringLiteral("\n"); out << QStringLiteral("gtk-icon-theme-name=breeze\n"); out << QStringLiteral("gtk-fallback-icon-theme=gnome\n"); out << QStringLiteral("gtk-toolbar-style=GTK_TOOLBAR_ICONS\n"); out << QStringLiteral("gtk-menu-images=1\n"); out << QStringLiteral("gtk-button-images=1\n"); out << QStringLiteral("gtk-primary-button-warps-slider=0\n"); qCDebug(GTKBREEZE) << "gtk3rc written"; return 0; } int main(/*int argc, char **argv*/) { QString home = QStandardPaths::standardLocations(QStandardPaths::HomeLocation).first(); int resultGTK2 = 0; int resultGTK3 = 0; resultGTK2 = setGtk2(); resultGTK3 = setGtk3(); return resultGTK2 | resultGTK3; } diff --git a/src/CMakeLists.txt b/src/CMakeLists.txt new file mode 100644 index 0000000..be0f31a --- /dev/null +++ b/src/CMakeLists.txt @@ -0,0 +1,50 @@ +file(GLOB_RECURSE SCSS_SOURCES "*.scss") +file(GLOB CSS_SOURCES "*.css") +file(GLOB_RECURSE GTK2_SOURCES "gtk2/*") + +set(SOURCES + ${SCSS_SOURCES} + ${CSS_SOURCES} + ${GTK2_SOURCES} + render_assets.py + build_theme.sh +) + +function(gen_targets THEME_NAME) + set(THEME_DIR "${PROJECT_BINARY_DIR}/${THEME_NAME}") + set(${THEME_NAME}_TARGETS + "${THEME_DIR}/gtk-2.0/gtkrc" + "${THEME_DIR}/gtk-3.18/gtk.css" + "${THEME_DIR}/gtk-3.20/gtk.css" + PARENT_SCOPE + ) +endfunction() + +gen_targets(Breeze) +gen_targets(Breeze-Dark) + +list(APPEND Breeze_TARGETS + "${PROJECT_BINARY_DIR}/Breeze/gtk-3.18/gtk-dark.css" + "${PROJECT_BINARY_DIR}/Breeze/gtk-3.20/gtk-dark.css" +) + +add_custom_command( + OUTPUT ${Breeze-Dark_TARGETS} + DEPENDS ${SOURCES} + COMMAND ./build_theme.sh -c BreezeDark -t "${PROJECT_BINARY_DIR}/Breeze-Dark" + WORKING_DIRECTORY "${PROJECT_SOURCE_DIR}/src" +) +add_custom_target(Breeze-Dark ALL DEPENDS ${Breeze-Dark_TARGETS}) + +add_custom_command( + OUTPUT ${Breeze_TARGETS} + DEPENDS ${SOURCES} + COMMAND ./build_theme.sh -c Breeze -t "${PROJECT_BINARY_DIR}/Breeze" + COMMAND cp gtk-dark-3.18.css "${PROJECT_BINARY_DIR}/Breeze/gtk-3.18/gtk-dark.css" + COMMAND cp gtk-dark-3.20.css "${PROJECT_BINARY_DIR}/Breeze/gtk-3.20/gtk-dark.css" + WORKING_DIRECTORY "${PROJECT_SOURCE_DIR}/src" +) +add_custom_target(Breeze ALL DEPENDS ${Breeze_TARGETS}) + +install(DIRECTORY "${PROJECT_BINARY_DIR}/Breeze" DESTINATION "${KDE_INSTALL_FULL_DATAROOTDIR}/themes/") +install(DIRECTORY "${PROJECT_BINARY_DIR}/Breeze-Dark" DESTINATION "${KDE_INSTALL_FULL_DATAROOTDIR}/themes/") diff --git a/src/_colors.scss b/src/_colors.scss new file mode 100644 index 0000000..c406506 --- /dev/null +++ b/src/_colors.scss @@ -0,0 +1,115 @@ +//apps rely on some named colors to be exported +/* GTK NAMED COLORS + ---------------- + use responsibly! */ + +// Sass thinks we're using the colors in the variables as strings and may shoot +// warning, it's innocuous and can be defeated by using "" + $var +/* +widget text/foreground color */ +@define-color theme_fg_color #{"" + w_color(text)}; + +/* +text color for entries, views and content in general */ +@define-color theme_text_color #{"" +v_color(text)}; + +/* +widget base background color */ +@define-color theme_bg_color #{"" +w_color(normal)}; + +/* +text widgets and the like base background color */ +@define-color theme_base_color #{"" +v_color(normal)}; + +/* +base background color of selections */ +@define-color theme_selected_bg_color #{"" +s_color(normal)}; + +/* +text/foreground color of selections */ +@define-color theme_selected_fg_color #{"" +s_color(text)}; + +/* +base background color of insensitive widgets */ +@define-color insensitive_bg_color #{"" +insensitive(w_color(normal))}; + +/* +text foreground color of insensitive widgets */ +@define-color insensitive_fg_color #{"" +insensitive(w_color(text))}; + +/* +insensitive text widgets and the like base background color */ +@define-color insensitive_base_color #{"" +insensitive(v_color(text))}; + +/* +widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #{"" +backdrop(w_color(text))}; + +/* +text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color #{"" +backdrop(v_color(text))}; + +/* +widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #{"" +backdrop(w_color(normal))}; + +/* +text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #{"" +backdrop(v_color(normal))}; + +/* +base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #{"" +backdrop(s_color(backdrop))}; + +/* +text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #{"" + backdrop(s_color(text))}; + +/* +widgets main borders color */ +@define-color borders #{"" +$border_color}; + +/* +widgets main borders color on backdrop windows */ +@define-color unfocused_borders #{"" +backdrop($border_color)}; + +/* +widgets main borders color insensitive */ +@define-color insensitive_borders #{"" +insensitive($border_color)}; +/* +these are pretty self explicative */ +@define-color warning_color #{"" +$warning_color}; +@define-color error_color #{"" +$error_color}; +@define-color success_color #{"" +$success_color}; + +//@define-color destructive_color #{$destructive_color} + +//WM + +// $_wm_highlight: if($variant=='light', $top_hilight, // Sass gets mad if this is +// transparentize(black,1)); // done directly in the +// // color definition +// +// /* +// these colors are exported for the window manager and shouldn't be used in applications, +// read if you used those and something break with a version upgrade you're on your own... */ +// @define-color wm_title #{$titlebar_fg_color}; +// @define-color wm_unfocused_title #{$backdrop_fg_color}; +// @define-color wm_highlight #{"" + $_wm_highlight}; +// @define-color wm_borders_edge #{"" + $borders_edge}; +// +// @define-color wm_bg_a #{$titlebar_bg_color}; +// @define-color wm_bg_b #{$titlebar_bg_color}; +// +// @define-color wm_shadow alpha(black, 0.35); +// @define-color wm_border alpha(black, 0.18); +// +// @define-color wm_button_hover_color_a shade(#{$bg_color}, 1.3); +// @define-color wm_button_hover_color_b #{$bg_color}; +// @define-color wm_button_active_color_a shade(#{$bg_color}, 0.85); +// @define-color wm_button_active_color_b shade(#{$bg_color}, 0.89); +// @define-color wm_button_active_color_c shade(#{$bg_color}, 0.9); + +//FIXME this is really an API + +@define-color content_view_bg #{"" + v_color(normal)}; diff --git a/src/_functions.scss b/src/_functions.scss new file mode 100644 index 0000000..e9cfb4a --- /dev/null +++ b/src/_functions.scss @@ -0,0 +1,258 @@ +// +// Theme color functions +// + + +// Button Color +@function b_color($c: normal) { + @if $c == normal { + @return $ButtonBackgroundNormal; + } + @if $c == hover { + @return $ButtonDecorationHover; + } + @if $c == active { + @return $ButtonDecorationFocus; + } + @if $c == text { + @return $ButtonForegroundNormal; + } + @if $c == active-text { + @return $SelectionForegroundNormal; + } +} + +// Selection Color +@function s_color($c: normal) { + @if $c == normal { + @return $SelectionBackgroundNormal; + } + @if $c == hover { + @return $SelectionDecorationHover; + } + @if $c == text { + @return $SelectionForegroundNormal; + } + @if $c == backdrop { + @return transparentize($SelectionBackgroundNormal,0.5); + } +} + +// View Color +@function v_color($c: normal) { + @if $c == normal { + @return $ViewBackgroundNormal; + } + @if $c == hover { + @return $ViewDecorationHover; + } + @if $c == active { + @return $ViewDecorationFocus; + } + @if $c == text { + @return $ViewForegroundNormal; + } +} + +// Window Color +@function w_color($c: normal) { + @if $c == normal { + @return $WindowBackgroundNormal; + } + @if $c == text { + @return $WindowForegroundNormal; + } +} + +// Titlebar color +@function t_color($c: text) { + @if $c == text { + @return $WindowForegroundNormal; + } + @if $c == background { + @return $WindowBackgroundNormal; + } + @if $c == background-light { + @return $WindowBackgroundNormal; + } + @if $c == backdrop-text { + @return $WMinactiveForeground; + } + @if $c == backdrop-background { + @return $WindowBackgroundNormal; + } +} + +@function tooltip($c: text) { + @if $c == text { + @return $TooltipForegroundNormal; + } + @if $c == background { + @return $TooltipBackgroundNormal; + } + @if $c == border { + @return mix($TooltipForegroundNormal, $TooltipBackgroundNormal, 25%); + } +} + +@function button_gradient($c, $state: normal) { + @if $state == normal { + @return linear-gradient(to bottom, change-color($c, $lightness: min(lightness($c)*1.01,100%)), change-color($c, $lightness:min(lightness($c)/1.03,100%))); + } + @else { + @return linear-gradient(to bottom, change-color($c, $lightness: min(lightness($c)*1.03,100%)), change-color($c, $lightness:min(lightness($c)/1.10,100%))); + } +} + +$border_color: mix($WindowBackgroundNormal,$WindowForegroundNormal, 75%); +$menu_color: w_color(normal); +$link_color: $ViewForegroundLink; +$link_visited_color: $ViewForegroundVisited; + +$warning_color: $ViewForegroundNeutral; +$error_color: $ViewForegroundNegative; +$success_color: $ViewForegroundPositive; +$destructive_color: $error_color; + +$trough_color: mix(w_color(normal),w_color(text),70%); +$scrollbar_color: mix($trough_color,v_color(text),50%); +// +// Color effects +// +// +// Color maps for color effect functions +// +$Color: ( + Disabled: $DisabledColor, + Inactive: $InactiveColor + ); +$ColorAmount: ( + Disabled: $DisabledColorAmount, + Inactive: $InactiveColorAmount + ); +$ColorEffect: ( + Disabled: $DisabledColorEffect, + Inactive: $InactiveColorEffect + ); +$ContrastAmount: ( + Disabled: $DisabledContrastAmount, + Inactive: $InactiveContrastAmount + ); +$ContrastEffect: ( + Disabled: $DisabledContrastEffect, + Inactive: $InactiveContrastEffect + ); +$IntensityAmount: ( + Disabled: $DisabledIntensityAmount, + Inactive: $InactiveIntensityAmount + ); +$IntensityEffect: ( + Disabled: $DisabledIntensityEffect, + Inactive: $InactiveIntensityEffect + ); + +$r: 3px; // standard radius + +@function insensitive($c) { + @return Color(Intensity(Contrast($c, Disabled), Disabled), Disabled); +} + +@function backdrop($c) { + @if $InactiveEnable == true { + @return Color(Intensity(Contrast($c, Inactive), Inactive), Inactive); + } + @else { + @return $c; + } +} + +@function Contrast($c, $state) { + + @if map-get($ContrastEffect, $state) == 0 { + @return $c; + } + + @if map-get($ContrastEffect, $state) == 1 { + @if lightness(w_color()) > lightness(w_color(text)) { + @if lightness($c) < lightness(w_color()) or ($c == t_color(text) and lightness(t_color(background)) <= lightness(t_color(text))) { + @return transparentize($c, map-get($ContrastAmount, $state)); + } + @else { @return $c; } + } + @if lightness(w_color()) <= lightness(w_color(text)) { + @if lightness($c) > lightness(w_color()) or ($c == t_color(text) and lightness(t_color(background)) > lightness(t_color(text))) { + @return transparentize($c, map-get($ContrastAmount, $state)); + } + @else { @return $c; } + } + } + + @if map-get($ContrastEffect, $state) == 2 { + @if lightness(w_color()) > lightness(w_color(text)) { // don't know what a reasonable lightness treshhold is for Contrast + @if lightness($c) < lightness(w_color()) or ($c == t_color(text) and lightness(t_color(background)) <= lightness(t_color(text))) { + @return transparentize($c, map-get($ContrastAmount, $state)); + } + @else { @return $c; } + } + @if lightness(w_color()) <= lightness(w_color(text)) { + @if lightness($c) > lightness(w_color()) or ($c == t_color(text) and lightness(t_color(background)) > lightness(t_color(text))){ + @return transparentize($c, map-get($ContrastAmount, $state)); + } + @else { @return $c; } + } + } +} + +@function Color($c, $state) { + + @if map-get($ColorEffect, $state) ==0 { + @return $c; + } + + @if map-get($ColorEffect, $state) ==1 { + @if map-get($ColorAmount, $state) >=0 { + @return desaturate($c, percentage(map-get($ColorAmount, $state))); + } + @else { + @return saturate($c, percentage(abs(map-get($ColorAmount, $state)))); + } + } + + @if map-get($ColorEffect, $state)==2 or map-get($ColorEffect, $state)==3 { // 2 and 3 seem to do the same + @return mix(map-get($Color, $state),$c, percentage(map-get($ColorAmount, $state))); + } +} + +@function Intensity($c, $state) { + + @if map-get($IntensityEffect, $state) == 0 { + @return $c; + } + @if map-get($IntensityEffect, $state) == 1 { + @if map-get($IntensityAmount, $state) >= 0 { + @return mix(white, $c, percentage(map-get($IntensityAmount, $state))); + } + @else { + @return mix(black, $c, percentage(abs(map-get($IntensityAmount, $state)))); + } + } + + @if map-get($IntensityEffect, $state) == 2 { + @if map-get($IntensityAmount, $state) == -1 { + @return change-color($c, $lightness: 100%); + } + @else { + @return change-color($c, $lightness: min(lightness($c)/(1+map-get($IntensityAmount, $state)),100%)); + } + } + + @if map-get($IntensityEffect, $state) == 3 { + @return change-color($c, $lightness: min(lightness($c)*(1+map-get($IntensityAmount, $state)),100%)); + } +} + +@function alpha2solid($c,$background) { + $amount:alpha($c); + $c:rgb(red($c),green($c),blue($c)); + @return mix($c,$background,$amount); +} diff --git a/src/build_theme.sh b/src/build_theme.sh new file mode 100755 index 0000000..a8f97ab --- /dev/null +++ b/src/build_theme.sh @@ -0,0 +1,103 @@ +#!/bin/sh +set -e + +# Usage: create_folders +create_folders () { + for j in gtk-2.0 gtk-3.18 gtk-3.20; do + if ! [ -d "$1/$j" ]; then + mkdir -p "$1/$j" + fi + done +} + +# Usage: build_sass +build_sass() { + if command -v sassc >/dev/null 2>&1; then + sassc -I "$3" "$1" "$2" + else + sass -I "$3" --cache-location /tmp/sass-cache "$1" "$2" + fi +} + +# Usage: install_theme +# If is unset or empty, install to $HOME/.local/share/themes/$THEME_NAME +install_theme () { + THEME_INSTALL_TARGET="$3" + if [ -z "${THEME_INSTALL_TARGET}" ]; then + THEME_INSTALL_TARGET="${HOME}/.local/share/themes/$2" + fi + mkdir -p "${THEME_INSTALL_TARGET}" + for dir in assets gtk-2.0 gtk-3.18 gtk-3.20; do + if [ -d "${THEME_INSTALL_TARGET}/$dir" ]; then + rm -rf "${THEME_INSTALL_TARGET:?}/$dir" + fi + mv -f "$1/$dir" "${THEME_INSTALL_TARGET}" + done + rmdir "$1" +} + +# Usage render_theme +render_theme () { + THEME_BUILD_DIR="$(mktemp -d)" + create_folders "${THEME_BUILD_DIR}" + cp -R gtk2/* "${THEME_BUILD_DIR}/gtk-2.0/" + python3 render_assets.py -c "$1" -a "${THEME_BUILD_DIR}/assets" \ + -g "${THEME_BUILD_DIR}/gtk-2.0" -G "${THEME_BUILD_DIR}" + build_sass gtk318/gtk.scss "${THEME_BUILD_DIR}/gtk-3.18/gtk.css" "${THEME_BUILD_DIR}" + build_sass gtk320/gtk.scss "${THEME_BUILD_DIR}/gtk-3.20/gtk.css" "${THEME_BUILD_DIR}" + rm -f "${THEME_BUILD_DIR}/_global.scss" + install_theme "${THEME_BUILD_DIR}" "$2" "$3" +} + +COLOR_SCHEME="" +INSTALL_TARGET="" +THEME_NAME="" + +while [ "$#" -gt 0 ]; do + case "$1" in + -h|--help) + echo "$0: build Breeze theme" + echo "Usage: $0 [-c COLOR_SCHEME] [-t TARGET_DIRECTORY]" + echo + echo "Arguments:" + echo " -h, --help show this help" + echo " -c COLOR_SCHEME use color scheme with name COLOR_SCHEME. If unset or" + echo " empty, the value from ~/.config/kdeglobals is used" + echo " -t TARGET_DIRECTORY the directory to install the color scheme. If unset or" + echo " empty, it is installed into" + echo " ~/.local/share/themes/THEME_NAME" + exit 0 + ;; + -c) + shift + COLOR_SCHEME="$1" + ;; + -t) + shift + INSTALL_TARGET="$1" + ;; + esac + shift +done + +if [ -z "${COLOR_SCHEME}" ]; then + THEME_NAME="Breeze" + if [ -f "${HOME}/.config/kdeglobals" ]; then + COLOR_SCHEME="${HOME}/.config/kdeglobals" + else + echo "${HOME}/.config/kdeglobals not found, using defaults" + COLOR_SCHEME="/usr/share/color-schemes/Breeze.colors" + fi +else + THEME_NAME="${COLOR_SCHEME}" + if [ -f "/usr/share/color-schemes/${COLOR_SCHEME}.colors" ]; then + COLOR_SCHEME="/usr/share/color-schemes/${COLOR_SCHEME}.colors" + elif [ -f "${HOME}/.local/share/color-schemes/${COLOR_SCHEME}.colors" ]; then + COLOR_SCHEME="${HOME}/.local/share/color-schemes/${COLOR_SCHEME}.colors" + else + echo "colorscheme ${COLOR_SCHEME} not found" + exit 1 + fi +fi + +render_theme "${COLOR_SCHEME}" "${THEME_NAME}" "${INSTALL_TARGET}" diff --git a/src/gtk-dark-3.18.css b/src/gtk-dark-3.18.css new file mode 100644 index 0000000..2b7ae08 --- /dev/null +++ b/src/gtk-dark-3.18.css @@ -0,0 +1 @@ +@import url("../../Breeze-Dark/gtk-3.18/gtk.css"); diff --git a/Breeze-gtk/gtk-3.20/gtk-dark.css b/src/gtk-dark-3.20.css similarity index 100% rename from Breeze-gtk/gtk-3.20/gtk-dark.css rename to src/gtk-dark-3.20.css diff --git a/Breeze-dark-gtk/gtk-2.0/widgets/buttons b/src/gtk2/widgets/buttons similarity index 100% rename from Breeze-dark-gtk/gtk-2.0/widgets/buttons rename to src/gtk2/widgets/buttons diff --git a/Breeze-gtk/gtk-2.0/widgets/default b/src/gtk2/widgets/default similarity index 99% rename from Breeze-gtk/gtk-2.0/widgets/default rename to src/gtk2/widgets/default index 908c8d0..febb966 100644 --- a/Breeze-gtk/gtk-2.0/widgets/default +++ b/src/gtk2/widgets/default @@ -1,542 +1,542 @@ gtk-auto-mnemonics = 1 style "default" { xthickness = 1 ythickness = 1 # Style Properties GtkScrollbar::activate-slider = 1 GtkWidget::focus-line-width = 0 GtkWidget::new-tooltip-style = 1 GtkWidget::tooltip-alpha = 230 GtkWidget::tooltip-radius = 2 GtkMenuBar::window-dragging = 1 GtkToolbar::window-dragging = 1 GtkToolbar::internal-padding = 5 GtkToolButton::icon-spacing = 4 GtkSeparatorMenuItem::horizontal-padding = 3 GtkSeparatorMenuItem::wide-separators = 1 GtkSeparatorMenuItem::separator-height = 1 GtkCheckMenuItem::indicator-size = 18 GtkRadioMenuItem::indicator-size = 18 GtkButton::child-displacement-y = 0 GtkButton::default-border = { 0, 0, 0, 0 } GtkButton::default-outside_border = { 0, 0, 0, 0 } GtkScrollbar::trough-border = 0 GtkScrollbar::slider-width = 20 GtkRange::trough-border = 0 GtkRange::slider-width = 7 GtkRange::stepper-size = 0 GtkScrollbar::has-backward-stepper = 1 GtkScrollbar::has-forward-stepper = 1 - GtkScrollbar::stepper-size = 7 + GtkScrollbar::stepper-size = 4 GtkScrollbar::stepper-spacing = 0 GtkScrolledWindow ::scrollbar-spacing = 0 GtkScrolledWindow ::scrollbars-within-bevel = 1 GtkVScale::slider_length = 20 GtkVScale::slider_width = 20 GtkHScale::slider_length = 20 GtkHScale::slider_width = 20 GtkStatusbar::shadow_type = GTK_SHADOW_NONE GtkSpinButton::shadow_type = GTK_SHADOW_NONE GtkMenuBar::shadow-type = GTK_SHADOW_NONE GtkMenuBar::internal-padding = 3 GtkMenu::horizontal-padding = 0 GtkMenu::vertical-padding = 0 GtkNotebook::tab-overlap = 1 GtkNotebook::tab-curvature = 3 GtkCheckButton::indicator_spacing = 3 #GtkOptionMenu::indicator_spacing = { 0, 0, 0, 0 } GtkTreeView::row_ending_details = 0 GtkTreeView::expander-size = 12 GtkTreeView::vertical-separator = 1 GtkTreeView::horizontal-separator = 4 GtkTreeView::allow-rules = 1 GtkProgressBar::min-horizontal-bar-height = 8 GtkProgressBar::min-vertical-bar-width = 8 GtkEntry::state-hint = 1 # Colors bg[NORMAL] = @bg_color bg[PRELIGHT] = @bg_color bg[SELECTED] = @selected_bg_color bg[INSENSITIVE] = @bg_color bg[ACTIVE] = @bg_color fg[NORMAL] = @fg_color fg[PRELIGHT] = @fg_color fg[SELECTED] = @selected_fg_color fg[INSENSITIVE] = @insensitive_fg_color fg[ACTIVE] = @fg_color text[NORMAL] = @text_color text[PRELIGHT] = @text_color text[SELECTED] = @selected_fg_color text[INSENSITIVE] = @insensitive_text_color text[ACTIVE] = @selected_fg_color base[NORMAL] = @base_color base[PRELIGHT] = @base_color base[SELECTED] = @selected_bg_color base[INSENSITIVE] = @bg_color base[ACTIVE] = @selected_bg_color # All pixmap options are consolidated below this point engine "pixmap" { # Check Buttons image { function = CHECK recolorable = TRUE state = NORMAL shadow = OUT overlay_file = "../assets/check-unchecked.png" overlay_stretch = FALSE } image { function = CHECK recolorable = TRUE state = PRELIGHT shadow = OUT overlay_file = "../assets/check-unchecked-hover.png" overlay_stretch = FALSE } image { function = CHECK recolorable = TRUE state = ACTIVE shadow = OUT overlay_file = "../assets/check-unchecked-active.png" overlay_stretch = FALSE } image { function = CHECK recolorable = TRUE state = SELECTED shadow = OUT overlay_file = "../assets/check-unchecked.png" overlay_stretch = FALSE } image { function = CHECK recolorable = TRUE state = INSENSITIVE shadow = OUT overlay_file = "../assets/check-unchecked-insensitive.png" overlay_stretch = FALSE } image { function = CHECK recolorable = TRUE state = NORMAL shadow = IN overlay_file = "../assets/check-checked-active.png" overlay_stretch = FALSE } image { function = CHECK recolorable = TRUE state = PRELIGHT shadow = IN overlay_file = "../assets/check-checked-hover.png" overlay_stretch = FALSE } image { function = CHECK recolorable = TRUE state = ACTIVE shadow = IN overlay_file = "../assets/check-checked-active.png" overlay_stretch = FALSE } image { function = CHECK recolorable = TRUE state = SELECTED shadow = IN overlay_file = "../assets/check-checked-active.png" overlay_stretch = FALSE } image { function = CHECK recolorable = TRUE state = INSENSITIVE shadow = IN overlay_file = "../assets/check-checked-insensitive.png" overlay_stretch = FALSE } # Radio Buttons image { function = OPTION state = NORMAL shadow = OUT overlay_file = "../assets/radio-unchecked.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = OUT overlay_file = "../assets/radio-unchecked-hover.png" overlay_stretch = FALSE } image { function = OPTION state = ACTIVE shadow = OUT overlay_file = "../assets/radio-unchecked-active.png" overlay_stretch = FALSE } image { function = OPTION state = SELECTED shadow = OUT overlay_file = "../assets/radio-unchecked.png" overlay_stretch = FALSE } image { function = OPTION state = INSENSITIVE shadow = OUT overlay_file = "../assets/radio-unchecked-insensitive.png" overlay_stretch = FALSE } image { function = OPTION state = NORMAL shadow = IN overlay_file = "../assets/radio-checked-active.png" overlay_stretch = FALSE } image { function = OPTION state = PRELIGHT shadow = IN overlay_file = "../assets/radio-checked-hover.png" overlay_stretch = FALSE } image { function = OPTION state = ACTIVE shadow = IN overlay_file = "../assets/radio-checked-active.png" overlay_stretch = FALSE } image { function = OPTION state = SELECTED shadow = IN overlay_file = "../assets/radio-checked-active.png" overlay_stretch = FALSE } image { function = OPTION state = INSENSITIVE shadow = IN overlay_file = "../assets/radio-checked-insensitive.png" overlay_stretch = FALSE } # Arrows image { function = ARROW state = NORMAL overlay_file = "../assets/arrow-up.png" overlay_border = { 0, 0, 0, 0 } overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = PRELIGHT overlay_file = "../assets/arrow-up-hover.png" overlay_border = { 0, 0, 0, 0 } overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = ACTIVE overlay_file = "../assets/arrow-up-active.png" overlay_border = { 0, 0, 0, 0 } overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = INSENSITIVE overlay_file = "../assets/arrow-up-insensitive.png" overlay_border = { 0, 0, 0, 0 } overlay_stretch = FALSE arrow_direction = UP } image { function = ARROW state = NORMAL overlay_file = "../assets/arrow-down.png" overlay_border = { 0, 0, 0, 0 } overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = PRELIGHT overlay_file = "../assets/arrow-down-hover.png" overlay_border = { 0, 0, 0, 0 } overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = ACTIVE overlay_file = "../assets/arrow-down-active.png" overlay_border = { 0, 0, 0, 0 } overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = INSENSITIVE overlay_file = "../assets/arrow-down-insensitive.png" overlay_border = { 0, 0, 0, 0 } overlay_stretch = FALSE arrow_direction = DOWN } image { function = ARROW state = NORMAL overlay_file = "../assets/arrow-left.png" overlay_border = { 0, 0, 0, 0 } overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = PRELIGHT overlay_file = "../assets/arrow-left-hover.png" overlay_border = { 0, 0, 0, 0 } overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = ACTIVE overlay_file = "../assets/arrow-left-active.png" overlay_border = { 0, 0, 0, 0 } overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = INSENSITIVE overlay_file = "../assets/arrow-left-insensitive.png" overlay_border = { 0, 0, 0, 0 } overlay_stretch = FALSE arrow_direction = LEFT } image { function = ARROW state = NORMAL overlay_file = "../assets/arrow-right.png" overlay_border = { 0, 0, 0, 0 } overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = PRELIGHT overlay_file = "../assets/arrow-right-hover.png" overlay_border = { 0, 0, 0, 0 } overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = ACTIVE overlay_file = "../assets/arrow-right-active.png" overlay_border = { 0, 0, 0, 0 } overlay_stretch = FALSE arrow_direction = RIGHT } image { function = ARROW state = INSENSITIVE overlay_file = "../assets/arrow-right-insensitive.png" overlay_border = { 0, 0, 0, 0 } overlay_stretch = FALSE arrow_direction = RIGHT } # Option Menu ../assets image { function = TAB state = INSENSITIVE overlay_file = "../assets/arrow-down-insensitive.png" overlay_stretch = FALSE } image { function = TAB state = NORMAL overlay_file = "../assets/arrow-down.png" overlay_border = { 0, 0, 0, 0 } overlay_stretch = FALSE } image { function = TAB state = PRELIGHT overlay_file = "../assets/arrow-down.png" overlay_border = { 0, 0, 0, 0 } overlay_stretch = FALSE } #Lines image { function = VLINE file = "../assets/handle-v.png" border = { 0, 0, 0, 0 } stretch = TRUE } image { function = HLINE file = "../assets/line-h.png" border = { 0, 0, 0, 0 } stretch = TRUE } # Handles image { function = HANDLE overlay_file = "../assets/handle-h.png" overlay_stretch = FALSE orientation = HORIZONTAL } image { function = HANDLE overlay_file = "../assets/handle-v.png" overlay_stretch = FALSE orientation = VERTICAL } # Expanders image { function = EXPANDER expander_style = COLLAPSED file = "../assets/arrow-right.png" } image { function = EXPANDER expander_style = EXPANDED file = "../assets/arrow-down.png" } image { function = EXPANDER expander_style = SEMI_EXPANDED file = "../assets/arrow-down.png" } image { function = EXPANDER expander_style = SEMI_COLLAPSED file = "../assets/arrow-right.png" } image { function = RESIZE_GRIP state = NORMAL detail = "statusbar" overlay_file = "../assets/null.png" overlay_border = { 0,0,0,0 } overlay_stretch = FALSE } # Shadows ( this area needs help :P ) image { function = SHADOW_GAP file = "../assets/null.png" border = { 4, 4, 4, 4 } stretch = TRUE } } } diff --git a/Breeze-dark-gtk/gtk-2.0/widgets/entry b/src/gtk2/widgets/entry similarity index 100% rename from Breeze-dark-gtk/gtk-2.0/widgets/entry rename to src/gtk2/widgets/entry diff --git a/Breeze-dark-gtk/gtk-2.0/widgets/menu b/src/gtk2/widgets/menu similarity index 100% rename from Breeze-dark-gtk/gtk-2.0/widgets/menu rename to src/gtk2/widgets/menu diff --git a/Breeze-dark-gtk/gtk-2.0/widgets/misc b/src/gtk2/widgets/misc similarity index 100% rename from Breeze-dark-gtk/gtk-2.0/widgets/misc rename to src/gtk2/widgets/misc diff --git a/Breeze-dark-gtk/gtk-2.0/widgets/notebook b/src/gtk2/widgets/notebook similarity index 100% rename from Breeze-dark-gtk/gtk-2.0/widgets/notebook rename to src/gtk2/widgets/notebook diff --git a/Breeze-dark-gtk/gtk-2.0/widgets/progressbar b/src/gtk2/widgets/progressbar similarity index 100% rename from Breeze-dark-gtk/gtk-2.0/widgets/progressbar rename to src/gtk2/widgets/progressbar diff --git a/Breeze-dark-gtk/gtk-2.0/widgets/range b/src/gtk2/widgets/range similarity index 100% rename from Breeze-dark-gtk/gtk-2.0/widgets/range rename to src/gtk2/widgets/range diff --git a/Breeze-gtk/gtk-2.0/widgets/scrollbar b/src/gtk2/widgets/scrollbar similarity index 100% rename from Breeze-gtk/gtk-2.0/widgets/scrollbar rename to src/gtk2/widgets/scrollbar diff --git a/Breeze-dark-gtk/gtk-2.0/widgets/styles b/src/gtk2/widgets/styles similarity index 100% rename from Breeze-dark-gtk/gtk-2.0/widgets/styles rename to src/gtk2/widgets/styles diff --git a/Breeze-dark-gtk/gtk-2.0/widgets/toolbar b/src/gtk2/widgets/toolbar similarity index 100% rename from Breeze-dark-gtk/gtk-2.0/widgets/toolbar rename to src/gtk2/widgets/toolbar diff --git a/src/gtk318/gtk.scss b/src/gtk318/gtk.scss new file mode 100644 index 0000000..2887989 --- /dev/null +++ b/src/gtk318/gtk.scss @@ -0,0 +1,31 @@ +@import 'global'; +@import '../functions'; +@import '../colors'; + +@import "widgets/base"; +@import "widgets/button"; +@import "widgets/entry"; +@import "widgets/app_notifications"; +@import "widgets/calendar"; +@import "widgets/checkboxes"; +@import "widgets/color_chooser"; +@import "widgets/dialogs"; +@import "widgets/headerbar"; +@import "widgets/infobar"; +@import "widgets/link"; +@import "widgets/lists"; +@import "widgets/menus"; +@import "widgets/misc"; +@import "widgets/notebook"; +@import "widgets/overshoot"; +@import "widgets/pathbar"; +@import "widgets/progressbar"; +@import "widgets/scale"; +@import "widgets/scrollbar"; +@import "widgets/sidebar"; +@import "widgets/spinbutton"; +@import "widgets/switch"; +@import "widgets/toolbar"; +@import "widgets/tooltips"; +@import "widgets/treeview"; +@import "widgets/window_decorations"; diff --git a/src/gtk318/widgets/_app_notifications.scss b/src/gtk318/widgets/_app_notifications.scss new file mode 100644 index 0000000..d68dff2 --- /dev/null +++ b/src/gtk318/widgets/_app_notifications.scss @@ -0,0 +1,43 @@ +/********************* + * App Notifications * + *********************/ + +.app-notification, +.app-notification.frame { + @extend %osd; + padding: 10px; + border-top-width: 0px; + border-radius: 0px 0px 3px 3px; + &:backdrop { background-image: none; } + .button { + @include button(normal); + &.flat { + @extend %undecorated_button; + icon-shadow: none; + text-shadow: none; + &:hover { + @extend %undecorated_button; + color: b_color(hover); + } + &:active { + @extend %undecorated_button; + color: b_color(active); + } + &:backdrop, + &:insensitive, + &:backdrop:insensitive { @extend %undecorated_button; } + } + &:hover { @include button(hover); } + &:active, + &:checked, + &:backdrop:active, + &:backdrop:checked { + @include button(active); + } + &:insensitive, + &:backdrop:insensitive { + @include button(insensitive); + } + &:backdrop { @include button(backdrop); } + } +} diff --git a/src/gtk318/widgets/_base.scss b/src/gtk318/widgets/_base.scss new file mode 100644 index 0000000..288bcc1 --- /dev/null +++ b/src/gtk318/widgets/_base.scss @@ -0,0 +1,208 @@ +@function gtkalpha($c,$a) { + @return unquote("alpha(#{$c},#{$a})"); +} + +$ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94); + +* { + padding: 0; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: $error_color; + + -GtkButton-child-displacement-x: 0; + -GtkButton-child-displacement-y: 0; + + -GtkCheckButton-indicator-size: 18; + -GtkCheckMenuItem-indicator-size: 18; + + // The size for scrollbars. The slider is 2px smaller, but we keep it + // up so that the whole area is sensitive to button presses for the + // slider. The stepper button is larger in both directions, the slider + // only in the width + + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkScrolledWindow-scrollbars-within-bevel: 1; + + -GtkToolItemGroup-expander-size: 11; + -GtkExpander-expander-size: 16; + -GtkTreeView-expander-size: 11; + + -GtkTreeView-horizontal-separator: 4; + + -GtkMenu-horizontal-padding: 0; + -GtkMenu-vertical-padding: 0; + + -GtkWidget-link-color: $link_color; + -GtkWidget-visited-link-color: $link_visited_color; + + -GtkWidget-focus-padding: 2; // FIXME: do we still need these? + -GtkWidget-focus-line-width: 1; // + + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + + -GtkStatusbar-shadow-type: none; + + outline-width: 0px; +} + + +/*************** + * Base States * + ***************/ + +.background { + color: w_color(text); + background-color: w_color(normal); + + &:backdrop { + text-shadow: none; + icon-shadow: none; + color: backdrop(w_color(text)); + background-color: backdrop(w_color(normal)); + } +} + +/* + These wildcard seems unavoidable, need to investigate. + Wildcards are bad and troublesome, use them with care, + or better, just don't. + Everytime a wildcard is used a kitten dies, painfully. +*/ + +*:insensitive { + -gtk-image-effect: dim; +} + +.gtkstyle-fallback { + background-color: w_color(normal); + color: w_color(text); + &:prelight { + background-color: lighten(w_color(normal), 10%); + color: w_color(text); + } + &:active { + background-color: darken(w_color(normal), 10%); + color: w_color(text); + } + &:insensitive { + background-color: insensitive(w_color(normal)); + color: insensitive(w_color(text)); + } + &:selected { + background-color: s_color(normal); + color: s_color(text); + } +} + +.view { + color: v_color(text); + background-color: v_color(normal); + + &:backdrop { + color: backdrop(v_color(text)); + background-color: backdrop(v_color(normal)); + } + + &:selected { + border-radius: $r; + @extend %selected_items; + } + + &:insensitive { + color: insensitive(v_color(text)); + } +} + +.rubberband { + border: 1px solid s_color(normal); + background-color: transparentize(s_color(normal),0.8); + &:backdrop { + border-color: backdrop(s_color(normal)); + background-color: backdrop(transparentize(s_color(normal),0.8)); + } +} + +.label { + &.separator { + color: w_color(text); + @extend .dim-label; + &:backdrop { color: backdrop(w_color(text)); } + } + &:selected, + &:selected:focus, + &:selected:hover { + @extend %selected_items; + } + &:insensitive { + color: insensitive(w_color(text)); + &:backdrop { color: backdrop(insensitive(w_color(text))); } + } +} + +.dim-label { + opacity: 0.5; + text-shadow: none; +} + +GtkAssistant { + .sidebar { + background-color: v_color(text); + border-top: 1px solid $border_color; + &:dir(ltr) { border-right: 1px solid $border_color; } + &:dir(rtl) { border-left: 1px solid $border_color; } + &:backdrop { + background-color: backdrop(v_color(text)); + border-color: backdrop($border_color); + } + } + &.csd .sidebar { border-top-style: none; } + .sidebar .label { + padding: 6px 12px; + } + .sidebar .label.highlight { + background-color: mix(v_color(normal), v_color(text), 80%); + } +} + +GtkTextView { // This will get overridden by .view, needed by gedit line numbers + background-color: mix(w_color(normal), v_color(normal), 50%); + &:backdrop { background-color: backdrop(mix(w_color(normal), v_color(normal), 50%)); } + &:insensitive { + color: insensitive(v_color(text)); + } +} + +.grid-child { + padding: 3px; + border-radius: $r; + &:selected { + @extend %selected_items; + } +} + +%osd, .osd { + color: w_color(text); + border: 1px solid w_color(normal); + background-color: transparentize(w_color(normal),0.2); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; + &:backdrop { + color: backdrop(w_color(text)); + background-color: backdrop(transparentize(w_color(normal),0.2)); + } +} + +%selected_items { + background-color: s_color(normal); + color: s_color(text); + &:backdrop { + background-color: backdrop(s_color(backdrop)); + color: backdrop(v_color(normal)); + } +} diff --git a/src/gtk318/widgets/_button.scss b/src/gtk318/widgets/_button.scss new file mode 100644 index 0000000..53fcf6a --- /dev/null +++ b/src/gtk318/widgets/_button.scss @@ -0,0 +1,459 @@ + +// buttons + +@mixin button($t, $c:b_color(normal), $tc:b_color(text)) { +// +// Button drawing function +// +// $t: button type, +// $c: base button color for colored* types +// $tc: optional text color for colored* types +// $edge: set to none to not draw the bottom edge or specify a color to not +// use the default one +// +// possible $t values: +// normal, hover, active, insensitive, insensitive-active, +// backdrop, backdrop-active, backdrop-insensitive, backdrop-insensitive-active, +// osd, osd-hover, osd-active, osd-insensitive, osd-backdrop, undecorated +// + + @if $t==normal { + // + // normal button + // + box-shadow: 1px 1px 1px rgba(0,0,0,0.2); + text-shadow: none; + icon-shadow: none; + + color: $tc; + border-color: if($c!=b_color(normal), $c, $border_color); + background-image: button_gradient($c, normal); + } + + @else if $t==hover { + // + // hovered button + // + color: $tc; + border-color: if($c!=b_color(normal), $c, b_color(hover)); + } + + @else if $t==active { + // + // pushed button + // + color: if($tc==b_color(text),b_color(active-text), $tc); + border-color: if($c!=b_color(normal), $c, b_color(active)); + background-image: if($c!=b_color(normal), button_gradient($c, active), + button_gradient(b_color(active),active)); + } + + @else if $t==active-hover { + // + // + // + color: $tc; + border-color: if($c!=b_color(normal), transparentize($c, 0.5), b_color(hover)); + background-image: if($c!=b_color(normal), button_gradient(transparentize($c, 0.5),active), + button_gradient(b_color(hover),active)); + } + + @else if $t==insensitive { + // + // insensitive button + // + color: if($tc!=b_color(text),insensitive($tc),insensitive(b_color(text))); + border-color: if($c!=b_color(normal), insensitive($c), insensitive($border_color)); + background-image: if($c!=b_color(normal), button_gradient(insensitive($c), normal), + button_gradient(insensitive(b_color(normal)), normal)); + > .label { color: inherit; } + } + + @else if $t==insensitive-active { + // + // insensitive pushed button + // + color: if($tc!=b_color(text), insensitive($tc), insensitive(b_color(active-text))); + border-color: insensitive(b_color(active)); + background-image: if($c!=b_color(normal), button_gradient(insensitive($c), active), + button_gradient(insensitive(b_color(active)),active)); + > .label { color: inherit; } + } + + @else if $t==backdrop { + // + // backdrop button + // + color: backdrop($tc); + border-color: backdrop($border_color); + background-image: button_gradient(backdrop($c), normal); + } + + @else if $t==backdrop-active { + // + // backdrop pushed button + // + color: if($tc!=b_color(text), backdrop($tc), backdrop(b_color(active-text))); + border-color: if($c!=b_color(normal), backdrop($c), backdrop(b_color(active))); + background-image: if($c!=b_color(normal), button_gradient(backdrop($c), active), + button_gradient(backdrop(b_color(active)),active)); + } + + @else if $t==backdrop-insensitive { + // + // backdrop insensitive button + // + color: backdrop(insensitive($tc)); + border-color: if($c!=b_color(normal), backdrop(insensitive($c)), backdrop(insensitive($border_color))); + background-image: button_gradient(backdrop(insensitive($c))); + > .label { color: inherit; } + } + + @else if $t==backdrop-insensitive-active { + // + // backdrop insensitive pushed button + // + color: if($c!=b_color(normal), backdrop(insensitive($tc)), backdrop(insensitive(b_color(active-text)))); + border-color: if($c!=b_color(normal), backdrop(insensitive($c)), backdrop(insensitive(b_color(active)))); + background-image: if($c!=b_color(normal), button_gradient(backdrop(insensitive($c)), active), + button_gradient(backdrop(insensitive(b_color(active))),active)); + > .label { color: inherit; } + } + + @else if $t==undecorated { + // + // reset + // + border-color: transparentize(white,1); //FIXME needed? + background-color: transparent; + background-image: none; + box-shadow:none; + color: $tc; + + text-shadow: none; + icon-shadow: none; + } +} + +/*********** + * Buttons * + ***********/ + +// stuff for .needs-attention +$_dot_color: b_color(active); +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.01, + to($_dot_color), + to(transparent)); + } + to { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.5, + to(s_color(normal)), + to(transparent)); + } +} + +%buttons { + + $_button_transition: all 200ms $ease-out-quad; + + border: 1px solid; + border-radius: $r; + padding: 6px; + background-clip: border-box; + transition: $_button_transition; + @include button(normal); + &.flat { + @include button(undecorated); + // to avoid adiacent buttons borders clashing when transitioning, the transition on the normal state is set + // to none, while it's added back in the hover state, so the button decoration will fade in on hover, but + // it won't fade out when the pointer leave the button allocation area. To make the transition more evident + // in this case the duration is increased. + transition: none; + &:hover { + transition: $_button_transition; + transition-duration: 500ms; + &:active { transition: $_button_transition; } + } + &:checked { background-color: $border_color;} + } + &:hover { + @include button(hover); + -gtk-image-effect: highlight; // Do we want this? + } + &:active, &:checked { + @include button(active); + transition-duration: 50ms; + &:hover { + @include button(active-hover); + } + } + &:backdrop { + @include button(backdrop); + -gtk-image-effect: none; + &:active, &:checked { + @include button(backdrop-active); + } + &:insensitive { + @include button(backdrop-insensitive); + } + &:insensitive:active, &:insensitive:checked { + @include button(backdrop-insensitive-active); + } + } + &.flat:backdrop { + -gtk-image-effect: none; + @include button(undecorated); + color: backdrop(b_color(text)); + } + &.flat:insensitive { + @include button(undecorated); + color: insensitive(b_color(text)); + } + &.flat:backdrop:insensitive { + @include button(undecorated); + color: backdrop(insensitive(b_color(text))); + } + &:insensitive { + @include button(insensitive); + &:active, &:checked { + @include button(insensitive-active); + } + } +} + +.button { + @extend %buttons; + &.osd { + @extend %buttons; + } + //overlay / OSD style + .osd & { + @extend %buttons; + } + + // Suggested and Destructive Action buttons + @each $b_type, $button_color in (suggested-action, b_color(active)), + (destructive-action, $error_color) { + &.#{$b_type}, + &.#{$b_type}.osd & { + @include button(normal, $button_color, b_color(active-text)); + &.flat { + @include button(undecorated); + color: $button_color; + } + &:hover { @include button(hover, $button_color, white); } //FIXME no hardcoded colors + &:active, &:checked { @include button(active, $button_color, white); } + &:backdrop, &.flat:backdrop { + @include button(backdrop, $button_color, white); + &:active, &:checked { + @include button(backdrop-active, $button_color, white); + } + &:insensitive { + @include button(backdrop-insensitive); + &:active, &:checked { + @include button(backdrop-insensitive-active, $button_color, white); + } + } + } + &.flat:backdrop, &.flat:insensitive, &.flat:backdrop:insensitive { + @include button(undecorated); + color: transparentize($button_color, 0.2); + } + &:insensitive { + @include button(insensitive); + &:active, &:checked { + @include button(insensitive-active, $button_color, white); + } + } + } + } + + &.image-button { padding: 6px; } + + &.text-button { + padding: 6px + } + + &.text-button.image-button { + // those buttons needs uneven horizontal padding, we want the icon side + // to have the image-button padding, while the text side the text-button + // one, so we're adding the missing padding to the label depending on + // its position inside the button + padding: 6px; // same as .button + .label:first-child { padding-left: 8px; } + .label:last-child { padding-right: 8px; } + } + + .stack-switcher > & { + // to position the needs attention dot, padding is added to the button + // child, a label needs just lateral padding while an icon needs vertical + // padding added too. + > .label { + padding-left: 6px; // label padding + padding-right: 6px; // + } + > GtkImage { + padding-left: 6px; // image padding + padding-right: 6px; // + padding-top: 3px; // + padding-bottom: 3px; // + } + &.text-button { + padding: 6px; // needed or it will get overridden + } + &.image-button { + // we want image buttons to have a 1:1 aspect ratio, so compensation + // of the padding added to the GtkImage is needed + padding: 3px 0px; + } + &.needs-attention > .label, + &.needs-attention > GtkImage { @extend %needs_attention; } + &.needs-attention:active > .label, + &.needs-attention:active > GtkImage, + &.needs-attention:checked > .label, + &.needs-attention:checked > GtkImage { + animation: none; + background-image: none; + } + } + + //inline-toolbar buttons + .inline-toolbar &, .inline-toolbar &:backdrop { + border-radius: $r; + border-width: 1px; + @extend %linked; + } + + .primary-toolbar & { icon-shadow: none; } + + .linked > &, + .linked > &:hover, + .linked > &:active, + .linked > &:checked, + .linked > &:backdrop { @extend %linked; } + + .linked.vertical > &, + .linked.vertical > &:hover, + .linked.vertical > &:active, + .linked.vertical > &:checked, + .linked.vertical > &:backdrop { @extend %linked_vertical; } +} + +/************** + * ComboBoxes * + **************/ +GtkComboBox { + > .button { padding: 5px 4px; } // Otherwise combos + // are bigger then + // buttons + -GtkComboBox-arrow-scaling: 0.5; + -GtkComboBox-shadow-type: none; + +// box-shadow: 0 1px $borders_edge; + + + &:insensitive { + color: insensitive(b_color(text)); + text-shadow: none; + icon-shadow: none; + } + &:backdrop { + color: backdrop(b_color(text)); + text-shadow: none; + icon-shadow: none; + } + &:backdrop:insensitive { + color: backdrop(insensitive(b_color(text))); + } + .menuitem { text-shadow: none; } + .separator.vertical { + // always disable separators + -GtkWidget-wide-separators: true; + } + &.combobox-entry .entry { @extend %linked; } + &.combobox-entry .button, &.combobox-entry .button:backdrop { + // It is needed to specify the backdrop button or it gets overridden + @extend %linked; + } +} + +%needs_attention { + animation: needs_attention 150ms ease-in; + $_dot_shadow: b_color(text); + $_dot_shadow_r: 0.5; + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.5, + to($_dot_color), + to(transparent)), + -gtk-gradient(radial, + center center, 0, + center center, $_dot_shadow_r, + to($_dot_shadow), + to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 4px; + &:backdrop {background-size: 6px 6px, 0 0;} + &:dir(rtl) { + background-position: left 3px, left 4px; + } +} + +%linked_middle { + border-radius: $r; + &:dir(rtl) { + border-radius: $r; // needed when including %linked_middle:dir(rtl) + } +} + +%linked { + @extend %linked_middle; + &:first-child { + border-radius: $r; + border-style: solid; + } + &:last-child { + border-radius: $r; + &:dir(rtl) { } + } + &:only-child { + border-radius: $r; + border-style: solid; + } +} + +%linked_vertical_middle { + border-style: solid; + border-radius: $r; +} + +%linked_vertical{ + @extend %linked_vertical_middle; + &:first-child { + border-radius: $r; + } + &:last-child { + border-radius: $r; + border-style: solid; + } + &:only-child { + border-radius: $r; + border-style: solid; + } +} + +%undecorated_button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow:none; + text-shadow: none; + icon-shadow: none; +} diff --git a/src/gtk318/widgets/_calendar.scss b/src/gtk318/widgets/_calendar.scss new file mode 100644 index 0000000..22b59cd --- /dev/null +++ b/src/gtk318/widgets/_calendar.scss @@ -0,0 +1,64 @@ +/************ + * Calendar * + ***********/ +GtkCalendar { + color: v_color(text); + border: 1px solid $border_color; + background-color: v_color(normal); + &:selected { + background-color: $border_color; + } + &:insensitive { + color: insensitive(v_color(text)); + } + + &.header { + border: 1px solid $border_color; + border-radius: 0; + color: v_color(text); + + &:backdrop { + color: backdrop(v_color(text)); + border-color: backdrop($border_color); + } + + &:insensitive { + color: insensitive(v_color(text)); + } + } + + &.button { + @extend %undecorated_button; + color: b_color(text); + + &:hover { + @extend %undecorated_button; + color: b_color(hover); + } + &:active { + @extend %undecorated_button; + color: b_color(active); + } + &:backdrop { + @extend %undecorated_button; + color: backdrop(b_color(text)); + } + } + + &:inconsistent, + &.highlight { + color: transparentize(v_color(text),0.5); + } + + &:inconsistent:backdrop, + &.highlight:backdrop { + color: backdrop(transparentize(v_color(text),0.5)); + } + + + &:backdrop { + color: backdrop(v_color(text)); + border-color: backdrop($border_color); + background-color: backdrop(v_color(normal)); + } +} diff --git a/src/gtk318/widgets/_checkboxes.scss b/src/gtk318/widgets/_checkboxes.scss new file mode 100644 index 0000000..240d099 --- /dev/null +++ b/src/gtk318/widgets/_checkboxes.scss @@ -0,0 +1,83 @@ +/************************* + * Check and Radio items * + *************************/ + +// draw regular check and radio items using our PNG assets +// all assets are rendered from assets.svg. never add pngs directly + +@each $w,$a in ('check', 'check'), + ('radio','radio') { + + //standard checks and radios + @each $s,$as in ('','-unchecked'), + (':hover', '-unchecked-hover'), + (':active', '-unchecked-active'), + (':insensitive','-unchecked-insensitive'), + (':backdrop', '-unchecked-backdrop'), + (':backdrop:insensitive', '-unchecked-backdrop-insensitive'), + (':inconsistent', '-mixed-active'), + (':inconsistent:hover', '-mixed-hover'), + (':inconsistent:selected', '-mixed-active'), + (':inconsistent:backdrop', '-mixed-backdrop'), + (':inconsistent:insensitive', '-mixed-insensitive'), + (':inconsistent:insensitive:backdrop', '-mixed-backdrop-insensitive'), + (':checked', '-checked-active'), + (':checked:insensitive','-checked-insensitive'), + (':checked:hover', '-checked-hover'), + (':checked:active', '-checked-active'), + (':backdrop:checked', '-checked-backdrop'), + (':backdrop:checked:insensitive', '-checked-backdrop-insensitive') { + .#{$w}#{$s} { + -gtk-icon-source: -gtk-scaled(url("../assets/#{$a}#{$as}.png"), url("../assets/#{$a}#{$as}@2.png")); + icon-shadow: none; + } + } + @each $ms, $ma in ('', '-unchecked'), + (':active', '-checked-active'), + (':checked', '-checked-active'), + (':inconsistent','-mixed-active') { + + .menu .menuitem.#{$w}#{$ms}, + .popover .button.flat.#{$w}#{$ms} { + &:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/#{$a}#{$ma}.png"), url("../assets/#{$a}#{$ma}@2.png")); + } + } + } +} + +//treeview and list-rows +.view.check, .view.radio, +.list-row .check, list-row .radio { + icon-shadow: none; + &:selected, &:hover { icon-shadow: none; } +} + +//selection-mode +@each $s,$as in ('','-unchecked'), + (':hover', '-unchecked-hover'), + (':active', '-unchecked-active'), + (':backdrop', '-unchecked-backdrop'), + (':checked', '-checked-active'), + (':checked:hover', '-checked-hover'), + (':checked:active', '-checked-active'), + (':backdrop:checked', '-checked-backdrop') { + .view.content-view.check#{$s} { + icon-shadow: none; + -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode#{$as}.png"), + url("../assets/check-selectionmode#{$as}@2.png")); + background-color: transparent; + } +} + +GtkCheckButton.text-button, GtkRadioButton.text-button { + // this is for a nice focus on check and radios text + padding: 1px 2px 4px; + outline-offset: 0; + &:insensitive, + &:insensitive:active, + &:insensitive:inconsistent { + color: insensitive(b_color(text)); + &:backdrop { color: backdrop(insensitive(b_color(text))); } + } +} diff --git a/src/gtk318/widgets/_color_chooser.scss b/src/gtk318/widgets/_color_chooser.scss new file mode 100644 index 0000000..1951403 --- /dev/null +++ b/src/gtk318/widgets/_color_chooser.scss @@ -0,0 +1,96 @@ +/***************** + * Color Chooser * + *****************/ + +GtkColorSwatch { +// take care of colorswatches on selected elements + :selected & { + box-shadow: none; + &.overlay, &.overlay:hover { + border-color: s_color(text); + } + } + + &:selected { box-shadow: none; } + + &.top, + &.bottom, + &.left, &:first-child:not(.overlay):not(.top), + &.right, &:last-child:not(.overlay):not(.bottom), + &:only-child:not(.overlay), + &.top > .overlay, + &.bottom > .overlay, + &:first-child:not(.top) > .overlay, + &:last-child:not(.bottom) > .overlay, + &:only-child > .overlay { border-radius: $r; } + + // hover effect + &:hover, + &:hover:selected { + background-image: linear-gradient(135deg, transparentize(white, 0.3), + transparentize(white, 1) 50%); + box-shadow: inset 0 1px transparentize(white, 0.6); + &.color-dark { // swatches with colors with luminosity lower than 50% get the color-dark class + background-image: linear-gradient(135deg, transparentize(white, 0.5), + transparentize(white, 1) 50%); + } + } + &:backdrop, + &:backdrop:selected + &.color-dark:backdrop, + &.color-dark:backdrop:selected { + background-image: none; + box-shadow: none; + } + + // no hover effect for the colorswatch in the color editor + GtkColorEditor & { + border-radius: $r; // same radius as the entry + &:hover { + background-image: none; + box-shadow: none; + } + &:backdrop { box-shadow: none; } + } + + // indicator and keynav outline colors + &.color-dark { + color: white; + outline-color: transparentize(black, 0.7); + &:backdrop { color: transparentize(white, 0.7); } + } + &.color-light { + color: black; + outline-color: transparentize(white, 0.5); + &:backdrop { color: transparentize(black, 0.7); } + } + + // border color + &.overlay, + &.overlay:selected { + border: 1px solid $border_color; + &:hover { border-color: b_color(hover); } + } + + // make the add color button looks like, well, a button + &#add-color-button { + border-style: solid; // the borders are drawn by the overlay for standard colorswatches to have them semi + border-width: 1px; // translucent on the colored background, here it's not necessary so they need to be set + @include button(normal); + &:hover { @include button(hover); } + &:backdrop { @include button(backdrop); } + .overlay { @include button(undecorated); } // reset the overlay to not cover the button style underneat + } +} + +GtkColorButton.button { + padding: 5px; // Uniform padding on the GtkColorButton + + GtkColorSwatch:first-child:last-child { // :first-child:last-child for a specificity bump, it gets overridden by the + // colorpicker style, otherwise + border-radius: 0; + box-shadow: none; + &:insensitive, + &:backdrop { box-shadow: none; } + } +} diff --git a/src/gtk318/widgets/_dialogs.scss b/src/gtk318/widgets/_dialogs.scss new file mode 100644 index 0000000..3a8f590 --- /dev/null +++ b/src/gtk318/widgets/_dialogs.scss @@ -0,0 +1,34 @@ +/*********** + * Dialogs * + ***********/ + +// .message-dialog .dialog-action-area .button { +// //padding: 8px; +// } + +.message-dialog { // Message Dialog styling + -GtkDialog-button-spacing: 8; + -GtkDialog-action-area-border: 8; + &.background { background-color: w_color(normal); } + &:backdrop { background-color: backdrop(w_color(normal))} + .titlebar { + box-shadow: none; + } +} + +GtkFileChooserDialog { + .search-bar { + background-color: w_color(normal); + border-color: w_color(normal); + box-shadow: none; + &:backdrop { + background-color: backdrop(w_color(normal)); + border-color: backdrop(w_color(normal)); + color: backdrop(w_color(text)); + } + } + .dialog-action-box { + border-top: 1px solid $border_color; + &:backdrop { border-top-color: backdrop($border_color); } + } +} diff --git a/src/gtk318/widgets/_entry.scss b/src/gtk318/widgets/_entry.scss new file mode 100644 index 0000000..e4c7707 --- /dev/null +++ b/src/gtk318/widgets/_entry.scss @@ -0,0 +1,117 @@ +@mixin entry($t, $fc:v_color(active)) { +// +// Entries drawing function +// +// $t: entry type +// $fc: focus color +// $edge: set to none to not draw the bottom edge or specify a color to not +// use the default one +// +// possible $t values: +// normal, focus, insensitive, backdrop, backdrop-insensitive, osd, osd-focus, osd-backdrop; +// + @if $t==normal { + color: v_color(text); + border-color: $border_color; + background-color: v_color(normal); + box-shadow: none; + } + + @if $t==focus { + border-color: $fc; + } + + @if $t==insensitive { + color: insensitive(v_color(text)); + border-color: insensitive($border_color); + background-color: insensitive(v_color(normal)); + } + + @if $t==backdrop { + color: backdrop(v_color(text)); + border-color: backdrop($border_color); + background-color: backdrop(v_color(normal)); + } + + @if $t==backdrop-insensitive { + color: backdrop(insensitive(v_color(text))); + border-color: backdrop(insensitive($border_color)); + background-color: backdrop(insensitive(v_color(normal))); + } +} + +/**************** + * Text Entries * + ****************/ + +.entry { + border: 1px solid; + padding: 5px 8px 5px; + + &.image { // icons inside the entry + &.left { padding-left: 0; } + &.right { padding-right: 0; } + } + + border-radius: $r; + transition: all 200ms $ease-out-quad; + @include entry(normal); + + &.flat, &.flat:focus { + padding: 2px; + @include entry(normal); + border: none; + border-radius: 0; + } + + &:focus { @include entry(focus); } + &:insensitive { @include entry(insensitive); } + &:backdrop { @include entry(backdrop); } + &:backdrop:insensitive { @include entry(backdrop-insensitive); } + + &:selected, + &:selected:focus { + @extend %selected_items; + } + + &.progressbar { + margin: 1px; + border-radius: 0; + border-width: 0 0 2px; + border-color: s_color(normal); + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; + &:backdrop { + background-color: transparent; + border-color: backdrop(s_color(backdrop)); + } + } + + @each $e_type, $e_color in (error, $error_color), + (warning, $warning_color) { + &.#{$e_type} { + color: $e_color; + border-color: $e_color; + background-color: transparentize($e_color, 0.5); + &:focus { + @include entry(focus, $e_color); + background-color: transparentize($e_color, 0.5); + } + &:selected, &:selected:focus { background-color: $e_color; } + &:backdrop { + color: backdrop($e_color); + border-color: backdrop($e_color); + background-color: backdrop(transparentize($e_color, 0.5)); + } + } + } + + &.image { // entry icons colors + color: mix(w_color(text),v_color(text), 80%); + &:hover { color: b_color(hover); } + &:active { color: b_color(active); } + &:backdrop { color: backdrop(mix(w_color(text), v_color(text), 80%)); } + } +} diff --git a/src/gtk318/widgets/_headerbar.scss b/src/gtk318/widgets/_headerbar.scss new file mode 100644 index 0000000..765ebe7 --- /dev/null +++ b/src/gtk318/widgets/_headerbar.scss @@ -0,0 +1,157 @@ +/*************** + * Header bars * + ***************/ + +.titlebar, +.header-bar { + transition: none; + padding: 4px 6px; + border-width: 0px 0px 1px 0px; + border-radius: 3px 3px 0px 0px; + border-style: solid; + border-color: $border_color; + color: t_color(text); + background-image: linear-gradient(to bottom,t_color(background-light),t_color(background)); + &:backdrop { + border-color: transparent; + background-image: none; + background-color: t_color(backdrop-background); + color: t_color(backdrop-text); + box-shadow: none; + } +.path-bar .button { + color: t_color(text); + } +.button { + transition: none; + @include button(undecorated, $tc: t_color(text)); + + &.flat { + @include button(undecorated,$tc: t_color(text)); + } + &:hover { + @include button(hover, $tc: t_color(text)); + &:backdrop { border-color: t_color(backdrop-background); } + } + &:active, &:checked { + @include button(active); + &:hover { + @include button(active-hover); + } + &:backdrop { + background-image: none; + background-color: t_color(backdrop-background); + border-color: t_color(backdrop-background); + color: t_color(backdrop-text); + } + } + + &.suggested-action { + @extend %suggested-action; + } + + &:backdrop { + background-color: t_color(backdrop-background); + color: t_color(backdrop-text); + } + + &.flat:backdrop, &.flat:backdrop:insensitive, &:insensitive:backdrop { + background-image: none; + background-color: t_color(backdrop-background); + color: t_color(backdrop-text); + border-color: transparent; + } + &.flat:insensitive { + @extend %undecorated_button;; + color: insensitive(t_color(text)); + } + &:insensitive { + background-color: transparent; + background-image: none; + color: insensitive(t_color(text)); + &:active, &:checked { + @include button(insensitive-active); + } + } +} + + .title { + font-weight: normal; + padding: 0px 12px; + } + + .subtitle { + font-size: smaller; + padding: 0 12px; + @extend .dim-label; + } + + .header-bar-separator, + & > GtkBox > .separator.vertical { + -GtkWidget-wide-separators: true; + -GtkWidget-separator-width: 1px; + border-width: 0px; + background-color: t_color(background); + border-color: t_color(background); + &:backdrop { + background-color: t_color(backdrop-background); + border-color: t_color(backdrop-background); + } + } + &.selection-mode { + + @extend .info; + + &.suggested-action { + @extend %suggested-action; + } + + .subtitle:link { @extend *:link:selected; } + + .selection-menu { + padding-left: 10px; + padding-right: 10px; + + GtkArrow { -GtkArrow-arrow-scaling: 1; } + + .arrow { + -gtk-icon-source: -gtk-icontheme('arrow-down'); + icon-shadow: none; + } + } + } + + .tiled &, .maximized & { + border-radius: 0; // squared corners when the window is max'd or tiled + } + + &.default-decoration { + padding: 4px; + .button { padding: 5px; } + } +} + +%suggested-action { + background-image: none; + background-color: b_color(active); + &:hover { + background-color: b_color(hover); + color: b_color(text) + } + &:insensitive { + background-color: transparent; + background-image: none; + color: insensitive(t_color(text)); + &:active, &:checked { + @include button(insensitive-active); + } + } + &:backdrop { + background-color: t_color(backdrop-background); + border-color: transparent; + color: t_color(backdrop-text); + &:insensitive { + color: insensitive(t_color(backdrop-text)); + } + } +} diff --git a/src/gtk318/widgets/_infobar.scss b/src/gtk318/widgets/_infobar.scss new file mode 100644 index 0000000..ce28771 --- /dev/null +++ b/src/gtk318/widgets/_infobar.scss @@ -0,0 +1,66 @@ +/************** + * GtkInfoBar * + **************/ +GtkInfoBar { + border-style: none; + border-bottom: 1px solid $border_color; + background-color: w_color(normal); + background-image: none; + &:backdrop {border-bottom: 1px solid backdrop($border_color);} +} + +.info, +.question, +.warning, +.error { + background-color: w_color(normal); + background-image: none; + color: $warning_color; + text-shadow: none; + &:backdrop { + background-color: backdrop(w_color(normal)); + color: backdrop($warning_color); + } + .button { + box-shadow: none; + background-image:none; + background-color: transparentize($warning_color, 0.5); + border-color: transparentize($warning_color, 0.5); + color: b_color(text); + &:hover { + background-color: transparentize($warning_color, 0.75); + border-color: $warning_color; + } + &:active, &:checked { + background-image: button_gradient($warning_color); + color: w_color(normal); + border-color: $warning_color; + } + &:insensitive { + background-color: insensitive(transparentize($warning_color, 0.5)); + border-color: insensitive(transparentize($warning_color, 0.5)); + color: insensitive(b_color(text)); + } + &:backdrop { + background-color: backdrop(transparentize($warning_color, 0.5)); + border-color: backdrop(transparentize($warning_color, 0.5)); + color: backdrop(b_color(text)); + &:active, &:checked { + background-image: button_gradient(backdrop($warning_color)); + color: backdrop(w_color(normal)); + border-color: backdrop($warning_color); + } + &:insensitive { + background-color: backdrop(insensitive(transparentize($warning_color, 0.5))); + border-color: backdrop(insensitive(transparentize($warning_color, 0.5))); + color: backdrop(insensitive(b_color(text))); + } + &:insensitive:active, + &:insensitive:checked { + background-image: button_gradient(backdrop(insensitive($warning_color))); + color: backdrop(insensitive(w_color(normal))); + border-color: backdrop(insensitive($warning_color)); + } + } + } +} diff --git a/src/gtk318/widgets/_link.scss b/src/gtk318/widgets/_link.scss new file mode 100644 index 0000000..da3a894 --- /dev/null +++ b/src/gtk318/widgets/_link.scss @@ -0,0 +1,40 @@ +/********* + * Links * + *********/ + +*:link { + color: $link_color; + &:visited { + color: $link_visited_color; + *:selected & { color: mix(s_color(text), s_color(normal), 60%); } + } + &:hover { + color: lighten($link_color,10%); + *:selected & { color: mix(s_color(text), s_color(normal), 90%); } + } + &:active { + color: $link_color; + *:selected & { color: mix(s_color(text), s_color(normal), 80%); } + } + &:backdrop, &:backdrop:hover, &:backdrop:hover:selected { + color: backdrop(s_color(backdrop)); + } + &:selected, *:selected & { + color: mix(s_color(text), s_color(normal), 80%); + } +} + +.button:link, .button:visited { + @extend %undecorated_button; + @extend *:link; + text-shadow: none; + &:hover, &:active, &:checked { + @extend %undecorated_button; + text-shadow: none; + } + &:backdrop { + @extend %undecorated_button; //This shouldn't be needed but avoids + //a weird transition which for some reason + //makes borders blink on hover + } +} diff --git a/src/gtk318/widgets/_lists.scss b/src/gtk318/widgets/_lists.scss new file mode 100644 index 0000000..bdd9cca --- /dev/null +++ b/src/gtk318/widgets/_lists.scss @@ -0,0 +1,104 @@ +/********* + * Lists * + *********/ + +.list, .list-row { + background-color: w_color(normal); + color: w_color(text); + border-width: 0px; + &:backdrop { + background-color: backdrop(w_color(normal)); + color: backdrop(w_color(text)); + } +} + +.list-row, +.grid-child { + padding: 0px 2px; + border-style: solid; + border-width: 0px; + border-color: w_color(normal); +} + +.list-row.button, +.list-row.button:backdrop, +.list-row.button:backdrop:active, +.list-row.button:backdrop:checked, +.list-row.button:backdrop:insensitive, +.list-row.button:backdrop:insensitive:active, +.list-row.button:backdrop:insensitive:checked, +.list-row.button:insensitive:active, +.list-row.button:insensitive:checked { + // reset button inherited stuff + @extend %undecorated_button; + background-color: transparentize(v_color(normal),1); // for the transition + border-style: none; // I need no borders here + border-radius: 0; // and no rounded corners + box-shadow: none; // and no box-shadow + +} + +.list-row.button { + background-color: w_color(normal); + &:hover { + background-color: transparentize(b_color(hover), 0.75); + } + &:active { + background-color: s_color(normal); + box-shadow: none; + } + &:selected { + &:active { box-shadow: none; } + background-color: s_color(normal); + &:hover { + @include button(active-hover); + } + &:backdrop { + background-color: backdrop(s_color(backdrop)); + } + } + &:backdrop { background-color: backdrop(w_color(normal));} +} + +.list-row:selected { + @extend %selected_items; + .button { + @include button(normal); + &.flat { + @include button(undecorated); + } + &:hover { + @include button(hover); + } + &:active, &:checked { + @include button(active); + } + &:backdrop, &.flat:backdrop { + @include button(backdrop); + &:active, &:checked { + @include button(backdrop-active); + } + &:insensitive { + @include button(backdrop-insensitive); + &:active, &:checked { + @include button(backdrop-insensitive-active); + } + } + } + &.flat:backdrop { + background-color: backdrop(w_color(normal)); + color: backdrop(w_color(text)); + border-color: transparent; + } + &:insensitive { + @include button(insensitive); + &:active, &:checked { @include button(insensitive-active); } + } + } +} + +// transition +.list-row, list-row.button { + transition: all 300ms $ease-out-quad; + &:hover { transition: none; } +} diff --git a/src/gtk318/widgets/_menus.scss b/src/gtk318/widgets/_menus.scss new file mode 100644 index 0000000..3b11a25 --- /dev/null +++ b/src/gtk318/widgets/_menus.scss @@ -0,0 +1,160 @@ +/********* + * Menus * + *********/ + /* menu buttons */ + .menuitem.button.flat { + @extend %undecorated_button; + color: w_color(text); + &:hover { background-color: b_color(hover); } + &:selected { + background-color: b_color(active); + color: b_color(active-text) + } + &:backdrop, &:backdrop:hover { + @extend %undecorated_button; + color: backdrop(w_color(text)); + } + } + +.menubar { + -GtkWidget-window-dragging: true; + padding: 0px; + box-shadow: none; + background-color: w_color(normal); + &:backdrop { + background-color: backdrop(w_color(normal)); + } + & > .menuitem { + padding: 6px 8px; + border: 1px solid w_color(normal); + &:hover { //Seems like it :hover even with keyboard focus + background-color: b_color(active); + color: b_color(active-text); + } + &:insensitive { + color: insensitive(w_color(text)); + box-shadow: none; + &:backdrop { + background-color: backdrop(w_color(normal)); + color: backdrop(insensitive(w_color(text))); + } + } + &:backdrop { + background-color: backdrop(w_color(normal)); + border-color: backdrop(w_color(normal)); + color: backdrop(w_color(text)); + } + } +} + +.menu { + padding: 0px; + background-color: $menu_color; + border: 1px solid $border_color; // adds borders in a non composited env + border-radius: $r; + .csd & { border: 1px solid $border_color; } // axes borders in a composited env + .separator {color: $border_color;} + .menuitem { + text-shadow: none; + padding: 4px 4px; + &:hover { + color: b_color(active-text); + background-color: b_color(active); + } + &:insensitive { + color: insensitive(w_color(text)); + &:backdrop { color: backdrop(insensitive(w_color(text))); } + } + &:backdrop, &:backdrop:hover { + color: backdrop(w_color(text)); + background-color: backdrop(w_color(normal)); + } + //submenu indicators + &.arrow { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');} + &.arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); } + } +} + +.menuitem .accelerator { color: gtkalpha(currentColor,0.5); } +/*************** + * Popovers * + ***************/ + +.popover { + margin: 10px; + padding: 0px; + border: 1px solid $border_color; + border-radius: 3px; + background-color: $menu_color; + + box-shadow: 0 2px 3px transparentize(black, 0.2); + + &:backdrop { + box-shadow: none; + } + + > .list, + > .view, + > .toolbar, + &.osd > .toolbar { + border-style: none; + background-color: transparent; + } + .button.flat { + border-radius: 0px; + color: w_color(text); + .label { padding: 4px 0px; } + &:hover, + &:checked:hover { + background-image: none; + background-color: b_color(active); + color: b_color(active-text); + transition: none; + } + + &:backdrop { + background-color: transparent; + color: backdrop(w_color(text)); + } + } + + &.osd { @extend %osd; } + +} + +//touch selection handlebars for the Popover.osd above +.entry.cursor-handle, +.cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; + &.top { -gtk-icon-source: -gtk-icontheme('selection-start-symbolic'); } + &.bottom { -gtk-icon-source: -gtk-icontheme('selection-end-symbolic'); } +} + +.scale-popup .button, +.scale-popup .button.flat { // +/- buttons on GtkVolumeButton popup + @extend %undecorated_button; + background-color: transparent; + padding: 5px; + color: w_color(text); + &:hover { + @extend %undecorated_button; + color: b_color(hover); + } + &:active { + color: b_color(active); + } + &:insensitive { + color: insensitive(w_color(text)); + } + &:backdrop { + color: backdrop(w_color(text)); + &:insensitive { + color: backdrop(insensitive(w_color(text))); + } + } +} + +GtkVolumeButton.button { padding: 5px; } diff --git a/src/gtk318/widgets/_misc.scss b/src/gtk318/widgets/_misc.scss new file mode 100644 index 0000000..9108393 --- /dev/null +++ b/src/gtk318/widgets/_misc.scss @@ -0,0 +1,110 @@ +/******** + * Misc * + ********/ + +/********** +* Frames * +**********/ +.frame { + border: 1px solid $border_color; + &.flat { border-style: none; } + padding: 0; + &.action-bar { + padding: 6px; + border-width: 1px 0 0; + &:backdrop {border-color: backdrop($border_color);} + } + &:backdrop {border-color: backdrop($border_color);} +} + +GtkScrolledWindow { + GtkViewport.frame { // avoid double borders when viewport inside + // scrolled window + border-style: none; + } +} + +//vbox and hbox separators +.separator { + // always disable separators + //-GtkWidget-wide-separators: true; + color: transparent; +&.vertical { + color: $border_color; + &:backdrop { color: backdrop($border_color); } + } + // Font and File button separators + GtkFileChooserButton &.vertical, + GtkFontButton &.vertical { + // always disable separators + -GtkWidget-wide-separators: true; + } +} + +/************* +* Expanders * +*************/ + +.expander { + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); } + &:hover { color: lighten(w_color(text),30%); } //only lightens the arrow + &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } +} + +/********* +* Paned * +*********/ + +GtkPaned { // this is for the standard paned separator + + -GtkPaned-handle-size: 1; // sets separator width + + -gtk-icon-source: none; // removes handle decoration + margin: 0 8px 8px 0; // drag area of the separator, not a real margin + &:dir(rtl) { + margin-right: 0; + margin-left: 8px; + } + .pane-separator { + background-color: $border_color; + &:backdrop { + background-color: backdrop($border_color); + } + } +} + +GtkPaned.wide { // this is for the paned with wide separator + -GtkPaned-handle-size: 5; // wider separator here + margin: 0; // no need of the invisible drag area so, reset margin + .pane-separator { + background-color: transparent; + border-style: none; + // border-color: $borders_color; + // border-width: 1px; + } + &.vertical .pane-separator { border-style: none;} + .pane-separator:backdrop { border-color: transparent; } +} + +/********************* +* Spinner Animation * +*********************/ + +@keyframes spin { + to { -gtk-icon-transform: rotate(1turn); } +} + +.spinner { + background-image: none; + background-color: blue; + opacity: 0; // non spinning spinner makes no sense + -gtk-icon-source: -gtk-icontheme('process-working-symbolic'); + &:active { + opacity: 1; + animation: spin 1s linear infinite; + &:insensitive { + opacity: 0.5; + } + } +} diff --git a/src/gtk318/widgets/_notebook.scss b/src/gtk318/widgets/_notebook.scss new file mode 100644 index 0000000..ed0cbf6 --- /dev/null +++ b/src/gtk318/widgets/_notebook.scss @@ -0,0 +1,191 @@ +/***************** + * Notebooks and * + * Tabs * + *****************/ + +.notebook { + // Through me you go to the grief wracked city; + // Through me you go to everlasting pain; + // Through me you go a pass among lost souls. + // ... + // Abandon all hope — Ye Who Enter Here + + -GtkNotebook-initial-gap: 0; + -GtkNotebook-arrow-spacing: 5; + -GtkNotebook-tab-curvature: 0; + -GtkNotebook-tab-overlap: 1; + -GtkNotebook-has-tab-gap: false; + -GtkWidget-focus-padding: 0; + -GtkWidget-focus-line-width: 0; + transition: all 200ms $ease-out-quad; + background-color: $menu_color; + &:backdrop {background-color: backdrop($menu_color)} + + &.frame { + border: 1px solid $border_color; + // FIXME doesn't work + &.top { border-top-width: 0; } + &.bottom { border-bottom-width: 0; } + &.right { border-right-width: 0; } + &.left { border-left-width: 0; } + &:backdrop { border-color: backdrop($border_color); } + } + &.header { + background-color: w_color(normal); + padding-top: 4px; + + //this is the shading of the header behind the tabs + &.frame { + border-style: none; + } + &.top { + box-shadow: inset 0 -1px $border_color; // border + &:backdrop { box-shadow: inset 0 -1px backdrop($border_color); } + } + &.bottom { + box-shadow: inset 0 1px $border_color; + &:backdrop { box-shadow: inset 0 1px backdrop($border_color); } + } + &.right { + box-shadow: inset 1px 0 $border_color; + &:backdrop { box-shadow: inset 1px 0 backdrop($border_color); } + } + &.left { + box-shadow: inset -1px 0 $border_color; + &:backdrop { box-shadow: inset -1px 0 backdrop($border_color); } + } + &:backdrop { + background-color: backdrop(w_color(normal)); + } + } + + tab { + border: 1px solid transparentize(w_color(text), 0.8); + background-color: transparentize(w_color(text), 0.8); + background-clip: padding-box; + &:backdrop {background-color: backdrop(transparentize(w_color(text), 0.8));} + //FIXME: we get double border in some cases, not considering the broken + //notebook content frame... + padding: 8px; + &.reorderable-page { + background-color: w_color(normal); + &.top, &.bottom { + padding-left: 12px; // for a nicer close button + padding-right: 6px; // placement + padding-bottom: 8px; + } + } + + @each $_tab, $_border, $_radius in (top,bottom,3px 3px 0px 0px), + (bottom,top,0px 0px 3px 3px), + (left,right, 3px 0px 0px 3px), + (right,left, 0px 3px 3px 0px) { + &.#{$_tab} { + border-radius: #{$_radius}; + border-#{$_border}-color: transparent; + &:active, &.active-page { + border-color: $border_color; + border-#{$_border}-color: $menu_color; + background-color: $menu_color; + &:backdrop { + border-color: backdrop($border_color); + border-#{$_border}-color: backdrop($menu_color); + background-color: backdrop($menu_color); + } + } + } + } + + //here's the interesting stuff + &:hover, &.prelight-page { + background-color: transparentize(s_color(normal), 0.8); + border-color: transparentize(s_color(normal), 0.8); + } + + @each $_tab, $_border, $_shadow1 in (top, right, -3px 0px 0px 0px), + (bottom, right, -3px 0px 0px 0px), + (left, bottom, 0px -3px 0px 0px), + (right, bottom, 0px -3px 0px 0px) { + &.reorderable-page.#{$_tab} { + border-width: 3px; + border-style: solid; + border-color: transparent; + background-color: w_color(normal); + background-clip: padding-box; + border-#{$_border}-width: 1px; + border-#{$_border}-color: $border_color; + box-shadow: inset #{$_shadow1} w_color(normal); + &:hover, &.prelight-page { + box-shadow: inset 0px -3px 0px 0px transparentize(s_color(normal),0.8), inset $_shadow1 w_color(normal); + } + &:active, &.active-page { + box-shadow: inset 0px -3px 0px 0px s_color(normal), inset $_shadow1 w_color(normal); + &:backdrop { + background-color: backdrop(w_color(normal)); + border-color: transparent; + border-#{$_border}-color: backdrop($border_color); + box-shadow:none; + } + } + &:backdrop { + background-color: backdrop(w_color(normal)); + border-#{$_border}-color: backdrop($border_color); + box-shadow:none; + } + } + } + .label { //tab text + padding: 0 2px; // needed for a nicer focus ring + color: w_color(text); + &:backdrop { color: backdrop(w_color(text)); } + &:insensitive { color: insensitive(w_color(text)); } + } + .button { //tab close button + padding: 0px; + border: 1px solid transparent; + border-radius: 50%; + background-image: none; + background-color: $border_color; + box-shadow: none; + icon-shadow: none; + transition: none; + color: w_color(normal); + &:hover { + background-color: $error_color; + border-color: transparent; + background-image: none; + box-shadow: none; + } + &:active { + color: w_color(normal); + border-color: transparent; + background-image: none; + box-shadow: none; + } + &:backdrop { + color: backdrop(w_color(normal)); + background-color: backdrop($border_color); + } + & > GtkImage { + padding: 0px; + } + } + .button .active-page, .button.active-page { //not working + background-color: $error_color; + } + } + &.arrow { + color: w_color(text); + &:hover { color: b_color(hover); } + &:active { color: b_color(active); } + &:insensitive { + color: insensitive(w_color(text)); + } + &:backdrop { + color: backdrop(w_color(text)); + &:insensitive { + color: backdrop(insensitive(w_color(text))); + } + } + } +} diff --git a/src/gtk318/widgets/_overshoot.scss b/src/gtk318/widgets/_overshoot.scss new file mode 100644 index 0000000..dbefd93 --- /dev/null +++ b/src/gtk318/widgets/_overshoot.scss @@ -0,0 +1,109 @@ +@mixin overshoot($p, $t:normal, $c:w_color(text)) { +// +// overshoot +// +// $p: position +// $t: type +// $c: base color +// +// possible $p values: +// top, bottom, right, left +// +// possible $t values: +// normal, backdrop +// + + $_small_gradient_length: 5%; + $_big_gradient_length: 100%; + + $_position: center top; + $_small_gradient_size: 100% $_small_gradient_length; + $_big_gradient_size: 100% $_big_gradient_length; + + @if $p==bottom { + $_position: center bottom; + $_linear_gradient_direction: to top; + } + + @else if $p==right { + $_position: right center; + $_small_gradient_size: $_small_gradient_length 100%; + $_big_gradient_size: $_big_gradient_length 100%; + } + + @else if $p==left { + $_position: left center; + $_small_gradient_size: $_small_gradient_length 100%; + $_big_gradient_size: $_big_gradient_length 100%; + } + + $_small_gradient_color: $c; + $_big_gradient_color: $c; + + @if $c==w_color(text) { + $_small_gradient_color: darken($border_color, 10%); + $_big_gradient_color: w_color(text); + + @if $t==backdrop { $_small_gradient_color: backdrop($border_color); } + } + + $_small_gradient: -gtk-gradient(radial, + $_position, 0, + $_position, 0.5, + to($_small_gradient_color), + to(transparentize($_small_gradient_color, 1))); + + $_big_gradient: -gtk-gradient(radial, + $_position, 0, + $_position, 0.6, + from(transparentize($_big_gradient_color, 0.93)), + to(transparentize($_big_gradient_color, 1))); + + @if $t==normal { + background-image: $_small_gradient, $_big_gradient; + background-size: $_small_gradient_size, $_big_gradient_size; + } + + @else if $t==backdrop { + background-image: $_small_gradient; + background-size: $_small_gradient_size; + } + + background-repeat: no-repeat; + background-position: $_position; + + background-color: transparent; // reset some properties to be sure to not inherit them somehow + border: none; // + box-shadow: none; // +} + +/* Decouple the font of context menus from their entry/textview */ +.touch-selection, +.context-menu { + font: initial; +} + +.monospace { + font: Monospace; +} + +// This is used by GtkScrolledWindow, when content is touch-dragged past boundaries. +// This draws a box on top of the content, the size changes programmatically. +.overshoot { + &.top { + @include overshoot(top); + &:backdrop { @include overshoot(top, backdrop); } + } + &.bottom { + @include overshoot(bottom); + &:backdrop { @include overshoot(bottom, backdrop); } + } + &.left { + @include overshoot(left); + &:backdrop { @include overshoot(left, backdrop); } + } + &.right { + @include overshoot(right); + &:backdrop { @include overshoot(right, backdrop); } + } +} diff --git a/src/gtk318/widgets/_pathbar.scss b/src/gtk318/widgets/_pathbar.scss new file mode 100644 index 0000000..6a9a613 --- /dev/null +++ b/src/gtk318/widgets/_pathbar.scss @@ -0,0 +1,25 @@ +/************ + * Pathbars * + ************/ + +.path-bar .button { + @include button(undecorated); + padding: 4px 8px; + color: w_color(text); + &:hover {border-color: b_color(hover); } + &:active, &:checked { + background-color: $border_color; + } + &:first-child { padding-left: 8px; } + &:last-child { padding-right: 8px; } + &:only-child { + padding-left: 12px; + padding-right: 12px; + } + + // the following is for spacing the icon and the label inside the home button + .label:last-child { padding-left: 2px; } + .label:first-child { padding-right: 2px; } + .label:only-child { padding-right: 0; padding-left: 0; } + GtkImage { padding-top: 1px; } +} diff --git a/src/gtk318/widgets/_progressbar.scss b/src/gtk318/widgets/_progressbar.scss new file mode 100644 index 0000000..5f1ce8d --- /dev/null +++ b/src/gtk318/widgets/_progressbar.scss @@ -0,0 +1,142 @@ +/***************** + * Progress bars * + *****************/ + +GtkProgressBar { + padding: 0; + font-size: smaller; + color: transparentize(b_color(text),0.7); + box-shadow: none; // here ot it gets + &:backdrop { color: backdrop(transparentize(b_color(text),0.7))} // clipped + + &.osd { + -GtkProgressBar-xspacing: 0; + -GtkProgressBar-yspacing: 0; + -GtkProgressBar-min-horizontal-bar-height: 3; + } + &.trough { // background + border: 1px solid transparent; + border-radius: $r; + background-color: transparentize(b_color(text),0.7); + &.osd { + border: 1px solid transparent; + border-radius: $r; + background-color: transparentize(b_color(text),0.7); + &:backdrop { + background-color: backdrop(transparentize(b_color(text),0.7)); + } + } + &:backdrop { + background-color: backdrop(transparentize(b_color(text),0.7)); + } + } +} + +// moving bit +.progressbar { + background-color: s_color(normal); + border: 1px solid s_color(normal); + border-radius: 0px; + box-shadow: none; //needed for clipping + &.left { + border-top-left-radius: $r; + border-bottom-left-radius: $r; + } + &.right { + border-top-right-radius: $r; + border-bottom-right-radius: $r; + } + &.left.right { + box-shadow: none; + } + &.vertical { + + &.bottom { + border-bottom-left-radius: $r; + border-bottom-right-radius: $r; + box-shadow: none; + } + &.top { + border-top-left-radius: $r; + border-top-right-radius: $r; + } + } + + &.osd { + background-image: none; + background-color: s_color(normal); + border: 1px solid s_color(normal); + border-radius: $r; + &:backdrop { + background-color: backdrop(s_color(backdrop)); + border-color: backdrop(s_color(backdrop)); + } + } + &:backdrop { + background-color: backdrop(s_color(backdrop)); + border-color: backdrop(s_color(backdrop)); + } +} + +/************* + * Level Bar * + *************/ + +.level-bar.vertical { + -GtkLevelBar-min-block-width: 6; + -GtkLevelBar-min-block-height: 34; +} + +.level-bar { + box-shadow: none; // needs to be set here to avoid clipping + -GtkLevelBar-min-block-width: 34; + -GtkLevelBar-min-block-height: 6; + &.vertical { + -GtkLevelBar-min-block-width: 6; + -GtkLevelBar-min-block-height: 34; + } + &.trough { + border: 1px solid transparent; + padding: 3px; + border-radius: $r; + background-color: transparent;; + } + &.fill-block { + // FIXME: it would be nice to set make fill blocks bigger, but we'd need + // :nth-child working on discrete indicators + border: 1px solid s_color(normal); + background-color: s_color(normal); + box-shadow: none; + border-radius: $r; + + &.indicator-discrete { + &.horizontal { margin: 0 1px; } + &.vertical { margin: 1px 0; } + } + &.level-high { + border-color: $success_color; + background-color: $success_color; + &:backdrop { + background-color: backdrop($success_color); + border-color: backdrop($success_color); + } + } + &.level-low { + border-color: $warning_color; + background-color: $warning_color; + &:backdrop { + background-color: backdrop($warning_color); + border-color: backdrop($warning_color); + }; + } + &.empty-fill-block { + background-color: transparentize(b_color(text),0.7); + border-color: transparent; + box-shadow: none; + } + &:backdrop { + border-color: backdrop(s_color(backdrop)); + background-color: backdrop(s_color(backdrop)); + } + } +} diff --git a/src/gtk318/widgets/_scale.scss b/src/gtk318/widgets/_scale.scss new file mode 100644 index 0000000..1f424f8 --- /dev/null +++ b/src/gtk318/widgets/_scale.scss @@ -0,0 +1,87 @@ +/************ + * GtkScale * + ************/ +.scale, +.scale.scale-has-marks-above.scale-has-marks-below, +.scale.vertical.scale-has-marks-above.scale-has-marks-below { + -GtkScale-slider-length: 18; + -GtkRange-slider-width: 18; + -GtkRange-trough-border: 2; + + &.fine-tune { + &.trough { + margin: 8px; + border-radius: $r; + } + } + + &.slider { + background-color: b_color(normal); + border: 1px solid $border_color; + border-radius: 50%; + box-shadow: none; + &:hover { + border-style: solid; + border-width: 2px; + border-color: b_color(hover); + border-radius: 50%; // needed for double marks scales + &:backdrop { + background-color: backdrop(b_color(normal)); + border-color: backdrop(b_color(hover)); + } + } + &:insensitive { + border-style: solid; // needed for double marks scales or they'll get + border-radius: 50%; // overridden + background-color: insensitive(b_color(normal)); + border-color: insensitive($border_color); + &:backdrop { + background-color: backdrop(insensitive(b_color(normal))); + border-color: backdrop(insensitive($border_color)); + } + } + &:active { + border: 2px solid b_color(active); + &:backdrop { + background-color: backdrop(b_color(normal)); + border-color: backdrop(b_color(active)); + } + } + &:backdrop { + background-color: backdrop(b_color(normal)); + border-color: backdrop($border_color); + } + } + &.trough { + margin: 9px; + border: 1px solid transparentize(b_color(text),0.7); + border-radius: $r; + background-color: transparentize(b_color(text),0.7); + box-shadow: none; + &.highlight { + background-color: s_color(normal); + border-color: s_color(normal); + &.vertical { + background-color: s_color(normal); + border-color: s_color(normal); + } + &:backdrop { + background-color: backdrop(s_color(backdrop)); + border-color: backdrop(s_color(backdrop)); + } + } + &:insensitive, &.vertical:insensitive { + border-color: mix(insensitive(b_color(text)), w_color(normal), 70%); + background-color: mix(insensitive(b_color(text)), w_color(normal), 70%); + box-shadow: none; + &:backdrop { + background-color: mix(backdrop(insensitive(b_color(text))), w_color(normal), 70%); + border-color: mix(backdrop(insensitive(b_color(text))), w_color(normal), 70%); + } + } + &:backdrop { + background-color: backdrop(transparentize(b_color(text),0.7)); + border-color: backdrop(transparentize(b_color(text),0.7)); + } + } +} diff --git a/src/gtk318/widgets/_scrollbar.scss b/src/gtk318/widgets/_scrollbar.scss new file mode 100644 index 0000000..89d208d --- /dev/null +++ b/src/gtk318/widgets/_scrollbar.scss @@ -0,0 +1,91 @@ +@mixin _border($name, $width: 1px 1px 2px 1px, $image-width: 2 2 3 2 / 2px 2px 3px 2px) { + border-image: -gtk-scaled(url("../assets/#{$name}.png"),url("../assets/#{$name}@2.png")) $image-width stretch; + border-width: $width; + border-style: solid; + border-color: transparent; +} + +$scrollbar_color: transparentize(v_color(text),0.5); +$trough_color: transparentize(w_color(text),0.7); + +/************** + * Scrollbars * + **************/ + +.scrollbar { + -GtkRange-trough-border: 0; + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + -GtkRange-slider-width: 10px; + -GtkScrollbar-min-slider-length: 64; + -GtkRange-stepper-spacing: 0; + -GtkRange-trough-under-steppers: 1; + + .button { + @extend %undecorated_button; + color: b_color(text); + &:hover { + @extend %undecorated_button; + color: b_color(hover); + } + &:insensitive { color: insensitive(b_color(text)); } + &:backdrop { + @extend %undecorated_button; + color: backdrop(b_color(text)); + &:insensitive {color: backdrop(insensitive(b_color(text)));} + @extend %undecorated_button; + } + } + + // Overlay Scrollbars + &.dragging, // if this isn't set, the scrollbars don't update their size correctly + &.hovering { opacity: 0.9910; } // probably a gtk bug + &.overlay-indicator:not(.dragging):not(.hovering) { opacity: 0.999; } // + + + &.overlay-indicator:not(.dragging):not(.hovering) { + -GtkRange-slider-width: 10px; + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + + .slider { + margin: 2px; + border: 5px solid transparent; + border-radius: 8px; + background-color: $scrollbar_color; + &:backdrop { background-color: backdrop($scrollbar_color); } + } + + .trough { + border: none; + background: none; + } + } + + &.trough { + margin: 2px; + border: 5px solid transparent; + border-radius: 8px; + background-color: $trough_color; + &:backdrop { background-color: backdrop($trough_color); } + } + &.slider { + margin: 2px; + border: 5px solid transparent; + border-radius: 8px; + background-color: $scrollbar_color; + &:hover { background-color: b_color(hover); } + &:active { background-color: b_color(active);} + &:insensitive { background-color: insensitive($scrollbar_color); } + &:backdrop { background-color: backdrop($trough_color); } + &:backdrop:insensitive { background-color: backdrop(insensitive($scrollbar_color)); } + } +} + + +.scrollbars-junction, +.scrollbars-junction.frame { // the small square between two scrollbars + border-color: transparent; + background-color: transparent; + border-image: none; +} diff --git a/src/gtk318/widgets/_sidebar.scss b/src/gtk318/widgets/_sidebar.scss new file mode 100644 index 0000000..ce779d8 --- /dev/null +++ b/src/gtk318/widgets/_sidebar.scss @@ -0,0 +1,72 @@ +/*********** + * Sidebar * + ***********/ + +.sidebar, +.sidebar .view { + border: none; + background-color: w_color(normal); + &:selected { + @extend %selected_items; + } + &:backdrop { background-color: backdrop(w_color(normal))} +} + +GtkSidebarRow { + // Needs overriding of the GtkListBoxRow padding + &.list-row { + padding: 0px; + } + // Using margins/padding directly in the SidebarRow + // will make the animation of the new bookmark row jump + .sidebar-revealer { + padding: 4px 14px 4px 12px; + } + .sidebar-icon { + + &:dir(ltr) { padding-right: 8px; } + &:dir(rtl) { padding-left: 8px; } + } + .sidebar-label { + &:dir(ltr) { padding-right: 2px; } + &:dir(rtl) { padding-left: 2px; } + } +} + +// Places sidebar is a special case, since the view here have to look like chrome not content, so we override text color +GtkPlacesSidebar.sidebar .view { +// color: w_color(text); +// background-color: transparent; + &:insensitive { color: insensitive(w_color(text)); } + &:backdrop { + color: backdrop(w_color(text)); + &:insensitive { color: backdrop(insensitive(w_color(text))); } + } + &:selected { @extend %selected_items; } + .separator, + .separator:backdrop { @extend .separator; } + .image { // icons color + color: w_color(text); + &:selected { + color: s_color(text); + &:backdrop { color: backdrop(w_color(text)); } + } + &:insensitive { color: insensitive(w_color(text)); } + &:backdrop { + color: backdrop(w_color(text)); + &:insensitive { color: backdrop(insensitive(w_color(text))); } + } + } +} + +.sidebar-item { + padding: 10px 4px; + > .label { + padding-left: 6px; + padding-right: 6px; + } + &.needs-attention > .label { + @extend %needs_attention; + background-size: 6px 6px, 0 0; + } +} diff --git a/src/gtk318/widgets/_spinbutton.scss b/src/gtk318/widgets/_spinbutton.scss new file mode 100644 index 0000000..a2796a2 --- /dev/null +++ b/src/gtk318/widgets/_spinbutton.scss @@ -0,0 +1,125 @@ +/***************** + * GtkSpinButton * + *****************/ + +.spinbutton { + .button { + @extend %spinbutton; + } + .osd & { + .button { + @extend %spinbutton; + &:last-child { border-radius: 0 3px 3px 0; } + &:dir(rtl):first-child { border-radius: 3px 0 0 3px; } + } + } + &.vertical, &.vertical:dir(rtl) { //FIXME: try using linking templates for vertically linked stuff + .button { + padding-top: 5px; // Same vertical padding as image-buttons + padding-bottom: 5px; // + &:first-child { + @extend %top_button; + @include button(normal); + &:active { + @extend %top_button; + @include button(active); + } + &:hover { + @extend %top_button; + @include button(hover); + } + &:insensitive { + @extend %top_button; + @include button(insensitive); + } + &:backdrop { + @extend %top_button; + @include button(backdrop); + } + } + &:last-child { + @extend %bottom_button; + @include button(normal); + &:active { + @extend %bottom_button; + @include button(active); + } + &:hover { + @extend %bottom_button; + @include button(hover); + } + &:insensitive { + @extend %bottom_button; + @include button(insensitive); + } + &:backdrop { + @extend %bottom_button; + @include button(backdrop); + } + } + &:backdrop:insensitive { + @include button(backdrop-insensitive); + } + } + &.entry { + // we should remove the bottom edge hilight here, but seems + // like buttons are on top of it so it doesn't show up + border-radius: 0px; + padding-left: 0px; + padding-right: 0px; + &:insensitive { background-color: insensitive(v_color(normal));} + } + } + GtkTreeView & { + &.entry, &.entry:focus { + padding: 1px; + border-width: 1px 0; + border-color: v_color(active); + border-radius: 0; + box-shadow: none; + + } + } +} + +%spinbutton { + background-image: none; + background-color: transparent; + border-style: none none none solid; + border-color: transparentize($border_color, 0.7); + color: b_color(text); + border-radius: 0; + box-shadow: none; + &:dir(rtl) { border-style: none solid none none; } + &:hover { + color: b_color(hover); + } + &:insensitive { + color: insensitive(b_color(text)); + border-color: insensitive(transparentize($border_color, 0.7)); + } + &:active { + color: b_color(active); + } + &:backdrop { + color: backdrop(b_color(text)); + border-color: backdrop(transparentize($border_color, 0.7)); + background-color: transparent; + } + &:backdrop:insensitive { + background-image: none; + color: backdrop(insensitive(b_color(text))); + border-style: none none none solid; // It is needed or it gets overridden + border-color: backdrop(insensitive(transparentize($border_color, 0.7))); + &:dir(rtl) { border-style: none solid none none; } + } +} + +%top_button { + border-radius: 3px 3px 0 0; + border-style: solid solid none solid; +} +%bottom_button { + border-radius: 0 0 3px 3px; + border-style: none solid solid solid; +} diff --git a/src/gtk318/widgets/_switch.scss b/src/gtk318/widgets/_switch.scss new file mode 100644 index 0000000..dc305a3 --- /dev/null +++ b/src/gtk318/widgets/_switch.scss @@ -0,0 +1,67 @@ +/********** + * Switch * + **********/ + +GtkSwitch { + -GtkSwitch-slider-width: 24px; + -GtkSwitch-slider-height: 24px; + font-weight: bold; + font-size: smaller; + outline-offset: 0px; + color: transparent; + box-shadow: none; // needs to be set here + // otherwise it gets + // clipped + &.trough { + // similar to the .scale + border: 0px solid; + border-radius: 12px; + background-image: none; + background-color: transparentize(b_color(text),0.7); + text-shadow: none; + &:active { + background-color: s_color(normal); + box-shadow: none; + text-shadow: none; + } + &:backdrop { + background-color: backdrop(transparentize(b_color(text),0.7)); + } + + } + + &.slider { + border: 1px solid; + border-radius: 11px; + background-color: w_color(normal); + border-color: $border_color; + &:hover { + box-shadow: none; + border-color: b_color(hover); + background-color: w_color(normal); + } + &:active { + border-color: b_color(active); + &:hover { border-color: b_color(hover)} + } + &:insensitive { background-color: insensitive(w_color(normal)); } + &:backdrop { + background-color: backdrop(w_color(normal)); + &:insensitive { + background-color: backdrop(insensitive(w_color(normal))); + } + } + } + .header-bar & { + &.trough { + &:backdrop { + background-color:transparent; + } + } + &.slider { + &:backdrop { + background-color: t_color(backdrop-text); + } + } + } +} diff --git a/src/gtk318/widgets/_toolbar.scss b/src/gtk318/widgets/_toolbar.scss new file mode 100644 index 0000000..8e501d4 --- /dev/null +++ b/src/gtk318/widgets/_toolbar.scss @@ -0,0 +1,46 @@ +/************ + * Toolbars * + ************/ +.toolbar, +.primary-toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: w_color(normal); + &:backdrop { + background-color: backdrop(w_color(normal)); + box-shadow: none; + } + .osd &, &.osd { + padding: 13px; + border: none; + border-radius: $r; + background-color: w_color(normal); + &:backdrop { + border-color: backdrop($border_color); + background-color: backdrop(w_color(normal)); + box-shadow: none; + } + } +} + +//searchbar, location-bar & inline-toolbar +.inline-toolbar { + @extend .toolbar; + @extend %inset-bar; + border-width: 0px 0px 1px 0px; + padding: 3px; + border-radius: 0; +} +.search-bar, .location-bar { + @extend .toolbar; + @extend %inset-bar; + border-width: 0px 0px 1px 0px; + padding: 3px; +} + +%inset-bar { + border-style: solid; + border-color: $border_color; + text-shadow: none; + background-color: w_color(normal); +} diff --git a/src/gtk318/widgets/_tooltips.scss b/src/gtk318/widgets/_tooltips.scss new file mode 100644 index 0000000..53bbe95 --- /dev/null +++ b/src/gtk318/widgets/_tooltips.scss @@ -0,0 +1,28 @@ +/************ + * Tooltips * + ************/ + +.tooltip { + &.background { + // background-color needs to be set this way otherwise it gets drawn twice + // see https://bugzilla.gnome.org/show_bug.cgi?id=736155 for details. + background-color: tooltip(background); + background-clip: padding-box; + } + + color: tooltip(text); + padding: 4px; /* not working */ + border-radius: 5px; + box-shadow: none; // otherwise it gets inherited by windowframe.csd + text-shadow: none; + border: 1px solid tooltip(border); + &.window-frame.csd { + background-color: transparent; + } +} + +.tooltip * { //Yeah this is ugly + padding: 4px; + background-color: transparent; + color: inherit; // just to be sure +} diff --git a/src/gtk318/widgets/_treeview.scss b/src/gtk318/widgets/_treeview.scss new file mode 100644 index 0000000..78f5bed --- /dev/null +++ b/src/gtk318/widgets/_treeview.scss @@ -0,0 +1,136 @@ + + +/************** + * Tree Views * + **************/ +GtkTreeView.view { + -GtkTreeView-grid-line-width: 0; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; + + border-left-color: $border_color; // this is actually the tree lines color, + border-top-color: transparent; // while this is the grid lines color, better then nothing + + &:selected { border-radius: 0; } // rest border radius in lists + + &:selected { + background-color: s_color(normal); + border-left-color: s_color(text); + border-top-color: s_color(text); // doesn't work unfortunatelly + } + &:backdrop:selected { + background-color: backdrop(s_color(backdrop)); + border-left-color: backdrop(s_color(text)); + border-top-color: backdrop(s_color(text)); + } + + &:insensitive { + color: insensitive($border_color); + &:selected { + color: insensitive(s_color(text)); + &:backdrop { color: backdrop(insensitive(s_color(text))); } + } + &:backdrop { color: backdrop(insensitive($border_color)); } + } + &.separator { + color: $border_color; + } + &.separator:backdrop { + color: backdrop($border_color); + } + + &:backdrop { + border-left-color: backdrop($border_color); + } + + &.dnd { + border-style: solid none; + border-width: 1px; + border-color: b_color(hover); + } + + &.expander { + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + color: v_color(text); + &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');} + &:hover { color: b_color(hover); } + &:selected { color: s_color(text); } + &:checked { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + &:selected { color: s_color(text); } + &:backdrop { color: backdrop(v_color(normal)); } + } + &:backdrop { color: backdrop(v_color(text)); } + } +} + +column-header { + .button { + @extend %column_header_button; + color: b_color(text); + background-color: b_color(normal); + text-shadow: none; + box-shadow: none; + &:hover { + @extend %column_header_button; + color: b_color(text); + background-color: transparentize(b_color(hover), 0.5); + box-shadow: none; + transition: none; //I shouldn't need this + } + &:active { + @extend %column_header_button; + color: b_color(text); + background-color: transparentize(b_color(hover), 0.5); + transition: none; //I shouldn't need this + } + &.dnd { + @extend column-header.button.dnd; + } + } + &:last-child .button, + &:last-child .button:backdrop, // set :backdrop too or the border will be visibile there + &:last-child.button, + &:last-child.button:backdrop { //treeview-like derived widgets in Banshee and Evolution + border-right-style: none; + } +} + +column-header.button.dnd { // for treeview-like derive widgets + transition: none; + color: s_color(normal); + box-shadow: none; + &:active { @extend column-header.button.dnd; } + &:selected { @extend column-header.button.dnd; } + &:hover { @extend column-header.button.dnd; } +} + +%column_header_button { + padding: 6px; + border-style: none solid solid none; + border-radius: 0; + background-image: none; + border-color: $border_color; + text-shadow: none; + &:insensitive { + border-color: insensitive($border_color); + color: insensitive(b_color(text)); + background-color: insensitive(b_color(normal)); + background-image: none; + } + &:backdrop { + border-color: backdrop($border_color); + border-style: none solid solid none; + color: backdrop(b_color(text)); + background-image: none; + background-color: backdrop(b_color(normal)); + &:insensitive { + border-color: backdrop(insensitive($border_color)); + background-image: none; + background-color: backdrop(insensitive(b_color(normal))); + color: backdrop(insensitive(b_color(text))); + } + } +} diff --git a/src/gtk318/widgets/_window_decorations.scss b/src/gtk318/widgets/_window_decorations.scss new file mode 100644 index 0000000..e47cc14 --- /dev/null +++ b/src/gtk318/widgets/_window_decorations.scss @@ -0,0 +1,174 @@ +/********************** + * Window Decorations * + *********************/ + +.window-frame { + + //border: 1px solid transparent; + border-radius: $r; + box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5); + + // FIXME rationalize window-frame shadows + + /* this is used for the resize cursor area */ + margin: 10px; + + &:backdrop { + box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5); + } + &.tiled { + border-radius: 0; + } + &.popup { + border-radius: $r; + box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1) + } + // server-side decorations as used by mutter + &.ssd { + box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.1); + } + &.csd { + border-radius: $r; + &.popup { + box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1) + } + &.tooltip { + box-shadow: none; + } + &.message-dialog { + box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5) + } + } + &.solid-csd { + border-radius: 0; + margin: 0px; + background-color: t_color(background-light); + border: none; + box-shadow: none; + } +} + +// Window Close button +.header-bar .button.titlebutton, +.titlebar .button.titlebutton { + @extend %undecorated_button; + padding: 0px; + &:hover, + &:active, + &:checked, + &:backdrop, + &:active:hover { @extend %undecorated_button; transition: none;} + + &.close { + padding: 1px; + color: transparent; + border-image: none; + box-shadow: none; + background-position: center; + background-repeat: no-repeat; + background-image: -gtk-scaled(url('../assets/titlebutton-close.png'),url('../assets/titlebutton-close@2.png')); + } + &.close:hover { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url('../assets/titlebutton-close-hover.png'),url('../assets/titlebutton-close-hover@2.png')); + } + &.close:active { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url('../assets/titlebutton-close-active.png'),url('../assets/titlebutton-close-active@2.png')); + } + &.close:backdrop { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url('../assets/titlebutton-close-backdrop.png'),url('../assets/titlebutton-close-backdrop@2.png')); + } + + &.maximize { + padding: 1px; + color: transparent; + border-image: none; + box-shadow: none; + background-position: center; + background-repeat: no-repeat; + background-image: -gtk-scaled(url('../assets/titlebutton-maximize.png'),url('../assets/titlebutton-maximize@2.png')); + } + &.maximize:hover { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url('../assets/titlebutton-maximize-hover.png'),url('../assets/titlebutton-maximize-hover@2.png')); + } + &.maximize:active { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url('../assets/titlebutton-maximize-active.png'),url('../assets/titlebutton-maximize-active@2.png')); + } + &.maximize:backdrop { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url('../assets/titlebutton-maximize-backdrop.png'),url('../assets/titlebutton-maximize-backdrop@2.png')); + } + + &.minimize { + padding: 1px; + color: transparent; + border-image: none; + box-shadow: none; + background-position: center; + background-repeat: no-repeat; + background-image: -gtk-scaled(url('../assets/titlebutton-minimize.png'),url('../assets/titlebutton-minimize@2.png')); + } + &.minimize:hover { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url('../assets/titlebutton-minimize-hover.png'),url('../assets/titlebutton-minimize-hover@2.png')); + } + &.minimize:active { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url('../assets/titlebutton-minimize-active.png'),url('../assets/titlebutton-minimize-active@2.png')); + } + &.minimize:backdrop { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url('../assets/titlebutton-minimize-backdrop.png'),url('../assets/titlebutton-minimize-backdrop@2.png')); + } +} + +.header-bar, +.titlebar { + .maximized & { + .button.titlebutton { + &.maximize { + padding: 1px; + color: transparent; + border-image: none; + box-shadow: none; + background-position: center; + background-repeat: no-repeat; + background-image: -gtk-scaled(url('../assets/titlebutton-maximize-maximized.png'),url('../assets/titlebutton-maximize-maximized@2.png')); + } + &.maximize:hover { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url('../assets/titlebutton-maximize-maximized-hover.png'),url('../assets/titlebutton-maximize-maximized-hover@2.png')); + } + &.maximize:active { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url('../assets/titlebutton-maximize-maximized-active.png'),url('../assets/titlebutton-maximize-maximized-active@2.png')); + } + &.maximize:backdrop { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url('../assets/titlebutton-maximize-maximized-backdrop.png'),url('../assets/titlebutton-maximize-maximized-backdrop@2.png')); + } + } + } +} + +.header-bar.selection-mode .button.titlebutton, +.titlebar.selection-mode .button.titlebutton { + text-shadow: none; + &:backdrop { icon-shadow: none; } +} diff --git a/src/gtk320/gtk.scss b/src/gtk320/gtk.scss new file mode 100644 index 0000000..2887989 --- /dev/null +++ b/src/gtk320/gtk.scss @@ -0,0 +1,31 @@ +@import 'global'; +@import '../functions'; +@import '../colors'; + +@import "widgets/base"; +@import "widgets/button"; +@import "widgets/entry"; +@import "widgets/app_notifications"; +@import "widgets/calendar"; +@import "widgets/checkboxes"; +@import "widgets/color_chooser"; +@import "widgets/dialogs"; +@import "widgets/headerbar"; +@import "widgets/infobar"; +@import "widgets/link"; +@import "widgets/lists"; +@import "widgets/menus"; +@import "widgets/misc"; +@import "widgets/notebook"; +@import "widgets/overshoot"; +@import "widgets/pathbar"; +@import "widgets/progressbar"; +@import "widgets/scale"; +@import "widgets/scrollbar"; +@import "widgets/sidebar"; +@import "widgets/spinbutton"; +@import "widgets/switch"; +@import "widgets/toolbar"; +@import "widgets/tooltips"; +@import "widgets/treeview"; +@import "widgets/window_decorations"; diff --git a/src/gtk320/widgets/_app_notifications.scss b/src/gtk320/widgets/_app_notifications.scss new file mode 100644 index 0000000..3ca855e --- /dev/null +++ b/src/gtk320/widgets/_app_notifications.scss @@ -0,0 +1,44 @@ +/********************* + * App Notifications * + *********************/ + +.app-notification, +.app-notification.frame { + @extend %osd; + padding: 10px; + border-top-width: 0px; + border-radius: 0px 0px 3px 3px; + &:backdrop { background-image: none; } + button { + @include button(normal); + &.flat { + @extend %undecorated_button; + -gtk-icon-shadow: none; + text-shadow: none; + &:hover { + @extend %undecorated_button; + color: b_color(hover); + } + &:active { + @extend %undecorated_button; + color: b_color(active); + } + &:backdrop, + &:disabled, + &:backdrop:disabled { @extend %undecorated_button; } + } + &:hover { @include button(hover); } + &:active, + &:checked, + &:backdrop:active, + &:backdrop:checked { + @include button(active); + } + &:disabled, + &:backdrop:disabled{ + @include button(insensitive); + } + &:backdrop { @include button(backdrop); } + } + border {border: none;} +} \ No newline at end of file diff --git a/src/gtk320/widgets/_base.scss b/src/gtk320/widgets/_base.scss new file mode 100644 index 0000000..2b08fb4 --- /dev/null +++ b/src/gtk320/widgets/_base.scss @@ -0,0 +1,270 @@ +@function gtkalpha($c,$a) { + @return unquote("alpha(#{$c},#{$a})"); +} + +$ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94); + +* { + padding: 0; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: $error_color; + + -GtkButton-child-displacement-x: 0; + -GtkButton-child-displacement-y: 0; + + -GtkCheckButton-indicator-size: 18; + -GtkCheckMenuItem-indicator-size: 18; + + // The size for scrollbars. The slider is 2px smaller, but we keep it + // up so that the whole area is sensitive to button presses for the + // slider. The stepper button is larger in both directions, the slider + // only in the width + + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkScrolledWindow-scrollbars-within-bevel: 0; + + -GtkScrolled-window-overlay-scrolling: FALSE; + + -GtkToolItemGroup-expander-size: 11; + -GtkExpander-expander-size: 16; + -GtkTreeView-expander-size: 11; + + -GtkTreeView-horizontal-separator: 4; + + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + + -GtkStatusbar-shadow-type: none; + + outline-width: 0px; +} + + +/*************** + * Base States * + ***************/ + +.background { + color: w_color(text); + background-color: w_color(normal); + + &:backdrop { + text-shadow: none; + -gtk-icon-shadow: none; + color: backdrop(w_color(text)); + background-color: backdrop(w_color(normal)); + } +} + +/* + These wildcard seems unavoidable, need to investigate. + Wildcards are bad and troublesome, use them with care, + or better, just don't. + Everytime a wildcard is used a kitten dies, painfully. +*/ + +*:disabled { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: w_color(normal); + color: w_color(text); + &:hover { + background-color: lighten(w_color(normal), 10%); + color: w_color(text); + } + &:active { + background-color: darken(w_color(normal), 10%); + color: w_color(text); + } + &:disabled { + background-color: insensitive(w_color(normal)); + color: insensitive(w_color(text)); + } + &:selected { + background-color: s_color(normal); + color: s_color(text); + } +} + +%view, +.view { + color: v_color(text); + background-color: v_color(normal); + + &:backdrop { + color: backdrop(v_color(text)); + background-color: backdrop(v_color(normal)); + } + + &:disabled { + color: insensitive(v_color(text)); + } + + &:selected { + &:focus, & { + border-radius: $r; + @extend %selected_items; + } + } +} + +.view, +textview { + text { + @extend %view; + + selection { &:focus, & { @extend %selected_items; }} + } +} + +textview border { + background-color: v_color(normal); + background-image: image($border_color); // HACK: the border node just draws background so, + background-repeat: no-repeat; // using a background-image to draw the border + + &:backdrop { background-color: backdrop(v_color(normal)); } + + &.bottom { + background-size: 100% 1px; + background-position: top; + } + + &.top { + background-size: 100% 1px; + background-position: bottom; + } + + &.left { + background-size: 1px 100%; + background-position: right; + } + + &.right { + background-size: 1px 100%; + background-position: left; + } +} + +.rubberband, +rubberband { + border: 1px solid s_color(normal); + background-color: transparentize(s_color(normal),0.8); + &:backdrop { + border-color: backdrop(s_color(normal)); + background-color: backdrop(transparentize(s_color(normal),0.8)); + } +} + +flowbox { + rubberband { @extend rubberband; } + + flowboxchild { + padding: 3px; + border-radius: $r; + + &:selected { + @extend %selected_items; + + outline-offset: 0px; + } + } +} + +label { + &.separator { + color: w_color(text); + @extend .dim-label; + &:backdrop { color: backdrop(w_color(text)); } + } + + selection { + background-color: s_color(normal); + color: s_color(text) + } + &:disabled { + color: insensitive(w_color(text)); + selection { @extend %selected_items:disabled; } + + &:backdrop { color: backdrop(insensitive(w_color(text))); } + } + &:backdrop { + color:backdrop(w_color(text)); + + selction {@extend %selected_items:backdrop;} + } +} + +.dim-label { + opacity: 0.5; + text-shadow: none; +} + +assistant { + .sidebar { + background-color: v_color(text); + border-top: 1px solid $border_color; + + &:backdrop { + background-color: backdrop(v_color(text)); + border-color: backdrop($border_color); + } + } + &.csd .sidebar { border-top-style: none; } + .sidebar label { + padding: 6px 12px; + } + .sidebar label.highlight { + background-color: mix(v_color(normal), v_color(text), 80%); + } +} + +%osd, +.osd { + color: w_color(text); + border: 1px solid $border_color; + background-color: transparentize(w_color(normal),0.2); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + &:backdrop { + color: backdrop(w_color(text)); + background-color: backdrop(transparentize(w_color(normal),0.2)); + -gtk-icon-shadow: none; + } +} + +%selected_items { + background-color: s_color(normal); + color: s_color(text); + &:hover { + background-color: s_color(hover); + color: w_color(text); + } + &:backdrop { + background-color: backdrop(s_color(backdrop)); + color: backdrop(v_color(normal)); + } +} + +%selected_items { + background-color: s_color(normal); + border-radius: 0px; + + @at-root %nobg_selected_items, & { + color: s_color(text); + + &:disabled { color: insensitive(s_color(text)); } + + &:backdrop { + color: backdrop(s_color(text)); + + &:disabled { color: backdrop(insensitive(s_color(text))); } + } + } +} diff --git a/src/gtk320/widgets/_button.scss b/src/gtk320/widgets/_button.scss new file mode 100644 index 0000000..0818026 --- /dev/null +++ b/src/gtk320/widgets/_button.scss @@ -0,0 +1,496 @@ + +// buttons + +@mixin button($t, $c:b_color(normal), $tc:b_color(text)) { +// +// Button drawing function +// +// $t: button type, +// $c: base button color for colored* types +// $tc: optional text color for colored* types +// $edge: set to none to not draw the bottom edge or specify a color to not +// use the default one +// +// possible $t values: +// normal, hover, active, insensitive, insensitive-active, +// backdrop, backdrop-active, backdrop-insensitive, backdrop-insensitive-active, +// osd, osd-hover, osd-active, osd-insensitive, osd-backdrop, undecorated +// + + @if $t==normal { + // + // normal button + // + box-shadow: 1px 1px 1px rgba(0,0,0,0.1); + text-shadow: none; + -gtk-icon-shadow: none; + + color: $tc; + border-color: if($c!=b_color(normal), $c, $border_color); + background-image: button_gradient($c, normal); + } + + @else if $t==hover { + // + // hovered button + // + color: $tc; + border-color: if($c!=b_color(normal), $c, b_color(hover)); + } + + @else if $t==active { + // + // pushed button + // + color: if($tc==b_color(text),b_color(active-text), $tc); + border-color: if($c!=b_color(normal), $c, b_color(active)); + background-image: if($c!=b_color(normal), button_gradient($c, active), + button_gradient(b_color(active),active)); + } + + @else if $t==active-hover { + // + // + // + color: $tc; + border-color: if($c!=b_color(normal), transparentize($c, 0.5), b_color(hover)); + background-image: if($c!=b_color(normal), button_gradient(transparentize($c, 0.5),active), + button_gradient(b_color(hover),active)); + } + + @else if $t==insensitive { + // + // insensitive button + // + color: if($tc!=b_color(text),insensitive($tc),insensitive(b_color(text))); + border-color: if($c!=b_color(normal), insensitive($c), insensitive($border_color)); + background-image: if($c!=b_color(normal), button_gradient(insensitive($c), normal), + button_gradient(insensitive(b_color(normal)), normal)); + > .label { color: inherit; } + } + + @else if $t==insensitive-active { + // + // insensitive pushed button + // + color: if($tc!=b_color(text), insensitive($tc), insensitive(b_color(active-text))); + border-color: insensitive(b_color(active)); + background-image: if($c!=b_color(normal), button_gradient(insensitive($c), active), + button_gradient(insensitive(b_color(active)),active)); + > .label { color: inherit; } + } + + @else if $t==backdrop { + // + // backdrop button + // + color: backdrop($tc); + border-color: backdrop($border_color); + background-image: button_gradient(backdrop($c), normal); + } + + @else if $t==backdrop-active { + // + // backdrop pushed button + // + color: if($tc!=b_color(text), backdrop($tc), backdrop(b_color(active-text))); + border-color: if($c!=b_color(normal), backdrop($c), backdrop(b_color(active))); + background-image: if($c!=b_color(normal), button_gradient(backdrop($c), active), + button_gradient(backdrop(b_color(active)),active)); + } + + @else if $t==backdrop-insensitive { + // + // backdrop insensitive button + // + color: backdrop(insensitive($tc)); + border-color: if($c!=b_color(normal), backdrop(insensitive($c)), backdrop(insensitive($border_color))); + background-image: button_gradient(backdrop(insensitive($c))); + > .label { color: inherit; } + } + + @else if $t==backdrop-insensitive-active { + // + // backdrop insensitive pushed button + // + color: if($c!=b_color(normal), backdrop(insensitive($tc)), backdrop(insensitive(b_color(active-text)))); + border-color: if($c!=b_color(normal), backdrop(insensitive($c)), backdrop(insensitive(b_color(active)))); + background-image: if($c!=b_color(normal), button_gradient(backdrop(insensitive($c)), active), + button_gradient(backdrop(insensitive(b_color(active))),active)); + > .label { color: inherit; } + } + + @else if $t==undecorated { + // + // reset + // + border-color: transparentize(white,1); //FIXME needed? + background-color: transparent; + background-image: none; + box-shadow:none; + color: $tc; + + text-shadow: none; + -gtk-icon-shadow: none; + } +} + +/*********** + * Buttons * + ***********/ + +// stuff for .needs-attention +$_dot_color: b_color(active); +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.01, + to($_dot_color), + to(transparent)); + } + to { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.5, + to(s_color(normal)), + to(transparent)); + } +} + +%buttons { + + $_button_transition: all 200ms $ease-out-quad; + + border: 1px solid; + border-radius: $r; + padding: 4px 6px; + background-clip: border-box; + transition: $_button_transition; + @include button(normal); + &.flat { + @include button(undecorated); + // to avoid adiacent buttons borders clashing when transitioning, the transition on the normal state is set + // to none, while it's added back in the hover state, so the button decoration will fade in on hover, but + // it won't fade out when the pointer leave the button allocation area. To make the transition more evident + // in this case the duration is increased. + transition: none; + &:hover { + transition: $_button_transition; + transition-duration: 500ms; + &:active { transition: $_button_transition; } + } + &:checked { background-color: $border_color;} + } + &:hover { + @include button(hover); + -gtk-icon-effect: none; // Do we want this? + } + &:active, &:checked { + @include button(active); + transition-duration: 50ms; + &:hover { + @include button(active-hover); + } + } + &:backdrop { + @include button(backdrop); + -gtk-icon-effect: none; + &:active, &:checked { + @include button(backdrop-active); + } + &:disabled { + @include button(backdrop-insensitive); + } + &:disabled:active, &:disabled:checked { + @include button(backdrop-insensitive-active); + } + } + &.flat:backdrop { + -gtk-icon-effect: none; + @include button(undecorated); + color: backdrop(b_color(text)); + } + &.flat:disabled { + @include button(undecorated); + color: insensitive(b_color(text)); + } + &.flat:backdrop:disabled { + @include button(undecorated); + color: backdrop(insensitive(b_color(text))); + } + &:disabled { + @include button(insensitive); + &:active, &:checked { + @include button(insensitive-active); + } + } + separator { + background-color: transparent; + background-image: none; + color: transparent; + } +} +%button, +button { + @at-root %button_basic, & { + @extend %buttons; + &.osd { + @extend %buttons; + } + //overlay / OSD style + .osd & { + //@extend %buttons; + } + + &.image-button { + min-width:16px; + padding: 6px; + } + + &.text-button { + padding-left: 6px; + padding-right: 6px; + } + + &.text-button.image-button { + padding-left: 6px; + padding-right: 6px; + label { + padding-left: 6px; + padding-right: 6px; + } + } + // FIXME + // &:drop(active) { + // color: $drop_target_color; + // border-color: $drop_target_color; + // box-shadow: inset 0 0 0 1px $drop_target_color; + // } + } + + @at-root %button_selected, & { + row:selected & { + border-color: s_color(normal); + + &.flat:not(:active):not(:checked):not(:hover):not(disabled) { + color: s_color(text); + border-color: transparent; + + &:backdrop { color: backdrop(s_color(text)); } + } + } + } + + // Suggested and Destructive Action buttons + @each $b_type, $button_color in (suggested-action, b_color(active)), + (destructive-action, $error_color) { + &.#{$b_type}, + &.#{$b_type}.osd & { + @include button(normal, $button_color, b_color(active-text)); + &.flat { + @include button(undecorated); + color: $button_color; + } + &:hover { @include button(hover, $button_color, white); } //FIXME no hardcoded colors + &:active, &:checked { @include button(active, $button_color, white); } + &:backdrop, &.flat:backdrop { + @include button(backdrop, $button_color, white); + &:active, &:checked { + @include button(backdrop-active, $button_color, white); + } + &:disabled { + @include button(backdrop-insensitive); + &:active, &:checked { + @include button(backdrop-insensitive-active, $button_color, white); + } + } + } + &.flat:backdrop, &.flat:disabled, &.flat:backdrop:disabled { + @include button(undecorated); + color: transparentize($button_color, 0.2); + } + &:disabled { + @include button(insensitive); + &:active, &:checked { + @include button(insensitive-active, $button_color, white); + } + } + } + } + + + .stack-switcher > & { + // to position the needs attention dot, padding is added to the button + // child, a label needs just lateral padding while an icon needs vertical + // padding added too. + > label { + padding-left: 6px; // label padding + padding-right: 6px; // + } + > image { + padding-left: 6px; // image padding + padding-right: 6px; // + padding-top: 3px; // + padding-bottom: 3px; // + } + &.text-button { + padding: 6px; // needed or it will get overridden + } + &.image-button { + // we want image buttons to have a 1:1 aspect ratio, so compensation + // of the padding added to the GtkImage is needed + padding: 3px 0px; + } + &.needs-attention > label, + &.needs-attention > image { @extend %needs_attention; } + &.needs-attention:active > label, + &.needs-attention:active > image, + &.needs-attention:checked > label, + &.needs-attention:checked > image { + animation: none; + background-image: none; + } + } + + //inline-toolbar buttons + .inline-toolbar &, .inline-toolbar &:backdrop { + border-radius: $r; + border-width: 1px; + @extend %linked; + } + + .primary-toolbar & { -gtk-icon-shadow: none; } + + .linked > &, + .linked > &:hover, + .linked > &:active, + .linked > &:checked, + .linked > &:backdrop { @extend %linked; } + + .linked.vertical > &, + .linked.vertical > &:hover, + .linked.vertical > &:active, + .linked.vertical > &:checked, + .linked.vertical > &:backdrop { @extend %linked_vertical; } +} + +/************** + * ComboBoxes * + **************/ + combobox { + arrow { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + min-height: 16px; + min-width: 16px; + } + + &.linked { + button:nth-child(2) { + &:dir(ltr) { @extend %linked:last-child; } + &:dir(rtl) { @extend %linked:first-child; } + } + } + + // &:drop(active) { // FIXME: untested + // box-shadow: none; + // + // button.combo { @extend %button_basic:drop(active); } + //} + } + + .linked > combobox > box > button.combo { + // the combo is a composite widget so the way we do button linking doesn't + // work, special case needed. See + // https://bugzilla.gnome.org/show_bug.cgi?id=733979 + + &:dir(ltr), + &:dir(rtl) { @extend %linked_middle; } // specificity bump + } + + .linked:not(.vertical) > combobox:first-child > box > button.combo { @extend %linked:first-child; } + .linked:not(.vertical) > combobox:last-child > box > button.combo { @extend %linked:last-child; } + .linked:not(.vertical) > combobox:only-child > box > button.combo { @extend %linked:only-child; } + + .linked.vertical > combobox > box > button.combo { @extend %linked_vertical_middle; } + .linked.vertical > combobox:first-child > box > button.combo { @extend %linked_vertical:first-child;} + .linked.vertical > combobox:last-child > box > button.combo { @extend %linked_vertical:last-child; } + .linked.vertical > combobox:only-child > box > button.combo { @extend %linked_vertical:only-child; } + + +%needs_attention { + animation: needs_attention 150ms ease-in; + $_dot_shadow: b_color(text); + $_dot_shadow_r: 0.5; + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.5, + to($_dot_color), + to(transparent)), + -gtk-gradient(radial, + center center, 0, + center center, $_dot_shadow_r, + to($_dot_shadow), + to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 4px; + &:backdrop {background-size: 6px 6px, 0 0;} + &:dir(rtl) { + background-position: left 3px, left 4px; + } +} + +%linked_middle { + border-radius: $r; + &:dir(rtl) { + border-radius: $r; // needed when including %linked_middle:dir(rtl) + } +} + +%linked { + margin-left: 2px; + margin-right: 2px; + @extend %linked_middle; + &:first-child { + border-radius: $r; + border-style: solid; + } + &:last-child { + border-radius: $r; + &:dir(rtl) { } + } + &:only-child { + border-radius: $r; + border-style: solid; + } +} + +%linked_vertical_middle { + border-style: solid; + border-radius: $r; +} + +%linked_vertical{ + @extend %linked_vertical_middle; + &:first-child { + border-radius: $r; + } + &:last-child { + border-radius: $r; + border-style: solid; + } + &:only-child { + border-radius: $r; + border-style: solid; + } +} + +%undecorated_button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow:none; + text-shadow: none; + -gtk-icon-shadow: none; +} diff --git a/src/gtk320/widgets/_calendar.scss b/src/gtk320/widgets/_calendar.scss new file mode 100644 index 0000000..a8c4875 --- /dev/null +++ b/src/gtk320/widgets/_calendar.scss @@ -0,0 +1,64 @@ +/************ + * Calendar * + ***********/ +calendar { + color: v_color(text); + border: 1px solid $border_color; + background-color: v_color(normal); + &:selected { + background-color: $border_color; + } + &:disabled { + color: insensitive(v_color(text)); + } + + &.header { + border: 1px solid $border_color; + border-radius: 0; + color: v_color(text); + + &:backdrop { + color: backdrop(v_color(text)); + border-color: backdrop($border_color); + } + + &:disabled { + color: insensitive(v_color(text)); + } + } + + &.button { + @extend %undecorated_button; + color: b_color(text); + + &:hover { + @extend %undecorated_button; + color: b_color(hover); + } + &:active { + @extend %undecorated_button; + color: b_color(active); + } + &:backdrop { + @extend %undecorated_button; + color: backdrop(b_color(text)); + } + } + + &:indeterminate, + &.highlight { + color: transparentize(v_color(text),0.5); + } + + &:indeterminate:backdrop, + &.highlight:backdrop { + color: backdrop(transparentize(v_color(text),0.5)); + } + + + &:backdrop { + color: backdrop(v_color(text)); + border-color: backdrop($border_color); + background-color: backdrop(v_color(normal)); + } +} diff --git a/src/gtk320/widgets/_checkboxes.scss b/src/gtk320/widgets/_checkboxes.scss new file mode 100644 index 0000000..aa536e1 --- /dev/null +++ b/src/gtk320/widgets/_checkboxes.scss @@ -0,0 +1,79 @@ +/************************* + * Check and Radio items * + *************************/ +@each $s,$as in ('','-unchecked'), + (':hover', '-unchecked-hover'), + (':active', '-unchecked-active'), + (':backdrop', '-unchecked-backdrop'), + (':checked', '-checked-active'), + (':checked:hover', '-checked-hover'), + (':checked:active', '-checked-active'), + (':backdrop:checked', '-checked-backdrop') { + .view.content-view.check#{$s}:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode#{$as}.png"), url("../assets/check-selectionmode#{$as}@2.png")); + background-color: transparent; + } +} + +checkbutton.text-button, radiobutton.text-button { + // this is for a nice focus on check and radios text + padding: 2px 0; + outline-offset: 0; + + label:not(:only-child) { + &:first-child { margin-left: 4px; } + &:last-child { margin-right: 4px; } + } +} + +@each $a in ('check','radio') { + + #{$a} { + margin: 0 4px; + + &:only-child { margin: 0; } + + min-height: 18px; + min-width: 18px; + //border: none; + animation: none; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("../assets/#{$a}-unchecked.png"), url("../assets/#{$a}-unchecked@2.png")); + + @each $s,$as in ('hover','-hover'), + ('active','-active'), + ('disabled','-insensitive'), + ('backdrop','-backdrop'), + ('backdrop:disabled','-backdrop-insensitive') { + &:#{$s} { -gtk-icon-source: -gtk-scaled(url("../assets/#{$a}-unchecked#{$as}.png"), url("../assets/#{$a}-unchecked#{$as}@2.png")); } + &:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/#{$a}-checked-active.png"), url("../assets/#{$a}-checked-active@2.png")); + &:#{$s} { -gtk-icon-source: -gtk-scaled(url("../assets/#{$a}-checked#{$as}.png"), url("../assets/#{$a}-checked#{$as}@2.png")); } + } + &:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/#{$a}-mixed-active.png"), url("../assets/#{$a}-mixed-active@2.png")); + &:#{$s} { -gtk-icon-source: -gtk-scaled(url("../assets/#{$a}-mixed#{$as}.png"), url("../assets/#{$a}-mixed#{$as}@2.png")); } + } + } + + menu menuitem & { + margin: 0; // this is a workaround for a menu check/radio size allocation issue + min-height: 18px; + min-width: 18px; + background-color: transparent; + box-shadow: none; + -gtk-icon-shadow: none; + animation: none; + &:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/#{$a}-unchecked.png"), url("../assets/#{$a}-unchecked@2.png")); + } + &:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/#{$a}-checked-active.png"), url("../assets/#{$a}-checked-active@2.png")); + } + &:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/#{$a}-mixed-active.png"), url("../assets/#{$a}-mixed-active@2.png")); + } + } + } +} diff --git a/src/gtk320/widgets/_color_chooser.scss b/src/gtk320/widgets/_color_chooser.scss new file mode 100644 index 0000000..8161280 --- /dev/null +++ b/src/gtk320/widgets/_color_chooser.scss @@ -0,0 +1,96 @@ +/***************** + * Color Chooser * + *****************/ +// FIXME button.color in buttons section +colorswatch { +// take care of colorswatches on selected elements + :selected & { + box-shadow: none; + &.overlay, &.overlay:hover { + border-color: s_color(text); + } + } + + &:selected { box-shadow: none; } + + &.top, + &.bottom, + &.left, &:first-child:not(.overlay):not(.top), + &.right, &:last-child:not(.overlay):not(.bottom), + &:only-child:not(.overlay), + &.top > .overlay, + &.bottom > .overlay, + &:first-child:not(.top) > .overlay, + &:last-child:not(.bottom) > .overlay, + &:only-child > .overlay { border-radius: $r; } + + // hover effect + &:hover, + &:hover:selected { + background-image: linear-gradient(135deg, transparentize(white, 0.3), + transparentize(white, 1) 50%); + box-shadow: inset 0 1px transparentize(white, 0.6); + &.color-dark { // swatches with colors with luminosity lower than 50% get the color-dark class + background-image: linear-gradient(135deg, transparentize(white, 0.5), + transparentize(white, 1) 50%); + } + } + &:backdrop, + &:backdrop:selected + &.color-dark:backdrop, + &.color-dark:backdrop:selected { + background-image: none; + box-shadow: none; + } + + // no hover effect for the colorswatch in the color editor + GtkColorEditor & { + border-radius: $r; // same radius as the entry + &:hover { + background-image: none; + box-shadow: none; + } + &:backdrop { box-shadow: none; } + } + + // indicator and keynav outline colors + &.color-dark { + color: white; + outline-color: transparentize(black, 0.7); + &:backdrop { color: transparentize(white, 0.7); } + } + &.color-light { + color: black; + outline-color: transparentize(white, 0.5); + &:backdrop { color: transparentize(black, 0.7); } + } + + // border color + overlay, + overlay:selected { + border: 1px solid $border_color; + &:hover { border-color: b_color(hover); } + } + + // make the add color button looks like, well, a button + &#add-color-button { + border-style: solid; // the borders are drawn by the overlay for standard colorswatches to have them semi + border-width: 1px; // translucent on the colored background, here it's not necessary so they need to be set + @include button(normal); + &:hover { @include button(hover); } + &:backdrop { @include button(backdrop); } + overlay { @include button(undecorated); } // reset the overlay to not cover the button style underneat + } +} + +GtkColorButton.button { + padding: 5px; // Uniform padding on the GtkColorButton + + GtkColorSwatch:first-child:last-child { // :first-child:last-child for a specificity bump, it gets overridden by the + // colorpicker style, otherwise + border-radius: 0; + box-shadow: none; + &:disabled, + &:backdrop { box-shadow: none; } + } +} diff --git a/src/gtk320/widgets/_dialogs.scss b/src/gtk320/widgets/_dialogs.scss new file mode 100644 index 0000000..c3f8849 --- /dev/null +++ b/src/gtk320/widgets/_dialogs.scss @@ -0,0 +1,44 @@ +/*********** + * Dialogs * + ***********/ + +// .message-dialog .dialog-action-area .button { +// //padding: 8px; +// } + +messagedialog { // Message Dialog styling + + &.background { background-color: w_color(normal); } + &:backdrop { background-color: backdrop(w_color(normal))} + .titlebar { + min-height: 32px; + background-color: transparent; + background-image: linear-gradient(to bottom,change-color(t_color(background),$lightness: min(lightness(t_color(background))*1.2,100%)),t_color(background)); + box-shadow: none; + } + .dialog-action-area { + padding: 8px; + } + button { margin: 2px; } +} + +filechooser { + .search-bar { + background-color: w_color(normal); + border-color: w_color(normal); + box-shadow: none; + &:backdrop { + background-color: backdrop(w_color(normal)); + border-color: backdrop(w_color(normal)); + color: backdrop(w_color(text)); + } + } + .dialog-action-box { + border-top: 1px solid $border_color; + &:backdrop { border-top-color: backdrop($border_color); } + } + #pathbarbox { + background-color: w_color(normal); + border-bottom: 1px solid $border_color; + } +} diff --git a/src/gtk320/widgets/_entry.scss b/src/gtk320/widgets/_entry.scss new file mode 100644 index 0000000..8535165 --- /dev/null +++ b/src/gtk320/widgets/_entry.scss @@ -0,0 +1,145 @@ +@mixin entry($t, $fc:v_color(active)) { +// +// Entries drawing function +// +// $t: entry type +// $fc: focus color +// $edge: set to none to not draw the bottom edge or specify a color to not +// use the default one +// +// possible $t values: +// normal, focus, insensitive, backdrop, backdrop-insensitive, osd, osd-focus, osd-backdrop; +// + @if $t==normal { + color: v_color(text); + border-color: $border_color; + background-color: v_color(normal); + box-shadow: none; + } + + @if $t==focus { + border-color: $fc; + } + + @if $t==insensitive { + color: insensitive(v_color(text)); + border-color: insensitive($border_color); + background-color: insensitive(v_color(normal)); + } + + @if $t==backdrop { + color: backdrop(v_color(text)); + border-color: backdrop($border_color); + background-color: backdrop(v_color(normal)); + } + + @if $t==backdrop-insensitive { + color: backdrop(insensitive(v_color(text))); + border-color: backdrop(insensitive($border_color)); + background-color: backdrop(insensitive(v_color(normal))); + } +} + +/**************** + * Text Entries * + ****************/ + +%entry, +entry { + %entry_basic, & { + min-height: 30px; + padding-left: 8px; + padding-right: 8px; + border: 1px solid; + border-radius: $r; + transition: all 200ms $ease-out-quad; + + @include entry(normal); + + image { // icons inside the entry + &.left { padding-left: 0; padding-right: 6px; } + &.right { padding-left: 6px; padding-right: 0; } + } + // FIXME + // undershoot { + // &.left { @include undershoot(left); } + // &.right { @include undershoot(right); } + // } + + &.flat { + &:focus, & { + min-height: 0; + padding: 2px; + @include entry(normal); + } + } + &:focus { @include entry(focus); } + &:disabled { @include entry(insensitive); } + &:backdrop { @include entry(backdrop); } + &:backdrop:disabled { @include entry(backdrop-insensitive); } + + selection { &:focus, & { @extend %selected_items; }} + + @each $e_type, $e_color in (error, $error_color), + (warning, $warning_color) { + &.#{$e_type} { + color: $e_color; + border-color: $e_color; + background-color: transparentize($e_color, 0.5); + &:focus { + @include entry(focus, $e_color); + background-color: transparentize($e_color, 0.5); + } + &:selected, &:selected:focus { background-color: $e_color; } + &:backdrop { + color: backdrop($e_color); + border-color: backdrop($e_color); + background-color: backdrop(transparentize($e_color, 0.5)); + } + } + } + + image { // entry icons colors + color: mix(w_color(text),v_color(text), 80%); + &:hover { color: b_color(hover); } + &:active { color: b_color(active); } + &:backdrop { color: backdrop(mix(w_color(text), v_color(text), 80%)); } + } + // FIXME + // &:drop(active) { + // &:focus, & { + // border-color: $drop_target_color; + // box-shadow: inset 0 0 0 1px $drop_target_color; + // } + // } + } + + progress { + margin: 1px; + border-radius: 0; + border-width: 0 0 2px; + border-color: s_color(normal); + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; + &:backdrop { + background-color: transparent; + border-color: backdrop(s_color(backdrop)); + } + } +} + +treeview acceleditor > label { + background-color: s_color(normal); +} + +treeview entry { + &.flat, & { + border-radius: 0; + background-image: none; + background-color: v_color(normal); + + &:focus { border-color: v_color(active); } + } +} diff --git a/src/gtk320/widgets/_headerbar.scss b/src/gtk320/widgets/_headerbar.scss new file mode 100644 index 0000000..4cbe870 --- /dev/null +++ b/src/gtk320/widgets/_headerbar.scss @@ -0,0 +1,168 @@ +/*************** + * Header bars * + ***************/ + +%titlebar, +headerbar { + transition: none; + padding: 0px 6px; + border-width: 0px 0px 1px 0px; + border-radius: 3px 3px 0px 0px; + border-style: solid; + border-color: $border_color; + color: t_color(text); + background-image: linear-gradient(to bottom,t_color(background-light),t_color(background)); + &:backdrop { + border-color: transparent; + background-image: none; + background-color: t_color(backdrop-background); + color: t_color(backdrop-text); + box-shadow: none; + } + label { + font-weight: normal; + &:backdrop { color: t_color(backdrop-text); } + } + .path-bar button { + color: t_color(text); + font-weight: normal; + &:backdrop { color: t_color(backdrop-text)} + } + button { + transition: none; + @include button(undecorated, $tc: t_color(text)); + + &.flat { + @include button(undecorated,$tc: t_color(text)); + } + &:hover { + @include button(hover, $tc: t_color(text)); + &:backdrop { border-color: t_color(backdrop-background); } + } + &:active, &:checked { + @include button(active); + &:hover { + @include button(active-hover); + } + &:backdrop { + background-image: none; + background-color: t_color(backdrop-background); + border-color: t_color(backdrop-background); + color: t_color(backdrop-text); + } + } + + &.suggested-action { + @extend %suggested-action; + } + + &:backdrop { + border-color: transparent; + background-image: none; + background-color: t_color(backdrop-background); + color: t_color(backdrop-text); + } + + &.flat:backdrop, &.flat:backdrop:disabled, &:disabled:backdrop { + background-image: none; + background-color: t_color(backdrop-background); + color: t_color(backdrop-text); + border-color: transparent; + } + &.flat:disabled { + @extend %undecorated_button;; + color: insensitive(t_color(text)); + } + &:disabled { + background-color: transparent; + background-image: none; + border-color: transparent; + color: insensitive(t_color(text)); + &:active, &:checked { + @include button(insensitive-active); + } + } + } + + .title { + font-weight: normal; + padding: 0px 12px; + &:backdrop { color: t_color(backdrop-text)} + } + + .subtitle { + font-size: smaller; + padding: 0 12px; + @extend .dim-label; + &:backdrop { color: t_color(backdrop-text)} + } + + separator { + border-width: 0px; + background-color: transparent; + background-image: none; + border-color: transparent; + } + + &.selection-mode { + + @extend .info; + + &.suggested-action { + @extend %suggested-action; + } + + .subtitle:link { @extend *:link:selected; } + + .selection-menu { + padding: 4px 6px; + + GtkArrow { -GtkArrow-arrow-scaling: 1; } + + .arrow { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + -gtk-icon-shadow: none; + } + } + } + + .tiled &, .maximized & { + border-radius: 0; // squared corners when the window is max'd or tiled + } +} + +headerbar { + // add vertical margins to headerbar entries, buttons and separators to avoid them spanning the whole height + entry, + spinbutton, + separator, + button { + margin-top: 3px; + margin-bottom: 3px; + } +} + +%suggested-action { + background-image: none; + background-color: b_color(active); + &:hover { + background-color: b_color(hover); + color: b_color(text) + } + &:disabled { + background-color: transparent; + background-image: none; + color: insensitive(t_color(text)); + &:active, &:checked { + @include button(insensitive-active); + } + } + &:backdrop { + background-color: t_color(backdrop-background); + border-color: transparent; + color: t_color(backdrop-text); + &:disabled { + color: insensitive(t_color(backdrop-text)); + } + } +} diff --git a/src/gtk320/widgets/_infobar.scss b/src/gtk320/widgets/_infobar.scss new file mode 100644 index 0000000..3d2ea16 --- /dev/null +++ b/src/gtk320/widgets/_infobar.scss @@ -0,0 +1,66 @@ +/************** + * GtkInfoBar * + **************/ +infobar { + border-style: none; + border-bottom: 1px solid $border_color; + background-color: w_color(normal); + background-image: none; + &:backdrop {border-bottom: 1px solid backdrop($border_color);} +} + +.info, +.question, +.warning, +.error { + background-color: w_color(normal); + background-image: none; + color: $warning_color; + text-shadow: none; + &:backdrop { + background-color: backdrop(w_color(normal)); + color: backdrop($warning_color); + } + button { + box-shadow: none; + background-image:none; + background-color: transparentize($warning_color, 0.5); + border-color: transparentize($warning_color, 0.5); + color: b_color(text); + &:hover { + background-color: transparentize($warning_color, 0.75); + border-color: $warning_color; + } + &:active, &:checked { + background-image: button_gradient($warning_color); + color: w_color(normal); + border-color: $warning_color; + } + &:disabled { + background-color: insensitive(transparentize($warning_color, 0.5)); + border-color: insensitive(transparentize($warning_color, 0.5)); + color: insensitive(b_color(text)); + } + &:backdrop { + background-color: backdrop(transparentize($warning_color, 0.5)); + border-color: backdrop(transparentize($warning_color, 0.5)); + color: backdrop(b_color(text)); + &:active, &:checked { + background-image: button_gradient(backdrop($warning_color)); + color: backdrop(w_color(normal)); + border-color: backdrop($warning_color); + } + &:disabled { + background-color: backdrop(insensitive(transparentize($warning_color, 0.5))); + border-color: backdrop(insensitive(transparentize($warning_color, 0.5))); + color: backdrop(insensitive(b_color(text))); + } + &:disabled:active, + &:disabled:checked { + background-image: button_gradient(backdrop(insensitive($warning_color))); + color: backdrop(insensitive(w_color(normal))); + border-color: backdrop(insensitive($warning_color)); + } + } + } +} diff --git a/src/gtk320/widgets/_link.scss b/src/gtk320/widgets/_link.scss new file mode 100644 index 0000000..d8de5bc --- /dev/null +++ b/src/gtk320/widgets/_link.scss @@ -0,0 +1,49 @@ +/********* + * Links * + *********/ +%link, +*:link { + color: $link_color; + &:visited { + color: $link_visited_color; + *:selected & { color: mix(s_color(text), s_color(normal), 60%); } + } + &:hover { + color: lighten($link_color,10%); + *:selected & { color: mix(s_color(text), s_color(normal), 90%); } + } + &:active { + color: $link_color; + *:selected & { color: mix(s_color(text), s_color(normal), 80%); } + } + &:backdrop, &:backdrop:hover, &:backdrop:hover:selected { + color: backdrop(s_color(backdrop)); + } + @at-root %link_selected, + &:selected, *:selected & { + color: mix(s_color(text), s_color(normal), 80%); + } +} + +button:link, +button:visited { + @extend %undecorated_button; + + @extend *:link; + + text-shadow: none; + + &:hover, + &:active, + &:checked { + @extend %undecorated_button; + + text-shadow: none; + } + + > label { + @extend %link; + + text-decoration-line: underline; + } +} diff --git a/src/gtk320/widgets/_lists.scss b/src/gtk320/widgets/_lists.scss new file mode 100644 index 0000000..4cd7594 --- /dev/null +++ b/src/gtk320/widgets/_lists.scss @@ -0,0 +1,48 @@ +/********* + * Lists * + *********/ + +list { + background-color: w_color(normal); + color: w_color(text); + border-width: 0px; + &:backdrop { + background-color: backdrop(w_color(normal)); + color: backdrop(w_color(text)); + } + row { padding: 2px; } +} + +row { + transition: all 150ms $ease-out-quad; + + &:hover { transition: none; } + + &.activatable { + &.has-open-popup, // this is for indicathing which row generated a popover see https://bugzilla.gnome.org/show_bug.cgi?id=754411 + + &:hover { background-color: transparentize(s_color(normal), 0.5); } + + &:active { + box-shadow: none; + background-color: s_color(normal); + } + + &:selected { + &:active { + box-shadow: none; + background-color: s_color(normal); + } + + &.has-open-popup, + &:hover { + color: w_color(text); + background-color: s_color(hover); + } + + &:backdrop { background-color: backdrop(s_color(normal)); } + } + } + + &:selected { @extend %selected_items; } +} diff --git a/src/gtk320/widgets/_menus.scss b/src/gtk320/widgets/_menus.scss new file mode 100644 index 0000000..0c7d647 --- /dev/null +++ b/src/gtk320/widgets/_menus.scss @@ -0,0 +1,255 @@ +/********* + * Menus * + *********/ + + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0px; + box-shadow: none; + border-style: none; + background-color: w_color(normal); + &:backdrop { + background-color: backdrop(w_color(normal)); + } + > menuitem { + min-height: 16px; + padding: 4px 6px; + border-style: solid; + border-width: 1px 0px; + border-color: w_color(normal); + &:hover { //Seems like it :hover even with keyboard focus + background-color: b_color(active); + color: b_color(active-text); + } + &:disabled { + color: insensitive(w_color(text)); + box-shadow: none; + &:backdrop { + background-color: backdrop(w_color(normal)); + color: backdrop(insensitive(w_color(text))); + } + } + &:backdrop { + background-color: backdrop(w_color(normal)); + border-color: backdrop(w_color(normal)); + color: backdrop(w_color(text)); + } + } +} + +menu, +.menu { + padding: 0px; + background-color: $menu_color; + border: 0px solid transparent; + // FIXME workaround for libreoffice gtk3, should be a border + //border: 1px solid $border_color; // adds borders in a non composited env + box-shadow: inset 0px 0px 0px 1px $border_color; + + border-radius: $r; + .csd & { + //background-color: transparent; + border: 0px solid; + border-radius: $r; + //box-shadow: 0px 0px 0px 1px $border_color, 2px 2px 2px 1px rgba(0, 0, 0, 0.1); + } // axes borders in a composited env + separator { + color: $border_color; + margin-top: 3px; + margin-bottom: 3px; + } + menuitem { + text-shadow: none; + min-height: 16px; + min-width: 40px; + padding: 4px 4px; + &:hover { + color: b_color(active-text); + background-color: b_color(active); + } + &:disabled { + color: insensitive(w_color(text)); + &:backdrop { color: backdrop(insensitive(w_color(text))); } + } + &:backdrop, &:backdrop:hover { + color: backdrop(w_color(text)); + background-color: backdrop(w_color(normal)); + } + // submenu indicators + arrow { + min-height: 16px; + min-width: 16px; + + &:dir(ltr) { + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + margin-left: 10px; + } + + &:dir(rtl) { + -gtk-icon-source:-gtk-icontheme('pan-start-symbolic'); + margin-right: 10px; + } + } + } + // overflow arrows + > arrow { + @include button(undecorated); + + min-height: 16px; + min-width: 16px; + padding: 4px; + background-color: transparent; + border-radius: 0; + + &.top { + margin-top: -6px; + border: none; + -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); + } + + &.bottom { + margin-bottom: -6px; + border: none; + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + } + + &:hover { color: b_color(hover); } + &:active { color: b_color(active)} + + &:backdrop { background-color: backdrop($menu_color); } + + &:disabled { + color: transparent; + background-color: transparent; + border-color: transparent ; + } + } +} + +menuitem { + accelerator { color: gtkalpha(currentColor,0.55); } + check, + radio { + min-height: 18px; + min-width: 18px; + + &:dir(ltr) { margin-right: 6px; } + &:dir(rtl) { margin-left: 6px; } + } +} +/*************** + * Popovers * + ***************/ +/* menu buttons */ +modelbutton.flat, +.menuitem.button.flat { + min-height: 16px; + padding: 4px 8px; + + @extend %undecorated_button; + color: w_color(text); + &:hover { + background-color: b_color(active); + color: b_color(active-text) + } + &:selected { + background-color: b_color(active); + color: b_color(active-text) + } + &:backdrop, &:backdrop:hover { + @extend %undecorated_button; + color: backdrop(w_color(text)); + } + check:hover {-gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked.png"), url("../assets/check-unchecked@2.png"));} + radio:hover {-gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png"));} + + check:checked:hover {-gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png"));} + radio:checked:hover {-gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png"));} + + check:indeterminate:hover {-gtk-icon-source: -gtk-scaled(url("../assets/check-mixed.png"), url("../assets/check-mixed@2.png"));} + radio:indeterminate:hover {-gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed.png"), url("../assets/radio-mixed@2.png"));} + + // FIXME: remove the following when the checks/radios rewrite lands + check:last-child, + radio:last-child { margin-right: 0px; } + + check:first-child, + radio:first-child { margin-left: 0px; } +} + +modelbutton.flat arrow { + background: none; + + &:hover { background: none; } + + &.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + + &.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } +} + +popover.background { + padding: 0px; + border: 1px solid $border_color; + border-radius: 3px; + background-color: w_color(normal); + + box-shadow: 0 2px 3px transparentize(black, 0.1); + + &:backdrop { + box-shadow: none; + } + + > list, + > .view, + > toolbar { + border-style: none; + background-color: transparent; + } + .csd &, & { + &.touch-selection, + &.magnifier { + @extend %osd; + + border: 1px solid $border_color; + + button { @extend %button }; + } + + &.osd { @extend %osd; } + } + + separator { margin: 3px; } + + list separator { margin: 0px; } + + checkbutton, + radiobutton { @extend modelbutton.flat; } +} + +// .scale-popup .button, +// .scale-popup .button.flat { // +/- buttons on GtkVolumeButton popup +// @extend %undecorated_button; +// background-color: transparent; +// padding: 5px; +// color: w_color(text); +// &:hover { +// @extend %undecorated_button; +// color: b_color(hover); +// } +// &:active { +// color: b_color(active); +// } +// &:insensitive { +// color: insensitive(w_color(text)); +// } +// &:backdrop { +// color: backdrop(w_color(text)); +// &:insensitive { +// color: backdrop(insensitive(w_color(text))); +// } +// } +// } + +GtkVolumeButton.button { padding: 5px; } diff --git a/src/gtk320/widgets/_misc.scss b/src/gtk320/widgets/_misc.scss new file mode 100644 index 0000000..9e6bd05 --- /dev/null +++ b/src/gtk320/widgets/_misc.scss @@ -0,0 +1,172 @@ +/******** + * Misc * + ********/ + +/**************** +* Print dialog * +*****************/ +printdialog { + paper { + color: w_color(text); + border: 1px solid $border_color; + background: white; + padding: 0; + + &:backdrop { + color: backdrop(w_color(text)); + border-color: backdrop($border_color); + background: backdrop(white); + } + } + + .dialog-action-box { margin: 12px; } +} + +/********** +* Frames * +**********/ +frame > border, +.frame { + box-shadow: none; + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid $border_color; + + &.flat { border-style: none; } + + &:backdrop { border-color: backdrop($border_color); } +} + +actionbar > revealer > box { + padding: 6px; + border-top: 1px solid $border_color; + + &:backdrop { border-color: backdrop($border_color); } +} + +scrolledwindow { + viewport.frame { // avoid double borders when viewport inside scrolled window + border-style: none; + } + + junction { // the small square between two scrollbars + border-color: transparent; + background-color: transparent; + background-image: none; + } +} + +//vbox and hbox separators +separator { + background: $border_color; + min-width: 1px; + min-height: 1px; +} + +/************* +* Expanders * +*************/ + +expander { + arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');} + &:hover { color: lighten(w_color(text),30%); } //only lightens the arrow + &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } + } +} + +/********* +* Paned * +*********/ + +paned { + > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; // defeats the ugly default handle decoration + border-style: none; // just to be sure + background-color: transparent; + // workaround, using background istead of a border since the border will get rendered twice (?) + background-image: image($border_color); + background-size: 1px 1px; + + //&:selected { background-image: image($selected_bg_color); } // FIXME is this needed? + + &:backdrop { background-image: image(backdrop($border_color)); } + + &.wide { + min-width: 5px; + min-height: 5px; + background-color: w_color(normal); + background-image: image($border_color), image($border_color); + background-size: 1px 1px, 1px 1px; + + &:backdrop { + background-color: backdrop(w_color(normal)); + background-image: image(backdrop($border_color)), + image(backdrop($border_color)); + } + } + } + + &.horizontal > separator { + background-repeat: repeat-y; + + &:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; + } + &:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; + } + + &.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; + } + } + + &.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; + + &.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; + } + } +} + +/********************* +* Spinner Animation * +*********************/ + +@keyframes spin { + to { -gtk-icon-transform: rotate(1turn); } +} + +spinner { + background-image: none; + opacity: 0; // non spinning spinner makes no sense + -gtk-icon-source: -gtk-icontheme('process-working-symbolic'); + &:checked { + opacity: 1; + animation: spin 1s linear infinite; + &:disabled { + opacity: 0.5; + } + } +} diff --git a/src/gtk320/widgets/_notebook.scss b/src/gtk320/widgets/_notebook.scss new file mode 100644 index 0000000..57bef25 --- /dev/null +++ b/src/gtk320/widgets/_notebook.scss @@ -0,0 +1,216 @@ +/***************** + * Notebooks and * + * Tabs * + *****************/ + /************* + * Notebooks * + *************/ + notebook { + &.frame { + border: none; + padding: 0px; + box-shadow: inset 0px 0px 0px 1px $border_color; + } + + > header { + padding: 0px; + border: none; + background-color: w_color(normal); + //box-shadow: inset 0 -1px $border_color; + + &.top { + box-shadow: inset 0 -1px $border_color; // border + &:backdrop { box-shadow: inset 0 -1px backdrop($border_color); } + } + &.bottom { + box-shadow: inset 0 1px $border_color; + &:backdrop { box-shadow: inset 0 1px backdrop($border_color); } + } + &.right { + box-shadow: inset 1px 0 $border_color; + &:backdrop { box-shadow: inset 1px 0 backdrop($border_color); } + } + &.left { + box-shadow: inset -1px 0 $border_color; + &:backdrop { box-shadow: inset -1px 0 backdrop($border_color); } + } + &:backdrop { + background-color: backdrop(w_color(normal)); + } + + tabs { + margin: 0px; + } + + + @each $_tab, $_border, $_radius in (top,bottom,3px 3px 0px 0px), + (bottom,top,0px 0px 3px 3px), + (left,right, 3px 0px 0px 3px), + (right,left, 0px 3px 3px 0px) { + &.#{$_tab} { + > tabs { + > tab { + padding: 4px 6px; + border: 1px solid transparentize(w_color(text), 0.8); + background-color: transparentize(w_color(text), 0.8); + border-radius: #{$_radius}; + border-#{$_border}-color: transparent; + &:hover, &.prelight-page { + background-color: transparentize(s_color(normal), 0.8); + border-color: transparentize(s_color(normal), 0.8); + } + &:checked { + border-color: $border_color; + border-#{$_border}-color: $menu_color; + background-color: $menu_color; + &:backdrop { + border-color: backdrop($border_color); + border-#{$_border}-color: backdrop($menu_color); + background-color: backdrop($menu_color); + } + } + } + } + } + } + + @each $_tab, $_border, $_shadow1 in (top, right, -3px 0px 0px 0px), + (bottom, right, -3px 0px 0px 0px), + (left, bottom, 0px -3px 0px 0px), + (right, bottom, 0px -3px 0px 0px) { + &.#{$_tab} { + > tabs { + > tab { + &.reorderable-page { + border-width: 3px; + border-style: solid; + border-color: transparent; + background-color: w_color(normal); + background-clip: padding-box; + border-#{$_border}-width: 1px; + border-#{$_border}-color: $border_color; + box-shadow: inset #{$_shadow1} w_color(normal); + &:hover, &.prelight-page { + box-shadow: inset 0px -3px 0px 0px transparentize(s_color(normal),0.8), inset $_shadow1 w_color(normal); + } + &:checked { + box-shadow: inset 0px -3px 0px 0px s_color(normal), inset $_shadow1 w_color(normal); + &:backdrop { + background-color: backdrop(w_color(normal)); + border-color: transparent; + border-#{$_border}-color: backdrop($border_color); + box-shadow:none; + } + } + &:backdrop { + background-color: backdrop(w_color(normal)); + border-#{$_border}-color: backdrop($border_color); + box-shadow:none; + } + } + } + } + } + } + + + + &.top > tabs > arrow { + @extend %notebook_vert_arrows; + + border-top-style: none; + } + + &.bottom > tabs > arrow { + @extend %notebook_vert_arrows; + + border-bottom-style: none; + } + + @at-root %notebook_vert_arrows { + margin-left: -5px; + margin-right: -5px; + padding-left: 4px; + padding-right: 4px; + + &.down { -gtk-icon-source: -gtk-icontheme('pan-start-symbolic'); } + + &.up { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); } + } + + &.left > tabs > arrow { + @extend %notebook_horz_arrows; + + border-left-style: none; + } + + &.right > tabs > arrow { + @extend %notebook_horz_arrows; + + border-right-style: none; + } + + @at-root %notebook_horz_arrows { + margin-top: -5px; + margin-bottom: -5px; + padding-top: 4px; + padding-bottom: 4px; + + &.down { -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); } + + &.up { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } + } + + > tabs > arrow { + @extend %button_basic; + + @extend %button_basic.flat; + + min-height: 16px; + min-width: 16px; + border-radius: 0; + + &:hover:not(:active):not(:backdrop) { + background-clip: padding-box; + background-image: none; + background-color: transparentize(white, 0.7); + border-color: transparent; + box-shadow: none; + } + + &:disabled { @include button(undecorated); } + } + + + // colors the button like the label, overridden otherwise + button.flat { + padding: 0; + margin: 4px; + // FIXME: generalize .small-button? + min-width: 12px; + min-height: 12px; + border: 0px solid; + border-radius: 50%; + color: w_color(normal); + background-color: $border_color; + background-image: none; + &:hover { + background-color: $error_color; + } + &:active { background-color: $error_color;} + + &:backdrop { + background-color: backdrop($border_color); + color: backdrop(w_color(normal)); + } + } + } + + + > stack:not(:only-child) { // the :not(:only-child) is for "hidden" notebooks + background-color: transparent; + border-style: solid; + border-color: $border_color; + border-width: 0px; + } +} diff --git a/src/gtk320/widgets/_overshoot.scss b/src/gtk320/widgets/_overshoot.scss new file mode 100644 index 0000000..db03d83 --- /dev/null +++ b/src/gtk320/widgets/_overshoot.scss @@ -0,0 +1,114 @@ +@mixin overshoot($p, $t:normal, $c:w_color(text)) { +// +// overshoot +// +// $p: position +// $t: type +// $c: base color +// +// possible $p values: +// top, bottom, right, left +// +// possible $t values: +// normal, backdrop +// + + $_small_gradient_length: 5%; + $_big_gradient_length: 100%; + + $_position: center top; + $_small_gradient_size: 100% $_small_gradient_length; + $_big_gradient_size: 100% $_big_gradient_length; + + @if $p==bottom { + $_position: center bottom; + $_linear_gradient_direction: to top; + } + + @else if $p==right { + $_position: right center; + $_small_gradient_size: $_small_gradient_length 100%; + $_big_gradient_size: $_big_gradient_length 100%; + } + + @else if $p==left { + $_position: left center; + $_small_gradient_size: $_small_gradient_length 100%; + $_big_gradient_size: $_big_gradient_length 100%; + } + + $_small_gradient_color: $c; + $_big_gradient_color: $c; + + @if $c==w_color(text) { + $_small_gradient_color: darken($border_color, 10%); + $_big_gradient_color: w_color(text); + + @if $t==backdrop { $_small_gradient_color: backdrop($border_color); } + } + + $_small_gradient: -gtk-gradient(radial, + $_position, 0, + $_position, 0.5, + to($_small_gradient_color), + to(transparentize($_small_gradient_color, 1))); + + $_big_gradient: -gtk-gradient(radial, + $_position, 0, + $_position, 0.6, + from(transparentize($_big_gradient_color, 0.93)), + to(transparentize($_big_gradient_color, 1))); + + @if $t==normal { + background-image: $_small_gradient, $_big_gradient; + background-size: $_small_gradient_size, $_big_gradient_size; + } + + @else if $t==backdrop { + background-image: $_small_gradient; + background-size: $_small_gradient_size; + } + + background-repeat: no-repeat; + background-position: $_position; + + background-color: transparent; // reset some properties to be sure to not inherit them somehow + border: none; // + box-shadow: none; // +} + +scrolledwindow { + // This is used when content is touch-dragged past boundaries. + // draws a box on top of the content, the size changes programmatically. + overshoot { + &.top { + @include overshoot(top); + + &:backdrop { @include overshoot(top, backdrop); } + } + + &.bottom { + @include overshoot(bottom); + + &:backdrop { @include overshoot(bottom, backdrop); } + } + + &.left { + @include overshoot(left); + + &:backdrop { @include overshoot(left, backdrop); } + } + + &.right { + @include overshoot(right); + + &:backdrop { @include overshoot(right, backdrop); } + } + } + + // Overflow indication, works similarly to the overshoot, the size if fixed tho. + undershoot { + background-image: none; + border: none; + } +} \ No newline at end of file diff --git a/src/gtk320/widgets/_pathbar.scss b/src/gtk320/widgets/_pathbar.scss new file mode 100644 index 0000000..7c6dfd3 --- /dev/null +++ b/src/gtk320/widgets/_pathbar.scss @@ -0,0 +1,42 @@ +/************ + * Pathbars * + ************/ +.path-bar { + background-color: w_color(normal); + border-bottom: 1px solid $border_color; +} + +.path-bar button { + @include button(undecorated); + padding: 4px 8px; + color: w_color(text); + &:hover {border-color: b_color(hover); } + &:active, &:checked { + background-color: $border_color; + font-weight: normal; + } + &.text-button, &.image-button, & { + padding-left: 4px; + padding-right: 4px; + } + + &.text-button.image-button label { + padding-left: 0; + padding-right: 0; + } + + &.text-button.image-button, & { + label:last-child { padding-right: 8px; } + label:first-child { padding-left: 8px; } + } + + image { + padding-left: 4px; + padding-right: 4px; + } + + &.slider-button { + padding-left: 0; + padding-right: 0; + } +} diff --git a/src/gtk320/widgets/_progressbar.scss b/src/gtk320/widgets/_progressbar.scss new file mode 100644 index 0000000..9a3bd5e --- /dev/null +++ b/src/gtk320/widgets/_progressbar.scss @@ -0,0 +1,139 @@ +/***************** + * Progress bars * + *****************/ +progressbar { + // sizing + &.horizontal { + trough, + progress { min-height: 6px; } + } + + &.vertical { + trough, + progress { min-width: 6px; } + } + + // FIXME: insensitive state missing and some other state should be set probably + font-size: smaller; + color: transparentize(b_color(text), 0.7); + + trough { + border: 0px solid transparent; + border-radius: $r; + background-color: transparentize(b_color(text),0.7); + } + + &:backdrop trough { background-color: backdrop(transparentize(b_color(text),0.7)); } // looks like states are not passed to the trough component here + + progress { + background-color: s_color(normal); + border: 0px solid transparent; + border-radius: 3px; + box-shadow: none; //needed for clipping + } + + &:backdrop progress { background-color: backdrop(s_color(normal)); } // states not passed here as well + + &.osd { // progressbar.osd used for epiphany page loading progress + background-color: transparent; + } +} + +treeview.view { + &.progressbar { + border: 0px solid transparent; + border-radius: $r; + background-color: s_color(normal); + color: s_color(text); + background-image: none; + &:selected { + &:focus, & { + background-color: transparentize(s_color(text),0.75); + } + } + } + &.trough { + background-color: $trough_color; + &:selected { + &:focus, & { + background-color: transparentize(s_color(text),0.7); + } + } + } +} + +/************* + * Level Bar * + *************/ +levelbar { + block { + min-width: 32px; + min-height: 6px; + } + + &.vertical block { + min-width: 6px; + min-height: 32px; + } + + trough { + border: 1px solid; + padding: 2px; + border-radius: 3px; + @include entry(normal); + + &:backdrop { @include entry(backdrop); } + } + + &.horizontal.discrete block { margin: 0 1px; } + + &.vertical.discrete block { margin: 1px 0; } + + block:not(.empty) { + border: 1px solid s_color(normal); + background-color: s_color(normal); + box-shadow: none; + border-radius: 1px; + + &:backdrop { + border-color: backdrop(s_color(normal)); + background-color: backdrop(s_color(normal)); + } + } + + block { + &.low { + border-color: $warning_color; + background-color: $warning_color; + &:backdrop { + background-color: backdrop($warning_color); + border-color: backdrop($warning_color); + } + } + + &.high { + border-color: $success_color; + background-color: $success_color; + &:backdrop { + background-color: backdrop($success_color); + border-color: backdrop($success_color); + } + } + + &.full { + border-color: $success_color; + background-color: $success_color; + &:backdrop { + background-color: backdrop($success_color); + border-color: backdrop($success_color); + } + } + + &.empty { + background-color: transparentize(b_color(text),0.7); + border-color: transparent; + box-shadow: none; + &:backdrop { background-color: backdrop(transparentize(b_color(text),0.7)); } + } + } +} diff --git a/src/gtk320/widgets/_scale.scss b/src/gtk320/widgets/_scale.scss new file mode 100644 index 0000000..61628ae --- /dev/null +++ b/src/gtk320/widgets/_scale.scss @@ -0,0 +1,92 @@ +/************ + * GtkScale * + ************/ +scale { + + &.fine-tune { + &.trough { + margin: 8px; + border-radius: $r; + } + } + + slider { + min-width: 18px; + min-height: 18px; + background-color: b_color(normal); + border: 1px solid $border_color; + border-radius: 50%; + box-shadow: none; + margin: -9px; + &:hover { + border-style: solid; + border-width: 2px; + border-color: b_color(hover); + border-radius: 50%; // needed for double marks scales + &:backdrop { + background-color: backdrop(b_color(normal)); + border-color: backdrop(b_color(hover)); + } + } + &:disabled { + border-style: solid; // needed for double marks scales or they'll get + border-radius: 50%; // overridden + background-color: alpha2solid(insensitive(b_color(normal)),w_color(normal)); + border-color: insensitive($border_color); + &:backdrop { + background-color: alpha2solid(backdrop(insensitive(b_color(normal))),w_color(normal)); + border-color: backdrop(insensitive($border_color)); + } + } + &:active { + border: 2px solid b_color(active); + &:backdrop { + background-color: backdrop(b_color(normal)); + border-color: backdrop(b_color(active)); + } + } + &:backdrop { + background-color: backdrop(b_color(normal)); + border-color: backdrop($border_color); + } + } + trough { + min-width: 6px; + min-height: 6px; + margin: 9px; + border: 0px solid; + border-radius: $r; + background-color: $trough_color; + box-shadow: none; + + &:disabled, &.vertical:disabled { + border-color: insensitive($trough_color); + background-color: insensitive($trough_color); + box-shadow: none; + &:backdrop { + background-color: backdrop(insensitive($trough_color)); + border-color: backdrop(insensitive($trough_color)); + } + } + &:backdrop { + background-color: backdrop($trough_color); + border-color: backdrop($trough_color); + } + } + highlight { + border: 0px solid; + border-radius: 3px; + background-color: s_color(normal); + border-color: s_color(normal); + &.vertical { + background-color: s_color(normal); + border-color: s_color(normal); + } + &:disabled { background-color: insensitive(s_color(normal));} + &:backdrop { + background-color: backdrop(s_color(backdrop)); + border-color: backdrop(s_color(backdrop)); + &:disabled {background-color: backdrop(insensitive(s_color(normal)));} + } + } +} diff --git a/src/gtk320/widgets/_scrollbar.scss b/src/gtk320/widgets/_scrollbar.scss new file mode 100644 index 0000000..da26c1a --- /dev/null +++ b/src/gtk320/widgets/_scrollbar.scss @@ -0,0 +1,111 @@ +/************** + * Scrollbars * + **************/ + +scrollbar { + + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + + background-color: w_color(normal); + border-width: 0px 0px; + border-color: w_color(normal); + margin: 0px; + + button { + min-width: 14px; + min-height: 14px; + margin: 0px; + padding: 0px 0px; + border: none; + border-radius: 0px; + background-image: none; + background-color: transparent; + color: transparent; + box-shadow: none; + &:hover { + border: none; + background-image: none; + background-color: w_color(normal); + color: transparent; + } + &:active, + &:active:hover { + border: none; + background-image: none; + background-color: w_color(normal); + color: transparent; + } + &:disabled { + border: none; + background-color: w_color(normal); + background-image: none; + color: transparent; + } + &:backdrop { + @extend %undecorated_button; + color: backdrop(b_color(text)); + &:disabled {color: backdrop(insensitive(b_color(text)));} + @extend %undecorated_button; + } + } + + // Overlay Scrollbars + &.dragging, // if this isn't set, the scrollbars don't update their size correctly + &.hovering { opacity: 0.9910; } // probably a gtk bug + &.overlay-indicator:not(.dragging):not(.hovering) { opacity: 0.999; } // + + + &.overlay-indicator:not(.dragging):not(.hovering) { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + + slider { + min-width: 6px; + border-radius: 8px; + background-color: transparentize($scrollbar_color, 0.2); + &:backdrop { background-color: backdrop($scrollbar_color); } + } + + &.horizontal slider { min-height: 6px;} + } + + &.overlay-indicator { + background: none; + } + + trough { + //margin: 0px; + transition-duration: 0.1s; + min-width: 6px; + min-height: 14px; + border: 0px solid w_color(normal); + border-radius: 8px; + background-color: transparent; + } + + &:hover { + trough { + background-color: backdrop($trough_color); + box-shadow: inset 0px 0px 0px 5px w_color(normal); + } + } + + slider { + //margin: 0px; + transition-duration: 0.1s; + min-width: 6px; + min-height: 30px; + border: 5px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: $scrollbar_color; + &:hover { background-color: b_color(hover); } + &:backdrop { background-color: backdrop($scrollbar_color); } + &:backdrop:disabled { background-color: backdrop(insensitive($scrollbar_color)); } + } + &.horizontal slider { + min-width: 30px; + min-height: 6px; + } +} diff --git a/src/gtk320/widgets/_sidebar.scss b/src/gtk320/widgets/_sidebar.scss new file mode 100644 index 0000000..d8801a9 --- /dev/null +++ b/src/gtk320/widgets/_sidebar.scss @@ -0,0 +1,122 @@ +/*********** + * Sidebar * + ***********/ + +.sidebar { + border: none; + background-color: w_color(normal); + &:selected { + @extend %selected_items; + } + &:backdrop { background-color: backdrop(w_color(normal))} +} + +// Places sidebar is a special case, since the view here have to look like chrome not content, so we override text color +placessidebar { + > viewport.frame { border-style: none; } + + row { + // Needs overriding of the GtkListBoxRow padding + min-height: 36px; + padding: 0px; + + // Using margins/padding directly in the SidebarRow + // will make the animation of the new bookmark row jump + > revealer { padding: 0 14px; } + + &:selected { color: s_color(text); } + + &:disabled { color: insensitive(w_color(text)); } + + &:backdrop { + color: backdrop(w_color(text)); + + &:selected { color: backdrop(s_color(normal)); } + + &:disabled { color: backdrop(insensitive(w_color(text))); } + } + + image.sidebar-icon { + + &:dir(ltr) { padding-right: 8px; } + &:dir(rtl) { padding-left: 8px; } + } + + label.sidebar-label { + &:dir(ltr) { padding-right: 2px; } + &:dir(rtl) { padding-left: 2px; } + } + + @at-root button.sidebar-button { + @extend %button_basic.flat; + + @extend %undecorated_button; + + min-height: 26px; + min-width: 26px; + margin-top: 3px; + margin-bottom: 3px; + padding: 0; + + } + + // in the sidebar case it makes no sense to click the selected row + &:selected:active { box-shadow: none; } + + &.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: none; + background-clip: content-box; + } + + &.sidebar-new-bookmark-row { color: s_color(normal); } + + // &:drop(active):not(:disabled) { + // color: $drop_target_color; + // box-shadow: inset 0 1px $drop_target_color, + // inset 0 -1px $drop_target_color; + // + // &:selected { + // color: $selected_fg_color; + // background-color: $drop_target_color; + // } + // } + } +} + +placesview { + .server-list-button > image { + transition: 200ms $ease-out-quad; + -gtk-icon-transform: rotate(0turn); + } + + .server-list-button:checked > image { + transition: 200ms $ease-out-quad; + -gtk-icon-transform: rotate(-0.5turn); + } + + row.activatable:hover { background-color: transparent; } + + // this selects the "connect to server" label + > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; + } +} + +stacksidebar { + &.sidebar { + row { + padding: 10px 4px; + > label { + padding-left: 6px; + padding-right: 6px; + } + &.needs-attention > .label { + @extend %needs_attention; + background-size: 6px 6px, 0 0; + } + } + } +} diff --git a/src/gtk320/widgets/_spinbutton.scss b/src/gtk320/widgets/_spinbutton.scss new file mode 100644 index 0000000..2196662 --- /dev/null +++ b/src/gtk320/widgets/_spinbutton.scss @@ -0,0 +1,157 @@ +/***************** + * GtkSpinButton * + *****************/ + spinbutton { + &:not(.vertical) { + // in this horizontal configuration, the whole spinbutton + // behaves as the entry, so we extend the entry styling + // and nuke the style on the internal entry + @extend %entry; + + padding: 0; + + entry { + min-width: 28px; + // reset all the other props since the spinbutton node is styled here + margin: 0; + background: none; + background-color: transparent; + border: none; + border-radius: 0; + box-shadow: none; + + &:backdrop:disabled { background-color: transparent; } + } + + button { + min-height: 16px; + margin: 0; + padding-bottom: 0; + padding-top: 0; + color: v_color(text); + background-image: none; + background-color: transparent; + border-style: none; + box-shadow: none; + + &:hover { + color: v_color(hover); + } + + &:disabled { + color: insensitive(v_color(text)); + } + + &:active { + color: v_color(active); + box-shadow: none; + } + + &:backdrop { + color: backdrop(v_color(text)); + background-color: transparent; + } + + &:backdrop:disabled { + color: backdrop(insensitive(v_color(text))); + background-color: transparent; + border-style: none; // It is needed or it gets overridden + } + + &:dir(ltr):last-child { border-radius: 0 3px 3px 0; } + + &:dir(rtl):first-child { border-radius: 3px 0 0 3px; } + } + } + + // Vertical + &.vertical { + // in the vertical configuration, we treat the spinbutton + // as a box, and tweak the style of the entry in the middle + // so that it's linked + + // FIXME: this should not be set at all, but otherwise it gets the wrong + // color + &:disabled { color: insensitive(v_color(text)); } + + &:backdrop:disabled { color: backdrop(insensitive(v_color(text))); } + + &:drop(active) { + border-color: transparent; + box-shadow: none; + } + + entry { + margin: 0px; + min-height: 26px; + min-width: 26px; + border-style: none solid none solid; + border-color: $border_color; + padding: 0; + border-radius: 0; + &:disabled { + color: insensitive(v_color(text)); + background-color: insensitive(v_color(normal)); + border-color: insensitive($border_color); + } + &:backdrop:disabled { + color: backdrop(insensitive(v_color(text))); + background-color: backdrop(insensitive(v_color(normal))); + border-color: backdrop(insensitive($border_color)); + } + } + + button { + min-height: 26px; + min-width: 26px; + padding: 0; + box-shadow: none; + background-image: none; + background-color: v_color(normal); + color: v_color(text); + border-color: $border_color; + &:hover { color: v_color(hover);} + &:active { color: v_color(active);} + &:disabled { + color: insensitive(v_color(text)); + background-color: insensitive(v_color(normal)); + border-color: insensitive($border_color); + } + &:backdrop:disabled { + color: backdrop(insensitive(v_color(text))); + background-color: backdrop(insensitive(v_color(normal))); + border-color: backdrop(insensitive($border_color)); + } + + &.up { + @extend %top_button; + } + + &.down { + @extend %bottom_button; + } + } + + %top_button { + border-radius: 3px 3px 0 0; + border-style: solid solid none solid; + } + + %bottom_button { + border-radius: 0 0 3px 3px; + border-style: none solid solid solid; + } + } + + // Misc + treeview &:not(.vertical) { + min-height: 0; + border-style: none; + border-radius: 0; + + entry { + min-height: 0; + padding: 1px 2px; + } + } + } diff --git a/src/gtk320/widgets/_switch.scss b/src/gtk320/widgets/_switch.scss new file mode 100644 index 0000000..16ae11b --- /dev/null +++ b/src/gtk320/widgets/_switch.scss @@ -0,0 +1,52 @@ +/********** + * Switch * + **********/ + +switch { + margin: 2px; + font-weight: bold; + font-size: smaller; + min-width: 48px; + min-height: 24px; + border: 0px solid; + border-radius: 12px; + color: transparent; + background-color: transparentize(b_color(text),0.7); + text-shadow: none; + + &:checked { + background-color: s_color(normal); + } + + &:backdrop { + background-color: backdrop(transparentize(b_color(text),0.7)); + text-shadow: none; + + &:checked { + background-color: backdrop(s_color(normal)); + } + } + + slider { + min-width: 22px; + min-height: 22px; + border: 1px solid; + border-radius: 11px; + background-color: w_color(normal); + border-color: $border_color; + } + + &:hover slider { border-color: b_color(hover); } + + &:disabled slider { + background-color:insensitive(w_color(normal)); + } + + &:backdrop { + slider { + background-color: backdrop(w_color(normal)); + } + + &:disabled slider { background-color: backdrop(insensitive(w_color(normal))); } + } +} diff --git a/src/gtk320/widgets/_toolbar.scss b/src/gtk320/widgets/_toolbar.scss new file mode 100644 index 0000000..7e53a89 --- /dev/null +++ b/src/gtk320/widgets/_toolbar.scss @@ -0,0 +1,70 @@ +/************ + * Toolbars * + ************/ + %toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: w_color(normal); +} +toolbar { + @extend %toolbar; + padding: 4px 3px 3px 4px; + &:backdrop { + background-color: backdrop(w_color(normal)); + box-shadow: none; + } + button { + margin: 2px; + padding: 3px; + &.image-button, &.text-button.image-button { + padding: 3px; + } + } + separator { + margin-left: 3px; + margin-right: 3px; + } + entry { + margin: 3px; + } + // on OSD + .osd & { background-color: transparent; } + &.osd { + padding: 13px; + border: none; + border-radius: $r; + background-color: w_color(normal); + &:backdrop { + border-color: backdrop($border_color); + background-color: backdrop(w_color(normal)); + box-shadow: none; + } + &.left, + &.right, + &.top, + &.bottom { border-radius: 0; } // positional classes for `attached` osd toolbars + } +} + +//searchbar, location-bar & inline-toolbar +.inline-toolbar { + @extend %toolbar; + @extend %inset-bar; + border-width: 0px 0px 1px 0px; + padding: 3px; + border-radius: 0; +} +searchbar, +.location-bar { + @extend %toolbar; + @extend %inset-bar; + border-width: 0px 0px 1px 0px; + padding: 3px; +} + +%inset-bar { + border-style: solid; + border-color: $border_color; + text-shadow: none; + background-color: w_color(normal); +} diff --git a/src/gtk320/widgets/_tooltips.scss b/src/gtk320/widgets/_tooltips.scss new file mode 100644 index 0000000..b8d9e7c --- /dev/null +++ b/src/gtk320/widgets/_tooltips.scss @@ -0,0 +1,30 @@ +/************ + * Tooltips * + ************/ + +tooltip { + &.background { + // background-color needs to be set this way otherwise it gets drawn twice + // see https://bugzilla.gnome.org/show_bug.cgi?id=736155 for details. + background-color: tooltip(background); + background-clip: padding-box; + } + + color: tooltip(text); + padding: 4px; /* not working */ + border-radius: $r; + box-shadow: none; // otherwise it gets inherited by windowframe.csd + text-shadow: none; + border: 1px solid tooltip(border); + &.window-frame.csd { + background-color: transparent; + box-shadow: none; + } + decoration { background-color: transparent; } +} + +tooltip * { //Yeah this is ugly + padding: 0px; + background-color: transparent; + color: tooltip(text); // just to be sure +} diff --git a/src/gtk320/widgets/_treeview.scss b/src/gtk320/widgets/_treeview.scss new file mode 100644 index 0000000..d11742a --- /dev/null +++ b/src/gtk320/widgets/_treeview.scss @@ -0,0 +1,135 @@ + + +/************** + * Tree Views * + **************/ +treeview.view { + -GtkTreeView-grid-line-width: 0; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; + + border-left-color: $border_color; // this is actually the tree lines color, + border-top-color: transparent; // while this is the grid lines color, better then nothing + + rubberband { @extend rubberband; } // to avoid borders being overridden by the previously set props + + &:selected { border-radius: 0; } // rest border radius in lists + + &:selected { + background-color: s_color(normal); + border-left-color: s_color(text); + border-top-color: s_color(text); // doesn't work unfortunatelly + } + &:backdrop:selected { + background-color: backdrop(s_color(backdrop)); + border-left-color: backdrop(s_color(text)); + border-top-color: backdrop(s_color(text)); + } + + &:disabled { + color: insensitive($border_color); + &:selected { + color: insensitive(s_color(text)); + &:backdrop { color: backdrop(insensitive(s_color(text))); } + } + &:backdrop { color: backdrop(insensitive($border_color)); } + } + &.separator { + min-height: 2px; + color: $border_color; + } + &.separator:backdrop { + color: backdrop($border_color); + } + + &:backdrop { + border-left-color: backdrop($border_color); + } + + &:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: b_color(hover); + } + + &.expander { + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + color: v_color(text); + &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-start-symbolic'); }; + &:hover { color: b_color(hover); } + &:selected { color: s_color(text); } + &:checked { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + &:selected { color: s_color(text); } + &:backdrop { color: backdrop(v_color(normal)); } + } + &:backdrop { color: backdrop(v_color(normal)); } + } + header { + button { + @extend %column_header_button; + color: b_color(text); + background-color: b_color(normal); + text-shadow: none; + box-shadow: none; + &:hover { + @extend %column_header_button; + color: b_color(text); + background-color: transparentize(b_color(hover), 0.5); + box-shadow: none; + transition: none; //I shouldn't need this + } + &:active { + @extend %column_header_button; + color: b_color(text); + background-color: transparentize(b_color(hover), 0.5); + transition: none; //I shouldn't need this + } + } + button:last-child { &:backdrop, & { border-right-style: none; }} + } + button.dnd, + header.button.dnd { // for treeview-like derive widgets + &:active, &:selected, &:hover, & { + padding: 0 6px; + color: s_color(text); + background-image: none; + background-color: s_color(normal); + border-style: none; + border-radius: 0; + box-shadow: none; + text-shadow: none; + transition: none; + } + } +} + +%column_header_button { + padding: 6px; + border-style: none solid solid none; + border-radius: 0; + background-image: none; + border-color: $border_color; + text-shadow: none; + &:disabled { + border-color: insensitive($border_color); + color: insensitive(b_color(text)); + background-color: insensitive(b_color(normal)); + background-image: none; + } + &:backdrop { + border-color: backdrop($border_color); + border-style: none solid solid none; + color: backdrop(b_color(text)); + background-image: none; + background-color: backdrop(b_color(normal)); + &:disabled { + border-color: backdrop(insensitive($border_color)); + background-image: none; + background-color: backdrop(insensitive(b_color(normal))); + color: backdrop(insensitive(b_color(text))); + } + } +} diff --git a/src/gtk320/widgets/_window_decorations.scss b/src/gtk320/widgets/_window_decorations.scss new file mode 100644 index 0000000..23b41c4 --- /dev/null +++ b/src/gtk320/widgets/_window_decorations.scss @@ -0,0 +1,178 @@ +/********************** + * Window Decorations * + *********************/ + +decoration { + + //border: 1px solid transparent; + border-radius: $r $r 0 0; + border-width: 0px; + box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5); + + /* this is used for the resize cursor area */ + margin: 10px; + + .maximized &, + .fullscreen &, + .tiled & { + border-radius: 0; + } + .popup & { + border-radius: $r; + box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1) + } + // server-side decorations as used by mutter + .ssd &{ + box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.1); + } + .csd & { + border-radius: $r; + &.popup { + box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1) + } + &.tooltip { + box-shadow: none; + } + &.message-dialog { + box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5) + } + } + .solid-csd & { + border-radius: 0; + margin: 0; + padding: 1px; + border: none; + background-color: t_color(background-light); + box-shadow: none; + } +} + +headerbar, +.titlebar { + &.default-decoration button.titlebutton { + padding: 1px; + min-height: 18px; + min-width: 18px; + margin: 0; + } + button.titlebutton { + padding: 1px; + &:hover, + &:active, + &:checked, + &:backdrop, + &:active:hover { + transition: none; + } + + &.close { + padding: 1px; + color: transparent; + border-image: none; + box-shadow: none; + background-position: center; + background-repeat: no-repeat; + background-image: -gtk-scaled(url('../assets/titlebutton-close.png'),url('../assets/titlebutton-close@2.png')); + } + &.close:hover { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url('../assets/titlebutton-close-hover.png'),url('../assets/titlebutton-close-hover@2.png')); + } + &.close:active { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url('../assets/titlebutton-close-active.png'),url('../assets/titlebutton-close-active@2.png')); + } + &.close:backdrop { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url('../assets/titlebutton-close-backdrop.png'),url('../assets/titlebutton-close-backdrop@2.png')); + } + + &.maximize { + padding: 1px; + color: transparent; + border-image: none; + box-shadow: none; + background-position: center; + background-repeat: no-repeat; + background-image: -gtk-scaled(url('../assets/titlebutton-maximize.png'),url('../assets/titlebutton-maximize@2.png')); + } + &.maximize:hover { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url('../assets/titlebutton-maximize-hover.png'),url('../assets/titlebutton-maximize-hover@2.png')); + } + &.maximize:active { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url('../assets/titlebutton-maximize-active.png'),url('../assets/titlebutton-maximize-active@2.png')); + } + &.maximize:backdrop { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url('../assets/titlebutton-maximize-backdrop.png'),url('../assets/titlebutton-maximize-backdrop@2.png')); + } + + &.minimize { + padding: 1px; + color: transparent; + border-image: none; + box-shadow: none; + background-position: center; + background-repeat: no-repeat; + background-image: -gtk-scaled(url('../assets/titlebutton-minimize.png'),url('../assets/titlebutton-minimize@2.png')); + } + &.minimize:hover { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url('../assets/titlebutton-minimize-hover.png'),url('../assets/titlebutton-minimize-hover@2.png')); + } + &.minimize:active { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url('../assets/titlebutton-minimize-active.png'),url('../assets/titlebutton-minimize-active@2.png')); + } + &.minimize:backdrop { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url('../assets/titlebutton-minimize-backdrop.png'),url('../assets/titlebutton-minimize-backdrop@2.png')); + } + } + + .maximized & { + button.titlebutton { + &.maximize { + padding: 1px; + color: transparent; + border-image: none; + box-shadow: none; + background-position: center; + background-repeat: no-repeat; + background-image: -gtk-scaled(url('../assets/titlebutton-maximize-maximized.png'),url('../assets/titlebutton-maximize-maximized@2.png')); + } + &.maximize:hover { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url('../assets/titlebutton-maximize-maximized-hover.png'),url('../assets/titlebutton-maximize-maximized-hover@2.png')); + } + &.maximize:active { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url('../assets/titlebutton-maximize-maximized-active.png'),url('../assets/titlebutton-maximize-maximized-active@2.png')); + } + &.maximize:backdrop { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url('../assets/titlebutton-maximize-maximized-backdrop.png'),url('../assets/titlebutton-maximize-maximized-backdrop@2.png')); + } + } + } +} + +headerbar.selection-mode button.titlebutton, +.titlebar.selection-mode button.titlebutton { + text-shadow: none; + &:backdrop { -gtk-icon-shadow: none; } +} diff --git a/src/render_assets.py b/src/render_assets.py new file mode 100755 index 0000000..da6bbbd --- /dev/null +++ b/src/render_assets.py @@ -0,0 +1,863 @@ +#!/usr/bin/env python3 +import cairo +import colorsys +from math import pi +import os +import errno +import sys +import re +import argparse + + +def make_sure_path_exists(path): + try: + os.makedirs(path) + except FileExistsError as exception: + pass + pass + + +class ReadKdeGlobals(): + def __init__(self): + self._colors = {} + self._colors = self.read_globals( + '/usr/share/color-schemes/Breeze.colors') + + def read_globals(self, filename): + with open(filename, 'r') as _kde: + for widget in ['Disabled', 'Inactive', 'Button', 'Selection', + 'Tooltip', 'View', 'Window', 'WM']: + for line in _kde: + if line.strip().split(':')[-1].strip('[]') == widget: + break + for line in _kde: + if line == '\n': + break + key = '{0}{1}'.format(widget, line.strip().split('=')[0]) + value = line.strip().split('=')[1] + if value == '': + continue + self._colors[key] = value + return self._colors + + +class Color(object): + def __init__(self, colordict, name, name2=None, amount=0): + color = colordict[name] + self.colordict = colordict + + r = float(color.split(',')[0]) + g = float(color.split(',')[1]) + b = float(color.split(',')[2]) + if name2 is not None: + color2 = colordict[name2] + r = r * amount + float(color2.split(',')[0]) * (1 - amount) + g = g * amount + float(color2.split(',')[1]) * (1 - amount) + b = b * amount + float(color2.split(',')[2]) * (1 - amount) + + self.rgb255 = (int(r), int(g), int(b)) + self.rgb = (r/255, g/255, b/255) + self.html = '#%02x%02x%02x' % self.rgb255 + self.insensitive = self._color_effect( + self._intensity_effect(self.rgb, 'Disabled'), 'Disabled') + self.insensitive_alpha = self._contrast_effect(self.rgb, 'Disabled') + + if self.colordict['InactiveEnable'] == 'false': + self.inactive = self.rgb + self.inactive_alpha = 1.0 + else: + self.inactive = self._color_effect( + self._intensity_effect(self.rgb, 'Inactive'), 'Inactive') + self.inactive_alpha = self._contrast_effect(self.rgb, 'Inactive') + self.inactive_insensitive = self._color_effect( + self._intensity_effect(self.inactive, 'Disabled'), 'Disabled') + self.inactive_insensitive_alpha = max( + self.inactive_alpha - (1 - self.insensitive_alpha), 0) + + def _mix(self, color, mix_color, amount): + r = color[0] * amount + mix_color[0] * (1 - amount) + g = color[1] * amount + mix_color[1] * (1 - amount) + b = color[2] * amount + mix_color[2] * (1 - amount) + return (r, g, b) + + def _lighter(self, color, amount): + h, s, v = colorsys.rgb_to_hsv(color[0], color[1], color[2]) + v = min((1+amount)*v, 1) + r, g, b = colorsys.hsv_to_rgb(h, s, v) + return (r, g, b) + + def _darker(self, color, amount): + h, s, v = colorsys.rgb_to_hsv(color[0], color[1], color[2]) + if amount == -1: + v = 1 + else: + v = min(v/(1+amount), 1) + r, g, b = colorsys.hsv_to_rgb(h, s, v) + return (r, g, b) + + def _desaturate(self, color, amount): + h, s, v = colorsys.rgb_to_hsv(color[0], color[1], color[2]) + s = min(s * (1 - amount), 1) + r, g, b = colorsys.hsv_to_rgb(h, s, v) + return (r, g, b) + + def _intensity_effect(self, color, state): + effect = int(self.colordict[state + 'IntensityEffect']) + amount = float(self.colordict[state + 'IntensityAmount']) + if effect == 0: + (r, g, b) = color + elif effect == 1: + if amount >= 0: + (r, g, b) = self._mix((1.0, 1.0, 1.0), color, amount) + else: + (r, g, b) = self._mix((0.0, 0.0, 0.0), color, amount) + elif effect == 2: + (r, g, b) = self._darker(color, amount) + elif effect == 3: + (r, g, b) = self._lighter(color, amount) + return (r, g, b) + + def _color_effect(self, color, state): + effect = int(self.colordict[state + 'ColorEffect']) + amount = float(self.colordict[state + 'ColorAmount']) + effect_color = self.colordict[state + 'Color'] + effect_color = (float(effect_color.split(',')[0])/255, + float(effect_color.split(',')[1])/255, + float(effect_color.split(',')[2])/255) + if effect == 0: + (r, g, b) = color + elif effect == 1: + (r, g, b) = self._desaturate(color, amount) + else: + (r, g, b) = self._mix(effect_color, color, amount) + return (r, g, b) + + def _contrast_effect(self, color, state): + effect = int(self.colordict[state + 'ContrastEffect']) + amount = float(self.colordict[state + 'ContrastAmount']) + if effect == 0: + return 1.0 + else: + return 1.0 - amount + + def lighten_color(self, amount): + h, s, v = colorsys.rgb_to_hsv(self.rgb[0], self.rgb[1], self.rgb[2]) + v = (1+amount)*v + r, g, b = colorsys.hsv_to_rgb(h, s, v) + self.rgb = (r, g, b) + self.rgb255 = (int(r*255), int(g*255), int(b*255)) + + def gradient(self, state='', alpha=1.0): + if state == 'active': + stop1 = self._lighter(self.rgb, 0.03) + stop2 = self._darker(self.rgb, 0.10) + linear = cairo.LinearGradient(1, 1, 1, 19) + linear.add_color_stop_rgba( + 0.0, stop1[0], stop1[1], stop1[2], alpha) + linear.add_color_stop_rgba( + 1.0, stop2[0], stop2[1], stop2[2], alpha) + else: + stop1 = self._lighter(self.rgb, 0.01) + stop2 = self._darker(self.rgb, 0.03) + linear = cairo.LinearGradient(1, 1, 1, 19) + linear.add_color_stop_rgba( + 0.0, stop1[0], stop1[1], stop1[2], alpha) + linear.add_color_stop_rgba( + 1.0, stop2[0], stop2[1], stop2[2], alpha) + return linear + + +class Assets(object): + def __init__(self, width, height, scl=1, rotation=0, filename='png'): + self.w = width + self.h = height + if filename == 'png': + self.surface = cairo.ImageSurface( + cairo.FORMAT_ARGB32, scl*width, scl*height) + else: + self.surface = cairo.SVGSurface(os.path.join( + assets_path, filename), scl*width, scl*height) + cr = self.cr = cairo.Context(self.surface) + if rotation != 0: + cr.translate(scl*width/2, scl*height/2) + cr.rotate(rotation*pi/2) + cr.translate(-scl*width/2, -scl*height/2) + cr.scale(scl, scl) + + def background(self, color): + self.cr.rectangle(0, 0, self.w, self.h) + self.cr.set_source_rgb(color[0], color[1], color[2]) + self.cr.fill() + + def line(self, color, x, y, width, height): + self.cr.rectangle(x, y, width, height) + self.cr.set_source_rgb(color[0], color[1], color[2]) + self.cr.fill() + + def rounded_rectancle(self, color, width, height, x, y, radius, alpha=1.0, + gradient=False): + self.cr.new_sub_path() + self.cr.arc(x + width - radius, y + radius, radius, -pi/2, 0) + self.cr.arc(x + width - radius, y + height - radius, radius, 0, pi/2) + self.cr.arc(x + radius, y + height - radius, radius, pi/2, pi) + self.cr.arc(x + radius, y + radius, radius, pi, 3*pi/2) + self.cr.close_path() + if gradient: + self.cr.set_source(color) + elif color is None: + self.cr.set_operator(cairo.OPERATOR_CLEAR) + elif color == 'shadow': + self.cr.set_source_rgba(0.0, 0.0, 0.0, 0.15) + else: + self.cr.set_source_rgba(color[0], color[1], color[2], alpha) + self.cr.fill() + + def rounded_triangle(self, color, width, height, x, y, radius, alpha=1.0): + self.cr.new_sub_path() + self.cr.move_to(x + width, y) + self.cr.line_to(x + width, y + height - radius) + self.cr.arc(x + width - radius, y + height - radius, radius, 0, pi/2) + self.cr.line_to(x, y + height) + self.cr.close_path() + self.cr.set_source_rgba(color[0], color[1], color[2], alpha) + self.cr.fill() + + def circle(self, color, x, y, radius, alpha=1.0, gradient=False): + self.cr.new_sub_path() + self.cr.arc(x, y, radius, 0, 2*pi) + self.cr.close_path() + if gradient: + self.cr.set_source(color) + elif color is None: + self.cr.set_operator(cairo.OPERATOR_CLEAR) + elif color == 'shadow': + self.cr.set_source_rgba(0.0, 0.0, 0.0, 0.15) + else: + self.cr.set_source_rgba(color[0], color[1], color[2], alpha) + self.cr.fill() + + def half_circle(self, color, x, y, radius, alpha=1.0): + self.cr.new_sub_path() + self.cr.arc(x, y, radius, -pi/4, 3*pi/4) + self.cr.close_path() + self.cr.set_source_rgba(color[0], color[1], color[2], alpha) + self.cr.fill() + + def arrow(self, color, alpha=1.0, shiftx=0, shifty=0): + self.cr.new_sub_path() + self.cr.move_to(shiftx + 1, shifty + 8) + self.cr.line_to(shiftx + 6, shifty + 3) + self.cr.line_to(shiftx + 11, shifty + 8) + self.cr.set_source_rgba(color[0], color[1], color[2], alpha) + self.cr.set_line_width(1.0) + self.cr.stroke() + + def arrow_small(self, color, alpha=1.0): + self.cr.new_sub_path() + self.cr.move_to(1, 6) + self.cr.line_to(4, 3) + self.cr.line_to(7, 6) + self.cr.set_source_rgba(color[0], color[1], color[2], alpha) + self.cr.set_line_width(1.0) + self.cr.stroke() + + def tab(self, color, width, height, x, y, radius, alpha=1.0): + self.cr.move_to(width + x, y) + self.cr.line_to(width + x, height - radius + y) + self.cr.arc(width - radius + x, height - radius + y, radius, 0, pi/2) + self.cr.line_to(radius + x, height + y) + self.cr.arc(radius + x, height - radius + y, radius, pi/2, pi) + self.cr.line_to(x, y) + self.cr.close_path + if color is None: + self.cr.set_operator(cairo.OPERATOR_CLEAR) + else: + self.cr.set_source_rgba(color[0], color[1], color[2], alpha) + self.cr.fill() + + def spinbutton(self, color, width, height, x, y, radius, alpha=1.0): + self.cr.move_to(width + x, y) + self.cr.line_to(width + x, height - radius + y) + self.cr.arc(width - radius + x, height - radius + y, radius, 0, pi/2) + self.cr.line_to(x, height + y) + self.cr.line_to(x, y) + self.cr.close_path() + if color is None: + self.cr.set_operator(cairo.OPERATOR_CLEAR) + else: + self.cr.set_source_rgba(color[0], color[1], color[2], alpha) + self.cr.fill() + + def notebook(self, color, width, height, x, y, radius): + self.cr.move_to(x, y) + self.cr.line_to(x + width - radius, y) + self.cr.arc(x + width - radius, y + radius, radius, -pi/2, 0) + self.cr.line_to(x + width, y + height-radius) + self.cr.arc(x + width - radius, y + height - radius, radius, 0, pi/2) + self.cr.line_to(x + radius, y + height) + self.cr.arc(x + radius, y + height - radius, radius, pi/2, pi) + self.cr.close_path() + self.cr.set_source_rgb(color[0], color[1], color[2]) + self.cr.fill() + + def minimize(self, color=None): + self.cr.move_to(4, 7) + self.cr.line_to(9, 12) + self.cr.line_to(14, 7) + if color is None: + self.cr.set_operator(cairo.OPERATOR_CLEAR) + else: + self.cr.set_source_rgb(color[0], color[1], color[2]) + self.cr.set_line_width(1.0) + self.cr.stroke() + + def maximize(self, color=None): + self.cr.move_to(4, 11) + self.cr.line_to(9, 6) + self.cr.line_to(14, 11) + if color is None: + self.cr.set_operator(cairo.OPERATOR_CLEAR) + else: + self.cr.set_source_rgb(color[0], color[1], color[2]) + self.cr.set_line_width(1.0) + self.cr.stroke() + + def maximize_maximized(self, color=None): + self.cr.move_to(4.5, 9) + self.cr.line_to(9, 4.5) + self.cr.line_to(13.5, 9) + self.cr.line_to(9, 13.5) + self.cr.close_path() + if color is None: + self.cr.set_operator(cairo.OPERATOR_CLEAR) + else: + self.cr.set_source_rgb(color[0], color[1], color[2]) + self.cr.set_line_width(1.0) + self.cr.stroke() + + def close(self, color=None): + self.cr.move_to(5, 5) + self.cr.line_to(13, 13) + self.cr.move_to(13, 5) + self.cr.line_to(5, 13) + if color is None: + self.cr.set_operator(cairo.OPERATOR_CLEAR) + else: + self.cr.set_source_rgb(color[0], color[1], color[2]) + self.cr.set_line_width(1.0) + self.cr.stroke() + + def save(self, filename): + self.surface.write_to_png(os.path.join(assets_path, filename)) + + +def check_items(color1, color2, state, alpha=1.0): + for scl in [1, 2]: + if scl == 2: + ending = '@2.png' + else: + ending = '.png' + # checkboxes + box = Assets(20, 20, scl) + box.rounded_rectancle('shadow', 18, 18, 2, 2, 3) + box.rounded_rectancle(color2, 18, 18, 1, 1, 3) + box.rounded_rectancle(color1, 18, 18, 1, 1, 3, alpha=alpha) + box.rounded_rectancle(color2, 16, 16, 2, 2, 2) + box.save('check-unchecked' + state + ending) + if state != '': + box.rounded_rectancle(color1, 12, 12, 4, 4, 1, alpha=alpha) + box.save('check-checked' + state + ending) + box.rounded_triangle(color2, 8, 8, 6, 6, 1, alpha=alpha) + box.save('check-mixed' + state + ending) + + # radio + radio = Assets(20, 20, scl) + radio.circle('shadow', 11, 11, 9) + radio.circle(color2, 10, 10, 9) + radio.circle(color1, 10, 10, 9, alpha=alpha) + radio.circle(color2, 10, 10, 8) + radio.save('radio-unchecked' + state + ending) + if state != '': + radio.circle(color1, 10, 10, 6, alpha=alpha) + radio.save('radio-checked' + state + ending) + radio.half_circle(color2, 10, 10, 4, alpha=alpha) + radio.save('radio-mixed' + state + ending) + + # selectionmode + selectionmode = Assets(40, 40, scl) + selectionmode.rounded_rectancle('shadow', 18, 18, 12, 12, 3) + selectionmode.rounded_rectancle(color2, 18, 18, 11, 11, 3) + selectionmode.rounded_rectancle(color1, 18, 18, 11, 11, 3, alpha=alpha) + selectionmode.rounded_rectancle(color2, 16, 16, 12, 12, 2) + selectionmode.save('check-selectionmode-unchecked' + state + ending) + if state != '': + selectionmode.rounded_rectancle( + color1, 12, 12, 14, 14, 1, alpha=alpha) + selectionmode.save('check-selectionmode-checked' + state + ending) + + +def buttons(color1, color2, color3, state, alpha=1.0): + button = Assets(20, 20) + button.rounded_rectancle('shadow', 18, 18, 2, 2, 3) + button.rounded_rectancle(color1, 18, 18, 1, 1, 3) + button.rounded_rectancle(color2, 18, 18, 1, 1, 3, alpha=alpha) + if state == '-active': + button.rounded_rectancle(color3, 18, 18, 1, 1, 3, gradient=True) + else: + button.rounded_rectancle(color1, 16, 16, 2, 2, 2) + button.rounded_rectancle(color3, 16, 16, 2, 2, 2, gradient=True) + button.save('button' + state + '.png') + + +def togglebuttons(color1, color2, color3, state, alpha=1.0): + button = Assets(20, 20) + button.rounded_rectancle(color1, 18, 18, 1, 1, 3) + button.rounded_rectancle(color2, 18, 18, 1, 1, 3, alpha=alpha) + if state == '-active': + button.rounded_rectancle(color3, 18, 18, 1, 1, 3, gradient=True) + else: + button.rounded_rectancle(color1, 16, 16, 2, 2, 2) + button.rounded_rectancle(color3, 16, 16, 2, 2, 2, gradient=True) + button.save('togglebutton' + state + '.png') + + +def scale_slider(color1, color2, color3, state, alpha=1.0): + scale = Assets(20, 20) + scale.circle(color1, 10, 10, 10) + scale.circle(color2, 10, 10, 10, alpha=alpha) + scale.circle(color1, 10, 10, 9) + scale.circle(color3, 10, 10, 9, gradient=True) + scale.save('scale-slider' + state + '.png') + + +def scale_trough(color): + trough_h = Assets(20, 20) + trough_h.rounded_rectancle(color, 20, 6, 0, 7, 3) + trough_h.save('scale-trough-horizontal.png') + + trough_h = Assets(20, 20) + trough_h.rounded_rectancle(color, 6, 20, 7, 0, 3) + trough_h.save('scale-trough-vertical.png') + + +def tabs(color1, color2, state): + if state == '-inactive': + alpha = 0.2 + else: + alpha = 1.0 + direction = ['-bottom', '-left', '-top', '-right'] + for i in range(0, 4): + tab = Assets(20, 20, rotation=i) + tab.tab(color1, 20, 20, 0, 0, 3, alpha) + if state == '-active': + tab.tab(color2, 18, 19, 1, 0, 2) + tab.save('tab' + direction[i] + state + '.png') + + +def arrows(color, state, alpha=1.0): + direction = ['-up', '-right', '-down', '-left'] + for i in range(0, 4): + arw = Assets(12, 12, rotation=i) + arw.arrow(color, alpha) + arw.save('arrow' + direction[i] + state + '.png') + + arw = Assets(8, 8, rotation=i) + arw.arrow_small(color, alpha) + arw.save('arrow-small' + direction[i] + state + '.png') + + +def menu_arrow(color, state, alpha=1.0): + arrow = Assets(12, 12, rotation=1) + arrow.arrow(color, alpha) + arrow.save('menu-arrow' + state + '.png') + + +def scrollbar_slider(color1, color2, color3): + for scl in [1, 2]: + if scl == 2: + ending = '@2.png' + else: + ending = '.png' + slider = Assets(30, 20, scl) + slider.rounded_rectancle(color1, 30, 10, 0, 5, 5, 1) + slider.save('scrollbar-slider-horizontal-active' + ending) + + slider = Assets(30, 20, scl) + slider.rounded_rectancle(color2, 30, 6, 0, 7, 3, 1) + slider.save('scrollbar-slider-horizontal-hover' + ending) + + slider = Assets(30, 20, scl) + slider.rounded_rectancle(color3, 30, 6, 0, 7, 3, 1) + slider.save('scrollbar-slider-horizontal' + ending) + + slider = Assets(20, 30, scl) + slider.rounded_rectancle(color1, 10, 30, 5, 0, 5, 1) + slider.save('scrollbar-slider-vertical-active' + ending) + + slider = Assets(20, 30, scl) + slider.rounded_rectancle(color2, 6, 30, 7, 0, 3, 1) + slider.save('scrollbar-slider-vertical-hover' + ending) + + slider = Assets(20, 30, scl) + slider.rounded_rectancle(color3, 6, 30, 7, 0, 3, 1) + slider.save('scrollbar-slider-vertical' + ending) + + +def scrollbar_trough(color): + for scl in [1, 2]: + if scl == 2: + ending = '@2.png' + else: + ending = '.png' + trough = Assets(56, 20, scl) + trough.rounded_rectancle(color, 49, 6, 3.5, 7, 3, 0.3) + trough.save('scrollbar-trough-horizontal' + ending) + + trough = Assets(20, 56, scl) + trough.rounded_rectancle(color, 6, 49, 7, 3.5, 3, 0.3) + trough.save('scrollbar-trough-vertical' + ending) + + +def titlebuttons(color1, color2, state): + for scl in [1, 2]: + if scl == 2: + ending = '@2.png' + else: + ending = '.png' + title_minimize = Assets(18, 18, scl) + title_maximize = Assets(18, 18, scl) + title_maximized = Assets(18, 18, scl) + if state == '' or state == '-backdrop': + title_minimize.minimize(color1) + title_maximize.maximize(color1) + title_maximized.maximize_maximized(color1) + else: + title_minimize.circle(color1, 9, 9, 9) + title_maximize.circle(color1, 9, 9, 9) + title_maximized.circle(color1, 9, 9, 9) + title_minimize.minimize() + title_maximize.maximize() + title_maximized.maximize_maximized() + title_minimize.save('titlebutton-minimize' + state + ending) + title_maximize.save('titlebutton-maximize' + state + ending) + title_maximized.save('titlebutton-maximize-maximized' + state + ending) + + title_close = Assets(18, 18, scl) + title_close.circle(color2, 9, 9, 9) + title_close.close() + title_close.save('titlebutton-close' + state + ending) + + +def entry(color1, color2, color3, state, alpha=1.0): + entry = Assets(20, 20) + entry.background(color1) + entry.rounded_rectancle(color2, 18, 18, 1, 1, 3, alpha=alpha) + entry.rounded_rectancle(color3, 16, 16, 2, 2, 2) + entry.rounded_rectancle(color3, 16, 16, 2, 2, 2) + entry.save('entry' + state + '.png') + + entry = Assets(20, 20, rotation=1) + entry.background(color1) + entry.tab(color2, 18, 19, 1, 0, 3, alpha=alpha) + entry.tab(color3, 16, 18, 2, 0, 2) + entry.save('combo-entry' + state + '.png') + + entry_button = Assets(20, 20, rotation=3) + entry_button.background(color1) + entry_button.tab(color2, 18, 19, 1, 0, 3, alpha=alpha) + entry_button.tab(color3, 16, 18, 2, 0, 2) + entry_button.save('combo-entry-button' + state + '.png') + + if state != '-active': + direction = ['-down', '-down-rtl', '-up-rtl', '-up'] + for i in range(0, 4): + spin = Assets(20, 20, rotation=i) + spin.background(color1) + spin.spinbutton(color2, 19, 19, 0, 0, 3, alpha=alpha) + spin.spinbutton(color3, 18, 18, 0, 0, 2) + spin.save('spinbutton' + direction[i] + state + '.png') + + +def mixed(color1, color2, color3): + nll = Assets(20, 20) + nll.save('null.png') + + # Frame + frame = Assets(20, 20) + frame.rounded_rectancle(color1, 20, 20, 0, 0, 3) + frame.rounded_rectancle(color2, 18, 18, 1, 1, 2) + frame.save('frame.png') + + # Tree header + header = Assets(20, 20) + header.background(color2) + header.line(color1, 0, 19, 20, 1) + header.line(color1, 19, 0, 1, 20) + header.save('tree-header.png') + + # Notebook gap + notebook_gap = Assets(4, 2) + notebook_gap.line(color2, 1, 0, 2, 2) + notebook_gap.save('notebook-gap-horizontal.png') + + notebook_gap = Assets(2, 4) + notebook_gap.line(color2, 0, 1, 2, 2) + notebook_gap.save('notebook-gap-vertical.png') + + # Notebook frame + direction = ['-top', '-right', '-bottom', '-bottom'] + for i in range(0, 4): + notebook_frame = Assets(20, 20, rotation=i) + notebook_frame.notebook(color1, 20, 20, 0, 0, 3) + notebook_frame.notebook(color2, 18, 18, 1, 1, 2) + notebook_frame.save('notebook-frame' + direction[i] + '.png') + + # Frame gap + frame_gap = Assets(2, 1) + frame_gap.line(color1, 1, 0, 1, 1) + frame_gap.save('frame-gap-start.png') + + frame_gap = Assets(2, 1) + frame_gap.line(color1, 0, 0, 1, 1) + frame_gap.save('frame-gap-end.png') + + # Lines + lines = Assets(20, 1) + lines.line(color1, 0, 0, 20, 1) + lines.save('line-h.png') + + lines = Assets(1, 20) + lines.line(color1, 0, 0, 1, 20) + lines.save('line-v.png') + + lines = Assets(20, 1) + lines.line(color2, 0, 0, 20, 1) + lines.save('handle-h.png') + + lines = Assets(1, 20) + lines.line(color2, 0, 0, 1, 20) + lines.save('handle-v.png') + + menubar = Assets(20, 20) + menubar.line(color3, 1, 1, 18, 18) + menubar.save('menubar-button.png') + + +def toolbar(color1, color2, color3): + # Toolbar background + bar = Assets(20, 20) + bar.background(color2) + bar.save('toolbar-background.png') + + # Toolbutton toggled + toolbutton = Assets(20, 20) + toolbutton.rounded_rectancle(color1, 18, 18, 1, 1, 3) + toolbutton.save('toolbutton-toggled.png') + + # Toolbutton hover + toolbutton = Assets(20, 20) + toolbutton.rounded_rectancle(color3, 18, 18, 1, 1, 3) + toolbutton.rounded_rectancle(color2, 16, 16, 2, 2, 2) + toolbutton.save('toolbutton-hover.png') + + # Toolbutton active + toolbutton = Assets(20, 20) + toolbutton.rounded_rectancle(color3, 18, 18, 1, 1, 3) + toolbutton.save('toolbutton-active.png') + + +def progressbar(color1, color2, state=''): + bar = Assets(10, 10) + bar.rounded_rectancle(color1, 10, 10, 0, 0, 3) + bar.save('progressbar-bar' + state + '.png') + + trough = Assets(10, 10) + trough.rounded_rectancle(color2, 10, 10, 0, 0, 3) + trough.save('progressbar-trough' + state + '.png') + + +def html(color): + return '#%02x%02x%02x' % (int(color[0]*255), + int(color[1]*255), + int(color[2]*255)) + + +def mix(color, mix_color, amount): + r = color[0] * amount + mix_color[0] * (1 - amount) + g = color[1] * amount + mix_color[1] * (1 - amount) + b = color[2] * amount + mix_color[2] * (1 - amount) + return (r, g, b) +# ___________________________________________________________________________________ + + +parser = argparse.ArgumentParser( + description='Generates Breeze assets according to the specified color ' + 'scheme.') +parser.add_argument('--colorscheme', '-c', action='store', + default='/usr/share/color-schemes/Breeze.colors', + help='color scheme to use') +parser.add_argument('--assets-dir', '-a', action='store', + default='assets', + help='location of the directory to place assets') +parser.add_argument('--gtk2-dir', '-g', action='store', default='gtk2', + help='location of gtk2 directory to define the color ' + 'scheme variables') +parser.add_argument('--gtk3-scss-dir', '-G', action='store', default='.', + help='location of global.scss to define the color ' + 'scheme variables') + +args = parser.parse_args() + +assets_path = args.assets_dir +make_sure_path_exists(assets_path) + +_colors = ReadKdeGlobals().read_globals(args.colorscheme) + +border_color = Color(_colors, 'WindowBackgroundNormal', + 'WindowForegroundNormal', 0.75) +window_bg = Color(_colors, 'WindowBackgroundNormal') +window_fg = Color(_colors, 'WindowForegroundNormal') +check_color = Color(_colors, 'WindowBackgroundNormal', + 'WindowForegroundNormal', 0.5) +button_bg = Color(_colors, 'ButtonBackgroundNormal') +button_fg = Color(_colors, 'ButtonForegroundNormal') +button_hover = Color(_colors, 'ButtonDecorationHover') +button_active = Color(_colors, 'ButtonDecorationFocus') +selection_bg = Color(_colors, 'SelectionBackgroundNormal') +selection_fg = Color(_colors, 'SelectionForegroundNormal') +view_bg = Color(_colors, 'ViewBackgroundNormal') +view_fg = Color(_colors, 'ViewForegroundNormal') +view_hover = Color(_colors, 'ViewDecorationHover') +view_active = Color(_colors, 'ViewDecorationFocus') +titlebutton = Color(_colors, 'WindowForegroundNormal') +titlebutton_active = Color( + _colors, 'WindowBackgroundNormal', 'WindowForegroundNormal', 0.3) +closebutton_hover = Color(_colors, 'ViewForegroundNegative') +closebutton_hover.lighten_color(0.5) +closebutton_active = Color(_colors, 'ViewForegroundNegative') +titlebutton_inactive = Color(_colors, 'WindowForegroundNormal') +titlebutton_inactive_active = Color( + _colors, 'WindowBackgroundNormal', 'WindowForegroundNormal', 0.3) + +tooltip_fg = Color(_colors, 'TooltipForegroundNormal') +tooltip_bg = Color(_colors, 'TooltipBackgroundNormal') + +check_items(check_color.rgb, window_bg.rgb, '') +check_items(button_hover.rgb, window_bg.rgb, '-hover') +check_items(button_active.rgb, window_bg.rgb, '-active') +check_items(check_color.insensitive, window_bg.rgb, + '-insensitive', border_color.insensitive_alpha) +check_items(check_color.inactive, window_bg.rgb, + '-backdrop', border_color.inactive_alpha) +check_items(check_color.inactive_insensitive, window_bg.rgb, + '-backdrop-insensitive', border_color.inactive_insensitive_alpha) + +buttons(window_bg.rgb, border_color.rgb, button_bg.gradient(), '') +buttons(window_bg.rgb, button_hover.rgb, button_bg.gradient(), '-hover') +buttons(window_bg.rgb, button_hover.rgb, + button_hover.gradient('active'), '-active') +buttons(window_bg.rgb, border_color.rgb, + button_bg.gradient(alpha=button_bg.insensitive_alpha), '-insensitive', + border_color.insensitive_alpha) + +togglebuttons(window_bg.rgb, border_color.rgb, button_bg.gradient(), '') +togglebuttons(window_bg.rgb, button_hover.rgb, button_bg.gradient(), '-hover') +togglebuttons(window_bg.rgb, button_hover.rgb, + button_hover.gradient('active'), '-active') +togglebuttons(window_bg.rgb, border_color.rgb, + button_bg.gradient(alpha=button_bg.insensitive_alpha), + '-insensitive', border_color.insensitive_alpha) + +scale_slider(window_bg.rgb, border_color.rgb, button_bg.gradient(), '') +scale_slider(window_bg.rgb, button_hover.rgb, button_bg.gradient(), '-hover') +scale_slider(window_bg.rgb, button_active.rgb, button_bg.gradient(), '-active') +scale_slider(window_bg.rgb, border_color.rgb, + button_bg.gradient(alpha=button_bg.insensitive_alpha), + '-insensitive', border_color.insensitive_alpha) +scale_trough(border_color.rgb) + +tabs(border_color.rgb, window_bg.rgb, '-active') +tabs(window_fg.rgb, window_bg.rgb, '-inactive') + +arrows(button_fg.rgb, '') +arrows(button_hover.rgb, '-hover') +arrows(button_active.rgb, '-active') +arrows(button_fg.insensitive, '-insensitive', button_fg.insensitive_alpha) +menu_arrow(window_fg.rgb, '') +menu_arrow(selection_fg.rgb, '-selected') +menu_arrow(window_fg.insensitive, '-insensitive', window_fg.insensitive_alpha) + +scrollbar_slider(button_active.rgb, button_hover.rgb, button_active.rgb) +scrollbar_trough(window_fg.rgb) + +titlebuttons(titlebutton.rgb, titlebutton.rgb, '') +titlebuttons(titlebutton.rgb, closebutton_hover.rgb, '-hover') +titlebuttons(titlebutton_active.rgb, closebutton_active.rgb, '-active') +titlebuttons(titlebutton_inactive.rgb, titlebutton_inactive.rgb, '-backdrop') +titlebuttons(titlebutton_inactive.rgb, + closebutton_hover.rgb, '-hover-backdrop') +titlebuttons(titlebutton_inactive_active.rgb, + closebutton_active.rgb, '-active-backdrop') + +entry(window_bg.rgb, border_color.rgb, view_bg.rgb, '') +entry(window_bg.rgb, view_active.rgb, view_bg.rgb, '-active') +entry(window_bg.rgb, border_color.insensitive, None, + '-insensitive', border_color.insensitive_alpha) + +progressbar(selection_bg.rgb, mix(window_fg.rgb, window_bg.rgb, 0.3)) + +mixed(border_color.rgb, window_bg.rgb, button_active.rgb) + +toolbar(border_color.rgb, window_bg.rgb, button_hover.rgb) + +gtk2 = open(os.path.join(args.gtk2_dir, 'gtkrc'), 'w') +gtk2.write( + '# Theme: Breeze-gtk\n' + '# Description: Breeze theme for GTK+2.0\n' + '\n' + 'gtk-color-scheme = "text_color:' + html(window_fg.rgb) + '"\n' + 'gtk-color-scheme = "base_color:' + html(view_bg.rgb) + '"\n' + 'gtk-color-scheme = "insensitive_base_color:' + + html(view_bg.insensitive) + '"\n' + 'gtk-color-scheme = "fg_color:' + html(window_fg.rgb) + '"\n' + 'gtk-color-scheme = "bg_color:' + html(window_bg.rgb) + '"\n' + 'gtk-color-scheme = "selected_fg_color:' + html(selection_fg.rgb) + '"\n' + 'gtk-color-scheme = "selected_bg_color:' + html(selection_bg.rgb) + '"\n' + 'gtk-color-scheme = "button_fg_color:' + html(button_fg.rgb) + '"\n' + 'gtk-color-scheme = "tooltip_fg_color:' + html(tooltip_fg.rgb) + '"\n' + 'gtk-color-scheme = "tooltip_bg_color:' + html(tooltip_bg.rgb) + '"\n' + 'gtk-color-scheme = "insensitive_fg_color:' + + html(mix(window_fg.insensitive, window_bg.rgb, + window_fg.insensitive_alpha)) + '"\n' + 'gtk-color-scheme = "insensitive_text_color:' + + html(mix(view_fg.insensitive, view_bg.rgb, + view_fg.insensitive_alpha)) + '"\n' + 'gtk-color-scheme = "button_insensitive_fg_color:' + + html(mix(button_fg.insensitive, button_bg.rgb, + button_fg.insensitive_alpha)) + '"\n' + 'gtk-color-scheme = "button_active:' + html(button_active.rgb) + '"\n' + 'gtk-color-scheme = "border_color:' + html(border_color.rgb) + '"\n' + '\n' + 'include "widgets/default"\n' + 'include "widgets/buttons"\n' + 'include "widgets/menu"\n' + 'include "widgets/entry"\n' + 'include "widgets/notebook"\n' + 'include "widgets/range"\n' + 'include "widgets/scrollbar"\n' + 'include "widgets/toolbar"\n' + 'include "widgets/progressbar"\n' + 'include "widgets/misc"\n' + 'include "widgets/styles"\n' +) +gtk2.close() + +gtk3 = open(os.path.join(args.gtk3_scss_dir, '_global.scss'), 'w') +for key in sorted(_colors): + if key == 'DisabledColor' or key == 'InactiveColor': + gtk3.write('${0}:rgb({1});\n'.format(key, _colors[key])) + elif 'Disabled' in key or 'Inactive' in key: + gtk3.write('${0}:{1};\n'.format(key, _colors[key])) + elif re.match('[0-9]+,[0-9]+,[0-9]+', _colors[key]): + gtk3.write('${0}:rgb({1});\n'.format(key, _colors[key])) +gtk3.close()