diff --git a/Paper/assets/checkbox-checked-active-dark.png b/Paper/assets/checkbox-checked-active-dark.png
index 7079ad6..ea6be49 100644
Binary files a/Paper/assets/checkbox-checked-active-dark.png and b/Paper/assets/checkbox-checked-active-dark.png differ
diff --git a/Paper/assets/checkbox-checked-active-dark@2.png b/Paper/assets/checkbox-checked-active-dark@2.png
index 906f549..9220b31 100644
Binary files a/Paper/assets/checkbox-checked-active-dark@2.png and b/Paper/assets/checkbox-checked-active-dark@2.png differ
diff --git a/Paper/assets/checkbox-checked-backdrop-dark.png b/Paper/assets/checkbox-checked-backdrop-dark.png
index 0a50eb5..8000fe7 100644
Binary files a/Paper/assets/checkbox-checked-backdrop-dark.png and b/Paper/assets/checkbox-checked-backdrop-dark.png differ
diff --git a/Paper/assets/checkbox-checked-backdrop-dark@2.png b/Paper/assets/checkbox-checked-backdrop-dark@2.png
index 488c987..10e7c6b 100644
Binary files a/Paper/assets/checkbox-checked-backdrop-dark@2.png and b/Paper/assets/checkbox-checked-backdrop-dark@2.png differ
diff --git a/Paper/assets/checkbox-checked-dark.png b/Paper/assets/checkbox-checked-dark.png
index 7eab93c..598db9a 100644
Binary files a/Paper/assets/checkbox-checked-dark.png and b/Paper/assets/checkbox-checked-dark.png differ
diff --git a/Paper/assets/checkbox-checked-dark@2.png b/Paper/assets/checkbox-checked-dark@2.png
index 9a12d65..d681e86 100644
Binary files a/Paper/assets/checkbox-checked-dark@2.png and b/Paper/assets/checkbox-checked-dark@2.png differ
diff --git a/Paper/assets/checkbox-checked-hover-dark.png b/Paper/assets/checkbox-checked-hover-dark.png
index 7eab93c..598db9a 100644
Binary files a/Paper/assets/checkbox-checked-hover-dark.png and b/Paper/assets/checkbox-checked-hover-dark.png differ
diff --git a/Paper/assets/checkbox-checked-hover-dark@2.png b/Paper/assets/checkbox-checked-hover-dark@2.png
index 9a12d65..d681e86 100644
Binary files a/Paper/assets/checkbox-checked-hover-dark@2.png and b/Paper/assets/checkbox-checked-hover-dark@2.png differ
diff --git a/Paper/assets/checkbox-checked-insensitive-backdrop-dark.png b/Paper/assets/checkbox-checked-insensitive-backdrop-dark.png
index 320252e..1129466 100644
Binary files a/Paper/assets/checkbox-checked-insensitive-backdrop-dark.png and b/Paper/assets/checkbox-checked-insensitive-backdrop-dark.png differ
diff --git a/Paper/assets/checkbox-checked-insensitive-backdrop-dark@2.png b/Paper/assets/checkbox-checked-insensitive-backdrop-dark@2.png
index 6df612f..67e46d2 100644
Binary files a/Paper/assets/checkbox-checked-insensitive-backdrop-dark@2.png and b/Paper/assets/checkbox-checked-insensitive-backdrop-dark@2.png differ
diff --git a/Paper/assets/checkbox-checked-insensitive-dark.png b/Paper/assets/checkbox-checked-insensitive-dark.png
index ddacc52..008f410 100644
Binary files a/Paper/assets/checkbox-checked-insensitive-dark.png and b/Paper/assets/checkbox-checked-insensitive-dark.png differ
diff --git a/Paper/assets/checkbox-checked-insensitive-dark@2.png b/Paper/assets/checkbox-checked-insensitive-dark@2.png
index dac9f58..18b997b 100644
Binary files a/Paper/assets/checkbox-checked-insensitive-dark@2.png and b/Paper/assets/checkbox-checked-insensitive-dark@2.png differ
diff --git a/Paper/assets/checkbox-mixed-active-dark.png b/Paper/assets/checkbox-mixed-active-dark.png
index ffcf6cf..8f84c3e 100644
Binary files a/Paper/assets/checkbox-mixed-active-dark.png and b/Paper/assets/checkbox-mixed-active-dark.png differ
diff --git a/Paper/assets/checkbox-mixed-active-dark@2.png b/Paper/assets/checkbox-mixed-active-dark@2.png
index 2c0f86c..5c048e1 100644
Binary files a/Paper/assets/checkbox-mixed-active-dark@2.png and b/Paper/assets/checkbox-mixed-active-dark@2.png differ
diff --git a/Paper/assets/checkbox-mixed-backdrop-dark.png b/Paper/assets/checkbox-mixed-backdrop-dark.png
index d2c9749..04c8596 100644
Binary files a/Paper/assets/checkbox-mixed-backdrop-dark.png and b/Paper/assets/checkbox-mixed-backdrop-dark.png differ
diff --git a/Paper/assets/checkbox-mixed-backdrop-dark@2.png b/Paper/assets/checkbox-mixed-backdrop-dark@2.png
index 0b011c0..40f6dd0 100644
Binary files a/Paper/assets/checkbox-mixed-backdrop-dark@2.png and b/Paper/assets/checkbox-mixed-backdrop-dark@2.png differ
diff --git a/Paper/assets/checkbox-mixed-dark.png b/Paper/assets/checkbox-mixed-dark.png
index 3c45074..ecd77db 100644
Binary files a/Paper/assets/checkbox-mixed-dark.png and b/Paper/assets/checkbox-mixed-dark.png differ
diff --git a/Paper/assets/checkbox-mixed-dark@2.png b/Paper/assets/checkbox-mixed-dark@2.png
index 7b5296a..d1bcfdd 100644
Binary files a/Paper/assets/checkbox-mixed-dark@2.png and b/Paper/assets/checkbox-mixed-dark@2.png differ
diff --git a/Paper/assets/checkbox-mixed-hover-dark.png b/Paper/assets/checkbox-mixed-hover-dark.png
index 3c45074..ecd77db 100644
Binary files a/Paper/assets/checkbox-mixed-hover-dark.png and b/Paper/assets/checkbox-mixed-hover-dark.png differ
diff --git a/Paper/assets/checkbox-mixed-hover-dark@2.png b/Paper/assets/checkbox-mixed-hover-dark@2.png
index 7b5296a..d1bcfdd 100644
Binary files a/Paper/assets/checkbox-mixed-hover-dark@2.png and b/Paper/assets/checkbox-mixed-hover-dark@2.png differ
diff --git a/Paper/assets/checkbox-mixed-insensitive-backdrop-dark.png b/Paper/assets/checkbox-mixed-insensitive-backdrop-dark.png
index 237ad30..e7776f4 100644
Binary files a/Paper/assets/checkbox-mixed-insensitive-backdrop-dark.png and b/Paper/assets/checkbox-mixed-insensitive-backdrop-dark.png differ
diff --git a/Paper/assets/checkbox-mixed-insensitive-backdrop-dark@2.png b/Paper/assets/checkbox-mixed-insensitive-backdrop-dark@2.png
index f5b50c2..47360d8 100644
Binary files a/Paper/assets/checkbox-mixed-insensitive-backdrop-dark@2.png and b/Paper/assets/checkbox-mixed-insensitive-backdrop-dark@2.png differ
diff --git a/Paper/assets/checkbox-mixed-insensitive-dark.png b/Paper/assets/checkbox-mixed-insensitive-dark.png
index 0d58782..b8098a8 100644
Binary files a/Paper/assets/checkbox-mixed-insensitive-dark.png and b/Paper/assets/checkbox-mixed-insensitive-dark.png differ
diff --git a/Paper/assets/checkbox-mixed-insensitive-dark@2.png b/Paper/assets/checkbox-mixed-insensitive-dark@2.png
index 847f9f3..9f42f16 100644
Binary files a/Paper/assets/checkbox-mixed-insensitive-dark@2.png and b/Paper/assets/checkbox-mixed-insensitive-dark@2.png differ
diff --git a/Paper/assets/checkbox-unchecked-active-dark.png b/Paper/assets/checkbox-unchecked-active-dark.png
index c45caf9..746f2e2 100644
Binary files a/Paper/assets/checkbox-unchecked-active-dark.png and b/Paper/assets/checkbox-unchecked-active-dark.png differ
diff --git a/Paper/assets/checkbox-unchecked-active-dark@2.png b/Paper/assets/checkbox-unchecked-active-dark@2.png
index af9600d..cd2ec24 100644
Binary files a/Paper/assets/checkbox-unchecked-active-dark@2.png and b/Paper/assets/checkbox-unchecked-active-dark@2.png differ
diff --git a/Paper/assets/checkbox-unchecked-backdrop-dark.png b/Paper/assets/checkbox-unchecked-backdrop-dark.png
index 9c6e1fd..6a8f453 100644
Binary files a/Paper/assets/checkbox-unchecked-backdrop-dark.png and b/Paper/assets/checkbox-unchecked-backdrop-dark.png differ
diff --git a/Paper/assets/checkbox-unchecked-backdrop-dark@2.png b/Paper/assets/checkbox-unchecked-backdrop-dark@2.png
index a82ab25..a81bd99 100644
Binary files a/Paper/assets/checkbox-unchecked-backdrop-dark@2.png and b/Paper/assets/checkbox-unchecked-backdrop-dark@2.png differ
diff --git a/Paper/assets/checkbox-unchecked-dark.png b/Paper/assets/checkbox-unchecked-dark.png
index 95c5484..ba5625c 100644
Binary files a/Paper/assets/checkbox-unchecked-dark.png and b/Paper/assets/checkbox-unchecked-dark.png differ
diff --git a/Paper/assets/checkbox-unchecked-dark@2.png b/Paper/assets/checkbox-unchecked-dark@2.png
index fe807cc..7e012d6 100644
Binary files a/Paper/assets/checkbox-unchecked-dark@2.png and b/Paper/assets/checkbox-unchecked-dark@2.png differ
diff --git a/Paper/assets/checkbox-unchecked-hover-dark.png b/Paper/assets/checkbox-unchecked-hover-dark.png
index 95c5484..ba5625c 100644
Binary files a/Paper/assets/checkbox-unchecked-hover-dark.png and b/Paper/assets/checkbox-unchecked-hover-dark.png differ
diff --git a/Paper/assets/checkbox-unchecked-hover-dark@2.png b/Paper/assets/checkbox-unchecked-hover-dark@2.png
index fe807cc..7e012d6 100644
Binary files a/Paper/assets/checkbox-unchecked-hover-dark@2.png and b/Paper/assets/checkbox-unchecked-hover-dark@2.png differ
diff --git a/Paper/assets/checkbox-unchecked-insensitive-backdrop-dark.png b/Paper/assets/checkbox-unchecked-insensitive-backdrop-dark.png
index 17b60bf..3395329 100644
Binary files a/Paper/assets/checkbox-unchecked-insensitive-backdrop-dark.png and b/Paper/assets/checkbox-unchecked-insensitive-backdrop-dark.png differ
diff --git a/Paper/assets/checkbox-unchecked-insensitive-backdrop-dark@2.png b/Paper/assets/checkbox-unchecked-insensitive-backdrop-dark@2.png
index 301ccaa..7cb10be 100644
Binary files a/Paper/assets/checkbox-unchecked-insensitive-backdrop-dark@2.png and b/Paper/assets/checkbox-unchecked-insensitive-backdrop-dark@2.png differ
diff --git a/Paper/assets/checkbox-unchecked-insensitive-dark.png b/Paper/assets/checkbox-unchecked-insensitive-dark.png
index 95c5484..ba5625c 100644
Binary files a/Paper/assets/checkbox-unchecked-insensitive-dark.png and b/Paper/assets/checkbox-unchecked-insensitive-dark.png differ
diff --git a/Paper/assets/checkbox-unchecked-insensitive-dark@2.png b/Paper/assets/checkbox-unchecked-insensitive-dark@2.png
index fe807cc..7e012d6 100644
Binary files a/Paper/assets/checkbox-unchecked-insensitive-dark@2.png and b/Paper/assets/checkbox-unchecked-insensitive-dark@2.png differ
diff --git a/Paper/assets/radio-checked-active-dark.png b/Paper/assets/radio-checked-active-dark.png
index 3431568..f2703f6 100644
Binary files a/Paper/assets/radio-checked-active-dark.png and b/Paper/assets/radio-checked-active-dark.png differ
diff --git a/Paper/assets/radio-checked-active-dark@2.png b/Paper/assets/radio-checked-active-dark@2.png
index 3239aa2..c716929 100644
Binary files a/Paper/assets/radio-checked-active-dark@2.png and b/Paper/assets/radio-checked-active-dark@2.png differ
diff --git a/Paper/assets/radio-checked-backdrop-dark.png b/Paper/assets/radio-checked-backdrop-dark.png
index 1b2d34b..8b612b5 100644
Binary files a/Paper/assets/radio-checked-backdrop-dark.png and b/Paper/assets/radio-checked-backdrop-dark.png differ
diff --git a/Paper/assets/radio-checked-backdrop-dark@2.png b/Paper/assets/radio-checked-backdrop-dark@2.png
index fcbab52..9dd4cc8 100644
Binary files a/Paper/assets/radio-checked-backdrop-dark@2.png and b/Paper/assets/radio-checked-backdrop-dark@2.png differ
diff --git a/Paper/assets/radio-checked-dark.png b/Paper/assets/radio-checked-dark.png
index 13b3aa7..38b7d9c 100644
Binary files a/Paper/assets/radio-checked-dark.png and b/Paper/assets/radio-checked-dark.png differ
diff --git a/Paper/assets/radio-checked-dark@2.png b/Paper/assets/radio-checked-dark@2.png
index 92def98..41405c5 100644
Binary files a/Paper/assets/radio-checked-dark@2.png and b/Paper/assets/radio-checked-dark@2.png differ
diff --git a/Paper/assets/radio-checked-hover-dark.png b/Paper/assets/radio-checked-hover-dark.png
index 13b3aa7..38b7d9c 100644
Binary files a/Paper/assets/radio-checked-hover-dark.png and b/Paper/assets/radio-checked-hover-dark.png differ
diff --git a/Paper/assets/radio-checked-hover-dark@2.png b/Paper/assets/radio-checked-hover-dark@2.png
index 92def98..41405c5 100644
Binary files a/Paper/assets/radio-checked-hover-dark@2.png and b/Paper/assets/radio-checked-hover-dark@2.png differ
diff --git a/Paper/assets/radio-checked-insensitive-backdrop-dark.png b/Paper/assets/radio-checked-insensitive-backdrop-dark.png
index bca536d..018165d 100644
Binary files a/Paper/assets/radio-checked-insensitive-backdrop-dark.png and b/Paper/assets/radio-checked-insensitive-backdrop-dark.png differ
diff --git a/Paper/assets/radio-checked-insensitive-backdrop-dark@2.png b/Paper/assets/radio-checked-insensitive-backdrop-dark@2.png
index 47db903..179af27 100644
Binary files a/Paper/assets/radio-checked-insensitive-backdrop-dark@2.png and b/Paper/assets/radio-checked-insensitive-backdrop-dark@2.png differ
diff --git a/Paper/assets/radio-checked-insensitive-dark.png b/Paper/assets/radio-checked-insensitive-dark.png
index 11bff08..ff874b3 100644
Binary files a/Paper/assets/radio-checked-insensitive-dark.png and b/Paper/assets/radio-checked-insensitive-dark.png differ
diff --git a/Paper/assets/radio-checked-insensitive-dark@2.png b/Paper/assets/radio-checked-insensitive-dark@2.png
index 60389f8..00651b2 100644
Binary files a/Paper/assets/radio-checked-insensitive-dark@2.png and b/Paper/assets/radio-checked-insensitive-dark@2.png differ
diff --git a/Paper/assets/radio-mixed-active-dark.png b/Paper/assets/radio-mixed-active-dark.png
index aac79e2..c0f943e 100644
Binary files a/Paper/assets/radio-mixed-active-dark.png and b/Paper/assets/radio-mixed-active-dark.png differ
diff --git a/Paper/assets/radio-mixed-active-dark@2.png b/Paper/assets/radio-mixed-active-dark@2.png
index 4de8c49..465924f 100644
Binary files a/Paper/assets/radio-mixed-active-dark@2.png and b/Paper/assets/radio-mixed-active-dark@2.png differ
diff --git a/Paper/assets/radio-mixed-backdrop-dark.png b/Paper/assets/radio-mixed-backdrop-dark.png
index 5c748d7..c842851 100644
Binary files a/Paper/assets/radio-mixed-backdrop-dark.png and b/Paper/assets/radio-mixed-backdrop-dark.png differ
diff --git a/Paper/assets/radio-mixed-backdrop-dark@2.png b/Paper/assets/radio-mixed-backdrop-dark@2.png
index d90f51a..1a11152 100644
Binary files a/Paper/assets/radio-mixed-backdrop-dark@2.png and b/Paper/assets/radio-mixed-backdrop-dark@2.png differ
diff --git a/Paper/assets/radio-mixed-dark.png b/Paper/assets/radio-mixed-dark.png
index ee5f766..ca935a1 100644
Binary files a/Paper/assets/radio-mixed-dark.png and b/Paper/assets/radio-mixed-dark.png differ
diff --git a/Paper/assets/radio-mixed-dark@2.png b/Paper/assets/radio-mixed-dark@2.png
index 9af46b1..1e32f68 100644
Binary files a/Paper/assets/radio-mixed-dark@2.png and b/Paper/assets/radio-mixed-dark@2.png differ
diff --git a/Paper/assets/radio-mixed-hover-dark.png b/Paper/assets/radio-mixed-hover-dark.png
index ee5f766..ca935a1 100644
Binary files a/Paper/assets/radio-mixed-hover-dark.png and b/Paper/assets/radio-mixed-hover-dark.png differ
diff --git a/Paper/assets/radio-mixed-hover-dark@2.png b/Paper/assets/radio-mixed-hover-dark@2.png
index 9af46b1..1e32f68 100644
Binary files a/Paper/assets/radio-mixed-hover-dark@2.png and b/Paper/assets/radio-mixed-hover-dark@2.png differ
diff --git a/Paper/assets/radio-mixed-insensitive-backdrop-dark.png b/Paper/assets/radio-mixed-insensitive-backdrop-dark.png
index 0af29ff..a6d9c5f 100644
Binary files a/Paper/assets/radio-mixed-insensitive-backdrop-dark.png and b/Paper/assets/radio-mixed-insensitive-backdrop-dark.png differ
diff --git a/Paper/assets/radio-mixed-insensitive-backdrop-dark@2.png b/Paper/assets/radio-mixed-insensitive-backdrop-dark@2.png
index e72ee45..f86ef5f 100644
Binary files a/Paper/assets/radio-mixed-insensitive-backdrop-dark@2.png and b/Paper/assets/radio-mixed-insensitive-backdrop-dark@2.png differ
diff --git a/Paper/assets/radio-mixed-insensitive-dark.png b/Paper/assets/radio-mixed-insensitive-dark.png
index 392ef12..ef9d903 100644
Binary files a/Paper/assets/radio-mixed-insensitive-dark.png and b/Paper/assets/radio-mixed-insensitive-dark.png differ
diff --git a/Paper/assets/radio-mixed-insensitive-dark@2.png b/Paper/assets/radio-mixed-insensitive-dark@2.png
index d2d2818..502c9d9 100644
Binary files a/Paper/assets/radio-mixed-insensitive-dark@2.png and b/Paper/assets/radio-mixed-insensitive-dark@2.png differ
diff --git a/Paper/assets/radio-unchecked-active-dark.png b/Paper/assets/radio-unchecked-active-dark.png
index 2591a25..f58081f 100644
Binary files a/Paper/assets/radio-unchecked-active-dark.png and b/Paper/assets/radio-unchecked-active-dark.png differ
diff --git a/Paper/assets/radio-unchecked-active-dark@2.png b/Paper/assets/radio-unchecked-active-dark@2.png
index 702838c..d2230f6 100644
Binary files a/Paper/assets/radio-unchecked-active-dark@2.png and b/Paper/assets/radio-unchecked-active-dark@2.png differ
diff --git a/Paper/assets/radio-unchecked-backdrop-dark.png b/Paper/assets/radio-unchecked-backdrop-dark.png
index 4515fd4..a17d6ac 100644
Binary files a/Paper/assets/radio-unchecked-backdrop-dark.png and b/Paper/assets/radio-unchecked-backdrop-dark.png differ
diff --git a/Paper/assets/radio-unchecked-backdrop-dark@2.png b/Paper/assets/radio-unchecked-backdrop-dark@2.png
index 5964c79..8b7fef7 100644
Binary files a/Paper/assets/radio-unchecked-backdrop-dark@2.png and b/Paper/assets/radio-unchecked-backdrop-dark@2.png differ
diff --git a/Paper/assets/radio-unchecked-dark.png b/Paper/assets/radio-unchecked-dark.png
index dcf9c95..e10faab 100644
Binary files a/Paper/assets/radio-unchecked-dark.png and b/Paper/assets/radio-unchecked-dark.png differ
diff --git a/Paper/assets/radio-unchecked-dark@2.png b/Paper/assets/radio-unchecked-dark@2.png
index d0c65e1..faa9049 100644
Binary files a/Paper/assets/radio-unchecked-dark@2.png and b/Paper/assets/radio-unchecked-dark@2.png differ
diff --git a/Paper/assets/radio-unchecked-hover-dark.png b/Paper/assets/radio-unchecked-hover-dark.png
index dcf9c95..e10faab 100644
Binary files a/Paper/assets/radio-unchecked-hover-dark.png and b/Paper/assets/radio-unchecked-hover-dark.png differ
diff --git a/Paper/assets/radio-unchecked-hover-dark@2.png b/Paper/assets/radio-unchecked-hover-dark@2.png
index d0c65e1..faa9049 100644
Binary files a/Paper/assets/radio-unchecked-hover-dark@2.png and b/Paper/assets/radio-unchecked-hover-dark@2.png differ
diff --git a/Paper/assets/radio-unchecked-insensitive-backdrop-dark.png b/Paper/assets/radio-unchecked-insensitive-backdrop-dark.png
index 1fd2433..80d6d4e 100644
Binary files a/Paper/assets/radio-unchecked-insensitive-backdrop-dark.png and b/Paper/assets/radio-unchecked-insensitive-backdrop-dark.png differ
diff --git a/Paper/assets/radio-unchecked-insensitive-backdrop-dark@2.png b/Paper/assets/radio-unchecked-insensitive-backdrop-dark@2.png
index d8aaddf..19c22c4 100644
Binary files a/Paper/assets/radio-unchecked-insensitive-backdrop-dark@2.png and b/Paper/assets/radio-unchecked-insensitive-backdrop-dark@2.png differ
diff --git a/Paper/assets/radio-unchecked-insensitive-dark.png b/Paper/assets/radio-unchecked-insensitive-dark.png
index dcf9c95..e10faab 100644
Binary files a/Paper/assets/radio-unchecked-insensitive-dark.png and b/Paper/assets/radio-unchecked-insensitive-dark.png differ
diff --git a/Paper/assets/radio-unchecked-insensitive-dark@2.png b/Paper/assets/radio-unchecked-insensitive-dark@2.png
index d0c65e1..faa9049 100644
Binary files a/Paper/assets/radio-unchecked-insensitive-dark@2.png and b/Paper/assets/radio-unchecked-insensitive-dark@2.png differ
diff --git a/Paper/assets/selected-checkbox-checked-dark.png b/Paper/assets/selected-checkbox-checked-dark.png
index 7079ad6..ea6be49 100644
Binary files a/Paper/assets/selected-checkbox-checked-dark.png and b/Paper/assets/selected-checkbox-checked-dark.png differ
diff --git a/Paper/assets/selected-checkbox-checked-dark@2.png b/Paper/assets/selected-checkbox-checked-dark@2.png
index 906f549..9220b31 100644
Binary files a/Paper/assets/selected-checkbox-checked-dark@2.png and b/Paper/assets/selected-checkbox-checked-dark@2.png differ
diff --git a/Paper/assets/selected-checkbox-mixed-dark.png b/Paper/assets/selected-checkbox-mixed-dark.png
index ffcf6cf..8f84c3e 100644
Binary files a/Paper/assets/selected-checkbox-mixed-dark.png and b/Paper/assets/selected-checkbox-mixed-dark.png differ
diff --git a/Paper/assets/selected-checkbox-mixed-dark@2.png b/Paper/assets/selected-checkbox-mixed-dark@2.png
index 2c0f86c..5c048e1 100644
Binary files a/Paper/assets/selected-checkbox-mixed-dark@2.png and b/Paper/assets/selected-checkbox-mixed-dark@2.png differ
diff --git a/Paper/assets/selected-checkbox-unchecked-dark.png b/Paper/assets/selected-checkbox-unchecked-dark.png
index c45caf9..746f2e2 100644
Binary files a/Paper/assets/selected-checkbox-unchecked-dark.png and b/Paper/assets/selected-checkbox-unchecked-dark.png differ
diff --git a/Paper/assets/selected-checkbox-unchecked-dark@2.png b/Paper/assets/selected-checkbox-unchecked-dark@2.png
index af9600d..cd2ec24 100644
Binary files a/Paper/assets/selected-checkbox-unchecked-dark@2.png and b/Paper/assets/selected-checkbox-unchecked-dark@2.png differ
diff --git a/Paper/assets/selected-radio-checked-dark.png b/Paper/assets/selected-radio-checked-dark.png
index 3431568..f2703f6 100644
Binary files a/Paper/assets/selected-radio-checked-dark.png and b/Paper/assets/selected-radio-checked-dark.png differ
diff --git a/Paper/assets/selected-radio-checked-dark@2.png b/Paper/assets/selected-radio-checked-dark@2.png
index 3239aa2..c716929 100644
Binary files a/Paper/assets/selected-radio-checked-dark@2.png and b/Paper/assets/selected-radio-checked-dark@2.png differ
diff --git a/Paper/assets/selected-radio-mixed-dark.png b/Paper/assets/selected-radio-mixed-dark.png
index aac79e2..c0f943e 100644
Binary files a/Paper/assets/selected-radio-mixed-dark.png and b/Paper/assets/selected-radio-mixed-dark.png differ
diff --git a/Paper/assets/selected-radio-mixed-dark@2.png b/Paper/assets/selected-radio-mixed-dark@2.png
index 4de8c49..465924f 100644
Binary files a/Paper/assets/selected-radio-mixed-dark@2.png and b/Paper/assets/selected-radio-mixed-dark@2.png differ
diff --git a/Paper/assets/selected-radio-unchecked-dark.png b/Paper/assets/selected-radio-unchecked-dark.png
index 2591a25..f58081f 100644
Binary files a/Paper/assets/selected-radio-unchecked-dark.png and b/Paper/assets/selected-radio-unchecked-dark.png differ
diff --git a/Paper/assets/selected-radio-unchecked-dark@2.png b/Paper/assets/selected-radio-unchecked-dark@2.png
index 702838c..d2230f6 100644
Binary files a/Paper/assets/selected-radio-unchecked-dark@2.png and b/Paper/assets/selected-radio-unchecked-dark@2.png differ
diff --git a/Paper/gtk-3.18/_colors.scss b/Paper/gtk-3.18/_colors.scss
index ef6d4c8..4179138 100644
--- a/Paper/gtk-3.18/_colors.scss
+++ b/Paper/gtk-3.18/_colors.scss
@@ -2,20 +2,20 @@
// it gets @if ed depending on $variant
// Main definitions
-$base_color: if($variant == 'light', #ffffff, #6a7981);
-$bg_color: if($variant == 'light', #f7f7f7, #4F585C);
-$fg_color: if($variant == 'light', #444, lighten(#e4e6e7, 10%));
+$base_color: if($variant == 'light', #ffffff, #455a64);
+$bg_color: if($variant == 'light', #f7f7f7, #37474f);
+$fg_color: if($variant == 'light', #444, #cfd8dc);
$text_color: if($variant == 'light', $fg_color, $fg_color);
-$headerbar_bg_color: if($variant == 'light', #546e7a, #3B4245);
+$headerbar_bg_color: if($variant == 'light', #546e7a, darken($base_color, 10%));
$headerbar_fg_color: if($variant == 'light', #ffffff, transparentize(#ffffff, 0.2));
// Primary colors
-$red: #f34235;
-$orange: #fe9700;
-$yellow: #fec006;
-$green: #4bae4f;
-$blue: #2095f2;
-$purple: #9b26af;
+$red: #F44336;
+$orange: #ff5722;
+$yellow: #f9ce1d;
+$green: #4caf50;
+$blue: #2196f3;
+$purple: #9c27b0;
$selected_fg_color: #ffffff;
$selected_bg_color: if($variant == 'light', #347D9F, lighten(#347D9F,10%));
@@ -42,7 +42,7 @@ $success_color: if($variant == 'light', $green, darken($green,10%));
$destructive_color: if($variant == 'light', $red, darken($red,10%));
$suggested_color: if($variant == 'light', $selected_bg_color, darken($selected_bg_color,10%));
-$osd_fg_color: #e4e6e7;
+$osd_fg_color: #cfd8dc;
$osd_text_color: white;
$osd_bg_color: transparentize(#202526, 0.2);
$osd_insensitive_bg_color: transparentize(mix($osd_fg_color, opacify($osd_bg_color, 1), 10%), 0.5);
diff --git a/Paper/gtk-3.18/apps/_budgie.scss b/Paper/gtk-3.18/apps/_budgie.scss
index 787387f..ec04ba2 100644
--- a/Paper/gtk-3.18/apps/_budgie.scss
+++ b/Paper/gtk-3.18/apps/_budgie.scss
@@ -2,6 +2,9 @@
* Budgie *
**********/
+$budgie_panel_bg_color: #263238;
+$budgie_panel_fg_color: #cfd8dc;
+
@function gtkalpha($c,$a) {
@return unquote("alpha(#{$c},#{$a})");
}
@@ -15,17 +18,19 @@ $asset_suffix: if($variant == 'default', '', '-hc');
@each $pos, $b_pos in $pos_list {
.#{$pos} & {
- border-#{$b_pos}: 2px solid transparentize($panel_bg_color,1);
- border-#{$pos}: 2px solid transparentize($panel_bg_color,1);
+ border-#{$b_pos}: 2px solid transparentize($budgie_panel_bg_color, 1.0);
+ border-#{$pos}: 2px solid transparentize($budgie_panel_bg_color, 1.0);
@at-root {
.#{$pos} .budgie-panel .unpinned .launcher,
.#{$pos} .budgie-panel .pinned .launcher.running { border-#{$pos}: 2px solid transparentize($selected_bg_color, 0.5); }
}
+
&:hover {
border-#{$b_pos}: 2px solid transparentize(black, 0.9);
border-#{$pos}: 2px solid transparentize($selected_bg_color, 0.5);
}
+
&:active, &:checked {
border-#{$b_pos}: 2px solid transparentize(black, 0.8);
border-#{$pos}: 2px solid $selected_bg_color;
@@ -34,13 +39,21 @@ $asset_suffix: if($variant == 'default', '', '-hc');
}
}
+// Budgie
+.budgie-container {
+ border: none;
+ box-shadow: none;
+ background: none;
+ font-size: 100%;
+}
+
// Budgie Menu
.budgie-menu {
GtkSearchEntry.entry:not(:selected) {
border: none;
box-shadow: none;
background: none;
- font-size: 120%;
+ font-size: 100%;
&.image { padding-left: 0px; padding-right: 6px; }
}
@@ -51,24 +64,13 @@ $asset_suffix: if($variant == 'default', '', '-hc');
// Panel
.budgie-panel {
font: bold;
- color: $panel_fg_color;
- background-color: $panel_bg_color;
+ font-size: 100%;
+ color: $budgie_panel_fg_color;
+ background-color: $budgie_panel_bg_color;
&:backdrop {
- color: $panel_fg_color;
- background-color: $panel_bg_color;
- }
-
- // End Section needs to be fancy
- @if $variant == 'default' {
- .end-region {
- background-color: rgba(0,0,0,0.3);
- border-radius: 2px;
-
- .separator {
- color: transparentize($panel_fg_color, 0.85)
- }
- }
+ color: $budgie_panel_fg_color;
+ background-color: $budgie_panel_bg_color;
}
// Tasklist
@@ -79,7 +81,7 @@ $asset_suffix: if($variant == 'default', '', '-hc');
border-radius: 0;
@if $variant == 'default' {
- &:not(:hover):not(:active):not(:checked) { color: gtkalpha(currentColor, 0.5); }
+ // &:not(:hover):not(:active):not(:checked) { color: gtkalpha(currentColor, 0.5); }
background: none;
background-clip: padding-box;
border: none;
@@ -91,10 +93,10 @@ $asset_suffix: if($variant == 'default', '', '-hc');
// Icon Tasklist
.launcher {
- transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+ // transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
padding-left: 2px;
padding-right: 2px;
- border-color: transparentize($panel_bg_color,1); // fixes the transition
+ border-color: transparentize($budgie_panel_bg_color, 1.0); // fixes the transition
&:hover { -gtk-image-effect: highlight; }
}
@@ -117,14 +119,15 @@ $asset_suffix: if($variant == 'default', '', '-hc');
@each $pos, $b_pos in $pos_list {
// Panel borders
- .#{$pos} .budgie-panel { border-#{$b_pos}: 1px solid $panel_borders_color; }
+ .#{$pos} .budgie-panel {
+ border-#{$b_pos}: 1px solid transparentize(black,0.8);
+ box-shadow:none;
+ }
// Raven borders
.#{$pos} .raven-frame {
- padding: 0;
- background: none;
- border: none;
- border-#{$b_pos}: 1px solid transparentize(black, 0.8);
+ border-#{$b_pos}: 1px solid transparentize(black, 0.2);
+ box-shadow:inset 0 0 0 1px transparentize(white, 0.7);
}
// Shadows
@@ -137,14 +140,18 @@ $asset_suffix: if($variant == 'default', '', '-hc');
}
// Raven
+
.raven {
- color: $panel_fg_color;
- background-color: transparentize($panel_bg_color, 0.8);
+ color: $fg_color;
+ background-color: transparentize($bg_color, 0.02);
transition: 170ms ease-out;
.raven-header {
- color: $panel_fg_color;
- border-width: 1px 0;
+ background-color: $bg_color;
+ color: $fg_color;
+ border-top: 1px solid $borders_color;
+ border-bottom: 1px solid $borders_color;
+ box-shadow:inset 0 1px 0 0 transparentize(white,0.9), 0 1px 1px 0 transparentize(black,0.9);
&.top { border-top-style: none; }
&.bottom { border-bottom-style: none; }
@@ -155,15 +162,33 @@ $asset_suffix: if($variant == 'default', '', '-hc');
}
.raven-background {
- color: $panel_fg_color;
- background-color: transparentize($panel_bg_color, 0.8);
- border-bottom: 1px solid transparentize($panel_borders_color, 0.8);
+ background-color: $base_color;
+ border-bottom: 1px solid $borders_color;
+ box-shadow:inset 0 1px 0 0 transparentize(white,0.9), 0 1px 1px 0 transparentize(black,0.9);
&.middle { border-bottom-style: none; } // applet background between two headers
}
+ .powerstrip {
+ background-color: transparent;
+ border: none;
+ box-shadow:none;
+ }
+
.powerstrip .button {
- padding: 10px;
+ border-radius:50%;
+ padding: 12px;
+ background: transparentize(black,0.9);
+ border: 1px solid transparentize(black,0.8);
+ box-shadow: 0 1px transparentize(white,0.9);
+ font-size: 100%;
+
+ &:hover {
+ background: transparentize(black,0.9);
+ border: 1px solid transparentize(black,0.8);
+ box-shadow: inset 0 1px transparentize(white,0.9), 1px 1px transparentize(black,0.8);
+ transition: 170ms ease all;
+ }
}
.option-subtitle {
@@ -183,7 +208,6 @@ $asset_suffix: if($variant == 'default', '', '-hc');
// Notifications
.budgie-notification-window {
- background: none;
border-radius: 1px;
}
@@ -198,24 +222,26 @@ $asset_suffix: if($variant == 'default', '', '-hc');
color: $fg_color;
}
- .notification-body { color: transparentize($panel_fg_color, 0.3); }
+ .notification-body { color: transparentize($budgie_panel_fg_color, 0.3); }
}
.drop-shadow {
- background-color: transparent;
- box-shadow: 0 2px 4px 0 $shadow_color, 0 0 0 1px $panel_borders_color;
- border-radius: 1px;
+ box-shadow: 0 1px 1px 0 $shadow_color;
}
// Session Dialog
.budgie-session-dialog {
+ padding:12px;
+ border-radius: 4px;
+ border:none;
+ border-top: 1px solid transparentize(white,0.9);
&.background { @extend .drop-shadow; }
.linked.horizontal > .button {
border-bottom: none;
border-radius: 0;
- &:first-child { border-left: none; border-radius: 0; }
- &:last-child { border-right: none; border-radius: 0; }
+ &:first-child { border-left: none; border-radius: 0 0 0 4px; }
+ &:last-child { border-right: none; border-radius: 0 0 4px 0; }
}
}
@@ -223,6 +249,6 @@ $asset_suffix: if($variant == 'default', '', '-hc');
.budgie-polkit-dialog {
@extend .budgie-session-dialog;
- .message { color: transparentize($panel_fg_color, 0.3); }
+ .message { color: transparentize($budgie_panel_fg_color, 0.3); }
.failure { color: $red; }
}
\ No newline at end of file
diff --git a/Paper/gtk-3.18/gtk-dark.css b/Paper/gtk-3.18/gtk-dark.css
index 60eaf69..5fc623b 100644
--- a/Paper/gtk-3.18/gtk-dark.css
+++ b/Paper/gtk-3.18/gtk-dark.css
@@ -19,66 +19,66 @@
----------------
use responsibly! */
/* widget text/foreground color */
-@define-color theme_fg_color white;
+@define-color theme_fg_color #cfd8dc;
/* text color for entries, views and content in general */
-@define-color theme_text_color white;
+@define-color theme_text_color #cfd8dc;
/* widget base background color */
-@define-color theme_bg_color #4F585C;
+@define-color theme_bg_color #37474f;
/* text widgets and the like base background color */
-@define-color theme_base_color #6a7981;
+@define-color theme_base_color #455a64;
/* base background color of selections */
@define-color theme_selected_bg_color #449ac2;
/* text/foreground color of selections */
@define-color theme_selected_fg_color #ffffff;
/* base background color of insensitive widgets */
-@define-color insensitive_bg_color #5a656b;
+@define-color insensitive_bg_color #3d4f57;
/* text foreground color of insensitive widgets */
-@define-color insensitive_fg_color #a7acae;
+@define-color insensitive_fg_color #839096;
/* insensitive text widgets and the like base background color */
-@define-color insensitive_base_color #6a7981;
+@define-color insensitive_base_color #455a64;
/* widget text/foreground color on backdrop windows */
-@define-color theme_unfocused_fg_color #a7acae;
+@define-color theme_unfocused_fg_color #839096;
/* text color for entries, views and content in general on backdrop windows */
-@define-color theme_unfocused_text_color white;
+@define-color theme_unfocused_text_color #cfd8dc;
/* widget base background color on backdrop windows */
-@define-color theme_unfocused_bg_color #4F585C;
+@define-color theme_unfocused_bg_color #37474f;
/* text widgets and the like base background color on backdrop windows */
-@define-color theme_unfocused_base_color #6c7c84;
+@define-color theme_unfocused_base_color #475d67;
/* base background color of selections on backdrop windows */
@define-color theme_unfocused_selected_bg_color #449ac2;
/* text/foreground color of selections on backdrop windows */
@define-color theme_unfocused_selected_fg_color #ffffff;
/* widgets main borders color */
-@define-color borders #373e41;
+@define-color borders #222c31;
/* widgets main borders color on backdrop windows */
-@define-color unfocused_borders #394144;
+@define-color unfocused_borders #242f34;
/* these are pretty self explicative */
-@define-color warning_color #fec006;
-@define-color error_color #f34235;
-@define-color success_color #3c8a3f;
+@define-color warning_color #f9ce1d;
+@define-color error_color #F44336;
+@define-color success_color #3d8b40;
/* 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 shade(white, 1.8);
-@define-color wm_unfocused_title #a7acae;
+@define-color wm_title shade(#cfd8dc, 1.8);
+@define-color wm_unfocused_title #839096;
@define-color wm_highlight transparent;
@define-color wm_borders_edge rgba(255, 255, 255, 0.1);
-@define-color wm_bg_a shade(#4F585C, 1.2);
-@define-color wm_bg_b #4F585C;
+@define-color wm_bg_a shade(#37474f, 1.2);
+@define-color wm_bg_b #37474f;
@define-color wm_shadow alpha(black, 0.35);
@define-color wm_border alpha(black, 0.18);
-@define-color wm_button_hover_color_a shade(#4F585C, 1.3);
-@define-color wm_button_hover_color_b #4F585C;
-@define-color wm_button_active_color_a shade(#4F585C, 0.85);
-@define-color wm_button_active_color_b shade(#4F585C, 0.89);
-@define-color wm_button_active_color_c shade(#4F585C, 0.9);
-@define-color content_view_bg #6a7981;
+@define-color wm_button_hover_color_a shade(#37474f, 1.3);
+@define-color wm_button_hover_color_b #37474f;
+@define-color wm_button_active_color_a shade(#37474f, 0.85);
+@define-color wm_button_active_color_b shade(#37474f, 0.89);
+@define-color wm_button_active_color_c shade(#37474f, 0.9);
+@define-color content_view_bg #455a64;
/**********
* Common *
**********/
* {
padding: 0;
-GtkToolButton-icon-spacing: 4;
- -GtkTextView-error-underline-color: #f34235;
+ -GtkTextView-error-underline-color: #F44336;
-GtkScrolledWindow-scrollbar-spacing: 0;
-GtkToolItemGroup-expander-size: 11;
-GtkTreeView-expander-size: 11;
@@ -96,13 +96,13 @@ read if you used those and something break with a version upgrade you're on your
* Action bars *
***************/
.action-bar {
- background-color: #373e41;
- border: solid #373e41;
+ background-color: #222c31;
+ border: solid #222c31;
border-width: 1px 0 0 0;
- color: white;
+ color: #cfd8dc;
box-shadow: none; }
.action-bar:backdrop {
- background-color: #373e41;
+ background-color: #222c31;
box-shadow: none;
-gtk-image-effect: dim; }
.action-bar:first-child {
@@ -130,11 +130,11 @@ read if you used those and something break with a version upgrade you're on your
* Base States *
***************/
.background {
- color: white;
- background-color: #4F585C; }
+ color: #cfd8dc;
+ background-color: #37474f; }
.background:backdrop {
- color: #a7acae;
- background-color: #4F585C;
+ color: #839096;
+ background-color: #37474f;
text-shadow: none;
icon-shadow: none; }
@@ -148,38 +148,38 @@ read if you used those and something break with a version upgrade you're on your
-gtk-image-effect: dim; }
.gtkstyle-fallback {
- color: white;
- background-color: #4F585C; }
+ color: #cfd8dc;
+ background-color: #37474f; }
.gtkstyle-fallback:hover {
- color: white;
- background-color: #677277; }
+ color: #cfd8dc;
+ background-color: #4c626d; }
.gtkstyle-fallback:active {
- color: white;
- background-color: #373e41; }
+ color: #cfd8dc;
+ background-color: #222c31; }
.gtkstyle-fallback:insensitive {
- color: #a7acae;
- background-color: #5a656b; }
+ color: #839096;
+ background-color: #3d4f57; }
.gtkstyle-fallback:selected {
color: #ffffff;
background-color: #449ac2; }
.view, GtkIconView,
GtkTextView GtkLabel {
- color: white;
- background-color: #6a7981; }
+ color: #cfd8dc;
+ background-color: #455a64; }
.view:backdrop, GtkIconView:backdrop,
GtkTextView GtkLabel:backdrop {
- color: #e2e5e6;
- background-color: #6c7c84; }
+ color: #b4bfc5;
+ background-color: #475d67; }
.view:selected:focus, GtkIconView:selected:focus, .view:selected, GtkIconView:selected,
GtkTextView GtkLabel:selected:focus,
GtkTextView GtkLabel:selected {
border-radius: 3px; }
GtkTextView {
- background-color: #5d696f; }
+ background-color: #3e515a; }
GtkTextView:backdrop {
- background-color: #5e6a70; }
+ background-color: #3f525b; }
GtkTextView.bottom {
background-size: 100% 1px;
background-position: top; }
@@ -218,18 +218,18 @@ GtkFlow flowboxchild {
outline-offset: -2px; }
GtkLabel.separator {
- color: white; }
+ color: #cfd8dc; }
GtkLabel.separator:backdrop {
- color: #a7acae; }
+ color: #839096; }
GtkLabel:selected {
background-color: #449ac2;
color: #ffffff; }
GtkLabel:insensitive {
- color: #a7acae; }
+ color: #839096; }
GtkLabel:insensitive:backdrop {
- color: #727f85; }
+ color: #56707c; }
GtkLabel:backdrop {
- color: #a7acae; }
+ color: #839096; }
.dim-label, GtkLabel.separator, .titlebar:not(headerbar) .subtitle,
.header-bar .subtitle {
@@ -239,11 +239,11 @@ GtkLabel:backdrop {
.app-notification,
.app-notification.frame, .osd .scale-popup, .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: #e4e6e7;
+ color: #cfd8dc;
border: none;
background-color: rgba(32, 37, 38, 0.8);
background-clip: padding-box;
- outline-color: rgba(228, 230, 231, 0.3);
+ outline-color: rgba(207, 216, 220, 0.3);
text-shadow: 0 1px black;
icon-shadow: 0 1px black; }
.app-notification:backdrop, .osd .scale-popup:backdrop, .popover .background.touch-selection:backdrop, .popover .background.magnifier:backdrop, .popover .background.osd:backdrop,
@@ -302,13 +302,13 @@ treeview.view:selected {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#449ac2), to(transparent)); } }
.button {
padding: 4px 9px;
- border: 1px solid #373e41;
+ border: 1px solid #222c31;
border-radius: 3px;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
- color: white;
- outline-color: rgba(255, 255, 255, 0.3);
- border-color: #373e41;
- background-image: linear-gradient(to bottom, #4F585C, #434b4e);
+ color: #cfd8dc;
+ outline-color: rgba(207, 216, 220, 0.3);
+ border-color: #222c31;
+ background-image: linear-gradient(to bottom, #37474f, #2d3940);
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
@@ -327,20 +327,20 @@ treeview.view:selected {
.button.flat:hover:active {
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.button:hover {
- color: white;
- outline-color: rgba(255, 255, 255, 0.3);
- border-color: #373e41;
- background-image: linear-gradient(to bottom, #515b5f, #4a5357 60%, #464e51);
+ color: #cfd8dc;
+ outline-color: rgba(207, 216, 220, 0.3);
+ border-color: #222c31;
+ background-image: linear-gradient(to bottom, #394a52, #334249 60%, #2f3c43);
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
-gtk-image-effect: highlight; }
.button:active,
.button:checked {
- color: white;
- outline-color: rgba(255, 255, 255, 0.3);
- border-color: #373e41;
- background-image: linear-gradient(to bottom, #3f4649, #4a5357);
+ color: #cfd8dc;
+ outline-color: rgba(207, 216, 220, 0.3);
+ border-color: #222c31;
+ background-image: linear-gradient(to bottom, #28343a, #334249);
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6);
@@ -348,8 +348,8 @@ treeview.view:selected {
transition-duration: 50ms; }
.button:backdrop.flat,
.button:backdrop {
- border-color: #394144;
- background-image: linear-gradient(to bottom, #4F585C);
+ border-color: #242f34;
+ background-image: linear-gradient(to bottom, #37474f);
text-shadow: none;
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
@@ -359,12 +359,12 @@ treeview.view:selected {
.button:backdrop.flat,
.button:backdrop GtkLabel,
.button:backdrop {
- color: #a7acae; }
+ color: #839096; }
.button:backdrop.flat:active,
.button:backdrop.flat:checked,
.button:backdrop:active,
.button:backdrop:checked {
- border-color: #394144;
+ border-color: #242f34;
background-image: none;
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
.button:backdrop.flat:active GtkLabel,
@@ -375,7 +375,7 @@ treeview.view:selected {
.button:backdrop:active,
.button:backdrop:checked GtkLabel,
.button:backdrop:checked {
- color: #a7acae; }
+ color: #839096; }
.button:backdrop.flat:active label,
.button:backdrop.flat:active,
.button:backdrop.flat:checked label,
@@ -384,12 +384,12 @@ treeview.view:selected {
.button:backdrop:active,
.button:backdrop:checked label,
.button:backdrop:checked {
- color: #a7acae; }
+ color: #839096; }
.button:backdrop.flat:insensitive,
.button:backdrop:insensitive {
- border-color: #394144;
+ border-color: #242f34;
background-image: none;
- background-color: #5a656b;
+ background-color: #3d4f57;
text-shadow: none;
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
@@ -397,20 +397,20 @@ treeview.view:selected {
.button:backdrop.flat:insensitive,
.button:backdrop:insensitive GtkLabel,
.button:backdrop:insensitive {
- color: #727f85; }
+ color: #56707c; }
.button:backdrop.flat:insensitive:active,
.button:backdrop.flat:insensitive:checked,
.button:backdrop:insensitive:active,
.button:backdrop:insensitive:checked {
- border-color: #394144;
+ border-color: #242f34;
background-image: none;
- background-color: #4e585d;
+ background-color: #324148;
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
.button:backdrop.flat:insensitive:active GtkLabel,
.button:backdrop.flat:insensitive:checked GtkLabel,
.button:backdrop:insensitive:active GtkLabel,
.button:backdrop:insensitive:checked GtkLabel {
- color: #727f85; }
+ color: #56707c; }
.button.flat:backdrop,
.button.flat:insensitive,
.button.flat:backdrop:insensitive {
@@ -422,9 +422,9 @@ treeview.view:selected {
icon-shadow: none; }
.button:insensitive,
.button:insensitive {
- border-color: #373e41;
+ border-color: #222c31;
background-image: none;
- background-color: #5a656b;
+ background-color: #3d4f57;
text-shadow: none;
box-shadow: none;
icon-shadow: none; }
@@ -432,14 +432,14 @@ treeview.view:selected {
.button:insensitive,
.button:insensitive GtkLabel,
.button:insensitive {
- color: #a7acae; }
+ color: #839096; }
.button:insensitive:active,
.button:insensitive:checked,
.button:insensitive:active,
.button:insensitive:checked {
- border-color: #373e41;
+ border-color: #222c31;
background-image: none;
- background-color: #5a656b;
+ background-color: #3d4f57;
text-shadow: none;
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
.button:insensitive:active GtkLabel,
@@ -450,7 +450,7 @@ treeview.view:selected {
.button:insensitive:active,
.button:insensitive:checked GtkLabel,
.button:insensitive:checked {
- color: #a7acae; }
+ color: #839096; }
.button.image-button {
padding-left: 4px;
padding-right: 4px; }
@@ -470,19 +470,19 @@ row:selected
border-color: transparent; }
row:selected
.button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop {
- color: #a7acae; }
+ color: #839096; }
.button.osd {
- color: #e4e6e7;
+ color: #cfd8dc;
border-radius: 5px;
- outline-color: rgba(228, 230, 231, 0.3);
- color: #e4e6e7;
+ outline-color: rgba(207, 216, 220, 0.3);
+ color: #cfd8dc;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
- outline-color: rgba(228, 230, 231, 0.3);
+ outline-color: rgba(207, 216, 220, 0.3);
border: none;
box-shadow: none; }
.button.osd:hover {
@@ -493,7 +493,7 @@ row:selected
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
- outline-color: rgba(228, 230, 231, 0.3);
+ outline-color: rgba(207, 216, 220, 0.3);
border: none;
box-shadow: none; }
.button.osd:active,
@@ -505,23 +505,23 @@ row:selected
box-shadow: none;
text-shadow: none;
icon-shadow: none;
- outline-color: rgba(228, 230, 231, 0.3);
+ outline-color: rgba(207, 216, 220, 0.3);
border: none;
box-shadow: none; }
.button.osd:insensitive:backdrop,
.button.osd:insensitive,
.button.osd:insensitive:backdrop,
.button.osd:insensitive {
- color: #828687;
+ color: #787f81;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5));
+ background-image: linear-gradient(to bottom, rgba(50, 55, 56, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
icon-shadow: none;
border: none; }
.button.osd:backdrop {
- color: #e4e6e7;
+ color: #cfd8dc;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-clip: padding-box;
@@ -533,14 +533,14 @@ row:selected
.app-notification.frame .button,
.app-notification.frame button, .csd .popover .background.touch-selection button, .csd .popover .background.magnifier button, .popover .background.touch-selection button, .popover .background.magnifier button, .osd
.button {
- color: #e4e6e7;
+ color: #cfd8dc;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
.app-notification .button:hover, .app-notification button:hover, .popover .background.touch-selection button:hover, .popover .background.magnifier button:hover, .osd
.button:hover {
color: white;
@@ -550,7 +550,7 @@ row:selected
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
.app-notification .button:active:backdrop, .app-notification button:active:backdrop, .popover .background.touch-selection button:active:backdrop, .popover .background.magnifier button:active:backdrop, .app-notification .button:active, .app-notification button:active, .popover .background.touch-selection button:active, .popover .background.magnifier button:active, .app-notification .button:checked:backdrop, .app-notification button:checked:backdrop, .popover .background.touch-selection button:checked:backdrop, .popover .background.magnifier button:checked:backdrop, .app-notification .button:checked, .app-notification button:checked, .popover .background.touch-selection button:checked, .popover .background.magnifier button:checked, .osd
.button:active:backdrop, .osd
.button:active, .osd
@@ -563,20 +563,20 @@ row:selected
box-shadow: none;
text-shadow: none;
icon-shadow: none;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
.app-notification .button:insensitive:backdrop, .app-notification button:insensitive:backdrop, .popover .background.touch-selection button:insensitive:backdrop, .popover .background.magnifier button:insensitive:backdrop, .app-notification .button:insensitive, .app-notification button:insensitive, .popover .background.touch-selection button:insensitive, .popover .background.magnifier button:insensitive, .osd
.button:insensitive:backdrop, .osd
.button:insensitive {
- color: #828687;
+ color: #787f81;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5));
+ background-image: linear-gradient(to bottom, rgba(50, 55, 56, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
icon-shadow: none; }
.app-notification .button:backdrop, .app-notification button:backdrop, .popover .background.touch-selection button:backdrop, .popover .background.magnifier button:backdrop, .osd
.button:backdrop {
- color: #e4e6e7;
+ color: #cfd8dc;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-clip: padding-box;
@@ -601,12 +601,12 @@ row:selected
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
.app-notification .flat.button:insensitive, .app-notification button.flat:insensitive, .popover .background.touch-selection button.flat:insensitive, .popover .background.magnifier button.flat:insensitive, .osd
.button.flat:insensitive {
- color: #828687;
+ color: #787f81;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5));
+ background-image: linear-gradient(to bottom, rgba(50, 55, 56, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@@ -632,7 +632,7 @@ row:selected
box-shadow: none;
text-shadow: none;
icon-shadow: none;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
.button.suggested-action {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
@@ -679,7 +679,7 @@ row:selected
.button.suggested-action:backdrop,
.button.suggested-action.flat:backdrop GtkLabel,
.button.suggested-action.flat:backdrop {
- color: #a7acae; }
+ color: #daebf3; }
.button.suggested-action:backdrop:active,
.button.suggested-action:backdrop:checked,
.button.suggested-action.flat:backdrop:active,
@@ -695,7 +695,7 @@ row:selected
.button.suggested-action.flat:backdrop:active,
.button.suggested-action.flat:backdrop:checked GtkLabel,
.button.suggested-action.flat:backdrop:checked {
- color: #a7acae; }
+ color: #d6e5ec; }
.button.suggested-action:backdrop:active label,
.button.suggested-action:backdrop:active,
.button.suggested-action:backdrop:checked label,
@@ -704,12 +704,12 @@ row:selected
.button.suggested-action.flat:backdrop:active,
.button.suggested-action.flat:backdrop:checked label,
.button.suggested-action.flat:backdrop:checked {
- color: #a7acae; }
+ color: #d6e5ec; }
.button.suggested-action:backdrop:insensitive,
.button.suggested-action.flat:backdrop:insensitive {
- border-color: #394144;
+ border-color: #242f34;
background-image: none;
- background-color: #5a656b;
+ background-color: #3d4f57;
text-shadow: none;
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
@@ -717,20 +717,20 @@ row:selected
.button.suggested-action:backdrop:insensitive,
.button.suggested-action.flat:backdrop:insensitive GtkLabel,
.button.suggested-action.flat:backdrop:insensitive {
- color: #727f85; }
+ color: #56707c; }
.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 {
border-color: #215065;
background-image: none;
- background-color: #4287a7;
+ background-color: #3d81a1;
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
.button.suggested-action:backdrop:insensitive:active GtkLabel,
.button.suggested-action:backdrop:insensitive:checked GtkLabel,
.button.suggested-action.flat:backdrop:insensitive:active GtkLabel,
.button.suggested-action.flat:backdrop:insensitive:checked GtkLabel {
- color: #84b1c6; }
+ color: #81adc2; }
.button.suggested-action.flat:backdrop,
.button.suggested-action.flat:insensitive,
.button.suggested-action.flat:backdrop:insensitive {
@@ -742,37 +742,37 @@ row:selected
icon-shadow: none;
color: rgba(68, 154, 194, 0.8); }
.button.suggested-action:insensitive {
- border-color: #373e41;
+ border-color: #222c31;
background-image: none;
- background-color: #5a656b;
+ background-color: #3d4f57;
text-shadow: none;
box-shadow: none;
icon-shadow: none; }
.button.suggested-action:insensitive GtkLabel,
.button.suggested-action:insensitive {
- color: #a7acae; }
+ color: #839096; }
.button.suggested-action:insensitive:active,
.button.suggested-action:insensitive:checked {
border-color: #215065;
background-image: none;
- background-color: #4287a7;
+ background-color: #3d81a1;
text-shadow: none;
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
.button.suggested-action:insensitive:active GtkLabel,
.button.suggested-action:insensitive:active,
.button.suggested-action:insensitive:checked GtkLabel,
.button.suggested-action:insensitive:checked {
- color: #b3cfdc; }
+ color: #b1cdd9; }
.osd
.button.suggested-action {
- color: #e4e6e7;
+ color: #cfd8dc;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(68, 154, 194, 0.5));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
.osd
.button.suggested-action:hover {
color: white;
@@ -782,7 +782,7 @@ row:selected
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
.osd
.button.suggested-action:active:backdrop, .osd
.button.suggested-action:active, .osd
@@ -795,20 +795,20 @@ row:selected
box-shadow: none;
text-shadow: none;
icon-shadow: none;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
.osd
.button.suggested-action:insensitive:backdrop, .osd
.button.suggested-action:insensitive {
- color: #828687;
+ color: #787f81;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5));
+ background-image: linear-gradient(to bottom, rgba(50, 55, 56, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
icon-shadow: none; }
.osd
.button.suggested-action:backdrop {
- color: #e4e6e7;
+ color: #cfd8dc;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(68, 154, 194, 0.5));
background-clip: padding-box;
@@ -818,8 +818,8 @@ row:selected
.button.destructive-action {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
- border-color: #6f0e07;
- background-image: linear-gradient(to bottom, #e71d0e, #cf1a0c);
+ border-color: #710e06;
+ background-image: linear-gradient(to bottom, #ea1c0d, #d2190b);
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2);
@@ -831,12 +831,12 @@ row:selected
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
icon-shadow: none;
- color: #e71d0e; }
+ color: #ea1c0d; }
.button.destructive-action:hover {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
- border-color: #6f0e07;
- background-image: linear-gradient(to bottom, #ec1d0e, #de1b0d 60%, #d41a0d);
+ border-color: #710e06;
+ background-image: linear-gradient(to bottom, #ef1d0d, #e11b0c 60%, #d71a0c);
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); }
@@ -844,16 +844,16 @@ row:selected
.button.destructive-action:checked {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
- border-color: #6f0e07;
- background-image: linear-gradient(to bottom, #c6180c, #de1b0d);
+ border-color: #710e06;
+ background-image: linear-gradient(to bottom, #c8180b, #e11b0c);
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6);
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
.button.destructive-action:backdrop,
.button.destructive-action.flat:backdrop {
- border-color: #6f0e07;
- background-image: linear-gradient(to bottom, #e71d0e);
+ border-color: #710e06;
+ background-image: linear-gradient(to bottom, #ea1c0d);
text-shadow: none;
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
@@ -861,12 +861,12 @@ row:selected
.button.destructive-action:backdrop,
.button.destructive-action.flat:backdrop GtkLabel,
.button.destructive-action.flat:backdrop {
- color: #a7acae; }
+ color: #fbd2cf; }
.button.destructive-action:backdrop:active,
.button.destructive-action:backdrop:checked,
.button.destructive-action.flat:backdrop:active,
.button.destructive-action.flat:backdrop:checked {
- border-color: #6f0e07;
+ border-color: #710e06;
background-image: none;
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
.button.destructive-action:backdrop:active GtkLabel,
@@ -877,7 +877,7 @@ row:selected
.button.destructive-action.flat:backdrop:active,
.button.destructive-action.flat:backdrop:checked GtkLabel,
.button.destructive-action.flat:backdrop:checked {
- color: #a7acae; }
+ color: #f1d0ce; }
.button.destructive-action:backdrop:active label,
.button.destructive-action:backdrop:active,
.button.destructive-action:backdrop:checked label,
@@ -886,12 +886,12 @@ row:selected
.button.destructive-action.flat:backdrop:active,
.button.destructive-action.flat:backdrop:checked label,
.button.destructive-action.flat:backdrop:checked {
- color: #a7acae; }
+ color: #f1d0ce; }
.button.destructive-action:backdrop:insensitive,
.button.destructive-action.flat:backdrop:insensitive {
- border-color: #394144;
+ border-color: #242f34;
background-image: none;
- background-color: #5a656b;
+ background-color: #3d4f57;
text-shadow: none;
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
@@ -899,20 +899,20 @@ row:selected
.button.destructive-action:backdrop:insensitive,
.button.destructive-action.flat:backdrop:insensitive GtkLabel,
.button.destructive-action.flat:backdrop:insensitive {
- color: #727f85; }
+ color: #56707c; }
.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 {
- border-color: #6f0e07;
+ border-color: #710e06;
background-image: none;
- background-color: #be261c;
+ background-color: #ba2117;
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
.button.destructive-action:backdrop:insensitive:active GtkLabel,
.button.destructive-action:backdrop:insensitive:checked GtkLabel,
.button.destructive-action.flat:backdrop:insensitive:active GtkLabel,
.button.destructive-action.flat:backdrop:insensitive:checked GtkLabel {
- color: #d5726b; }
+ color: #d26f68; }
.button.destructive-action.flat:backdrop,
.button.destructive-action.flat:insensitive,
.button.destructive-action.flat:backdrop:insensitive {
@@ -922,49 +922,49 @@ row:selected
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
icon-shadow: none;
- color: rgba(231, 29, 14, 0.8); }
+ color: rgba(234, 28, 13, 0.8); }
.button.destructive-action:insensitive {
- border-color: #373e41;
+ border-color: #222c31;
background-image: none;
- background-color: #5a656b;
+ background-color: #3d4f57;
text-shadow: none;
box-shadow: none;
icon-shadow: none; }
.button.destructive-action:insensitive GtkLabel,
.button.destructive-action:insensitive {
- color: #a7acae; }
+ color: #839096; }
.button.destructive-action:insensitive:active,
.button.destructive-action:insensitive:checked {
- border-color: #6f0e07;
+ border-color: #710e06;
background-image: none;
- background-color: #be261c;
+ background-color: #ba2117;
text-shadow: none;
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
.button.destructive-action:insensitive:active GtkLabel,
.button.destructive-action:insensitive:active,
.button.destructive-action:insensitive:checked GtkLabel,
.button.destructive-action:insensitive:checked {
- color: #e5a8a4; }
+ color: #e3a6a2; }
.osd
.button.destructive-action {
- color: #e4e6e7;
+ color: #cfd8dc;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(231, 29, 14, 0.5));
+ background-image: linear-gradient(to bottom, rgba(234, 28, 13, 0.5));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
.osd
.button.destructive-action:hover {
color: white;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(231, 29, 14, 0.7));
+ background-image: linear-gradient(to bottom, rgba(234, 28, 13, 0.7));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
.osd
.button.destructive-action:active:backdrop, .osd
.button.destructive-action:active, .osd
@@ -972,27 +972,27 @@ row:selected
.button.destructive-action:checked {
color: white;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, #e71d0e);
+ background-image: linear-gradient(to bottom, #ea1c0d);
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
icon-shadow: none;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
.osd
.button.destructive-action:insensitive:backdrop, .osd
.button.destructive-action:insensitive {
- color: #828687;
+ color: #787f81;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5));
+ background-image: linear-gradient(to bottom, rgba(50, 55, 56, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
icon-shadow: none; }
.osd
.button.destructive-action:backdrop {
- color: #e4e6e7;
+ color: #cfd8dc;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(231, 29, 14, 0.5));
+ background-image: linear-gradient(to bottom, rgba(234, 28, 13, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@@ -1041,7 +1041,7 @@ row:selected
.stack-switcher >
.button.needs-attention > image {
animation: needs_attention 150ms ease-in;
- background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#7eb9d5), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.73176)), to(transparent));
+ background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#7eb9d5), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.7898)), to(transparent));
background-size: 6px 6px, 6px 6px;
background-repeat: no-repeat;
background-position: right 3px, right 2px; }
@@ -1057,80 +1057,80 @@ row:selected
background-position: left 3px, left 2px; }
.inline-toolbar toolbutton > button {
- color: white;
- outline-color: rgba(255, 255, 255, 0.3);
- border-color: #373e41;
- background-image: linear-gradient(to bottom, #4F585C, #434b4e);
+ color: #cfd8dc;
+ outline-color: rgba(207, 216, 220, 0.3);
+ border-color: #222c31;
+ background-image: linear-gradient(to bottom, #37474f, #2d3940);
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); }
.inline-toolbar toolbutton > button:hover {
- color: white;
- outline-color: rgba(255, 255, 255, 0.3);
- border-color: #373e41;
- background-image: linear-gradient(to bottom, #515b5f, #4a5357 60%, #464e51);
+ color: #cfd8dc;
+ outline-color: rgba(207, 216, 220, 0.3);
+ border-color: #222c31;
+ background-image: linear-gradient(to bottom, #394a52, #334249 60%, #2f3c43);
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); }
.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked {
- color: white;
- outline-color: rgba(255, 255, 255, 0.3);
- border-color: #373e41;
- background-image: linear-gradient(to bottom, #3f4649, #4a5357);
+ color: #cfd8dc;
+ outline-color: rgba(207, 216, 220, 0.3);
+ border-color: #222c31;
+ background-image: linear-gradient(to bottom, #28343a, #334249);
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6);
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
.inline-toolbar toolbutton > button:insensitive {
- border-color: #373e41;
+ border-color: #222c31;
background-image: none;
- background-color: #5a656b;
+ background-color: #3d4f57;
text-shadow: none;
box-shadow: none;
icon-shadow: none; }
.inline-toolbar toolbutton > button:insensitive GtkLabel, .inline-toolbar toolbutton > button:insensitive {
- color: #a7acae; }
+ color: #839096; }
.inline-toolbar toolbutton > button:insensitive:active, .inline-toolbar toolbutton > button:insensitive:checked {
- border-color: #373e41;
+ border-color: #222c31;
background-image: none;
- background-color: #5a656b;
+ background-color: #3d4f57;
text-shadow: none;
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
.inline-toolbar toolbutton > button:insensitive:active GtkLabel, .inline-toolbar toolbutton > button:insensitive:active, .inline-toolbar toolbutton > button:insensitive:checked GtkLabel, .inline-toolbar toolbutton > button:insensitive:checked {
- color: #a7acae; }
+ color: #839096; }
.inline-toolbar toolbutton > button:backdrop {
- border-color: #394144;
- background-image: linear-gradient(to bottom, #4F585C);
+ border-color: #242f34;
+ background-image: linear-gradient(to bottom, #37474f);
text-shadow: none;
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar toolbutton > button:backdrop GtkLabel, .inline-toolbar toolbutton > button:backdrop {
- color: #a7acae; }
+ color: #839096; }
.inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked {
- border-color: #394144;
+ border-color: #242f34;
background-image: none;
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
.inline-toolbar toolbutton > button:backdrop:active GtkLabel, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked GtkLabel, .inline-toolbar toolbutton > button:backdrop:checked {
- color: #a7acae; }
+ color: #839096; }
.inline-toolbar toolbutton > button:backdrop:active label, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked label, .inline-toolbar toolbutton > button:backdrop:checked {
- color: #a7acae; }
+ color: #839096; }
.inline-toolbar toolbutton > button:backdrop:insensitive {
- border-color: #394144;
+ border-color: #242f34;
background-image: none;
- background-color: #5a656b;
+ background-color: #3d4f57;
text-shadow: none;
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar toolbutton > button:backdrop:insensitive GtkLabel, .inline-toolbar toolbutton > button:backdrop:insensitive {
- color: #727f85; }
+ color: #56707c; }
.inline-toolbar toolbutton > button:backdrop:insensitive:active, .inline-toolbar toolbutton > button:backdrop:insensitive:checked {
- border-color: #394144;
+ border-color: #242f34;
background-image: none;
- background-color: #4e585d;
+ background-color: #324148;
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
.inline-toolbar toolbutton > button:backdrop:insensitive:active GtkLabel, .inline-toolbar toolbutton > button:backdrop:insensitive:checked GtkLabel {
- color: #727f85; }
+ color: #56707c; }
toolbar.inline-toolbar toolbutton > button.flat,
toolbar.inline-toolbar toolbutton:backdrop > button.flat, .inline-toolbar
@@ -1228,7 +1228,7 @@ modelbutton.flat, .popover .check,
modelbutton.flat:hover, .popover .check:hover,
.popover .radio:hover,
.menuitem.button.flat:hover {
- background-color: #76868e; }
+ background-color: #4f6873; }
modelbutton.flat check:last-child, .popover .check check:last-child,
.popover .radio check:last-child,
modelbutton.flat radio:last-child,
@@ -1268,8 +1268,8 @@ button.color {
* Calendar *
***********/
GtkCalendar {
- color: white;
- border: 1px solid #373e41; }
+ color: #cfd8dc;
+ border: 1px solid #222c31; }
GtkCalendar:selected {
border-radius: 3px; }
GtkCalendar.header {
@@ -1278,19 +1278,19 @@ GtkCalendar {
GtkCalendar.header:backdrop {
border-color: rgba(0, 0, 0, 0.1); }
GtkCalendar.button {
- color: rgba(255, 255, 255, 0.45); }
+ color: rgba(207, 216, 220, 0.45); }
GtkCalendar.button:hover {
- color: white; }
+ color: #cfd8dc; }
GtkCalendar.button:backdrop {
- color: rgba(167, 172, 174, 0.45); }
+ color: rgba(131, 144, 150, 0.45); }
GtkCalendar.button:insensitive {
- color: rgba(167, 172, 174, 0.45); }
+ color: rgba(131, 144, 150, 0.45); }
GtkCalendar.highlight, GtkCalendar.highlight:backdrop {
font-size: smaller;
- color: white; }
+ color: #cfd8dc; }
GtkCalendar:backdrop {
- color: #e2e5e6;
- border-color: #394144; }
+ color: #b4bfc5;
+ border-color: #242f34; }
/*************************
* Check and Radio Items *
@@ -1697,17 +1697,17 @@ GtkCalendar {
GtkTreeView.view check:selected:focus, GtkTreeView.view check:selected,
GtkTreeView.view radio:selected:focus,
GtkTreeView.view radio:selected {
- color: white; }
+ color: #cfd8dc; }
GtkTreeView.view check:selected:insensitive,
GtkTreeView.view radio:selected:insensitive {
- color: #a7acae; }
+ color: #839096; }
GtkTreeView.view check:selected:insensitive:backdrop,
GtkTreeView.view radio:selected:insensitive:backdrop {
- color: #727f85; }
+ color: #56707c; }
GtkTreeView.view check:backdrop:selected, GtkTreeView.view check:backdrop,
GtkTreeView.view radio:backdrop:selected,
GtkTreeView.view radio:backdrop {
- color: #a7acae; }
+ color: #839096; }
/*****************
* Color Chooser *
@@ -1739,52 +1739,52 @@ GtkColorSwatch.right, GtkColorSwatch:last-child:not(.bottom) {
GtkColorSwatch.dark overlay {
color: #ffffff; }
GtkColorSwatch.dark overlay:hover {
- border-color: #373e41; }
+ border-color: #222c31; }
GtkColorSwatch.dark overlay:backdrop {
color: rgba(255, 255, 255, 0.5); }
GtkColorSwatch.light overlay {
- color: white; }
+ color: #cfd8dc; }
GtkColorSwatch.light overlay:hover {
- border-color: #373e41; }
+ border-color: #222c31; }
GtkColorSwatch.light overlay:backdrop {
- color: #e2e5e6; }
+ color: #b4bfc5; }
GtkColorSwatch overlay {
box-shadow: inset 0 3px 2px -2px rgba(0, 0, 0, 0.5);
- border: 1px solid #373e41; }
+ border: 1px solid #222c31; }
GtkColorSwatch overlay:hover {
box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); }
GtkColorSwatch overlay:backdrop, GtkColorSwatch overlay:backdrop:hover {
- border-color: #373e41;
+ border-color: #222c31;
box-shadow: none; }
GtkColorSwatch#add-color-button {
border-radius: 5px 5px 0 0; }
GtkColorSwatch#add-color-button:only-child {
border-radius: 5px; }
GtkColorSwatch#add-color-button overlay {
- color: white;
- outline-color: rgba(255, 255, 255, 0.3);
- border-color: #373e41;
- background-image: linear-gradient(to bottom, #4F585C, #434b4e);
+ color: #cfd8dc;
+ outline-color: rgba(207, 216, 220, 0.3);
+ border-color: #222c31;
+ background-image: linear-gradient(to bottom, #37474f, #2d3940);
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); }
GtkColorSwatch#add-color-button overlay:hover {
- color: white;
- outline-color: rgba(255, 255, 255, 0.3);
- border-color: #373e41;
- background-image: linear-gradient(to bottom, #515b5f, #4a5357 60%, #464e51);
+ color: #cfd8dc;
+ outline-color: rgba(207, 216, 220, 0.3);
+ border-color: #222c31;
+ background-image: linear-gradient(to bottom, #394a52, #334249 60%, #2f3c43);
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); }
GtkColorSwatch#add-color-button overlay:backdrop {
- border-color: #394144;
- background-image: linear-gradient(to bottom, #4F585C);
+ border-color: #242f34;
+ background-image: linear-gradient(to bottom, #37474f);
text-shadow: none;
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
GtkColorSwatch#add-color-button overlay:backdrop GtkLabel, GtkColorSwatch#add-color-button overlay:backdrop {
- color: #a7acae; }
+ color: #839096; }
GtkColorSwatch:insensitive {
opacity: 0.5; }
GtkColorSwatch:insensitive overlay {
@@ -1833,7 +1833,7 @@ GtkMessageDialog .titlebar,
.message-dialog .header-bar,
.message-dialog .titlebar {
background-image: none;
- background-color: #4F585C;
+ background-color: #37474f;
border-style: none;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
@@ -1842,20 +1842,20 @@ GtkMessageDialog .titlebar,
GtkMessageDialog .titlebar:backdrop,
.message-dialog .header-bar:backdrop,
.message-dialog .titlebar:backdrop {
- background-color: #4F585C; }
+ background-color: #37474f; }
GtkMessageDialog .header-bar.default-decoration,
GtkMessageDialog .titlebar.default-decoration,
.message-dialog .header-bar.default-decoration,
.message-dialog .titlebar.default-decoration {
padding: 6px;
- background-color: #4F585C;
- color: white; }
+ background-color: #37474f;
+ color: #cfd8dc; }
GtkMessageDialog .header-bar.default-decoration:backdrop,
GtkMessageDialog .titlebar.default-decoration:backdrop,
.message-dialog .header-bar.default-decoration:backdrop,
.message-dialog .titlebar.default-decoration:backdrop {
- background-color: #4F585C;
- color: #a7acae; }
+ background-color: #37474f;
+ color: #839096; }
GtkMessageDialog .header-bar.default-decoration .button.titlebutton,
GtkMessageDialog .titlebar.default-decoration .button.titlebutton,
.message-dialog .header-bar.default-decoration .button.titlebutton,
@@ -1870,42 +1870,42 @@ GtkMessageDialog .titlebar,
GtkMessageDialog .titlebar.default-decoration .button.titlebutton GtkImage,
.message-dialog .header-bar.default-decoration .button.titlebutton GtkImage,
.message-dialog .titlebar.default-decoration .button.titlebutton GtkImage {
- color: white; }
+ color: #cfd8dc; }
GtkMessageDialog .header-bar.default-decoration .button.titlebutton:hover,
GtkMessageDialog .titlebar.default-decoration .button.titlebutton:hover,
.message-dialog .header-bar.default-decoration .button.titlebutton:hover,
.message-dialog .titlebar.default-decoration .button.titlebutton:hover {
- background-color: #373e41;
- color: white; }
+ background-color: #222c31;
+ color: #ecf0f2; }
GtkMessageDialog .header-bar.default-decoration .button.titlebutton:hover GtkImage,
GtkMessageDialog .titlebar.default-decoration .button.titlebutton:hover GtkImage,
.message-dialog .header-bar.default-decoration .button.titlebutton:hover GtkImage,
.message-dialog .titlebar.default-decoration .button.titlebutton:hover GtkImage {
- color: white; }
+ color: #ecf0f2; }
GtkMessageDialog .header-bar.default-decoration .button.titlebutton:backdrop,
GtkMessageDialog .titlebar.default-decoration .button.titlebutton:backdrop,
.message-dialog .header-bar.default-decoration .button.titlebutton:backdrop,
.message-dialog .titlebar.default-decoration .button.titlebutton:backdrop {
background-color: transparent;
- color: #a7acae; }
+ color: #839096; }
GtkMessageDialog .header-bar.default-decoration .button.titlebutton:backdrop GtkImage,
GtkMessageDialog .titlebar.default-decoration .button.titlebutton:backdrop GtkImage,
.message-dialog .header-bar.default-decoration .button.titlebutton:backdrop GtkImage,
.message-dialog .titlebar.default-decoration .button.titlebutton:backdrop GtkImage {
- color: #c2c5c6; }
+ color: #9fa9ad; }
GtkMessageDialog .header-bar.default-decoration .button.titlebutton:active,
GtkMessageDialog .titlebar.default-decoration .button.titlebutton:active,
.message-dialog .header-bar.default-decoration .button.titlebutton:active,
.message-dialog .titlebar.default-decoration .button.titlebutton:active {
- background-color: white;
- color: #4F585C;
+ background-color: #cfd8dc;
+ color: #37474f;
border-radius: 50%;
box-shadow: none; }
GtkMessageDialog .header-bar.default-decoration .button.titlebutton:active GtkImage,
GtkMessageDialog .titlebar.default-decoration .button.titlebutton:active GtkImage,
.message-dialog .header-bar.default-decoration .button.titlebutton:active GtkImage,
.message-dialog .titlebar.default-decoration .button.titlebutton:active GtkImage {
- color: #677277; }
+ color: #4c626d; }
GtkMessageDialog.csd,
.message-dialog.csd {
border: none;
@@ -1934,13 +1934,13 @@ GtkFileChooserDialog {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px; }
GtkFileChooserDialog .dialog-action-box {
- border-top: 1px solid #373e41;
+ border-top: 1px solid #222c31;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px; }
GtkFileChooserDialog .dialog-action-box:backdrop {
- border-top-color: #394144; }
+ border-top-color: #242f34; }
GtkFileChooserDialog #pathbarbox {
- border-bottom: 1px solid #4F585C; }
+ border-bottom: 1px solid #37474f; }
/****************
* Text Entries *
@@ -1951,22 +1951,22 @@ GtkFileChooserDialog {
border: 1px solid;
border-radius: 3px;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
- color: white;
- border-color: #373e41;
- background-color: #6a7981;
+ color: #cfd8dc;
+ border-color: #222c31;
+ background-color: #455a64;
box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); }
.spinbutton:not(.vertical) GtkImage, GeditWindow > .entry GtkImage,
.entry GtkImage {
- color: #e1e4e6; }
+ color: #b3bfc4; }
.spinbutton:not(.vertical) GtkImage:hover, GeditWindow > .entry GtkImage:hover,
.entry GtkImage:hover {
- color: white; }
+ color: #cfd8dc; }
.spinbutton:not(.vertical) GtkImage:active, GeditWindow > .entry GtkImage:active,
.entry GtkImage:active {
color: #449ac2; }
.spinbutton:not(.vertical) GtkImage:backdrop, GeditWindow > .entry GtkImage:backdrop,
.entry GtkImage:backdrop {
- color: #9ba2a6; }
+ color: #77868d; }
.spinbutton:not(.vertical) GtkImage.left, GeditWindow > .entry GtkImage.left,
.entry GtkImage.left {
padding-left: 0;
@@ -2010,53 +2010,53 @@ GtkFileChooserDialog {
border-color: #347d9f; }
.spinbutton:insensitive:not(.vertical), GeditWindow > .entry:insensitive,
.entry:insensitive {
- color: #a7acae;
- border-color: #373e41;
- background-image: linear-gradient(to bottom, #5a656b);
+ color: #839096;
+ border-color: #222c31;
+ background-image: linear-gradient(to bottom, #3d4f57);
box-shadow: none; }
.spinbutton:backdrop:not(.vertical), GeditWindow > .entry:backdrop,
.entry:backdrop {
- color: #e2e5e6;
- border-color: #394144;
- background-image: linear-gradient(to bottom, #6c7c84);
+ color: #b4bfc5;
+ border-color: #242f34;
+ background-image: linear-gradient(to bottom, #475d67);
box-shadow: none;
transition: 200ms ease-out; }
.spinbutton:backdrop:insensitive:not(.vertical), GeditWindow > .entry:backdrop:insensitive,
.entry:backdrop:insensitive {
- color: #727f85;
- border-color: #394144;
- background-image: linear-gradient(to bottom, #5a656b);
+ color: #56707c;
+ border-color: #242f34;
+ background-image: linear-gradient(to bottom, #3d4f57);
box-shadow: none; }
.spinbutton:backdrop:insensitive:not(.vertical), GeditWindow > .entry:backdrop:insensitive,
.entry:backdrop:insensitive {
- color: #727f85;
- border-color: #394144;
- background-image: linear-gradient(to bottom, #5a656b);
+ color: #56707c;
+ border-color: #242f34;
+ background-image: linear-gradient(to bottom, #3d4f57);
box-shadow: none; }
.error.spinbutton:not(.vertical), GeditWindow > .error.entry,
.entry.error {
- color: #f34235;
- border-color: #6f0e07; }
+ color: #F44336;
+ border-color: #710e06; }
.error.spinbutton:focus:not(.vertical), GeditWindow > .error.entry:focus,
.entry.error:focus {
box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1);
- border-color: #6f0e07; }
+ border-color: #710e06; }
.error.spinbutton:selected:focus:not(.vertical), GeditWindow > .error.entry:selected:focus, .error.spinbutton:selected:not(.vertical), GeditWindow > .error.entry:selected,
.entry.error:selected:focus,
.entry.error:selected {
- background-color: #f34235; }
+ background-color: #F44336; }
.warning.spinbutton:not(.vertical), GeditWindow > .warning.entry,
.entry.warning {
- color: #fec006;
- border-color: #513d00; }
+ color: #f9ce1d;
+ border-color: #614e03; }
.warning.spinbutton:focus:not(.vertical), GeditWindow > .warning.entry:focus,
.entry.warning:focus {
box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1);
- border-color: #513d00; }
+ border-color: #614e03; }
.warning.spinbutton:selected:focus:not(.vertical), GeditWindow > .warning.entry:selected:focus, .warning.spinbutton:selected:not(.vertical), GeditWindow > .warning.entry:selected,
.entry.warning:selected:focus,
.entry.warning:selected {
- background-color: #fec006; }
+ background-color: #f9ce1d; }
.spinbutton:not(.vertical) .progressbar, GeditWindow > .entry .progressbar,
.entry .progressbar {
margin: 2px -6px;
@@ -2082,16 +2082,16 @@ GtkFileChooserDialog {
.linked.vertical > .spinbutton:not(:insensitive):not(.vertical) + entry:not(:insensitive), GeditWindow.linked.vertical > .entry:not(:insensitive) + entry:not(:insensitive), .linked.vertical > .spinbutton:not(:insensitive):not(.vertical) + .spinbutton:not(:insensitive):not(.vertical), GeditWindow.linked.vertical > .entry:not(:insensitive) + .spinbutton:not(:insensitive):not(.vertical), GeditWindow.linked.vertical > .spinbutton:not(:insensitive):not(.vertical) + .entry:not(:insensitive), GeditWindow.linked.vertical > .entry:not(:insensitive) + .entry:not(:insensitive), .linked.vertical >
.entry:not(:insensitive) + entry:not(:insensitive), .linked.vertical >
.entry:not(:insensitive) + .spinbutton:not(:insensitive):not(.vertical), GeditWindow.linked.vertical > .entry:not(:insensitive) + .entry:not(:insensitive) {
- border-top-color: #5b676e;
- background-image: linear-gradient(to bottom, #6a7981); }
+ border-top-color: #3b4c55;
+ background-image: linear-gradient(to bottom, #455a64); }
.linked.vertical > .spinbutton:not(:insensitive):not(.vertical) + entry:not(:insensitive):backdrop, GeditWindow.linked.vertical > .entry:not(:insensitive) + entry:not(:insensitive):backdrop, .linked.vertical > .spinbutton:not(:insensitive):not(.vertical) + .spinbutton:not(:insensitive):backdrop:not(.vertical), GeditWindow.linked.vertical > .entry:not(:insensitive) + .spinbutton:not(:insensitive):backdrop:not(.vertical), GeditWindow.linked.vertical > .spinbutton:not(:insensitive):not(.vertical) + .entry:not(:insensitive):backdrop, GeditWindow.linked.vertical > .entry:not(:insensitive) + .entry:not(:insensitive):backdrop, .linked.vertical >
.entry:not(:insensitive) + entry:not(:insensitive):backdrop, .linked.vertical >
.entry:not(:insensitive) + .spinbutton:not(:insensitive):backdrop:not(.vertical), GeditWindow.linked.vertical > .entry:not(:insensitive) + .entry:not(:insensitive):backdrop {
- border-top-color: #5d6a71;
- background-image: linear-gradient(to bottom, #6c7c84); }
+ border-top-color: #3d4f58;
+ background-image: linear-gradient(to bottom, #475d67); }
.linked.vertical > .spinbutton:insensitive:not(.vertical) + .spinbutton:insensitive:not(.vertical), GeditWindow.linked.vertical > .entry:insensitive + .spinbutton:insensitive:not(.vertical), GeditWindow.linked.vertical > .spinbutton:insensitive:not(.vertical) + .entry:insensitive, GeditWindow.linked.vertical > .entry:insensitive + .entry:insensitive, .linked.vertical >
.entry:insensitive + .spinbutton:insensitive:not(.vertical), GeditWindow.linked.vertical > .entry:insensitive + .entry:insensitive {
- border-top-color: #5b676e; }
+ border-top-color: #3b4c55; }
.linked.vertical > .spinbutton:not(.vertical) + .spinbutton:focus:not(:only-child):not(.vertical), GeditWindow.linked.vertical > .entry + .spinbutton:focus:not(:only-child):not(.vertical), GeditWindow.linked.vertical > .spinbutton:not(.vertical) + .entry:focus:not(:only-child), GeditWindow.linked.vertical > .entry + .entry:focus:not(:only-child), .linked.vertical >
.entry + .spinbutton:focus:not(:only-child):not(.vertical), GeditWindow.linked.vertical > .entry + .entry:focus:not(:only-child) {
border-top-color: #347d9f; }
@@ -2117,7 +2117,7 @@ GtkTreeView .acceleditor > GtkLabel {
GtkTreeView .entry.flat, GtkTreeView .entry {
border-radius: 0;
background-image: none;
- background-color: #6a7981; }
+ background-color: #455a64; }
GtkTreeView .entry.flat:focus, GtkTreeView .entry:focus {
border-color: #449ac2; }
@@ -2137,11 +2137,11 @@ expander .arrow {
* Floating Bar *
****************/
.floating-bar {
- background-color: #4F585C;
+ background-color: #37474f;
padding-top: 1px;
border-width: 1px;
border-style: solid solid none;
- border-color: #373e41;
+ border-color: #222c31;
border-radius: 3px 3px 0 0;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
.floating-bar.bottom.left {
@@ -2155,8 +2155,8 @@ expander .arrow {
.floating-bar > .button {
padding: 4px; }
.floating-bar:backdrop {
- background-color: #4F585C;
- border-color: #394144; }
+ background-color: #37474f;
+ border-color: #242f34; }
/**********
* Frames *
@@ -2166,16 +2166,16 @@ expander .arrow {
margin: 0;
padding: 0;
border-radius: 0;
- border: 1px solid #373e41; }
+ border: 1px solid #222c31; }
.frame.flat {
border-style: none; }
.frame:backdrop {
- border-color: #394144; }
+ border-color: #242f34; }
GtkScrolledWindow GtkViewport.frame {
border-style: none; }
GtkScrolledWindow overshoot.top {
- background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#202425), to(rgba(32, 36, 37, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(255, 255, 255, 0.07)), to(rgba(255, 255, 255, 0)));
+ background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#0d1113), to(rgba(13, 17, 19, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(207, 216, 220, 0.07)), to(rgba(207, 216, 220, 0)));
background-size: 100% 5%, 100% 100%;
background-repeat: no-repeat;
background-position: center top;
@@ -2183,7 +2183,7 @@ GtkScrolledWindow overshoot.top {
border: none;
box-shadow: none; }
GtkScrolledWindow overshoot.top:backdrop {
- background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#394144), to(rgba(57, 65, 68, 0)));
+ background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#242f34), to(rgba(36, 47, 52, 0)));
background-size: 100% 5%;
background-repeat: no-repeat;
background-position: center top;
@@ -2191,7 +2191,7 @@ GtkScrolledWindow overshoot.top {
border: none;
box-shadow: none; }
GtkScrolledWindow overshoot.bottom {
- background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#202425), to(rgba(32, 36, 37, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(255, 255, 255, 0.07)), to(rgba(255, 255, 255, 0)));
+ background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#0d1113), to(rgba(13, 17, 19, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(207, 216, 220, 0.07)), to(rgba(207, 216, 220, 0)));
background-size: 100% 5%, 100% 100%;
background-repeat: no-repeat;
background-position: center bottom;
@@ -2199,7 +2199,7 @@ GtkScrolledWindow overshoot.bottom {
border: none;
box-shadow: none; }
GtkScrolledWindow overshoot.bottom:backdrop {
- background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#394144), to(rgba(57, 65, 68, 0)));
+ background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#242f34), to(rgba(36, 47, 52, 0)));
background-size: 100% 5%;
background-repeat: no-repeat;
background-position: center bottom;
@@ -2207,7 +2207,7 @@ GtkScrolledWindow overshoot.bottom {
border: none;
box-shadow: none; }
GtkScrolledWindow overshoot.left {
- background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#202425), to(rgba(32, 36, 37, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(255, 255, 255, 0.07)), to(rgba(255, 255, 255, 0)));
+ background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#0d1113), to(rgba(13, 17, 19, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(207, 216, 220, 0.07)), to(rgba(207, 216, 220, 0)));
background-size: 5% 100%, 100% 100%;
background-repeat: no-repeat;
background-position: left center;
@@ -2215,7 +2215,7 @@ GtkScrolledWindow overshoot.left {
border: none;
box-shadow: none; }
GtkScrolledWindow overshoot.left:backdrop {
- background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#394144), to(rgba(57, 65, 68, 0)));
+ background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#242f34), to(rgba(36, 47, 52, 0)));
background-size: 5% 100%;
background-repeat: no-repeat;
background-position: left center;
@@ -2223,7 +2223,7 @@ GtkScrolledWindow overshoot.left {
border: none;
box-shadow: none; }
GtkScrolledWindow overshoot.right {
- background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#202425), to(rgba(32, 36, 37, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(255, 255, 255, 0.07)), to(rgba(255, 255, 255, 0)));
+ background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#0d1113), to(rgba(13, 17, 19, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(207, 216, 220, 0.07)), to(rgba(207, 216, 220, 0)));
background-size: 5% 100%, 100% 100%;
background-repeat: no-repeat;
background-position: right center;
@@ -2231,7 +2231,7 @@ GtkScrolledWindow overshoot.right {
border: none;
box-shadow: none; }
GtkScrolledWindow overshoot.right:backdrop {
- background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#394144), to(rgba(57, 65, 68, 0)));
+ background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#242f34), to(rgba(36, 47, 52, 0)));
background-size: 5% 100%;
background-repeat: no-repeat;
background-position: right center;
@@ -2280,13 +2280,13 @@ GtkScrolledWindow undershoot.right {
box-shadow: none; }
GtkScrolledWindow junction {
border-color: transparent;
- border-image: linear-gradient(to bottom, #373e41 1px, transparent 1px) 0 0 0 1/0 1px stretch;
- background-color: #5d696f; }
+ border-image: linear-gradient(to bottom, #222c31 1px, transparent 1px) 0 0 0 1/0 1px stretch;
+ background-color: #3e515a; }
GtkScrolledWindow junction:dir(rtl) {
border-image-slice: 0 1 0 0; }
GtkScrolledWindow junction:backdrop {
- border-image-source: linear-gradient(to bottom, #394144 1px, transparent 1px);
- background-color: #485054;
+ border-image-source: linear-gradient(to bottom, #242f34 1px, transparent 1px);
+ background-color: #313f46;
transition: 200ms ease-out; }
.separator {
@@ -2301,9 +2301,9 @@ GraniteWidgetsPopOver {
-GraniteWidgetsPopOver-border-radius: 8px;
-GraniteWidgetsPopOver-border-width: 0;
-GraniteWidgetsPopOver-shadow-size: 12;
- border: 1px solid #6a7981;
- background: #6a7981;
- color: white; }
+ border: 1px solid #455a64;
+ background: #455a64;
+ color: #cfd8dc; }
GraniteWidgetsPopOver .button {
background-image: none;
background: none;
@@ -2320,19 +2320,19 @@ GraniteWidgetsStaticNotebook .frame {
border: none; }
.popover_bg {
- background-color: #6a7981;
- border: 1px solid #6a7981;
- color: white; }
+ background-color: #455a64;
+ border: 1px solid #455a64;
+ color: #cfd8dc; }
/***********
* Welcome *
**********/
GraniteWidgetsWelcome {
- background-color: #6a7981; }
+ background-color: #455a64; }
GraniteWidgetsWelcome GtkLabel {
- color: white; }
+ color: #cfd8dc; }
GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 {
- color: rgba(255, 255, 255, 0.8); }
+ color: rgba(207, 216, 220, 0.8); }
/**************
* Source List *
@@ -2340,28 +2340,28 @@ GraniteWidgetsWelcome {
.source-list {
-GtkTreeView-horizontal-separator: 4px;
-GtkTreeView-vertical-separator: 4px;
- background-color: #4F585C;
- border: solid #373e41;
- color: white;
+ background-color: #37474f;
+ border: solid #222c31;
+ color: #cfd8dc;
border-right-width: 1px; }
.source-list .view, .source-list GtkIconView {
border-width: 0;
border-style: solid;
- border-color: #373e41; }
+ border-color: #222c31; }
.source-list .category-expander {
border: none;
- color: white; }
+ color: #cfd8dc; }
.source-list .badge {
background-image: none;
background-color: rgba(0, 0, 0, 0.4);
- color: #4F585C;
+ color: #37474f;
border-radius: 10px;
padding: 0 6px;
margin: 0 3px;
border-width: 0; }
.source-list .badge:selected:backdrop, .source-list .badge:selected:hover:backdrop {
background-color: rgba(0, 0, 0, 0.2);
- color: #434b4e; }
+ color: #2d3940; }
.source-list .list-row {
border: none;
padding: 0; }
@@ -2371,7 +2371,7 @@ GraniteWidgetsWelcome {
.source-list.sidebar {
border-width: 0;
border-style: solid;
- border-color: #373e41; }
+ border-color: #222c31; }
.source-list.sidebar.left, .source-list.sidebar.right {
border-width: 0; }
@@ -2395,7 +2395,7 @@ GraniteWidgetsWelcome {
.category-label {
font-size: 9px;
padding: 6px;
- color: rgba(255, 255, 255, 0.9);
+ color: rgba(207, 216, 220, 0.9);
font-weight: bold;
text-shadow: 0 1px rgba(255, 255, 255, 0.2); }
@@ -2409,7 +2409,7 @@ GraniteWidgetsWelcome {
background-color: transparent;
padding: 8px 6px; }
.storage-bar .fill-block {
- background-color: #fec006;
+ background-color: #f9ce1d;
border: none;
box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1);
transition: all 200ms ease-in-out;
@@ -2424,15 +2424,15 @@ GraniteWidgetsWelcome {
border-bottom-right-radius: 4px;
box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset -1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); }
.storage-bar .fill-block.empty-block {
- background-color: #6a7981; }
+ background-color: #455a64; }
.storage-bar .fill-block.app {
- background-color: #2095f2; }
+ background-color: #2196f3; }
.storage-bar .fill-block.audio {
- background-color: #fe9700; }
+ background-color: #ff5722; }
.storage-bar .fill-block.photo {
- background-color: #f34235; }
+ background-color: #F44336; }
.storage-bar .fill-block.video {
- background-color: #9b26af; }
+ background-color: #9c27b0; }
.storage-bar .fill-block .legend {
padding: 12px;
border-radius: 4px; }
@@ -2445,12 +2445,12 @@ GraniteWidgetsWelcome {
padding: 0 8px;
border: none;
border-radius: 4px 4px 0 0;
- background-color: #3B4245;
+ background-color: #303f46;
color: rgba(255, 255, 255, 0.8);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
.titlebar:backdrop:not(headerbar),
.header-bar:backdrop {
- background-color: #3B4245;
+ background-color: #303f46;
color: rgba(255, 255, 255, 0.6);
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
transition: 200ms ease-out; }
@@ -2510,7 +2510,7 @@ GraniteWidgetsWelcome {
.default-decoration.titlebar:not(headerbar),
.header-bar.default-decoration {
padding: 6px;
- background-color: #3B4245;
+ background-color: #303f46;
color: rgba(255, 255, 255, 0.8); }
.default-decoration.titlebar:not(headerbar) .maximized,
.header-bar.default-decoration .maximized {
@@ -2518,7 +2518,7 @@ GraniteWidgetsWelcome {
border-radius: 0; }
.default-decoration.titlebar:backdrop:not(headerbar),
.header-bar.default-decoration:backdrop {
- background-color: #2f3537;
+ background-color: #263137;
color: rgba(255, 255, 255, 0.6); }
.titlebar:not(headerbar) .entry,
.header-bar .entry {
@@ -2527,52 +2527,52 @@ GraniteWidgetsWelcome {
padding: 4px;
border: none;
box-shadow: none;
- background: rgba(106, 121, 129, 0.95);
- color: white;
+ background: rgba(69, 90, 100, 0.95);
+ color: #cfd8dc;
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); }
.titlebar:not(headerbar) .entry > .image,
.header-bar .entry > .image {
padding-right: 6px;
- color: rgba(255, 255, 255, 0.8); }
+ color: rgba(207, 216, 220, 0.8); }
.titlebar:not(headerbar) .entry:active, .titlebar:not(headerbar) .entry:focus,
.header-bar .entry:active,
.header-bar .entry:focus {
- background: #6a7981;
- color: white;
+ background: #455a64;
+ color: #cfd8dc;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); }
.titlebar:not(headerbar) .entry:active > .image, .titlebar:not(headerbar) .entry:focus > .image,
.header-bar .entry:active > .image,
.header-bar .entry:focus > .image {
padding-right: 6px;
- color: white; }
+ color: #cfd8dc; }
.titlebar:not(headerbar) .entry:active:backdrop, .titlebar:not(headerbar) .entry:focus:backdrop,
.header-bar .entry:active:backdrop,
.header-bar .entry:focus:backdrop {
- background: rgba(106, 121, 129, 0.8);
- color: rgba(255, 255, 255, 0.5);
+ background: rgba(69, 90, 100, 0.8);
+ color: rgba(207, 216, 220, 0.5);
box-shadow: none; }
.titlebar:not(headerbar) .entry:insensitive,
.header-bar .entry:insensitive {
- background: rgba(106, 121, 129, 0.6);
- color: rgba(255, 255, 255, 0.5);
+ background: rgba(69, 90, 100, 0.6);
+ color: rgba(207, 216, 220, 0.5);
box-shadow: none; }
.titlebar:not(headerbar) .entry:insensitive > .image,
.header-bar .entry:insensitive > .image {
padding-right: 6px;
- color: rgba(255, 255, 255, 0.5); }
+ color: rgba(207, 216, 220, 0.5); }
.titlebar:not(headerbar) .entry:insensitive:backdrop,
.header-bar .entry:insensitive:backdrop {
- background: rgba(106, 121, 129, 0.5);
- color: rgba(255, 255, 255, 0.5);
+ background: rgba(69, 90, 100, 0.5);
+ color: rgba(207, 216, 220, 0.5);
box-shadow: none; }
.titlebar:not(headerbar) .entry:backdrop,
.header-bar .entry:backdrop {
- background: rgba(106, 121, 129, 0.8);
- color: rgba(255, 255, 255, 0.5);
+ background: rgba(69, 90, 100, 0.8);
+ color: rgba(207, 216, 220, 0.5);
box-shadow: none; }
.titlebar:not(headerbar) .entry:backdrop > .image,
.header-bar .entry:backdrop > .image {
- color: rgba(255, 255, 255, 0.5); }
+ color: rgba(207, 216, 220, 0.5); }
.titlebar:not(headerbar) .button,
.header-bar .button {
background-color: transparent;
@@ -2716,21 +2716,21 @@ GraniteWidgetsWelcome {
.titlebar:not(headerbar) .button.titlebutton:active,
.header-bar .button.titlebutton:active {
background-color: rgba(255, 255, 255, 0.8);
- color: #3B4245;
+ color: #303f46;
border-radius: 50%;
box-shadow: none; }
.titlebar:not(headerbar) .button.titlebutton:active GtkImage,
.header-bar .button.titlebutton:active GtkImage {
- color: #3B4245; }
+ color: #303f46; }
.titlebar:not(headerbar) .button.menu-button .menu .menuitem GtkLabel,
.header-bar .button.menu-button .menu .menuitem GtkLabel {
- color: white; }
+ color: #cfd8dc; }
.titlebar:not(headerbar) .button.menu-button .menu .menuitem GtkLabel:insensitive,
.header-bar .button.menu-button .menu .menuitem GtkLabel:insensitive {
- color: #a7acae; }
+ color: #839096; }
.titlebar:not(headerbar) .button.menu-button .menu .menuitem .separator,
.header-bar .button.menu-button .menu .menuitem .separator {
- color: #373e41; }
+ color: #222c31; }
.titlebar:not(headerbar) .button.menu-button .menu .menuitem:hover GtkLabel,
.header-bar .button.menu-button .menu .menuitem:hover GtkLabel {
color: #ffffff; }
@@ -2801,13 +2801,13 @@ GraniteWidgetsWelcome {
window.csd > .titlebar:not(headerbar) {
padding: 0;
- background-color: #3B4245;
+ background-color: #303f46;
background-image: none;
border-style: none;
border-color: transparent;
box-shadow: none; }
window.csd > .titlebar:not(headerbar):backdrop {
- background-color: #2f3537; }
+ background-color: #263137; }
/**************
* GtkInfoBar *
@@ -2816,9 +2816,9 @@ window.csd > .titlebar:not(headerbar) {
GtkInfoBar,
infobar {
text-shadow: none;
- color: white;
- background-color: #4F585C;
- border-bottom: 1px solid #373e41;
+ color: #cfd8dc;
+ background-color: #37474f;
+ border-bottom: 1px solid #222c31;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 0 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.15); }
.info, .warning, .question, .error {
@@ -2836,30 +2836,30 @@ infobar {
.error button {
border-radius: 2px;
border: none;
- background: rgba(106, 121, 129, 0.95);
- color: white;
+ background: rgba(69, 90, 100, 0.95);
+ color: #cfd8dc;
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); }
.info .button .label, .warning .button .label, .question .button .label, .error .button .label,
.info button .label,
.warning button .label,
.question button .label,
.error button .label {
- color: white; }
+ color: #cfd8dc; }
.info .button:active, .warning .button:active, .question .button:active, .error .button:active,
.info button:active,
.warning button:active,
.question button:active,
.error button:active {
- background: #6a7981;
- color: white;
+ background: #455a64;
+ color: #cfd8dc;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); }
.info .button:active:backdrop, .warning .button:active:backdrop, .question .button:active:backdrop, .error .button:active:backdrop,
.info button:active:backdrop,
.warning button:active:backdrop,
.question button:active:backdrop,
.error button:active:backdrop {
- background: rgba(106, 121, 129, 0.8);
- color: rgba(255, 255, 255, 0.5);
+ background: rgba(69, 90, 100, 0.8);
+ color: rgba(207, 216, 220, 0.5);
box-shadow: none; }
.info .button:hover, .warning .button:hover, .question .button:hover, .error .button:hover, .info .button:focus, .warning .button:focus, .question .button:focus, .error .button:focus,
.info button:hover,
@@ -2876,48 +2876,48 @@ infobar {
.warning button:insensitive,
.question button:insensitive,
.error button:insensitive {
- background: rgba(106, 121, 129, 0.6);
- color: rgba(255, 255, 255, 0.5);
+ background: rgba(69, 90, 100, 0.6);
+ color: rgba(207, 216, 220, 0.5);
box-shadow: none; }
.info .button:insensitive:backdrop, .warning .button:insensitive:backdrop, .question .button:insensitive:backdrop, .error .button:insensitive:backdrop,
.info button:insensitive:backdrop,
.warning button:insensitive:backdrop,
.question button:insensitive:backdrop,
.error button:insensitive:backdrop {
- background: rgba(106, 121, 129, 0.5);
- color: rgba(255, 255, 255, 0.5);
+ background: rgba(69, 90, 100, 0.5);
+ color: rgba(207, 216, 220, 0.5);
box-shadow: none; }
.info .button:backdrop, .warning .button:backdrop, .question .button:backdrop, .error .button:backdrop,
.info button:backdrop,
.warning button:backdrop,
.question button:backdrop,
.error button:backdrop {
- background: rgba(106, 121, 129, 0.8);
- color: rgba(255, 255, 255, 0.5);
+ background: rgba(69, 90, 100, 0.8);
+ color: rgba(207, 216, 220, 0.5);
box-shadow: none; }
.info {
- background-color: #2095f2; }
+ background-color: #2196f3; }
.info:backdrop {
- background-color: #50acf5;
+ background-color: #51adf6;
color: rgba(255, 255, 255, 0.5); }
.warning {
- background-color: #fec006; }
+ background-color: #f9ce1d; }
.warning:backdrop {
- background-color: #fecd39;
+ background-color: #fad94f;
color: rgba(255, 255, 255, 0.5); }
.question {
- background-color: #4bae4f; }
+ background-color: #4caf50; }
.question:backdrop {
- background-color: #6cc070;
+ background-color: #6ec071;
color: rgba(255, 255, 255, 0.5); }
.error {
- background-color: #f34235; }
+ background-color: #F44336; }
.error:backdrop {
- background-color: #f66f65;
+ background-color: #f77066;
color: rgba(255, 255, 255, 0.5); }
/*************
@@ -2971,8 +2971,8 @@ GtkLevelBar,
.level-bar.vertical .level-low.fill-block,
.level-bar .fill-block.low,
.level-bar .fill-block.level-low {
- border: 1px solid #d09c01;
- background-color: #fec006; }
+ border: 1px solid #ddb306;
+ background-color: #f9ce1d; }
GtkLevelBar.vertical .low.fill-block:backdrop,
GtkLevelBar .level-bar.vertical .low.fill-block:backdrop,
.level-bar.vertical GtkLevelBar .low.fill-block:backdrop, GtkLevelBar.vertical .level-low.fill-block:backdrop,
@@ -2988,7 +2988,7 @@ GtkLevelBar,
.level-bar.vertical .level-low.fill-block:backdrop,
.level-bar .fill-block.low:backdrop,
.level-bar .fill-block.level-low:backdrop {
- border: 1px solid #fec006; }
+ border: 1px solid #f9ce1d; }
GtkLevelBar.vertical .high.fill-block,
GtkLevelBar .level-bar.vertical .high.fill-block,
.level-bar.vertical GtkLevelBar .high.fill-block, GtkLevelBar.vertical .level-high.fill-block,
@@ -3037,8 +3037,8 @@ GtkLevelBar,
.level-bar.vertical .level-full.fill-block,
.level-bar .fill-block.full,
.level-bar .fill-block.level-full {
- border: 1px solid #2c672f;
- background-color: #3c8a3f; }
+ border: 1px solid #2d682f;
+ background-color: #3d8b40; }
GtkLevelBar.vertical .full.fill-block:backdrop,
GtkLevelBar .level-bar.vertical .full.fill-block:backdrop,
.level-bar.vertical GtkLevelBar .full.fill-block:backdrop, GtkLevelBar.vertical .level-full.fill-block:backdrop,
@@ -3054,7 +3054,7 @@ GtkLevelBar,
.level-bar.vertical .level-full.fill-block:backdrop,
.level-bar .fill-block.full:backdrop,
.level-bar .fill-block.level-full:backdrop {
- border: 1px solid #3c8a3f; }
+ border: 1px solid #3d8b40; }
GtkLevelBar.vertical .empty.fill-block,
GtkLevelBar .level-bar.vertical .empty.fill-block,
.level-bar.vertical GtkLevelBar .empty.fill-block, GtkLevelBar.vertical .level-empty.fill-block,
@@ -3071,7 +3071,7 @@ GtkLevelBar,
.level-bar .fill-block.empty,
.level-bar .fill-block.level-empty {
background-color: transparent;
- border: 1px solid rgba(255, 255, 255, 0.1);
+ border: 1px solid rgba(207, 216, 220, 0.1);
box-shadow: none; }
GtkLevelBar.vertical .empty.fill-block:backdrop,
GtkLevelBar .level-bar.vertical .empty.fill-block:backdrop,
@@ -3088,7 +3088,7 @@ GtkLevelBar,
.level-bar.vertical .level-empty.fill-block:backdrop,
.level-bar .fill-block.empty:backdrop,
.level-bar .fill-block.level-empty:backdrop {
- border-color: rgba(167, 172, 174, 0.15); }
+ border-color: rgba(131, 144, 150, 0.15); }
GtkLevelBar.vertical,
.level-bar.vertical {
-GtkLevelBar-min-block-width: 8;
@@ -3146,12 +3146,12 @@ GtkLevelBar,
* Lists *
*********/
.list {
- color: white;
- background-color: #6a7981;
- border-color: #373e41; }
+ color: #cfd8dc;
+ background-color: #455a64;
+ border-color: #222c31; }
.list:backdrop {
- background-color: #6c7c84;
- border-color: #394144; }
+ background-color: #475d67;
+ border-color: #242f34; }
.list-row {
border-radius: 0;
@@ -3170,25 +3170,25 @@ GtkLevelBar,
-GtkWidget-window-dragging: true;
padding: 0px;
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1);
- background-color: #3B4245;
+ background-color: #303f46;
color: rgba(255, 255, 255, 0.8); }
.menubar:backdrop {
- background-color: #2f3537; }
+ background-color: #263137; }
.menubar > .menuitem {
padding: 4px 8px; }
.menubar > .menuitem:hover {
box-shadow: inset 0 -3px #449ac2;
color: rgba(255, 255, 255, 0.8); }
.menubar > .menuitem:insensitive {
- color: #a7acae;
+ color: #839096;
box-shadow: none; }
.content-view .menu,
.menu,
.popup {
padding: 4px 0px;
- background-color: #65727a;
- border: 1px solid #373e41;
+ background-color: #425660;
+ border: 1px solid #222c31;
border-radius: 4px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 0 rgba(255, 255, 255, 0.1); }
.csd
@@ -3199,7 +3199,7 @@ GtkLevelBar,
.content-view .menu:backdrop,
.menu:backdrop,
.popup:backdrop {
- background-color: #66757c; }
+ background-color: #445962; }
.content-view .menu .menuitem,
.menu .menuitem,
.popup .menuitem {
@@ -3213,18 +3213,18 @@ GtkLevelBar,
.content-view .menu .menuitem:insensitive,
.menu .menuitem:insensitive,
.popup .menuitem:insensitive {
- color: #a7acae; }
+ color: #839096; }
.content-view .menu .menuitem:insensitive:backdrop,
.menu .menuitem:insensitive:backdrop,
.popup .menuitem:insensitive:backdrop {
- color: #727f85; }
+ color: #56707c; }
.content-view .menu .menuitem:backdrop,
.content-view .menu .menuitem:backdrop:hover,
.menu .menuitem:backdrop,
.menu .menuitem:backdrop:hover,
.popup .menuitem:backdrop,
.popup .menuitem:backdrop:hover {
- color: #a7acae;
+ color: #839096;
background-color: transparent; }
.content-view .menu .menuitem .arrow:dir(ltr),
.menu .menuitem .arrow:dir(ltr),
@@ -3246,28 +3246,28 @@ GtkLevelBar,
text-shadow: none;
icon-shadow: none;
padding: 4px;
- background-color: #65727a;
+ background-color: #425660;
border-radius: 0; }
.content-view .menu > .arrow.top,
.menu > .arrow.top,
.popup > .arrow.top {
margin-top: -6px;
- border-bottom: 1px solid #79868e;
+ border-bottom: 1px solid #536770;
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
.content-view .menu > .arrow.bottom,
.menu > .arrow.bottom,
.popup > .arrow.bottom {
margin-bottom: -6px;
- border-top: 1px solid #79868e;
+ border-top: 1px solid #536770;
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
.content-view .menu > .arrow:hover,
.menu > .arrow:hover,
.popup > .arrow:hover {
- background-color: #79868e; }
+ background-color: #536770; }
.content-view .menu > .arrow:backdrop,
.menu > .arrow:backdrop,
.popup > .arrow:backdrop {
- background-color: #66757c; }
+ background-color: #445962; }
.content-view .menu > .arrow:insensitive,
.menu > .arrow:insensitive,
.popup > .arrow:insensitive {
@@ -3288,22 +3288,22 @@ GtkLevelBar,
* Misc *
********/
.content-view {
- background-color: #3f4649; }
+ background-color: #28343a; }
.content-view:hover {
-gtk-image-effect: highlight; }
.content-view:backdrop {
- background-color: #3f4649; }
+ background-color: #28343a; }
.osd .scale-popup button.flat {
border-style: none;
border-radius: 5px; }
.scale-popup .button:hover,
.scale-popup button:hover {
- background-color: rgba(255, 255, 255, 0.1);
+ background-color: rgba(207, 216, 220, 0.1);
border-radius: 5px; }
.separator {
- color: #373e41; }
+ color: #222c31; }
/************
* Assistant *
@@ -3312,18 +3312,18 @@ GtkAssistant {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px; }
GtkAssistant .sidebar {
- background-color: #6a7981;
- border-top: 1px solid #373e41;
+ background-color: #455a64;
+ border-top: 1px solid #222c31;
border-bottom-left-radius: 4px; }
GtkAssistant .sidebar:backdrop {
- background-color: #6c7c84;
- border-color: #394144; }
+ background-color: #475d67;
+ border-color: #242f34; }
GtkAssistant.csd .sidebar {
border-top-style: none; }
GtkAssistant .sidebar GtkLabel {
padding: 6px 12px; }
GtkAssistant .sidebar GtkLabel.highlight {
- background-color: #72797d; }
+ background-color: #55646b; }
/*************
* Notebooks *
@@ -3331,22 +3331,22 @@ GtkAssistant {
.dynamic-notebook,
.notebook {
padding: 0;
- background-color: #6a7981;
- box-shadow: 0 0 0 1px #373e41;
+ background-color: #455a64;
+ box-shadow: 0 0 0 1px #222c31;
background-clip: border-box; }
.dynamic-notebook > .header,
.notebook > .header {
border: none;
box-shadow: none;
- background-color: #4F585C; }
+ background-color: #37474f; }
.dynamic-notebook > tab,
.notebook > tab {
border-radius: 0;
- background-color: #4F585C; }
+ background-color: #37474f; }
.dynamic-notebook > tab.top,
.notebook > tab.top {
padding: 6px 8px 8px 8px;
- box-shadow: inset 0 -1px 0 0 #373e41; }
+ box-shadow: inset 0 -1px 0 0 #222c31; }
.dynamic-notebook > tab.top:active,
.notebook > tab.top:active {
box-shadow: inset 0 -3px 0 0 #449ac2; }
@@ -3355,14 +3355,14 @@ GtkAssistant {
box-shadow: inset 0 -3px 0 0 #57a4c8; }
.dynamic-notebook > tab.top:backdrop,
.notebook > tab.top:backdrop {
- box-shadow: inset 0 -1px 0 0 #394144; }
+ box-shadow: inset 0 -1px 0 0 #242f34; }
.dynamic-notebook > tab.top:insensitive,
.notebook > tab.top:insensitive {
- box-shadow: inset 0 -1px 0 0 #373e41; }
+ box-shadow: inset 0 -1px 0 0 #222c31; }
.dynamic-notebook > tab.bottom,
.notebook > tab.bottom {
padding: 8px 8px 6px 8px;
- box-shadow: inset 0 1px 0 0 #373e41; }
+ box-shadow: inset 0 1px 0 0 #222c31; }
.dynamic-notebook > tab.bottom:active,
.notebook > tab.bottom:active {
box-shadow: inset 0 3px 0 0 #449ac2; }
@@ -3371,14 +3371,14 @@ GtkAssistant {
box-shadow: inset 0 3px 0 0 #57a4c8; }
.dynamic-notebook > tab.bottom:backdrop,
.notebook > tab.bottom:backdrop {
- box-shadow: inset 0 1px 0 0 #394144; }
+ box-shadow: inset 0 1px 0 0 #242f34; }
.dynamic-notebook > tab.bottom:insensitive,
.notebook > tab.bottom:insensitive {
- box-shadow: inset 0 1px 0 0 #373e41; }
+ box-shadow: inset 0 1px 0 0 #222c31; }
.dynamic-notebook > tab.left,
.notebook > tab.left {
padding: 8px;
- box-shadow: inset -1px 0 0 0 #373e41; }
+ box-shadow: inset -1px 0 0 0 #222c31; }
.dynamic-notebook > tab.left:active,
.notebook > tab.left:active {
box-shadow: inset -3px 0 0 0 #449ac2; }
@@ -3387,14 +3387,14 @@ GtkAssistant {
box-shadow: inset -3px 0 0 0 #57a4c8; }
.dynamic-notebook > tab.left:backdrop,
.notebook > tab.left:backdrop {
- box-shadow: inset -1px 0 0 0 #394144; }
+ box-shadow: inset -1px 0 0 0 #242f34; }
.dynamic-notebook > tab.left:insensitive,
.notebook > tab.left:insensitive {
- box-shadow: inset -1px 0 0 0 #373e41; }
+ box-shadow: inset -1px 0 0 0 #222c31; }
.dynamic-notebook > tab.right,
.notebook > tab.right {
padding: 8px;
- box-shadow: inset 1px 0 0 0 #373e41; }
+ box-shadow: inset 1px 0 0 0 #222c31; }
.dynamic-notebook > tab.right:active,
.notebook > tab.right:active {
box-shadow: inset 3px 0 0 0 #449ac2; }
@@ -3403,32 +3403,32 @@ GtkAssistant {
box-shadow: inset 3px 0 0 0 #57a4c8; }
.dynamic-notebook > tab.right:backdrop,
.notebook > tab.right:backdrop {
- box-shadow: inset 1px 0 0 0 #394144; }
+ box-shadow: inset 1px 0 0 0 #242f34; }
.dynamic-notebook > tab.right:insensitive,
.notebook > tab.right:insensitive {
- box-shadow: inset 1px 0 0 0 #373e41; }
+ box-shadow: inset 1px 0 0 0 #222c31; }
.dynamic-notebook > tab:active,
.notebook > tab:active {
font-weight: bold; }
.dynamic-notebook > tab:hover,
.notebook > tab:hover {
- background: #434b4e; }
+ background: #2d3940; }
/*********
* Paned *
*********/
.paned {
- border: solid #373e41;
+ border: solid #222c31;
border-left-width: 1px; }
.paned > .separator {
-gtk-icon-source: none;
border-style: none;
- background-color: #373e41;
+ background-color: #222c31;
background-size: 1px 1px; }
.paned > .separator:selected {
background-color: #449ac2; }
.paned > .separator:backdrop {
- background-color: #394144; }
+ background-color: #242f34; }
.paned.horizontal > .separator {
background-repeat: repeat-y; }
.paned.horizontal > .separator:dir(ltr) {
@@ -3482,9 +3482,9 @@ GtkAssistant {
padding: 2px;
border-radius: 4px;
border: none;
- background-color: #6a7981; }
+ background-color: #455a64; }
.popover .background:backdrop {
- background-color: #4F585C;
+ background-color: #37474f;
box-shadow: none; }
.popover .background > .view, .popover .background > GtkIconView,
.popover .background > .toolbar {
@@ -3503,11 +3503,11 @@ GtkAssistant {
color: #ffffff;
background-color: #449ac2; }
.popover .menuitem:insensitive {
- color: #a7acae; }
+ color: #839096; }
.popover .menuitem:insensitive:backdrop {
- color: #727f85; }
+ color: #56707c; }
.popover .menuitem:backdrop, .popover .menuitem:backdrop:hover {
- color: #a7acae;
+ color: #839096;
background-color: transparent; }
.popover .menuitem .arrow:dir(ltr) {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
@@ -3522,7 +3522,7 @@ GtkAssistant {
GtkProgressBar,
.progressbar {
font-size: smaller;
- color: rgba(255, 255, 255, 0.4); }
+ color: rgba(207, 216, 220, 0.4); }
GtkProgressBar.horizontal progress,
.progressbar.horizontal progress {
margin: 0 -1px; }
@@ -3591,24 +3591,24 @@ GtkLevelBar .trough,
.level-bar.vertical .trough, GtkProgressBar,
.progressbar, .scale .trough, .scale.fine-tune .trough, .scale fill {
border: none;
- background-color: #6a7981;
+ background-color: #455a64;
box-shadow: 0px 1px rgba(255, 255, 255, 0.1);
- border: 1px solid #373e41;
+ border: 1px solid #222c31;
padding: 0;
margin: 0; }
GtkLevelBar .trough:insensitive,
.level-bar .trough:insensitive, GtkProgressBar:insensitive,
.progressbar:insensitive, .scale .trough:insensitive, .scale fill:insensitive {
- background-color: #5a656b; }
+ background-color: #3d4f57; }
GtkLevelBar .trough:backdrop,
.level-bar .trough:backdrop, GtkProgressBar:backdrop,
.progressbar:backdrop, .scale .trough:backdrop, .scale fill:backdrop {
- background-color: #6c7c84;
+ background-color: #475d67;
transition: 200ms ease-out; }
GtkLevelBar .trough:backdrop:insensitive,
.level-bar .trough:backdrop:insensitive, GtkProgressBar:backdrop:insensitive,
.progressbar:backdrop:insensitive, .scale .trough:backdrop:insensitive, .scale fill:backdrop:insensitive {
- background-color: #5a656b; }
+ background-color: #3d4f57; }
row:selected GtkLevelBar .trough, GtkLevelBar row:selected .trough,
row:selected .level-bar .trough,
.level-bar row:selected .trough, row:selected GtkProgressBar,
@@ -3629,12 +3629,12 @@ GtkLevelBar .trough,
border-color: rgba(0, 0, 0, 0.7);
background-color: rgba(0, 0, 0, 0.5);
box-shadow: none;
- outline-color: rgba(228, 230, 231, 0.2); }
+ outline-color: rgba(207, 216, 220, 0.2); }
.osd GtkLevelBar .trough:insensitive, GtkLevelBar .osd .trough:insensitive,
.osd .level-bar .trough:insensitive,
.level-bar .osd .trough:insensitive, .osd GtkProgressBar:insensitive,
.osd .progressbar:insensitive, .osd .scale .trough:insensitive, .scale .osd .trough:insensitive, .osd .scale fill:insensitive, .scale .osd fill:insensitive {
- background-color: rgba(52, 56, 57, 0.5); }
+ background-color: rgba(50, 55, 56, 0.5); }
GtkProgressBar .progressbar,
.progressbar .progressbar, .scale .highlight, .scale.fine-tune .highlight {
@@ -3644,7 +3644,7 @@ GtkProgressBar .progressbar,
border-radius: 4px; }
GtkProgressBar .progressbar:insensitive,
.progressbar .progressbar:insensitive, .scale .highlight:insensitive {
- border: 1px solid #373e41;
+ border: 1px solid #222c31;
background-color: rgba(0, 0, 0, 0.1); }
GtkProgressBar .progressbar:backdrop,
.progressbar .progressbar:backdrop, GtkProgressBar:backdrop .progressbar,
@@ -3694,9 +3694,9 @@ GtkProgressBar .progressbar,
margin: -1px; }
.scale .slider {
margin: 1px;
- background-color: #6a7981;
+ background-color: #455a64;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
- border: 1px solid #373e41;
+ border: 1px solid #222c31;
border-radius: 12px;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-property: background, border, box-shadow; }
@@ -3713,14 +3713,14 @@ GtkProgressBar .progressbar,
row:selected .scale .slider, row:selected .scale .slider:insensitive {
border-color: #347d9f; }
.osd .scale .slider {
- color: #e4e6e7;
+ color: #cfd8dc;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
- outline-color: rgba(228, 230, 231, 0.3);
+ outline-color: rgba(207, 216, 220, 0.3);
border-color: rgba(0, 0, 0, 0.7);
background-color: #202526; }
.osd .scale .slider:hover {
@@ -3731,7 +3731,7 @@ GtkProgressBar .progressbar,
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
.osd .scale .slider:active {
color: white;
border-color: rgba(0, 0, 0, 0.7);
@@ -3740,17 +3740,17 @@ GtkProgressBar .progressbar,
box-shadow: none;
text-shadow: none;
icon-shadow: none;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
.osd .scale .slider:insensitive {
- color: #828687;
+ color: #787f81;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5));
+ background-image: linear-gradient(to bottom, rgba(50, 55, 56, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
icon-shadow: none; }
.osd .scale .slider:backdrop {
- color: #e4e6e7;
+ color: #cfd8dc;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-clip: padding-box;
@@ -3769,8 +3769,8 @@ GtkProgressBar .progressbar,
padding-left: 9px;
padding-right: 9px; }
.scale.fine-tune .slider {
- background-color: #6a7981;
- border-color: #6a7981;
+ background-color: #455a64;
+ border-color: #455a64;
border: 1px solid rgba(0, 0, 0, 0.3);
border-radius: 12px;
box-shadow: none; }
@@ -3782,13 +3782,13 @@ GtkProgressBar .progressbar,
.scale fill {
border-radius: 2px; }
.scale fill, .scale fill:backdrop {
- background-color: #373e41;
+ background-color: #222c31;
box-shadow: none; }
.scale fill:insensitive, .scale fill:insensitive:backdrop {
border-color: transparent;
background-color: transparent; }
.osd .scale fill {
- background-color: rgba(87, 88, 88, 0.775); }
+ background-color: rgba(79, 83, 84, 0.775); }
.osd .scale fill:insensitive, .osd .scale fill:insensitive:backdrop {
border-color: transparent;
background-color: transparent; }
@@ -3825,35 +3825,35 @@ GtkProgressBar .progressbar,
* Scrollbars *
**************/
.scrollbar {
- background-color: #5d696f;
+ background-color: #3e515a;
transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
* {
-GtkScrollbar-has-backward-stepper: false;
-GtkScrollbar-has-forward-stepper: false; }
.scrollbar.top {
- border-bottom: 1px solid #373e41; }
+ border-bottom: 1px solid #222c31; }
.scrollbar.bottom {
- border-top: 1px solid #373e41; }
+ border-top: 1px solid #222c31; }
.scrollbar.left {
- border-right: 1px solid #373e41; }
+ border-right: 1px solid #222c31; }
.scrollbar.right {
- border-left: 1px solid #373e41; }
+ border-left: 1px solid #222c31; }
.scrollbar:backdrop {
- background-color: #485054;
- border-color: #394144;
+ background-color: #313f46;
+ border-color: #242f34;
transition: 200ms ease-out; }
.scrollbar .slider {
margin: -1px;
border: 4px solid transparent;
border-radius: 8px;
background-clip: padding-box;
- background-color: #b9bcbe; }
+ background-color: #929ea4; }
.scrollbar .slider:hover {
- background-color: #dcdede; }
+ background-color: #b1bbc0; }
.scrollbar .slider:hover:active {
background-color: #6bafce; }
.scrollbar .slider:backdrop {
- background-color: #727a7d; }
+ background-color: #55646b; }
.scrollbar .slider:insensitive {
background-color: transparent; }
.scrollbar.fine-tune.horizontal .slider {
@@ -3866,11 +3866,11 @@ GtkProgressBar .progressbar,
background-color: transparent; }
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider {
margin: 0;
- background-color: white;
+ background-color: #cfd8dc;
border: 1px solid black; }
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) .button,
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
- background-color: white;
+ background-color: #cfd8dc;
background-clip: padding-box;
border-radius: 100%;
border: 1px solid black;
@@ -3897,7 +3897,7 @@ GtkProgressBar .progressbar,
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
icon-shadow: none;
- color: #b9bcbe; }
+ color: #929ea4; }
.scrollbar .button:hover {
border-color: transparent;
background-color: transparent;
@@ -3905,7 +3905,7 @@ GtkProgressBar .progressbar,
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
icon-shadow: none;
- color: #dcdede; }
+ color: #b1bbc0; }
.scrollbar .button:active, .scrollbar .button:checked {
border-color: transparent;
background-color: transparent;
@@ -3921,7 +3921,7 @@ GtkProgressBar .progressbar,
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
icon-shadow: none;
- color: rgba(185, 188, 190, 0.2); }
+ color: rgba(146, 158, 164, 0.2); }
.scrollbar .button:backdrop {
border-color: transparent;
background-color: transparent;
@@ -3929,7 +3929,7 @@ GtkProgressBar .progressbar,
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
icon-shadow: none;
- color: #727a7d; }
+ color: #55646b; }
.scrollbar .button:backdrop:insensitive {
border-color: transparent;
background-color: transparent;
@@ -3937,7 +3937,7 @@ GtkProgressBar .progressbar,
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
icon-shadow: none;
- color: rgba(114, 122, 125, 0.2); }
+ color: rgba(85, 100, 107, 0.2); }
.scrollbar.vertical .button.down,
.scrollbar.vertical button.down {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
@@ -3952,7 +3952,7 @@ GtkProgressBar .progressbar,
-gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); }
GtkTreeView ~ .scrollbar.vertical {
- border-top: 1px solid #373e41;
+ border-top: 1px solid #222c31;
margin-top: -1px; }
/**********************
@@ -3968,10 +3968,10 @@ OsScrollbar {
OsThumb:backdrop, OsThumb:active:backdrop,
OsScrollbar:backdrop,
OsScrollbar:active:backdrop {
- background-color: #a7acae; }
+ background-color: #839096; }
OsThumb:insensitive,
OsScrollbar:insensitive {
- background-color: #a7acae; }
+ background-color: #839096; }
/***********
* Sidebar *
@@ -3979,16 +3979,16 @@ OsScrollbar {
.sidebar {
padding: 0;
border-style: solid;
- background-color: #4F585C; }
+ background-color: #37474f; }
.sidebar.left {
- border-right: 1px solid #373e41;
+ border-right: 1px solid #222c31;
border-left-style: none; }
.sidebar.right {
- border-left: 1px solid #373e41;
+ border-left: 1px solid #222c31;
border-right-style: none; }
.sidebar:backdrop {
- background-color: #5e6a70;
- border-color: #394144;
+ background-color: #3f525b;
+ border-color: #242f34;
transition: 200ms ease-out; }
.sidebar .frame {
border-width: 0;
@@ -4018,14 +4018,14 @@ OsScrollbar {
background-color: #91c3db; }
.sidebar .sidebar-item:hover,
.sidebar .sidebar-row:hover {
- background-color: #6a7981;
- color: white;
+ background-color: #455a64;
+ color: #cfd8dc;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); }
.sidebar .sidebar-item:hover:backdrop,
.sidebar .sidebar-row:hover:backdrop {
box-shadow: none; }
.sidebar .separator {
- color: #373e41; }
+ color: #222c31; }
.paned .sidebar.left, .paned .sidebar.right, .paned .sidebar.left:dir(rtl), .paned .sidebar:dir(rtl), .paned .sidebar:dir(ltr), .paned .sidebar {
border-style: none; }
@@ -4042,29 +4042,29 @@ OsScrollbar {
.spinbutton:not(.vertical) .button {
margin: 0;
padding: 6px;
- color: #f0f2f2;
+ color: #c1cbd0;
background-image: none;
border-style: none none none solid;
- border-color: rgba(55, 62, 65, 0.3);
+ border-color: rgba(34, 44, 49, 0.3);
border-radius: 0;
box-shadow: none; }
.spinbutton:not(.vertical) .button:dir(rtl) {
border-style: none solid none none; }
.spinbutton:not(.vertical) .button:hover {
- color: white;
- background-color: rgba(255, 255, 255, 0.05); }
+ color: #cfd8dc;
+ background-color: rgba(207, 216, 220, 0.05); }
.spinbutton:not(.vertical) .button:insensitive {
- color: rgba(167, 172, 174, 0.3); }
+ color: rgba(131, 144, 150, 0.3); }
.spinbutton:not(.vertical) .button:active {
background-color: rgba(0, 0, 0, 0.1);
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); }
.spinbutton:not(.vertical) .button:backdrop {
- color: #a1a7aa;
+ color: #7d8b91;
background-color: transparent;
- border-color: rgba(57, 65, 68, 0.3);
+ border-color: rgba(36, 47, 52, 0.3);
transition: 200ms ease-out; }
.spinbutton:not(.vertical) .button:backdrop:insensitive {
- color: rgba(114, 127, 133, 0.3);
+ color: rgba(86, 112, 124, 0.3);
background-image: none;
border-style: none none none solid; }
.spinbutton:not(.vertical) .button:backdrop:insensitive:dir(rtl) {
@@ -4076,7 +4076,7 @@ OsScrollbar {
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
icon-shadow: none;
- color: #e4e6e7;
+ color: #cfd8dc;
border-style: none none none solid;
border-color: rgba(0, 0, 0, 0.4);
border-radius: 0;
@@ -4090,9 +4090,9 @@ OsScrollbar {
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
icon-shadow: none;
- color: #e4e6e7;
+ color: #cfd8dc;
border-color: rgba(0, 0, 0, 0.5);
- background-color: rgba(228, 230, 231, 0.1);
+ background-color: rgba(207, 216, 220, 0.1);
box-shadow: none; }
.osd .spinbutton:not(.vertical) .button:backdrop {
border-color: transparent;
@@ -4101,7 +4101,7 @@ OsScrollbar {
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
icon-shadow: none;
- color: #e4e6e7;
+ color: #cfd8dc;
border-color: rgba(0, 0, 0, 0.5);
box-shadow: none; }
.osd .spinbutton:not(.vertical) .button:insensitive {
@@ -4111,7 +4111,7 @@ OsScrollbar {
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
icon-shadow: none;
- color: #828687;
+ color: #787f81;
border-color: rgba(0, 0, 0, 0.5);
box-shadow: none; }
.osd .spinbutton:not(.vertical) .button:last-child {
@@ -4119,9 +4119,9 @@ OsScrollbar {
.osd .spinbutton:not(.vertical) .button:dir(rtl):first-child {
border-radius: 3px 0 0 3px; }
.spinbutton.vertical:insensitive {
- color: #a7acae; }
+ color: #839096; }
.spinbutton.vertical:backdrop:insensitive {
- color: #727f85; }
+ color: #56707c; }
.spinbutton.vertical .entry {
padding: 0;
border-radius: 0; }
@@ -4130,14 +4130,14 @@ OsScrollbar {
border: none;
background: none;
box-shadow: none;
- color: white; }
+ color: #cfd8dc; }
.spinbutton.vertical .button:hover {
background-color: #449ac2;
color: #ffffff;
icon-shadow: none; }
.spinbutton.vertical .button:active {
background-color: transparent;
- color: white; }
+ color: #cfd8dc; }
.spinbutton.vertical .button.up {
border-radius: 3px 3px 0 0;
border-style: solid solid none solid; }
@@ -4145,14 +4145,14 @@ OsScrollbar {
border-radius: 0 0 3px 3px;
border-style: none solid solid solid; }
.osd .spinbutton.vertical button:first-child {
- color: #e4e6e7;
+ color: #cfd8dc;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
.osd .spinbutton.vertical button:first-child:hover {
color: white;
border-color: rgba(0, 0, 0, 0.7);
@@ -4161,7 +4161,7 @@ OsScrollbar {
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
.osd .spinbutton.vertical button:first-child:active {
color: white;
border-color: rgba(0, 0, 0, 0.7);
@@ -4170,17 +4170,17 @@ OsScrollbar {
box-shadow: none;
text-shadow: none;
icon-shadow: none;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
.osd .spinbutton.vertical button:first-child:insensitive {
- color: #828687;
+ color: #787f81;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5));
+ background-image: linear-gradient(to bottom, rgba(50, 55, 56, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
icon-shadow: none; }
.osd .spinbutton.vertical button:first-child:backdrop {
- color: #e4e6e7;
+ color: #cfd8dc;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-clip: padding-box;
@@ -4238,15 +4238,15 @@ GtkSwitch {
border: none;
border-radius: 14px;
color: transparent;
- background-color: rgba(0, 0, 0, 0.1);
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), 0px 1px rgba(255, 255, 255, 0.1); }
+ background-color: transparent;
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3); }
GtkSwitch:insensitive {
- background-color: #5a656b; }
+ background-color: rgba(0, 0, 0, 0.1); }
GtkSwitch:backdrop {
- background-color: #4F585C;
+ background-color: #37474f;
transition: 200ms ease-out; }
GtkSwitch:backdrop:insensitive {
- background-color: #5a656b; }
+ background-color: #3d4f57; }
GtkSwitch:active, GtkSwitch:checked {
background-color: #449ac2; }
GtkSwitch:active:backdrop, GtkSwitch:checked:backdrop {
@@ -4255,18 +4255,18 @@ GtkSwitch {
GtkSwitch:active:backdrop slider:backdrop, GtkSwitch:checked:backdrop .slider:backdrop,
GtkSwitch:checked:backdrop slider:backdrop {
box-shadow: none;
- background-color: rgba(106, 121, 129, 0.9);
+ background-color: rgba(55, 71, 79, 0.9);
border: none; }
GtkSwitch .slider {
padding: 2px;
border-radius: 50%;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
- background-color: #6a7981;
- box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2); }
+ background-color: #2d3940;
+ box-shadow: none; }
GtkSwitch .slider:backdrop {
- padding: 2px;
- box-shadow: none;
- background-color: #6a7981; }
+ box-shadow: none; }
+ GtkSwitch .slider:insensitive {
+ box-shadow: none; }
GtkSwitch .trough:active, GtkSwitch .trough:checked {
background-color: #449ac2; }
GtkSwitch .trough:active:backdrop, GtkSwitch .trough:checked:backdrop {
@@ -4278,10 +4278,10 @@ GtkSwitch {
.toolbar {
-GtkWidget-window-dragging: true;
padding: 0px;
- background-color: #3B4245;
+ background-color: #303f46;
color: rgba(255, 255, 255, 0.8); }
.toolbar:backdrop {
- background-color: #2f3537;
+ background-color: #263137;
color: rgba(255, 255, 255, 0.6); }
.osd .toolbar {
@@ -4369,11 +4369,11 @@ GtkSwitch {
.toolbar .button:insensitive:backdrop GtkImage {
-gtk-image-effect: dim; }
.toolbar .button.menu-button .menu .menuitem GtkLabel {
- color: white; }
+ color: #cfd8dc; }
.toolbar .button.menu-button .menu .menuitem GtkLabel:insensitive {
- color: #a7acae; }
+ color: #839096; }
.toolbar .button.menu-button .menu .menuitem .separator {
- color: #373e41; }
+ color: #222c31; }
.toolbar .button.menu-button .menu .menuitem:hover GtkLabel {
color: #ffffff; }
.toolbar .separator {
@@ -4398,9 +4398,9 @@ searchbar,
.search-bar, .location-bar,
.inline-toolbar {
-GtkWidget-window-dragging: true;
- background-color: #4a5357;
- color: white;
- border: 1px solid #373e41;
+ background-color: #334249;
+ color: #cfd8dc;
+ border: 1px solid #222c31;
border-top-width: 0;
border-radius: 0 0 5px 5px;
box-shadow: inset 0 -1px 1px -2px rgba(0, 0, 0, 0.5);
@@ -4408,7 +4408,7 @@ searchbar,
searchbar:backdrop,
.search-bar:backdrop, .location-bar:backdrop,
.inline-toolbar:backdrop {
- background-color: #434b4e; }
+ background-color: #2d3940; }
searchbar .button,
.search-bar .button, .location-bar .button,
.inline-toolbar .button {
@@ -4439,7 +4439,7 @@ searchbar,
text-shadow: none;
box-shadow: none;
background-color: transparent;
- color: white;
+ color: #cfd8dc;
border-radius: 0px;
padding: 10px; }
searchbar .button:focus,
@@ -4448,7 +4448,7 @@ searchbar,
.inline-toolbar .button:focus,
.inline-toolbar .button:active {
font: bold;
- color: white;
+ color: #cfd8dc;
text-shadow: none;
box-shadow: none;
background-color: rgba(0, 0, 0, 0.05); }
@@ -4459,27 +4459,27 @@ searchbar,
.inline-toolbar .button:active:backdrop {
border: none;
background-color: transparent;
- color: #a7acae; }
+ color: #839096; }
searchbar .button:hover,
.search-bar .button:hover, .location-bar .button:hover,
.inline-toolbar .button:hover {
background-color: rgba(0, 0, 0, 0.05);
text-shadow: none;
- color: white;
+ color: #cfd8dc;
box-shadow: none; }
searchbar .button:insensitive,
.search-bar .button:insensitive, .location-bar .button:insensitive,
.inline-toolbar .button:insensitive {
background: none;
background-color: transparent;
- color: rgba(255, 255, 255, 0.5); }
+ color: rgba(207, 216, 220, 0.5); }
searchbar .button:backdrop,
.search-bar .button:backdrop, .location-bar .button:backdrop,
.inline-toolbar .button:backdrop {
border: none;
background: none;
background-color: transparent;
- color: #a7acae; }
+ color: #839096; }
searchbar .button GtkLabel,
.search-bar .button GtkLabel, .location-bar .button GtkLabel,
searchbar .button GtkImage,
@@ -4487,7 +4487,7 @@ searchbar,
.location-bar .button GtkImage,
.inline-toolbar .button GtkLabel,
.inline-toolbar .button GtkImage {
- color: white; }
+ color: #cfd8dc; }
searchbar .button GtkLabel:insensitive,
.search-bar .button GtkLabel:insensitive, .location-bar .button GtkLabel:insensitive, searchbar .button GtkLabel:backdrop,
.search-bar .button GtkLabel:backdrop, .location-bar .button GtkLabel:backdrop,
@@ -4501,7 +4501,7 @@ searchbar,
.inline-toolbar .button GtkLabel:backdrop,
.inline-toolbar .button GtkImage:insensitive,
.inline-toolbar .button GtkImage:backdrop {
- color: #a7acae;
+ color: #839096;
-gtk-image-effect: dim; }
searchbar .entry,
.search-bar .entry, .location-bar .entry,
@@ -4511,7 +4511,7 @@ searchbar,
.inline-toolbar .entry,
.inline-toolbar entry {
background: none;
- color: white;
+ color: #cfd8dc;
border-radius: 0px;
border: none;
box-shadow: none; }
@@ -4522,7 +4522,7 @@ searchbar,
.location-bar entry.image,
.inline-toolbar .entry.image,
.inline-toolbar entry.image {
- color: white; }
+ color: #cfd8dc; }
searchbar .entry.image.left,
.search-bar .entry.image.left, .location-bar .entry.image.left,
searchbar entry.image.left,
@@ -4538,7 +4538,7 @@ searchbar,
.location-bar entry:backdrop,
.inline-toolbar .entry:backdrop,
.inline-toolbar entry:backdrop {
- color: #a7acae; }
+ color: #839096; }
searchbar .entry:selected,
.search-bar .entry:selected, .location-bar .entry:selected,
searchbar entry:selected,
@@ -4546,18 +4546,18 @@ searchbar,
.location-bar entry:selected,
.inline-toolbar .entry:selected,
.inline-toolbar entry:selected {
- color: #6a7981;
+ color: #455a64;
background-color: #449ac2; }
searchbar,
.search-bar, .location-bar {
border-style: solid;
- border-color: #373e41;
- background-color: #485054; }
+ border-color: #222c31;
+ background-color: #313f46; }
searchbar:backdrop,
.search-bar:backdrop, .location-bar:backdrop {
- border-color: #394144;
- background-color: #475054;
+ border-color: #242f34;
+ background-color: #303f46;
box-shadow: none;
transition: 200ms ease-out; }
@@ -4579,18 +4579,18 @@ searchbar,
margin: 4px;
border: none;
border-radius: 3px;
- background-color: #6a7981;
- color: white; }
+ background-color: #455a64;
+ color: #cfd8dc; }
.tooltip.background,
.overlay-bar.background {
- background-color: #6a7981;
+ background-color: #455a64;
border: none;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3); }
.tooltip *,
.overlay-bar * {
padding: 2px;
background-color: transparent;
- color: white; }
+ color: #cfd8dc; }
.tooltip .csd,
.overlay-bar .csd {
border-radius: 5px;
@@ -4605,8 +4605,8 @@ treeview.view {
-GtkTreeView-tree-line-width: 1;
-GtkTreeView-tree-line-pattern: '';
-GtkTreeView-expander-size: 16;
- border-left-color: #b5bcc0;
- border-top-color: #4F585C; }
+ border-left-color: #8a99a0;
+ border-top-color: #37474f; }
GtkTreeView.view:selected:focus, GtkTreeView.view:selected,
treeview.view:selected:focus,
treeview.view:selected {
@@ -4615,10 +4615,10 @@ treeview.view {
treeview.view:selected:backdrop,
treeview.view:selected {
border-left-color: #a2cde1;
- border-top-color: rgba(255, 255, 255, 0.1); }
+ border-top-color: rgba(207, 216, 220, 0.1); }
GtkTreeView.view:insensitive,
treeview.view:insensitive {
- color: #a7acae; }
+ color: #839096; }
GtkTreeView.view:insensitive:selected,
treeview.view:insensitive:selected {
color: #8fc2da; }
@@ -4627,27 +4627,27 @@ treeview.view {
color: rgba(91, 167, 202, 0.85); }
GtkTreeView.view:insensitive:backdrop,
treeview.view:insensitive:backdrop {
- color: #727f85; }
+ color: #56707c; }
GtkTreeView.view.separator,
treeview.view.separator {
- color: #4F585C; }
+ color: #37474f; }
GtkTreeView.view.separator:backdrop,
treeview.view.separator:backdrop {
- color: rgba(79, 88, 92, 0.1); }
+ color: rgba(55, 71, 79, 0.1); }
GtkTreeView.view:backdrop,
treeview.view:backdrop {
- border-left-color: #7b8285;
- border-top: #4F585C; }
+ border-left-color: #5d6c73;
+ border-top: #37474f; }
GtkTreeView.view.expander,
treeview.view.expander {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
- color: #d2d7d9; }
+ color: #a6b2b8; }
GtkTreeView.view.expander:dir(rtl),
treeview.view.expander:dir(rtl) {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
GtkTreeView.view.expander:hover,
treeview.view.expander:hover {
- color: white; }
+ color: #cfd8dc; }
GtkTreeView.view.expander:selected,
treeview.view.expander:selected {
color: #c7e1ed; }
@@ -4662,7 +4662,7 @@ treeview.view {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
GtkTreeView.view.expander:backdrop,
treeview.view.expander:backdrop {
- color: #959ea1; }
+ color: #718188; }
GtkTreeView.view.progressbar,
treeview.view.progressbar {
border: 1px solid #347d9f;
@@ -4675,20 +4675,20 @@ treeview.view {
treeview.view.progressbar:selected {
border-radius: 0;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
- background-image: linear-gradient(to bottom, #6a7981, #535f65); }
+ background-image: linear-gradient(to bottom, #455a64, #303f46); }
GtkTreeView.view.progressbar:selected:focus:backdrop, GtkTreeView.view.progressbar:selected:backdrop,
treeview.view.progressbar:selected:focus:backdrop,
treeview.view.progressbar:selected:backdrop {
- border-color: #6c7c84;
- background-color: #6c7c84; }
+ border-color: #475d67;
+ background-color: #475d67; }
GtkTreeView.view.progressbar:backdrop,
treeview.view.progressbar:backdrop {
- border-color: #6c7c84;
+ border-color: #475d67;
background-image: none;
box-shadow: none; }
GtkTreeView.view.trough,
treeview.view.trough {
- background-color: rgba(255, 255, 255, 0.1);
+ background-color: rgba(207, 216, 220, 0.1);
border-radius: 4px; }
GtkTreeView.view.trough:selected:focus, GtkTreeView.view.trough:selected,
treeview.view.trough:selected:focus,
@@ -4703,8 +4703,8 @@ treeview.view {
treeview.view column-header button,
treeview.view header .button,
treeview.view header button {
- color: #b5bcc0;
- background-color: #6a7981;
+ color: #8a99a0;
+ background-color: #455a64;
font-weight: bold;
text-shadow: none;
box-shadow: none; }
@@ -4716,7 +4716,7 @@ treeview.view {
treeview.view column-header button:hover,
treeview.view header .button:hover,
treeview.view header button:hover {
- color: #dadee0;
+ color: #adb9be;
box-shadow: none;
transition: none; }
GtkTreeView.view column-header .button:active,
@@ -4727,7 +4727,7 @@ treeview.view {
treeview.view column-header button:active,
treeview.view header .button:active,
treeview.view header button:active {
- color: white;
+ color: #cfd8dc;
transition: none; }
GtkTreeView.view column-header button:last-child:backdrop, GtkTreeView.view column-header button:last-child,
GtkTreeView.view header button:last-child:backdrop,
@@ -4770,10 +4770,10 @@ treeview.view {
transition: none;
background-image: none;
background-color: #449ac2;
- color: #6a7981;
+ color: #455a64;
border-radius: 0;
border-style: none;
- box-shadow: inset 0 0 0 1px #6a7981;
+ box-shadow: inset 0 0 0 1px #455a64;
text-shadow: none; }
GtkTreeView.view column-header .button,
@@ -4803,7 +4803,7 @@ treeview.view header button:active {
background-image: none;
text-shadow: none;
border-style: none solid solid none;
- border-color: #4F585C; }
+ border-color: #37474f; }
GtkTreeView.view column-header .button:insensitive,
GtkTreeView.view column-header button:insensitive,
GtkTreeView.view header .button:insensitive,
@@ -4812,7 +4812,7 @@ treeview.view header button:active {
treeview.view column-header button:insensitive,
treeview.view header .button:insensitive,
treeview.view header button:insensitive {
- border-color: #4F585C;
+ border-color: #37474f;
background-image: none; }
GtkTreeView.view column-header .button:backdrop,
GtkTreeView.view column-header button:backdrop,
@@ -4822,11 +4822,11 @@ treeview.view header button:active {
treeview.view column-header button:backdrop,
treeview.view header .button:backdrop,
treeview.view header button:backdrop {
- border-color: #4F585C;
+ border-color: #37474f;
border-style: none solid solid none;
- color: #7b8285;
+ color: #5d6c73;
background-image: none;
- background-color: #6c7c84; }
+ background-color: #475d67; }
GtkTreeView.view column-header .button:backdrop:insensitive,
GtkTreeView.view column-header button:backdrop:insensitive,
GtkTreeView.view header .button:backdrop:insensitive,
@@ -4835,7 +4835,7 @@ treeview.view header button:active {
treeview.view column-header button:backdrop:insensitive,
treeview.view header .button:backdrop:insensitive,
treeview.view header button:backdrop:insensitive {
- border-color: #4F585C;
+ border-color: #37474f;
background-image: none; }
/**********************
@@ -4859,8 +4859,8 @@ treeview.view header button:active {
.solid-csd .window-frame {
border-radius: 0;
margin: 4px;
- background-color: #4F585C;
- border: 0px solid #394144;
+ background-color: #37474f;
+ border: 0px solid #242f34;
box-shadow: none; }
/**********************
@@ -4874,8 +4874,8 @@ treeview.view header button:active {
.budgie-panel .unpinned .launcher:active, .budgie-panel .pinned .launcher.running:active, .budgie-panel .unpinned .launcher:checked, .budgie-panel .pinned .launcher.running:checked {
background-color: rgba(0, 0, 0, 0.2); }
.top .budgie-panel .unpinned .launcher, .budgie-panel .unpinned .top .launcher, .top .budgie-panel .pinned .launcher.running, .budgie-panel .pinned .top .launcher.running {
- border-bottom: 2px solid transparent;
- border-top: 2px solid transparent; }
+ border-bottom: 2px solid rgba(38, 50, 56, 0);
+ border-top: 2px solid rgba(38, 50, 56, 0); }
.top .budgie-panel .unpinned .launcher,
.top .budgie-panel .pinned .launcher.running {
border-top: 2px solid rgba(68, 154, 194, 0.5); }
@@ -4886,8 +4886,8 @@ treeview.view header button:active {
border-bottom: 2px solid rgba(0, 0, 0, 0.2);
border-top: 2px solid #449ac2; }
.bottom .budgie-panel .unpinned .launcher, .budgie-panel .unpinned .bottom .launcher, .bottom .budgie-panel .pinned .launcher.running, .budgie-panel .pinned .bottom .launcher.running {
- border-top: 2px solid transparent;
- border-bottom: 2px solid transparent; }
+ border-top: 2px solid rgba(38, 50, 56, 0);
+ border-bottom: 2px solid rgba(38, 50, 56, 0); }
.bottom .budgie-panel .unpinned .launcher,
.bottom .budgie-panel .pinned .launcher.running {
border-bottom: 2px solid rgba(68, 154, 194, 0.5); }
@@ -4898,8 +4898,8 @@ treeview.view header button:active {
border-top: 2px solid rgba(0, 0, 0, 0.2);
border-bottom: 2px solid #449ac2; }
.left .budgie-panel .unpinned .launcher, .budgie-panel .unpinned .left .launcher, .left .budgie-panel .pinned .launcher.running, .budgie-panel .pinned .left .launcher.running {
- border-right: 2px solid transparent;
- border-left: 2px solid transparent; }
+ border-right: 2px solid rgba(38, 50, 56, 0);
+ border-left: 2px solid rgba(38, 50, 56, 0); }
.left .budgie-panel .unpinned .launcher,
.left .budgie-panel .pinned .launcher.running {
border-left: 2px solid rgba(68, 154, 194, 0.5); }
@@ -4910,8 +4910,8 @@ treeview.view header button:active {
border-right: 2px solid rgba(0, 0, 0, 0.2);
border-left: 2px solid #449ac2; }
.right .budgie-panel .unpinned .launcher, .budgie-panel .unpinned .right .launcher, .right .budgie-panel .pinned .launcher.running, .budgie-panel .pinned .right .launcher.running {
- border-left: 2px solid transparent;
- border-right: 2px solid transparent; }
+ border-left: 2px solid rgba(38, 50, 56, 0);
+ border-right: 2px solid rgba(38, 50, 56, 0); }
.right .budgie-panel .unpinned .launcher,
.right .budgie-panel .pinned .launcher.running {
border-right: 2px solid rgba(68, 154, 194, 0.5); }
@@ -4922,11 +4922,17 @@ treeview.view header button:active {
border-left: 2px solid rgba(0, 0, 0, 0.2);
border-right: 2px solid #449ac2; }
+.budgie-container {
+ border: none;
+ box-shadow: none;
+ background: none;
+ font-size: 100%; }
+
.budgie-menu GtkSearchEntry.entry:not(:selected) {
border: none;
box-shadow: none;
background: none;
- font-size: 120%; }
+ font-size: 100%; }
.budgie-menu GtkSearchEntry.entry:not(:selected).image {
padding-left: 0px;
padding-right: 6px; }
@@ -4936,93 +4942,106 @@ treeview.view header button:active {
.budgie-panel {
font: bold;
- color: white;
- background-color: rgba(0, 0, 0, 0.7); }
+ font-size: 100%;
+ color: #cfd8dc;
+ background-color: #263238; }
.budgie-panel:backdrop {
- color: white;
- background-color: rgba(0, 0, 0, 0.7); }
+ color: #cfd8dc;
+ background-color: #263238; }
.budgie-panel WnckTasklist .button,
.budgie-panel WnckTasklist .button:backdrop {
border-radius: 0; }
.budgie-panel .launcher {
- transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
padding-left: 2px;
padding-right: 2px;
- border-color: transparent; }
+ border-color: rgba(38, 50, 56, 0); }
.budgie-panel .launcher:hover {
-gtk-image-effect: highlight; }
.top .budgie-panel {
- border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
+ border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+ box-shadow: none; }
.top .raven-frame {
- padding: 0;
- background: none;
- border: none;
- border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
+ border-bottom: 1px solid rgba(0, 0, 0, 0.8);
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); }
.top .shadow-block {
background-color: transparent;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent); }
.bottom .budgie-panel {
- border-top: 1px solid rgba(0, 0, 0, 0.2); }
+ border-top: 1px solid rgba(0, 0, 0, 0.2);
+ box-shadow: none; }
.bottom .raven-frame {
- padding: 0;
- background: none;
- border: none;
- border-top: 1px solid rgba(0, 0, 0, 0.2); }
+ border-top: 1px solid rgba(0, 0, 0, 0.8);
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); }
.bottom .shadow-block {
background-color: transparent;
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.2), transparent); }
.left .budgie-panel {
- border-right: 1px solid rgba(0, 0, 0, 0.2); }
+ border-right: 1px solid rgba(0, 0, 0, 0.2);
+ box-shadow: none; }
.left .raven-frame {
- padding: 0;
- background: none;
- border: none;
- border-right: 1px solid rgba(0, 0, 0, 0.2); }
+ border-right: 1px solid rgba(0, 0, 0, 0.8);
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); }
.left .shadow-block {
background-color: transparent;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2), transparent); }
.right .budgie-panel {
- border-left: 1px solid rgba(0, 0, 0, 0.2); }
+ border-left: 1px solid rgba(0, 0, 0, 0.2);
+ box-shadow: none; }
.right .raven-frame {
- padding: 0;
- background: none;
- border: none;
- border-left: 1px solid rgba(0, 0, 0, 0.2); }
+ border-left: 1px solid rgba(0, 0, 0, 0.8);
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); }
.right .shadow-block {
background-color: transparent;
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.2), transparent); }
.raven {
- color: white;
- background-color: transparent;
+ color: #cfd8dc;
+ background-color: rgba(55, 71, 79, 0.98);
transition: 170ms ease-out; }
.raven .raven-header {
- color: white;
- border-width: 1px 0; }
+ background-color: #37474f;
+ color: #cfd8dc;
+ border-top: 1px solid #222c31;
+ border-bottom: 1px solid #222c31;
+ box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1); }
.raven .raven-header.top {
border-top-style: none; }
.raven .raven-header.bottom {
border-bottom-style: none; }
.raven .raven-background {
- color: white;
- background-color: transparent;
- border-bottom: 1px solid transparent; }
+ background-color: #455a64;
+ border-bottom: 1px solid #222c31;
+ box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1); }
.raven .raven-background.middle {
border-bottom-style: none; }
+ .raven .powerstrip {
+ background-color: transparent;
+ border: none;
+ box-shadow: none; }
.raven .powerstrip .button {
- padding: 10px; }
+ border-radius: 50%;
+ padding: 12px;
+ background: rgba(0, 0, 0, 0.1);
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ box-shadow: 0 1px rgba(255, 255, 255, 0.1);
+ font-size: 100%; }
+ .raven .powerstrip .button:hover {
+ background: rgba(0, 0, 0, 0.1);
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 1px 1px rgba(0, 0, 0, 0.2);
+ transition: 170ms ease all; }
.raven .option-subtitle {
font-size: smaller; }
@@ -5032,7 +5051,6 @@ treeview.view header button:active {
padding: 8px; }
.budgie-notification-window {
- background: none;
border-radius: 1px; }
.budgie-notification.background {
@@ -5040,29 +5058,32 @@ treeview.view header button:active {
border-radius: 4px; }
.budgie-notification .notification-title {
font-size: 110%;
- color: white; }
+ color: #cfd8dc; }
.budgie-notification .notification-body {
- color: rgba(255, 255, 255, 0.7); }
+ color: rgba(207, 216, 220, 0.7); }
.drop-shadow, .budgie-session-dialog.background, .background.budgie-polkit-dialog {
- background-color: transparent;
- box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.2);
- border-radius: 1px; }
+ box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); }
-.budgie-session-dialog .linked.horizontal > .button, .budgie-polkit-dialog .linked.horizontal > .button {
- border-bottom: none;
- border-radius: 0; }
- .budgie-session-dialog .linked.horizontal > .button:first-child, .budgie-polkit-dialog .linked.horizontal > .button:first-child {
- border-left: none;
- border-radius: 0; }
- .budgie-session-dialog .linked.horizontal > .button:last-child, .budgie-polkit-dialog .linked.horizontal > .button:last-child {
- border-right: none;
+.budgie-session-dialog, .budgie-polkit-dialog {
+ padding: 12px;
+ border-radius: 4px;
+ border: none;
+ border-top: 1px solid rgba(255, 255, 255, 0.1); }
+ .budgie-session-dialog .linked.horizontal > .button, .budgie-polkit-dialog .linked.horizontal > .button {
+ border-bottom: none;
border-radius: 0; }
+ .budgie-session-dialog .linked.horizontal > .button:first-child, .budgie-polkit-dialog .linked.horizontal > .button:first-child {
+ border-left: none;
+ border-radius: 0 0 0 4px; }
+ .budgie-session-dialog .linked.horizontal > .button:last-child, .budgie-polkit-dialog .linked.horizontal > .button:last-child {
+ border-right: none;
+ border-radius: 0 0 4px 0; }
.budgie-polkit-dialog .message {
- color: rgba(255, 255, 255, 0.7); }
+ color: rgba(207, 216, 220, 0.7); }
.budgie-polkit-dialog .failure {
- color: #f34235; }
+ color: #F44336; }
/***************
* font-viewer *
@@ -5088,7 +5109,7 @@ SudokuView {
* Character Map *
*****************/
GucharmapChartable {
- background-color: #6a7981; }
+ background-color: #455a64; }
GucharmapChartable:active,
GucharmapChartable:focus,
@@ -5144,16 +5165,16 @@ NautilusCanvasView {
border-color: #a5a5a5; }
.nautilus-desktop {
- color: white; }
+ color: #cfd8dc; }
.nautilus-desktop .nautilus-canvas-item {
border-radius: 5px;
color: #ffffff;
text-shadow: 1px 1px rgba(0, 0, 0, 0.6); }
.nautilus-desktop .nautilus-canvas-item:active {
- color: white;
+ color: #cfd8dc;
text-shadow: none; }
.nautilus-desktop .nautilus-canvas-item:prelight {
- color: white;
+ color: #cfd8dc;
text-shadow: none; }
.nautilus-desktop .nautilus-canvas-item:selected {
color: #ffffff;
@@ -5185,7 +5206,7 @@ GbWorkbench .header-bar {
* Calculator *
**************/
MathWindow {
- background-color: #6a7981;
+ background-color: #455a64;
border-radius: 0 0 4px 4px; }
MathWindow .titlebar,
MathWindow .header-bar,
@@ -5207,7 +5228,7 @@ MathWindow {
MathWindow MathButtons GtkComboBox:hover,
MathWindow MathButtons .button:hover {
background-image: none;
- background-color: #6a7981;
+ background-color: #455a64;
color: #07ce8e; }
MathWindow MathButtons GtkComboBox:backdrop,
MathWindow MathButtons .button:backdrop {
@@ -5218,15 +5239,15 @@ MathWindow {
box-shadow: none;
text-shadow: none;
background-color: #07ce8e;
- color: #6a7981; }
+ color: #455a64; }
MathWindow MathButtons GtkComboBox.text-button.suggested-action:backdrop,
MathWindow MathButtons .button.text-button.suggested-action:backdrop {
background-color: #059d6c;
- color: rgba(106, 121, 129, 0.5); }
+ color: rgba(69, 90, 100, 0.5); }
MathWindow MathDisplay {
padding: 4px;
- background-color: #6a7981;
- border: 1px solid #373e41; }
+ background-color: #455a64;
+ border: 1px solid #222c31; }
/************
* Calendar *
@@ -5453,15 +5474,15 @@ YelpWindow .header-bar {
border-width: 0;
border-radius: 2px;
color: white;
- border: 1px solid #6a7981;
- background-color: #6a7981; }
+ border: 1px solid #455a64;
+ background-color: #455a64; }
.gala-notification .title,
.gala-notification .label {
- color: white; }
+ color: #cfd8dc; }
.gala-button {
padding: 3px;
- color: #6a7981;
+ color: #455a64;
border: none;
border-radius: 50%;
background-image: linear-gradient(to bottom, #7e7e7e, #3e3e3e);
@@ -5475,14 +5496,14 @@ YelpWindow .header-bar {
/*-notify-shadow: 0px 2px 18px transparentize(black, 0.60);*/
border-radius: 5px;
border: 1px solid rgba(0, 0, 0, 0.7);
- background-color: rgba(106, 121, 129, 0.05); }
+ background-color: rgba(69, 90, 100, 0.05); }
/***************
* SwitchBoard *
***************/
.category-label {
font-weight: bold;
- color: white; }
+ color: #cfd8dc; }
/*************
* Slingshot *
@@ -5503,7 +5524,7 @@ YelpWindow .header-bar {
.search-item {
border-radius: 0;
border: none;
- color: white;
+ color: #cfd8dc;
background: none; }
.search-item:hover, .search-item:focus {
border-radius: 0;
@@ -5522,7 +5543,7 @@ YelpWindow .header-bar {
.search-category-header {
font-weight: bold;
- color: white; }
+ color: #cfd8dc; }
/*********
* Panel *
@@ -5587,16 +5608,16 @@ MayaViewMayaToolbar.titlebar, MayaViewMayaToolbar.header-bar {
* Cards *
*********/
.deck {
- background-color: #3c4346; }
+ background-color: #263137; }
.card {
- background-color: #6a7981;
+ background-color: #455a64;
border: none;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 3px 3px rgba(0, 0, 0, 0.2);
transition: all 150ms ease-in-out; }
.card.collapsed {
- background-color: #5e6c73;
+ background-color: #3b4c55;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2); }
/*********
@@ -5660,13 +5681,13 @@ LibraryWindow .the-button-in-the-combobox {
background: none; }
.checkerboard-layout {
- background-color: #4F585C;
+ background-color: #37474f;
background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1));
background-size: 24px 24px;
background-position: 0 0, 12px 12px; }
.checkboard-layout .item {
- background-color: white; }
+ background-color: #cfd8dc; }
/********
* Unity *
@@ -5779,7 +5800,7 @@ UnityPanelWidget:backdrop,
.unity-panel.menubar:backdrop,
.unity-panel .menubar *:backdrop {
- color: #a7acae; }
+ color: #839096; }
.unity-panel.menubar.menuitem,
.unity-panel.menubar .menuitem {
@@ -5807,11 +5828,11 @@ UnityPanelWidget:backdrop,
-GtkMenuItem-horizontal-padding: 0;
-GtkWidget-separator-height: 1;
border: none;
- color: #373e41; }
+ color: #222c31; }
/* Force Quit */
SheetStyleDialog.unity-force-quit {
- background-color: #6a7981; }
+ background-color: #455a64; }
@keyframes playbackmenuitem_spinner {
to {
@@ -5860,7 +5881,7 @@ BirdieWidgetsUserbox {
background-color: rgba(57, 152, 231, 0.2); }
BirdieWidgetsNotebook .header {
- background-color: #6a7981; }
+ background-color: #455a64; }
BirdieWidgetsNotebook tab:active {
box-shadow: inset 0 -3px 0 0 #3998E7; }
@@ -5927,71 +5948,71 @@ ConversationListView {
font: normal;
border-style: none;
background-color: transparent;
- color: white; }
+ color: #cfd8dc; }
#content_frame {
padding-bottom: 14px;
- background-color: #4F585C;
+ background-color: #37474f;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border: solid rgba(0, 0, 0, 0.1);
border-width: 1px 1px 0 1px; }
#content_frame button {
- color: white;
- outline-color: rgba(255, 255, 255, 0.3);
- border-color: #373e41;
- background-image: linear-gradient(to bottom, #4F585C, #434b4e);
+ color: #cfd8dc;
+ outline-color: rgba(207, 216, 220, 0.3);
+ border-color: #222c31;
+ background-image: linear-gradient(to bottom, #37474f, #2d3940);
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); }
#content_frame button:hover {
- color: white;
- outline-color: rgba(255, 255, 255, 0.3);
- border-color: #373e41;
- background-image: linear-gradient(to bottom, #515b5f, #4a5357 60%, #464e51);
+ color: #cfd8dc;
+ outline-color: rgba(207, 216, 220, 0.3);
+ border-color: #222c31;
+ background-image: linear-gradient(to bottom, #394a52, #334249 60%, #2f3c43);
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); }
#content_frame button:active, #content_frame button:checked {
- color: white;
- outline-color: rgba(255, 255, 255, 0.3);
- border-color: #373e41;
- background-image: linear-gradient(to bottom, #3f4649, #4a5357);
+ color: #cfd8dc;
+ outline-color: rgba(207, 216, 220, 0.3);
+ border-color: #222c31;
+ background-image: linear-gradient(to bottom, #28343a, #334249);
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6);
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
#content_frame button:insensitive {
- border-color: #373e41;
+ border-color: #222c31;
background-image: none;
- background-color: #5a656b;
+ background-color: #3d4f57;
text-shadow: none;
box-shadow: none;
icon-shadow: none; }
#content_frame button:insensitive GtkLabel, #content_frame button:insensitive {
- color: #a7acae; }
+ color: #839096; }
#buttonbox_frame {
padding-top: 20px;
padding-bottom: 0px;
border-style: none;
- background-color: #3B4245;
+ background-color: #303f46;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border: solid rgba(0, 0, 0, 0.1);
border-width: 0 1px 1px 1px; }
#buttonbox_frame button {
- color: #e4e6e7;
+ color: #cfd8dc;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
#buttonbox_frame button:hover {
color: white;
border-color: rgba(0, 0, 0, 0.7);
@@ -6000,7 +6021,7 @@ ConversationListView {
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
#buttonbox_frame button:active, #buttonbox_frame button:checked {
color: white;
border-color: rgba(0, 0, 0, 0.7);
@@ -6009,18 +6030,18 @@ ConversationListView {
box-shadow: none;
text-shadow: none;
icon-shadow: none;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
#buttonbox_frame button:insensitive {
- color: #828687;
+ color: #787f81;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5));
+ background-image: linear-gradient(to bottom, rgba(50, 55, 56, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
icon-shadow: none; }
#login_window #user_combobox {
- color: white;
+ color: #cfd8dc;
font: 13px; }
#login_window #user_combobox .menu,
#login_window #user_combobox menu {
diff --git a/Paper/gtk-3.18/gtk.css b/Paper/gtk-3.18/gtk.css
index dc758fa..3dc37c5 100644
--- a/Paper/gtk-3.18/gtk.css
+++ b/Paper/gtk-3.18/gtk.css
@@ -53,9 +53,9 @@
/* widgets main borders color on backdrop windows */
@define-color unfocused_borders #d5d5d5;
/* these are pretty self explicative */
-@define-color warning_color #fec006;
-@define-color error_color #f34235;
-@define-color success_color #4bae4f;
+@define-color warning_color #f9ce1d;
+@define-color error_color #F44336;
+@define-color success_color #4caf50;
/* 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 shade(#444, 1.8);
@@ -78,7 +78,7 @@ read if you used those and something break with a version upgrade you're on your
* {
padding: 0;
-GtkToolButton-icon-spacing: 4;
- -GtkTextView-error-underline-color: #f34235;
+ -GtkTextView-error-underline-color: #F44336;
-GtkScrolledWindow-scrollbar-spacing: 0;
-GtkToolItemGroup-expander-size: 11;
-GtkTreeView-expander-size: 11;
@@ -239,11 +239,11 @@ GtkLabel:backdrop {
.app-notification,
.app-notification.frame, .osd .scale-popup, .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: #e4e6e7;
+ color: #cfd8dc;
border: none;
background-color: rgba(32, 37, 38, 0.8);
background-clip: padding-box;
- outline-color: rgba(228, 230, 231, 0.3);
+ outline-color: rgba(207, 216, 220, 0.3);
text-shadow: 0 1px black;
icon-shadow: 0 1px black; }
.app-notification:backdrop, .osd .scale-popup:backdrop, .popover .background.touch-selection:backdrop, .popover .background.magnifier:backdrop, .popover .background.osd:backdrop,
@@ -476,17 +476,17 @@ row:selected
.button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop {
color: #fcfcfc; }
.button.osd {
- color: #e4e6e7;
+ color: #cfd8dc;
border-radius: 5px;
- outline-color: rgba(228, 230, 231, 0.3);
- color: #e4e6e7;
+ outline-color: rgba(207, 216, 220, 0.3);
+ color: #cfd8dc;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
- outline-color: rgba(228, 230, 231, 0.3);
+ outline-color: rgba(207, 216, 220, 0.3);
border: none;
box-shadow: none; }
.button.osd:hover {
@@ -497,7 +497,7 @@ row:selected
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
- outline-color: rgba(228, 230, 231, 0.3);
+ outline-color: rgba(207, 216, 220, 0.3);
border: none;
box-shadow: none; }
.button.osd:active,
@@ -509,23 +509,23 @@ row:selected
box-shadow: none;
text-shadow: none;
icon-shadow: none;
- outline-color: rgba(228, 230, 231, 0.3);
+ outline-color: rgba(207, 216, 220, 0.3);
border: none;
box-shadow: none; }
.button.osd:insensitive:backdrop,
.button.osd:insensitive,
.button.osd:insensitive:backdrop,
.button.osd:insensitive {
- color: #828687;
+ color: #787f81;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5));
+ background-image: linear-gradient(to bottom, rgba(50, 55, 56, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
icon-shadow: none;
border: none; }
.button.osd:backdrop {
- color: #e4e6e7;
+ color: #cfd8dc;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-clip: padding-box;
@@ -537,14 +537,14 @@ row:selected
.app-notification.frame .button,
.app-notification.frame button, .csd .popover .background.touch-selection button, .csd .popover .background.magnifier button, .popover .background.touch-selection button, .popover .background.magnifier button, .osd
.button {
- color: #e4e6e7;
+ color: #cfd8dc;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
.app-notification .button:hover, .app-notification button:hover, .popover .background.touch-selection button:hover, .popover .background.magnifier button:hover, .osd
.button:hover {
color: white;
@@ -554,7 +554,7 @@ row:selected
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
.app-notification .button:active:backdrop, .app-notification button:active:backdrop, .popover .background.touch-selection button:active:backdrop, .popover .background.magnifier button:active:backdrop, .app-notification .button:active, .app-notification button:active, .popover .background.touch-selection button:active, .popover .background.magnifier button:active, .app-notification .button:checked:backdrop, .app-notification button:checked:backdrop, .popover .background.touch-selection button:checked:backdrop, .popover .background.magnifier button:checked:backdrop, .app-notification .button:checked, .app-notification button:checked, .popover .background.touch-selection button:checked, .popover .background.magnifier button:checked, .osd
.button:active:backdrop, .osd
.button:active, .osd
@@ -567,20 +567,20 @@ row:selected
box-shadow: none;
text-shadow: none;
icon-shadow: none;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
.app-notification .button:insensitive:backdrop, .app-notification button:insensitive:backdrop, .popover .background.touch-selection button:insensitive:backdrop, .popover .background.magnifier button:insensitive:backdrop, .app-notification .button:insensitive, .app-notification button:insensitive, .popover .background.touch-selection button:insensitive, .popover .background.magnifier button:insensitive, .osd
.button:insensitive:backdrop, .osd
.button:insensitive {
- color: #828687;
+ color: #787f81;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5));
+ background-image: linear-gradient(to bottom, rgba(50, 55, 56, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
icon-shadow: none; }
.app-notification .button:backdrop, .app-notification button:backdrop, .popover .background.touch-selection button:backdrop, .popover .background.magnifier button:backdrop, .osd
.button:backdrop {
- color: #e4e6e7;
+ color: #cfd8dc;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-clip: padding-box;
@@ -605,12 +605,12 @@ row:selected
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
.app-notification .flat.button:insensitive, .app-notification button.flat:insensitive, .popover .background.touch-selection button.flat:insensitive, .popover .background.magnifier button.flat:insensitive, .osd
.button.flat:insensitive {
- color: #828687;
+ color: #787f81;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5));
+ background-image: linear-gradient(to bottom, rgba(50, 55, 56, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@@ -636,7 +636,7 @@ row:selected
box-shadow: none;
text-shadow: none;
icon-shadow: none;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
.button.suggested-action {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
@@ -769,14 +769,14 @@ row:selected
color: #b7cdd7; }
.osd
.button.suggested-action {
- color: #e4e6e7;
+ color: #cfd8dc;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(52, 125, 159, 0.5));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
.osd
.button.suggested-action:hover {
color: white;
@@ -786,7 +786,7 @@ row:selected
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
.osd
.button.suggested-action:active:backdrop, .osd
.button.suggested-action:active, .osd
@@ -799,20 +799,20 @@ row:selected
box-shadow: none;
text-shadow: none;
icon-shadow: none;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
.osd
.button.suggested-action:insensitive:backdrop, .osd
.button.suggested-action:insensitive {
- color: #828687;
+ color: #787f81;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5));
+ background-image: linear-gradient(to bottom, rgba(50, 55, 56, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
icon-shadow: none; }
.osd
.button.suggested-action:backdrop {
- color: #e4e6e7;
+ color: #cfd8dc;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(52, 125, 159, 0.5));
background-clip: padding-box;
@@ -822,8 +822,8 @@ row:selected
.button.destructive-action {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
- border-color: #9f1409;
- background-image: linear-gradient(to bottom, #f34235, #f22b1d);
+ border-color: #a21309;
+ background-image: linear-gradient(to bottom, #F44336, #f32c1e);
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
@@ -835,12 +835,12 @@ row:selected
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
icon-shadow: none;
- color: #f34235; }
+ color: #F44336; }
.button.destructive-action:hover {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
- border-color: #9f1409;
- background-image: linear-gradient(to bottom, #f55d52, #f34235 60%, #f23022);
+ border-color: #a21309;
+ background-image: linear-gradient(to bottom, #f65e53, #F44336 60%, #f33123);
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); }
@@ -848,16 +848,16 @@ row:selected
.button.destructive-action:checked {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
- border-color: #9f1409;
- background-image: linear-gradient(to bottom, #f12213, #f2392b);
+ border-color: #a21309;
+ background-image: linear-gradient(to bottom, #f22314, #f33a2c);
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6);
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); }
.button.destructive-action:backdrop,
.button.destructive-action.flat:backdrop {
- border-color: #f34235;
- background-image: linear-gradient(to bottom, #f34235);
+ border-color: #F44336;
+ background-image: linear-gradient(to bottom, #F44336);
text-shadow: none;
icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
@@ -870,7 +870,7 @@ row:selected
.button.destructive-action:backdrop:checked,
.button.destructive-action.flat:backdrop:active,
.button.destructive-action.flat:backdrop:checked {
- border-color: #e71d0e;
+ border-color: #ea1c0d;
background-image: none;
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); }
.button.destructive-action:backdrop:active GtkLabel,
@@ -881,7 +881,7 @@ row:selected
.button.destructive-action.flat:backdrop:active,
.button.destructive-action.flat:backdrop:checked GtkLabel,
.button.destructive-action.flat:backdrop:checked {
- color: #fad2cf; }
+ color: #fbd2cf; }
.button.destructive-action:backdrop:active label,
.button.destructive-action:backdrop:active,
.button.destructive-action:backdrop:checked label,
@@ -890,7 +890,7 @@ row:selected
.button.destructive-action.flat:backdrop:active,
.button.destructive-action.flat:backdrop:checked label,
.button.destructive-action.flat:backdrop:checked {
- color: #fad2cf; }
+ color: #fbd2cf; }
.button.destructive-action:backdrop:insensitive,
.button.destructive-action.flat:backdrop:insensitive {
border-color: #d5d5d5;
@@ -908,15 +908,15 @@ row:selected
.button.destructive-action:backdrop:insensitive:checked,
.button.destructive-action.flat:backdrop:insensitive:active,
.button.destructive-action.flat:backdrop:insensitive:checked {
- border-color: #f4473b;
+ border-color: #f5483c;
background-image: none;
- background-color: #f4473b;
+ background-color: #f5483c;
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); }
.button.destructive-action:backdrop:insensitive:active GtkLabel,
.button.destructive-action:backdrop:insensitive:checked GtkLabel,
.button.destructive-action.flat:backdrop:insensitive:active GtkLabel,
.button.destructive-action.flat:backdrop:insensitive:checked GtkLabel {
- color: #f88780; }
+ color: #f98880; }
.button.destructive-action.flat:backdrop,
.button.destructive-action.flat:insensitive,
.button.destructive-action.flat:backdrop:insensitive {
@@ -926,7 +926,7 @@ row:selected
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
icon-shadow: none;
- color: rgba(243, 66, 53, 0.8); }
+ color: rgba(244, 67, 54, 0.8); }
.button.destructive-action:insensitive {
border-color: #d1d1d1;
background-image: none;
@@ -939,36 +939,36 @@ row:selected
color: #9e9e9e; }
.button.destructive-action:insensitive:active,
.button.destructive-action:insensitive:checked {
- border-color: #9f1409;
+ border-color: #a21309;
background-image: none;
- background-color: #f4473b;
+ background-color: #f5483c;
text-shadow: none;
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); }
.button.destructive-action:insensitive:active GtkLabel,
.button.destructive-action:insensitive:active,
.button.destructive-action:insensitive:checked GtkLabel,
.button.destructive-action:insensitive:checked {
- color: #fbb5b1; }
+ color: #fbb6b1; }
.osd
.button.destructive-action {
- color: #e4e6e7;
+ color: #cfd8dc;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(243, 66, 53, 0.5));
+ background-image: linear-gradient(to bottom, rgba(244, 67, 54, 0.5));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
.osd
.button.destructive-action:hover {
color: white;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(243, 66, 53, 0.7));
+ background-image: linear-gradient(to bottom, rgba(244, 67, 54, 0.7));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
.osd
.button.destructive-action:active:backdrop, .osd
.button.destructive-action:active, .osd
@@ -976,27 +976,27 @@ row:selected
.button.destructive-action:checked {
color: white;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, #f34235);
+ background-image: linear-gradient(to bottom, #F44336);
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
icon-shadow: none;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
.osd
.button.destructive-action:insensitive:backdrop, .osd
.button.destructive-action:insensitive {
- color: #828687;
+ color: #787f81;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5));
+ background-image: linear-gradient(to bottom, rgba(50, 55, 56, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
icon-shadow: none; }
.osd
.button.destructive-action:backdrop {
- color: #e4e6e7;
+ color: #cfd8dc;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(243, 66, 53, 0.5));
+ background-image: linear-gradient(to bottom, rgba(244, 67, 54, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@@ -2044,28 +2044,28 @@ GtkFileChooserDialog {
box-shadow: none; }
.error.spinbutton:not(.vertical), GeditWindow > .error.entry,
.entry.error {
- color: #f34235;
- border-color: #f34235; }
+ color: #F44336;
+ border-color: #F44336; }
.error.spinbutton:focus:not(.vertical), GeditWindow > .error.entry:focus,
.entry.error:focus {
box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1);
- border-color: #f34235; }
+ border-color: #F44336; }
.error.spinbutton:selected:focus:not(.vertical), GeditWindow > .error.entry:selected:focus, .error.spinbutton:selected:not(.vertical), GeditWindow > .error.entry:selected,
.entry.error:selected:focus,
.entry.error:selected {
- background-color: #f34235; }
+ background-color: #F44336; }
.warning.spinbutton:not(.vertical), GeditWindow > .warning.entry,
.entry.warning {
- color: #fec006;
- border-color: #fec006; }
+ color: #f9ce1d;
+ border-color: #f9ce1d; }
.warning.spinbutton:focus:not(.vertical), GeditWindow > .warning.entry:focus,
.entry.warning:focus {
box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1);
- border-color: #fec006; }
+ border-color: #f9ce1d; }
.warning.spinbutton:selected:focus:not(.vertical), GeditWindow > .warning.entry:selected:focus, .warning.spinbutton:selected:not(.vertical), GeditWindow > .warning.entry:selected,
.entry.warning:selected:focus,
.entry.warning:selected {
- background-color: #fec006; }
+ background-color: #f9ce1d; }
.spinbutton:not(.vertical) .progressbar, GeditWindow > .entry .progressbar,
.entry .progressbar {
margin: 2px -6px;
@@ -2418,7 +2418,7 @@ GraniteWidgetsWelcome {
background-color: transparent;
padding: 8px 6px; }
.storage-bar .fill-block {
- background-color: #fec006;
+ background-color: #f9ce1d;
border: none;
box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1);
transition: all 200ms ease-in-out;
@@ -2435,13 +2435,13 @@ GraniteWidgetsWelcome {
.storage-bar .fill-block.empty-block {
background-color: #ffffff; }
.storage-bar .fill-block.app {
- background-color: #2095f2; }
+ background-color: #2196f3; }
.storage-bar .fill-block.audio {
- background-color: #fe9700; }
+ background-color: #ff5722; }
.storage-bar .fill-block.photo {
- background-color: #f34235; }
+ background-color: #F44336; }
.storage-bar .fill-block.video {
- background-color: #9b26af; }
+ background-color: #9c27b0; }
.storage-bar .fill-block .legend {
padding: 12px;
border-radius: 4px; }
@@ -2906,27 +2906,27 @@ infobar {
box-shadow: none; }
.info {
- background-color: #2095f2; }
+ background-color: #2196f3; }
.info:backdrop {
- background-color: #50acf5;
+ background-color: #51adf6;
color: rgba(255, 255, 255, 0.5); }
.warning {
- background-color: #fec006; }
+ background-color: #f9ce1d; }
.warning:backdrop {
- background-color: #fecd39;
+ background-color: #fad94f;
color: rgba(255, 255, 255, 0.5); }
.question {
- background-color: #4bae4f; }
+ background-color: #4caf50; }
.question:backdrop {
- background-color: #6cc070;
+ background-color: #6ec071;
color: rgba(255, 255, 255, 0.5); }
.error {
- background-color: #f34235; }
+ background-color: #F44336; }
.error:backdrop {
- background-color: #f66f65;
+ background-color: #f77066;
color: rgba(255, 255, 255, 0.5); }
/*************
@@ -2980,8 +2980,8 @@ GtkLevelBar,
.level-bar.vertical .level-low.fill-block,
.level-bar .fill-block.low,
.level-bar .fill-block.level-low {
- border: 1px solid #d09c01;
- background-color: #fec006; }
+ border: 1px solid #ddb306;
+ background-color: #f9ce1d; }
GtkLevelBar.vertical .low.fill-block:backdrop,
GtkLevelBar .level-bar.vertical .low.fill-block:backdrop,
.level-bar.vertical GtkLevelBar .low.fill-block:backdrop, GtkLevelBar.vertical .level-low.fill-block:backdrop,
@@ -2997,7 +2997,7 @@ GtkLevelBar,
.level-bar.vertical .level-low.fill-block:backdrop,
.level-bar .fill-block.low:backdrop,
.level-bar .fill-block.level-low:backdrop {
- border: 1px solid #fec006; }
+ border: 1px solid #f9ce1d; }
GtkLevelBar.vertical .high.fill-block,
GtkLevelBar .level-bar.vertical .high.fill-block,
.level-bar.vertical GtkLevelBar .high.fill-block, GtkLevelBar.vertical .level-high.fill-block,
@@ -3046,8 +3046,8 @@ GtkLevelBar,
.level-bar.vertical .level-full.fill-block,
.level-bar .fill-block.full,
.level-bar .fill-block.level-full {
- border: 1px solid #3c8a3f;
- background-color: #4bae4f; }
+ border: 1px solid #3d8b40;
+ background-color: #4caf50; }
GtkLevelBar.vertical .full.fill-block:backdrop,
GtkLevelBar .level-bar.vertical .full.fill-block:backdrop,
.level-bar.vertical GtkLevelBar .full.fill-block:backdrop, GtkLevelBar.vertical .level-full.fill-block:backdrop,
@@ -3063,7 +3063,7 @@ GtkLevelBar,
.level-bar.vertical .level-full.fill-block:backdrop,
.level-bar .fill-block.full:backdrop,
.level-bar .fill-block.level-full:backdrop {
- border: 1px solid #4bae4f; }
+ border: 1px solid #4caf50; }
GtkLevelBar.vertical .empty.fill-block,
GtkLevelBar .level-bar.vertical .empty.fill-block,
.level-bar.vertical GtkLevelBar .empty.fill-block, GtkLevelBar.vertical .level-empty.fill-block,
@@ -3638,12 +3638,12 @@ GtkLevelBar .trough,
border-color: rgba(0, 0, 0, 0.7);
background-color: rgba(0, 0, 0, 0.5);
box-shadow: none;
- outline-color: rgba(228, 230, 231, 0.2); }
+ outline-color: rgba(207, 216, 220, 0.2); }
.osd GtkLevelBar .trough:insensitive, GtkLevelBar .osd .trough:insensitive,
.osd .level-bar .trough:insensitive,
.level-bar .osd .trough:insensitive, .osd GtkProgressBar:insensitive,
.osd .progressbar:insensitive, .osd .scale .trough:insensitive, .scale .osd .trough:insensitive, .osd .scale fill:insensitive, .scale .osd fill:insensitive {
- background-color: rgba(52, 56, 57, 0.5); }
+ background-color: rgba(50, 55, 56, 0.5); }
GtkProgressBar .progressbar,
.progressbar .progressbar, .scale .highlight, .scale.fine-tune .highlight {
@@ -3722,14 +3722,14 @@ GtkProgressBar .progressbar,
row:selected .scale .slider, row:selected .scale .slider:insensitive {
border-color: #275f79; }
.osd .scale .slider {
- color: #e4e6e7;
+ color: #cfd8dc;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
- outline-color: rgba(228, 230, 231, 0.3);
+ outline-color: rgba(207, 216, 220, 0.3);
border-color: rgba(0, 0, 0, 0.7);
background-color: #202526; }
.osd .scale .slider:hover {
@@ -3740,7 +3740,7 @@ GtkProgressBar .progressbar,
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
.osd .scale .slider:active {
color: white;
border-color: rgba(0, 0, 0, 0.7);
@@ -3749,17 +3749,17 @@ GtkProgressBar .progressbar,
box-shadow: none;
text-shadow: none;
icon-shadow: none;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
.osd .scale .slider:insensitive {
- color: #828687;
+ color: #787f81;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5));
+ background-image: linear-gradient(to bottom, rgba(50, 55, 56, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
icon-shadow: none; }
.osd .scale .slider:backdrop {
- color: #e4e6e7;
+ color: #cfd8dc;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-clip: padding-box;
@@ -3797,7 +3797,7 @@ GtkProgressBar .progressbar,
border-color: transparent;
background-color: transparent; }
.osd .scale fill {
- background-color: rgba(87, 88, 88, 0.775); }
+ background-color: rgba(79, 83, 84, 0.775); }
.osd .scale fill:insensitive, .osd .scale fill:insensitive:backdrop {
border-color: transparent;
background-color: transparent; }
@@ -4085,7 +4085,7 @@ OsScrollbar {
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
icon-shadow: none;
- color: #e4e6e7;
+ color: #cfd8dc;
border-style: none none none solid;
border-color: rgba(0, 0, 0, 0.4);
border-radius: 0;
@@ -4099,9 +4099,9 @@ OsScrollbar {
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
icon-shadow: none;
- color: #e4e6e7;
+ color: #cfd8dc;
border-color: rgba(0, 0, 0, 0.5);
- background-color: rgba(228, 230, 231, 0.1);
+ background-color: rgba(207, 216, 220, 0.1);
box-shadow: none; }
.osd .spinbutton:not(.vertical) .button:backdrop {
border-color: transparent;
@@ -4110,7 +4110,7 @@ OsScrollbar {
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
icon-shadow: none;
- color: #e4e6e7;
+ color: #cfd8dc;
border-color: rgba(0, 0, 0, 0.5);
box-shadow: none; }
.osd .spinbutton:not(.vertical) .button:insensitive {
@@ -4120,7 +4120,7 @@ OsScrollbar {
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
icon-shadow: none;
- color: #828687;
+ color: #787f81;
border-color: rgba(0, 0, 0, 0.5);
box-shadow: none; }
.osd .spinbutton:not(.vertical) .button:last-child {
@@ -4154,14 +4154,14 @@ OsScrollbar {
border-radius: 0 0 3px 3px;
border-style: none solid solid solid; }
.osd .spinbutton.vertical button:first-child {
- color: #e4e6e7;
+ color: #cfd8dc;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
.osd .spinbutton.vertical button:first-child:hover {
color: white;
border-color: rgba(0, 0, 0, 0.7);
@@ -4170,7 +4170,7 @@ OsScrollbar {
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
.osd .spinbutton.vertical button:first-child:active {
color: white;
border-color: rgba(0, 0, 0, 0.7);
@@ -4179,17 +4179,17 @@ OsScrollbar {
box-shadow: none;
text-shadow: none;
icon-shadow: none;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
.osd .spinbutton.vertical button:first-child:insensitive {
- color: #828687;
+ color: #787f81;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5));
+ background-image: linear-gradient(to bottom, rgba(50, 55, 56, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
icon-shadow: none; }
.osd .spinbutton.vertical button:first-child:backdrop {
- color: #e4e6e7;
+ color: #cfd8dc;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-clip: padding-box;
@@ -4248,9 +4248,9 @@ GtkSwitch {
border-radius: 14px;
color: transparent;
background-color: rgba(0, 0, 0, 0.1);
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), 0px 1px rgba(255, 255, 255, 0.3); }
+ box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0px 1px rgba(255, 255, 255, 0.3); }
GtkSwitch:insensitive {
- background-color: #fafafa; }
+ background-color: rgba(0, 0, 0, 0.1); }
GtkSwitch:backdrop {
background-color: #f7f7f7;
transition: 200ms ease-out; }
@@ -4264,18 +4264,18 @@ GtkSwitch {
GtkSwitch:active:backdrop slider:backdrop, GtkSwitch:checked:backdrop .slider:backdrop,
GtkSwitch:checked:backdrop slider:backdrop {
box-shadow: none;
- background-color: rgba(255, 255, 255, 0.9);
+ background-color: rgba(247, 247, 247, 0.9);
border: none; }
GtkSwitch .slider {
padding: 2px;
border-radius: 50%;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
- background-color: #ffffff;
+ background-color: #f7f7f7;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2); }
GtkSwitch .slider:backdrop {
- padding: 2px;
- box-shadow: none;
- background-color: #ffffff; }
+ box-shadow: none; }
+ GtkSwitch .slider:insensitive {
+ box-shadow: none; }
GtkSwitch .trough:active, GtkSwitch .trough:checked {
background-color: #347D9F; }
GtkSwitch .trough:active:backdrop, GtkSwitch .trough:checked:backdrop {
@@ -4889,8 +4889,8 @@ treeview.view header button:active {
.budgie-panel .unpinned .launcher:active, .budgie-panel .pinned .launcher.running:active, .budgie-panel .unpinned .launcher:checked, .budgie-panel .pinned .launcher.running:checked {
background-color: rgba(0, 0, 0, 0.2); }
.top .budgie-panel .unpinned .launcher, .budgie-panel .unpinned .top .launcher, .top .budgie-panel .pinned .launcher.running, .budgie-panel .pinned .top .launcher.running {
- border-bottom: 2px solid transparent;
- border-top: 2px solid transparent; }
+ border-bottom: 2px solid rgba(38, 50, 56, 0);
+ border-top: 2px solid rgba(38, 50, 56, 0); }
.top .budgie-panel .unpinned .launcher,
.top .budgie-panel .pinned .launcher.running {
border-top: 2px solid rgba(52, 125, 159, 0.5); }
@@ -4901,8 +4901,8 @@ treeview.view header button:active {
border-bottom: 2px solid rgba(0, 0, 0, 0.2);
border-top: 2px solid #347D9F; }
.bottom .budgie-panel .unpinned .launcher, .budgie-panel .unpinned .bottom .launcher, .bottom .budgie-panel .pinned .launcher.running, .budgie-panel .pinned .bottom .launcher.running {
- border-top: 2px solid transparent;
- border-bottom: 2px solid transparent; }
+ border-top: 2px solid rgba(38, 50, 56, 0);
+ border-bottom: 2px solid rgba(38, 50, 56, 0); }
.bottom .budgie-panel .unpinned .launcher,
.bottom .budgie-panel .pinned .launcher.running {
border-bottom: 2px solid rgba(52, 125, 159, 0.5); }
@@ -4913,8 +4913,8 @@ treeview.view header button:active {
border-top: 2px solid rgba(0, 0, 0, 0.2);
border-bottom: 2px solid #347D9F; }
.left .budgie-panel .unpinned .launcher, .budgie-panel .unpinned .left .launcher, .left .budgie-panel .pinned .launcher.running, .budgie-panel .pinned .left .launcher.running {
- border-right: 2px solid transparent;
- border-left: 2px solid transparent; }
+ border-right: 2px solid rgba(38, 50, 56, 0);
+ border-left: 2px solid rgba(38, 50, 56, 0); }
.left .budgie-panel .unpinned .launcher,
.left .budgie-panel .pinned .launcher.running {
border-left: 2px solid rgba(52, 125, 159, 0.5); }
@@ -4925,8 +4925,8 @@ treeview.view header button:active {
border-right: 2px solid rgba(0, 0, 0, 0.2);
border-left: 2px solid #347D9F; }
.right .budgie-panel .unpinned .launcher, .budgie-panel .unpinned .right .launcher, .right .budgie-panel .pinned .launcher.running, .budgie-panel .pinned .right .launcher.running {
- border-left: 2px solid transparent;
- border-right: 2px solid transparent; }
+ border-left: 2px solid rgba(38, 50, 56, 0);
+ border-right: 2px solid rgba(38, 50, 56, 0); }
.right .budgie-panel .unpinned .launcher,
.right .budgie-panel .pinned .launcher.running {
border-right: 2px solid rgba(52, 125, 159, 0.5); }
@@ -4937,11 +4937,17 @@ treeview.view header button:active {
border-left: 2px solid rgba(0, 0, 0, 0.2);
border-right: 2px solid #347D9F; }
+.budgie-container {
+ border: none;
+ box-shadow: none;
+ background: none;
+ font-size: 100%; }
+
.budgie-menu GtkSearchEntry.entry:not(:selected) {
border: none;
box-shadow: none;
background: none;
- font-size: 120%; }
+ font-size: 100%; }
.budgie-menu GtkSearchEntry.entry:not(:selected).image {
padding-left: 0px;
padding-right: 6px; }
@@ -4951,93 +4957,106 @@ treeview.view header button:active {
.budgie-panel {
font: bold;
- color: white;
- background-color: rgba(0, 0, 0, 0.7); }
+ font-size: 100%;
+ color: #cfd8dc;
+ background-color: #263238; }
.budgie-panel:backdrop {
- color: white;
- background-color: rgba(0, 0, 0, 0.7); }
+ color: #cfd8dc;
+ background-color: #263238; }
.budgie-panel WnckTasklist .button,
.budgie-panel WnckTasklist .button:backdrop {
border-radius: 0; }
.budgie-panel .launcher {
- transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
padding-left: 2px;
padding-right: 2px;
- border-color: transparent; }
+ border-color: rgba(38, 50, 56, 0); }
.budgie-panel .launcher:hover {
-gtk-image-effect: highlight; }
.top .budgie-panel {
- border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
+ border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+ box-shadow: none; }
.top .raven-frame {
- padding: 0;
- background: none;
- border: none;
- border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
+ border-bottom: 1px solid rgba(0, 0, 0, 0.8);
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); }
.top .shadow-block {
background-color: transparent;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent); }
.bottom .budgie-panel {
- border-top: 1px solid rgba(0, 0, 0, 0.2); }
+ border-top: 1px solid rgba(0, 0, 0, 0.2);
+ box-shadow: none; }
.bottom .raven-frame {
- padding: 0;
- background: none;
- border: none;
- border-top: 1px solid rgba(0, 0, 0, 0.2); }
+ border-top: 1px solid rgba(0, 0, 0, 0.8);
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); }
.bottom .shadow-block {
background-color: transparent;
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.2), transparent); }
.left .budgie-panel {
- border-right: 1px solid rgba(0, 0, 0, 0.2); }
+ border-right: 1px solid rgba(0, 0, 0, 0.2);
+ box-shadow: none; }
.left .raven-frame {
- padding: 0;
- background: none;
- border: none;
- border-right: 1px solid rgba(0, 0, 0, 0.2); }
+ border-right: 1px solid rgba(0, 0, 0, 0.8);
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); }
.left .shadow-block {
background-color: transparent;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2), transparent); }
.right .budgie-panel {
- border-left: 1px solid rgba(0, 0, 0, 0.2); }
+ border-left: 1px solid rgba(0, 0, 0, 0.2);
+ box-shadow: none; }
.right .raven-frame {
- padding: 0;
- background: none;
- border: none;
- border-left: 1px solid rgba(0, 0, 0, 0.2); }
+ border-left: 1px solid rgba(0, 0, 0, 0.8);
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); }
.right .shadow-block {
background-color: transparent;
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.2), transparent); }
.raven {
- color: white;
- background-color: transparent;
+ color: #444;
+ background-color: rgba(247, 247, 247, 0.98);
transition: 170ms ease-out; }
.raven .raven-header {
- color: white;
- border-width: 1px 0; }
+ background-color: #f7f7f7;
+ color: #444;
+ border-top: 1px solid #d1d1d1;
+ border-bottom: 1px solid #d1d1d1;
+ box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1); }
.raven .raven-header.top {
border-top-style: none; }
.raven .raven-header.bottom {
border-bottom-style: none; }
.raven .raven-background {
- color: white;
- background-color: transparent;
- border-bottom: 1px solid transparent; }
+ background-color: #ffffff;
+ border-bottom: 1px solid #d1d1d1;
+ box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1); }
.raven .raven-background.middle {
border-bottom-style: none; }
+ .raven .powerstrip {
+ background-color: transparent;
+ border: none;
+ box-shadow: none; }
.raven .powerstrip .button {
- padding: 10px; }
+ border-radius: 50%;
+ padding: 12px;
+ background: rgba(0, 0, 0, 0.1);
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ box-shadow: 0 1px rgba(255, 255, 255, 0.1);
+ font-size: 100%; }
+ .raven .powerstrip .button:hover {
+ background: rgba(0, 0, 0, 0.1);
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 1px 1px rgba(0, 0, 0, 0.2);
+ transition: 170ms ease all; }
.raven .option-subtitle {
font-size: smaller; }
@@ -5047,7 +5066,6 @@ treeview.view header button:active {
padding: 8px; }
.budgie-notification-window {
- background: none;
border-radius: 1px; }
.budgie-notification.background {
@@ -5057,27 +5075,30 @@ treeview.view header button:active {
font-size: 110%;
color: #444; }
.budgie-notification .notification-body {
- color: rgba(255, 255, 255, 0.7); }
+ color: rgba(207, 216, 220, 0.7); }
.drop-shadow, .budgie-session-dialog.background, .background.budgie-polkit-dialog {
- background-color: transparent;
- box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.2);
- border-radius: 1px; }
+ box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); }
-.budgie-session-dialog .linked.horizontal > .button, .budgie-polkit-dialog .linked.horizontal > .button {
- border-bottom: none;
- border-radius: 0; }
- .budgie-session-dialog .linked.horizontal > .button:first-child, .budgie-polkit-dialog .linked.horizontal > .button:first-child {
- border-left: none;
- border-radius: 0; }
- .budgie-session-dialog .linked.horizontal > .button:last-child, .budgie-polkit-dialog .linked.horizontal > .button:last-child {
- border-right: none;
+.budgie-session-dialog, .budgie-polkit-dialog {
+ padding: 12px;
+ border-radius: 4px;
+ border: none;
+ border-top: 1px solid rgba(255, 255, 255, 0.1); }
+ .budgie-session-dialog .linked.horizontal > .button, .budgie-polkit-dialog .linked.horizontal > .button {
+ border-bottom: none;
border-radius: 0; }
+ .budgie-session-dialog .linked.horizontal > .button:first-child, .budgie-polkit-dialog .linked.horizontal > .button:first-child {
+ border-left: none;
+ border-radius: 0 0 0 4px; }
+ .budgie-session-dialog .linked.horizontal > .button:last-child, .budgie-polkit-dialog .linked.horizontal > .button:last-child {
+ border-right: none;
+ border-radius: 0 0 4px 0; }
.budgie-polkit-dialog .message {
- color: rgba(255, 255, 255, 0.7); }
+ color: rgba(207, 216, 220, 0.7); }
.budgie-polkit-dialog .failure {
- color: #f34235; }
+ color: #F44336; }
/***************
* font-viewer *
@@ -5999,14 +6020,14 @@ ConversationListView {
border-width: 0 1px 1px 1px; }
#buttonbox_frame button {
- color: #e4e6e7;
+ color: #cfd8dc;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
#buttonbox_frame button:hover {
color: white;
border-color: rgba(0, 0, 0, 0.7);
@@ -6015,7 +6036,7 @@ ConversationListView {
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
#buttonbox_frame button:active, #buttonbox_frame button:checked {
color: white;
border-color: rgba(0, 0, 0, 0.7);
@@ -6024,11 +6045,11 @@ ConversationListView {
box-shadow: none;
text-shadow: none;
icon-shadow: none;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
#buttonbox_frame button:insensitive {
- color: #828687;
+ color: #787f81;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5));
+ background-image: linear-gradient(to bottom, rgba(50, 55, 56, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
diff --git a/Paper/gtk-3.18/widgets/_switches.scss b/Paper/gtk-3.18/widgets/_switches.scss
index 8c1845e..3c926d9 100644
--- a/Paper/gtk-3.18/widgets/_switches.scss
+++ b/Paper/gtk-3.18/widgets/_switches.scss
@@ -14,11 +14,11 @@ GtkSwitch {
border-radius: 14px;
color: transparent;
- background-color: transparentize(black, 0.9);
- box-shadow: inset 0 0 0 1px transparentize(black, 0.95), 0px 1px $bottom_highlight;
+ background-color: if($variant == 'light', transparentize(black, 0.9), transparent);
+ box-shadow: if($variant == 'light', (inset 0 0 0 1px transparentize(black, 0.8), 0px 1px $bottom_highlight), 0 0 0 1px transparentize(black, 0.7));
&:insensitive {
- background-color: $insensitive_bg_color;
+ background-color: transparentize(black, 0.9);
}
&:backdrop {
@@ -40,7 +40,7 @@ GtkSwitch {
slider {
&:backdrop {
box-shadow:none;
- background-color:transparentize($base_color, 0.1);
+ background-color:transparentize($bg_color, 0.1);
border:none;
}
}
@@ -52,15 +52,21 @@ GtkSwitch {
padding:2px;
border-radius: 50%;
transition: $button_transition;
- background-color: $base_color;
+ background-color: if($variant == 'light', $bg_color, darken($bg_color, 5%));
- box-shadow: 0 2px 2px transparentize(black, 0.8),
- 0 1px 2px transparentize(black, 0.8);
+ box-shadow: if($variant == 'light', (
+ 0 2px 2px transparentize(black, 0.8),
+ 0 1px 2px transparentize(black, 0.8)
+ ),(
+ none
+ ));
&:backdrop {
- padding:2px;
box-shadow:none;
- background-color:$base_color;
+ }
+
+ &:insensitive {
+ box-shadow:none;
}
}
@@ -75,5 +81,6 @@ GtkSwitch {
background-color: $backdrop_selected_bg_color;
}
}
+
}
}
diff --git a/Paper/gtk-3.20/_colors.scss b/Paper/gtk-3.20/_colors.scss
index ef6d4c8..a71ce5a 100644
--- a/Paper/gtk-3.20/_colors.scss
+++ b/Paper/gtk-3.20/_colors.scss
@@ -2,20 +2,21 @@
// it gets @if ed depending on $variant
// Main definitions
-$base_color: if($variant == 'light', #ffffff, #6a7981);
-$bg_color: if($variant == 'light', #f7f7f7, #4F585C);
-$fg_color: if($variant == 'light', #444, lighten(#e4e6e7, 10%));
+$base_color: if($variant == 'light', #ffffff, #455a64);
+$bg_color: if($variant == 'light', #f7f7f7, #37474f);
+$fg_color: if($variant == 'light', #444, #cfd8dc);
$text_color: if($variant == 'light', $fg_color, $fg_color);
-$headerbar_bg_color: if($variant == 'light', #546e7a, #3B4245);
+$headerbar_bg_color: if($variant == 'light', #546e7a, #303e45);
$headerbar_fg_color: if($variant == 'light', #ffffff, transparentize(#ffffff, 0.2));
// Primary colors
-$red: #f34235;
-$orange: #fe9700;
-$yellow: #fec006;
-$green: #4bae4f;
-$blue: #2095f2;
-$purple: #9b26af;
+$red: #F44336;
+$orange: #ff5722;
+$yellow: #f9ce1d;
+$green: #4caf50;
+$blue: #2196f3;
+$purple: #9c27b0;
+
$selected_fg_color: #ffffff;
$selected_bg_color: if($variant == 'light', #347D9F, lighten(#347D9F,10%));
@@ -42,7 +43,7 @@ $success_color: if($variant == 'light', $green, darken($green,10%));
$destructive_color: if($variant == 'light', $red, darken($red,10%));
$suggested_color: if($variant == 'light', $selected_bg_color, darken($selected_bg_color,10%));
-$osd_fg_color: #e4e6e7;
+$osd_fg_color: #cfd8dc;
$osd_text_color: white;
$osd_bg_color: transparentize(#202526, 0.2);
$osd_insensitive_bg_color: transparentize(mix($osd_fg_color, opacify($osd_bg_color, 1), 10%), 0.5);
diff --git a/Paper/gtk-3.20/apps/_budgie.scss b/Paper/gtk-3.20/apps/_budgie.scss
index 56acf83..ec04ba2 100644
--- a/Paper/gtk-3.20/apps/_budgie.scss
+++ b/Paper/gtk-3.20/apps/_budgie.scss
@@ -1,102 +1,254 @@
-/**********
+/*********
* Budgie *
**********/
+$budgie_panel_bg_color: #263238;
+$budgie_panel_fg_color: #cfd8dc;
+
+@function gtkalpha($c,$a) {
+ @return unquote("alpha(#{$c},#{$a})");
+}
+
+$pos_list: ((top, bottom),(bottom,top),(left,right),(right,left));
+$asset_suffix: if($variant == 'default', '', '-hc');
+
+%underscores {
+ &:hover { background-color: transparentize(black, 0.9); }
+ &:active, &:checked { background-color: transparentize(black, 0.8); }
+
+ @each $pos, $b_pos in $pos_list {
+ .#{$pos} & {
+ border-#{$b_pos}: 2px solid transparentize($budgie_panel_bg_color, 1.0);
+ border-#{$pos}: 2px solid transparentize($budgie_panel_bg_color, 1.0);
+
+ @at-root {
+ .#{$pos} .budgie-panel .unpinned .launcher,
+ .#{$pos} .budgie-panel .pinned .launcher.running { border-#{$pos}: 2px solid transparentize($selected_bg_color, 0.5); }
+ }
+
+ &:hover {
+ border-#{$b_pos}: 2px solid transparentize(black, 0.9);
+ border-#{$pos}: 2px solid transparentize($selected_bg_color, 0.5);
+ }
+
+ &:active, &:checked {
+ border-#{$b_pos}: 2px solid transparentize(black, 0.8);
+ border-#{$pos}: 2px solid $selected_bg_color;
+ }
+ }
+ }
+}
+
+// Budgie
+.budgie-container {
+ border: none;
+ box-shadow: none;
+ background: none;
+ font-size: 100%;
+}
+
+// Budgie Menu
+.budgie-menu {
+ GtkSearchEntry.entry:not(:selected) {
+ border: none;
+ box-shadow: none;
+ background: none;
+ font-size: 100%;
+
+ &.image { padding-left: 0px; padding-right: 6px; }
+ }
+ .list-row.activatable:selected,
+ .list-row.activatable:selected .button { color: inherit; }
+}
+
+// Panel
.budgie-panel {
- background-color: transparentize(black, 0.2);
- transition: 100ms ease-in;
- font:bold;
- color: white;
+ font: bold;
+ font-size: 100%;
+ color: $budgie_panel_fg_color;
+ background-color: $budgie_panel_bg_color;
- .top {
- border-bottom: 1px solid transparentize(white, 0.8);
+ &:backdrop {
+ color: $budgie_panel_fg_color;
+ background-color: $budgie_panel_bg_color;
}
- .bottom {
- border-top: 1px solid transparentize(white, 0.8);
+ // Tasklist
+ WnckTasklist {
+ .button,
+ .button:backdrop {
+
+ border-radius: 0;
+
+ @if $variant == 'default' {
+ // &:not(:hover):not(:active):not(:checked) { color: gtkalpha(currentColor, 0.5); }
+ background: none;
+ background-clip: padding-box;
+ border: none;
+
+ @extend %underscores;
+ }
+ }
}
- .left {
- border-right: 1px solid transparentize(white, 0.8);
+ // Icon Tasklist
+ .launcher {
+ // transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+ padding-left: 2px;
+ padding-right: 2px;
+ border-color: transparentize($budgie_panel_bg_color, 1.0); // fixes the transition
+
+ &:hover { -gtk-image-effect: highlight; }
}
- .right {
- border-left: 1px solid transparentize(white, 0.8);
+ .unpinned {
+ .launcher {
+ @extend %underscores;
+ }
+ }
+
+ .pinned {
+ .launcher.running {
+ @extend %underscores;
+ }
+ }
+}
+
+
+
+@each $pos, $b_pos in $pos_list {
+
+ // Panel borders
+ .#{$pos} .budgie-panel {
+ border-#{$b_pos}: 1px solid transparentize(black,0.8);
+ box-shadow:none;
+ }
+
+ // Raven borders
+ .#{$pos} .raven-frame {
+ border-#{$b_pos}: 1px solid transparentize(black, 0.2);
+ box-shadow:inset 0 0 0 1px transparentize(white, 0.7);
+ }
+
+ // Shadows
+ .#{$pos} .shadow-block {
+ background-color: transparent;
+ background-image: linear-gradient(to $b_pos,
+ $shadow_color,
+ transparent);
}
}
-.max-budgie-panel {
- background-color: transparentize(black, 0.0);
- transition: 100ms ease-in;
- font:bold;
- color: white;
+// Raven
- .top {
- border-bottom: 1px solid transparentize(white, 0.8);
+.raven {
+ color: $fg_color;
+ background-color: transparentize($bg_color, 0.02);
+ transition: 170ms ease-out;
+
+ .raven-header {
+ background-color: $bg_color;
+ color: $fg_color;
+ border-top: 1px solid $borders_color;
+ border-bottom: 1px solid $borders_color;
+ box-shadow:inset 0 1px 0 0 transparentize(white,0.9), 0 1px 1px 0 transparentize(black,0.9);
+
+ &.top { border-top-style: none; }
+ &.bottom { border-bottom-style: none; }
}
- .bottom {
- border-top: 1px solid transparentize(white, 0.8);
+ @if $variant=='default' {
+ .expander-button { color: gtkalpha(currentColor, 0.5); }
}
- .left {
- border-right: 1px solid transparentize(white, 0.8);
+ .raven-background {
+ background-color: $base_color;
+ border-bottom: 1px solid $borders_color;
+ box-shadow:inset 0 1px 0 0 transparentize(white,0.9), 0 1px 1px 0 transparentize(black,0.9);
+
+ &.middle { border-bottom-style: none; } // applet background between two headers
}
- .right {
- border-left: 1px solid transparentize(white, 0.8);
+ .powerstrip {
+ background-color: transparent;
+ border: none;
+ box-shadow:none;
+ }
+
+ .powerstrip .button {
+ border-radius:50%;
+ padding: 12px;
+ background: transparentize(black,0.9);
+ border: 1px solid transparentize(black,0.8);
+ box-shadow: 0 1px transparentize(white,0.9);
+ font-size: 100%;
+
+ &:hover {
+ background: transparentize(black,0.9);
+ border: 1px solid transparentize(black,0.8);
+ box-shadow: inset 0 1px transparentize(white,0.9), 1px 1px transparentize(black,0.8);
+ transition: 170ms ease all;
+ }
+ }
+
+ .option-subtitle {
+ font-size: smaller;
}
}
+// MPRIS Applet
+.raven-mpris {
+ // color: $mpris_overlay_fg;
+ // background-color: $mpris_overlay_bg;
+ // border: solid $mpris_overlay_border;
+ border-width: 1px 0;
-.budgie-panel .message-area {
+ .button.image-button { padding: 8px; }
}
-.budgie-panel .max-message-area {
+// Notifications
+.budgie-notification-window {
+ border-radius: 1px;
}
-.budgie-panel .launcher,
-PanelToplevel .launcher {
-}
-.budgie-panel .launcher:hover,
-PanelToplevel .launcher:hover {
-}
-.budgie-panel .launcher:active,
-PanelToplevel .launcher:active {
+.budgie-notification {
+ &.background {
+ background-color: white;
+ border-radius: 4px;
+ }
+
+ .notification-title {
+ font-size: 110%;
+ color: $fg_color;
+ }
+
+ .notification-body { color: transparentize($budgie_panel_fg_color, 0.3); }
}
-/* Top launchers */
-.top .launcher:hover {
-}
-.top .launcher:active {
+.drop-shadow {
+ box-shadow: 0 1px 1px 0 $shadow_color;
}
-/* Left hand side launchers */
-.left .launcher:hover {
-}
-.left .launcher:active {
+// Session Dialog
+.budgie-session-dialog {
+ padding:12px;
+ border-radius: 4px;
+ border:none;
+ border-top: 1px solid transparentize(white,0.9);
+ &.background { @extend .drop-shadow; }
+
+ .linked.horizontal > .button {
+ border-bottom: none;
+ border-radius: 0;
+ &:first-child { border-left: none; border-radius: 0 0 0 4px; }
+ &:last-child { border-right: none; border-radius: 0 0 4px 0; }
+ }
}
-/* Right hand side launchers */
-.right .launcher:hover {
-}
-.right .launcher:active {
-}
+// PolKit Dialog
+.budgie-polkit-dialog {
+ @extend .budgie-session-dialog;
-.panel-applet {
-}
-
-.budgie-panel .menu-icon,
-.budgie-panel .menu-icon:active,
-.budgie-panel .menu-icon:hover {
-}
-
-.notification .priority.low {
- background-color: $info_color;
-}
-.notification .priority.high {
- background-color: $warning_color;
-}
-.notification .priority.critical {
- background-color: $error_color;
+ .message { color: transparentize($budgie_panel_fg_color, 0.3); }
+ .failure { color: $red; }
}
\ No newline at end of file
diff --git a/Paper/gtk-3.20/gtk-dark.css b/Paper/gtk-3.20/gtk-dark.css
index 5e7e38e..023441c 100644
--- a/Paper/gtk-3.20/gtk-dark.css
+++ b/Paper/gtk-3.20/gtk-dark.css
@@ -19,66 +19,66 @@
----------------
use responsibly! */
/* widget text/foreground color */
-@define-color theme_fg_color white;
+@define-color theme_fg_color #cfd8dc;
/* text color for entries, views and content in general */
-@define-color theme_text_color white;
+@define-color theme_text_color #cfd8dc;
/* widget base background color */
-@define-color theme_bg_color #4F585C;
+@define-color theme_bg_color #37474f;
/* text widgets and the like base background color */
-@define-color theme_base_color #6a7981;
+@define-color theme_base_color #455a64;
/* base background color of selections */
@define-color theme_selected_bg_color #449ac2;
/* text/foreground color of selections */
@define-color theme_selected_fg_color #ffffff;
/* base background color of insensitive widgets */
-@define-color insensitive_bg_color #5a656b;
+@define-color insensitive_bg_color #3d4f57;
/* text foreground color of insensitive widgets */
-@define-color insensitive_fg_color #a7acae;
+@define-color insensitive_fg_color #839096;
/* insensitive text widgets and the like base background color */
-@define-color insensitive_base_color #6a7981;
+@define-color insensitive_base_color #455a64;
/* widget text/foreground color on backdrop windows */
-@define-color theme_unfocused_fg_color #a7acae;
+@define-color theme_unfocused_fg_color #839096;
/* text color for entries, views and content in general on backdrop windows */
-@define-color theme_unfocused_text_color white;
+@define-color theme_unfocused_text_color #cfd8dc;
/* widget base background color on backdrop windows */
-@define-color theme_unfocused_bg_color #4F585C;
+@define-color theme_unfocused_bg_color #37474f;
/* text widgets and the like base background color on backdrop windows */
-@define-color theme_unfocused_base_color #6c7c84;
+@define-color theme_unfocused_base_color #475d67;
/* base background color of selections on backdrop windows */
@define-color theme_unfocused_selected_bg_color #449ac2;
/* text/foreground color of selections on backdrop windows */
@define-color theme_unfocused_selected_fg_color #ffffff;
/* widgets main borders color */
-@define-color borders #373e41;
+@define-color borders #222c31;
/* widgets main borders color on backdrop windows */
-@define-color unfocused_borders #394144;
+@define-color unfocused_borders #242f34;
/* these are pretty self explicative */
-@define-color warning_color #fec006;
-@define-color error_color #f34235;
-@define-color success_color #3c8a3f;
+@define-color warning_color #f9ce1d;
+@define-color error_color #F44336;
+@define-color success_color #3d8b40;
/* 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 shade(white, 1.8);
-@define-color wm_unfocused_title #a7acae;
+@define-color wm_title shade(#cfd8dc, 1.8);
+@define-color wm_unfocused_title #839096;
@define-color wm_highlight transparent;
@define-color wm_borders_edge rgba(255, 255, 255, 0.1);
-@define-color wm_bg_a shade(#4F585C, 1.2);
-@define-color wm_bg_b #4F585C;
+@define-color wm_bg_a shade(#37474f, 1.2);
+@define-color wm_bg_b #37474f;
@define-color wm_shadow alpha(black, 0.35);
@define-color wm_border alpha(black, 0.18);
-@define-color wm_button_hover_color_a shade(#4F585C, 1.3);
-@define-color wm_button_hover_color_b #4F585C;
-@define-color wm_button_active_color_a shade(#4F585C, 0.85);
-@define-color wm_button_active_color_b shade(#4F585C, 0.89);
-@define-color wm_button_active_color_c shade(#4F585C, 0.9);
-@define-color content_view_bg #6a7981;
+@define-color wm_button_hover_color_a shade(#37474f, 1.3);
+@define-color wm_button_hover_color_b #37474f;
+@define-color wm_button_active_color_a shade(#37474f, 0.85);
+@define-color wm_button_active_color_b shade(#37474f, 0.89);
+@define-color wm_button_active_color_c shade(#37474f, 0.9);
+@define-color content_view_bg #455a64;
/**********
* Common *
**********/
* {
padding: 0;
-GtkToolButton-icon-spacing: 4;
- -GtkTextView-error-underline-color: #f34235;
+ -GtkTextView-error-underline-color: #F44336;
-GtkScrolledWindow-scrollbar-spacing: 0;
-GtkToolItemGroup-expander-size: 11;
-GtkTreeView-expander-size: 11;
@@ -97,13 +97,13 @@ read if you used those and something break with a version upgrade you're on your
* Action bars *
***************/
.action-bar {
- background-color: #373e41;
- border: solid #373e41;
+ background-color: #222c31;
+ border: solid #222c31;
border-width: 1px 0 0 0;
- color: white;
+ color: #cfd8dc;
box-shadow: none; }
.action-bar:backdrop {
- background-color: #373e41;
+ background-color: #222c31;
box-shadow: none;
-gtk-icon-effect: dim; }
.action-bar:first-child {
@@ -134,11 +134,11 @@ read if you used those and something break with a version upgrade you're on your
* Base States *
***************/
.background {
- color: white;
- background-color: #4F585C; }
+ color: #cfd8dc;
+ background-color: #37474f; }
.background:backdrop {
- color: #a7acae;
- background-color: #4F585C;
+ color: #839096;
+ background-color: #37474f;
text-shadow: none;
-gtk-icon-shadow: none; }
@@ -152,17 +152,17 @@ read if you used those and something break with a version upgrade you're on your
-gtk-icon-effect: dim; }
.gtkstyle-fallback {
- color: white;
- background-color: #4F585C; }
+ color: #cfd8dc;
+ background-color: #37474f; }
.gtkstyle-fallback:hover {
- color: white;
- background-color: #677277; }
+ color: #cfd8dc;
+ background-color: #4c626d; }
.gtkstyle-fallback:active {
- color: white;
- background-color: #373e41; }
+ color: #cfd8dc;
+ background-color: #222c31; }
.gtkstyle-fallback:disabled {
- color: #a7acae;
- background-color: #5a656b; }
+ color: #839096;
+ background-color: #3d4f57; }
.gtkstyle-fallback:selected {
color: #ffffff;
background-color: #449ac2; }
@@ -171,14 +171,14 @@ read if you used those and something break with a version upgrade you're on your
iconview,
GtkTextView text,
textview text {
- color: white;
- background-color: #6a7981; }
+ color: #cfd8dc;
+ background-color: #455a64; }
.view:backdrop, GtkIconView:backdrop,
iconview:backdrop,
GtkTextView text:backdrop,
textview text:backdrop {
- color: #e2e5e6;
- background-color: #6c7c84; }
+ color: #b4bfc5;
+ background-color: #475d67; }
.view:selected:focus, GtkIconView:selected:focus,
iconview:selected:focus, .view:selected, GtkIconView:selected,
iconview:selected,
@@ -190,12 +190,12 @@ textview text {
GtkTextView,
textview border {
- background-color: #5d696f;
+ background-color: #3e515a;
background-image: image(rgba(0, 0, 0, 0.2));
background-repeat: no-repeat; }
GtkTextView:backdrop,
textview border:backdrop {
- background-color: #5e6a70; }
+ background-color: #3f525b; }
GtkTextView.bottom,
textview border.bottom {
background-size: 100% 1px;
@@ -242,23 +242,23 @@ flowbox flowboxchild {
GtkLabel.separator,
label.separator {
- color: white; }
+ color: #cfd8dc; }
GtkLabel.separator:backdrop,
label.separator:backdrop {
- color: #a7acae; }
+ color: #839096; }
GtkLabel selection,
label selection {
background-color: #449ac2;
color: #ffffff; }
GtkLabel:disabled,
label:disabled {
- color: #a7acae; }
+ color: #839096; }
GtkLabel:disabled:backdrop,
label:disabled:backdrop {
- color: #727f85; }
+ color: #56707c; }
GtkLabel:backdrop,
label:backdrop {
- color: #a7acae; }
+ color: #839096; }
.dim-label, GtkLabel.separator,
label.separator, .titlebar:not(headerbar) .subtitle,
@@ -269,11 +269,11 @@ headerbar .subtitle {
.app-notification,
.app-notification.frame, .osd .scale-popup, .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: #e4e6e7;
+ color: #cfd8dc;
border: none;
background-color: rgba(32, 37, 38, 0.8);
background-clip: padding-box;
- outline-color: rgba(228, 230, 231, 0.3);
+ outline-color: rgba(207, 216, 220, 0.3);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black; }
.app-notification:backdrop, .osd .scale-popup:backdrop, popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, popover.background.osd:backdrop,
@@ -391,15 +391,15 @@ button {
min-height: 20px;
min-width: 16px;
padding: 4px 9px;
- border: 1px solid #373e41;
+ border: 1px solid #222c31;
border-radius: 3px;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
- color: white;
- outline-color: rgba(255, 255, 255, 0.3);
- border-color: #373e41;
- background-image: linear-gradient(to bottom, #4F585C, #434b4e);
- text-shadow: 0 1px rgba(0, 0, 0, 0.73176);
- -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.73176);
+ color: #cfd8dc;
+ outline-color: rgba(207, 216, 220, 0.3);
+ border-color: #222c31;
+ background-image: linear-gradient(to bottom, #37474f, #2d3940);
+ text-shadow: 0 1px rgba(0, 0, 0, 0.7898);
+ -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.7898);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); }
button.sidebar-button, notebook > header > tabs > arrow,
@@ -420,31 +420,31 @@ button {
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
notebook > header > tabs > arrow:hover,
button:hover {
- color: white;
- outline-color: rgba(255, 255, 255, 0.3);
- border-color: #373e41;
- background-image: linear-gradient(to bottom, #515b5f, #4a5357 60%, #464e51);
- text-shadow: 0 1px rgba(0, 0, 0, 0.68376);
- -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.68376);
+ color: #cfd8dc;
+ outline-color: rgba(207, 216, 220, 0.3);
+ border-color: #222c31;
+ background-image: linear-gradient(to bottom, #394a52, #334249 60%, #2f3c43);
+ text-shadow: 0 1px rgba(0, 0, 0, 0.7418);
+ -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.7418);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
-gtk-icon-effect: highlight; }
notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked,
button:active,
button:checked {
- color: white;
- outline-color: rgba(255, 255, 255, 0.3);
- border-color: #373e41;
- background-image: linear-gradient(to bottom, #3f4649, #4a5357);
- text-shadow: 0 1px rgba(0, 0, 0, 0.81176);
- -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
+ color: #cfd8dc;
+ outline-color: rgba(207, 216, 220, 0.3);
+ border-color: #222c31;
+ background-image: linear-gradient(to bottom, #28343a, #334249);
+ text-shadow: 0 1px rgba(0, 0, 0, 0.8698);
+ -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.8698);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6);
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05);
transition-duration: 50ms; }
button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:backdrop,
button:backdrop.flat,
button:backdrop {
- border-color: #394144;
- background-image: linear-gradient(to bottom, #4F585C);
+ border-color: #242f34;
+ background-image: linear-gradient(to bottom, #37474f);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
@@ -455,19 +455,19 @@ button {
button:backdrop.flat,
button:backdrop GtkLabel,
button:backdrop {
- color: #a7acae; }
+ color: #839096; }
button.sidebar-button:backdrop label, notebook > header > tabs > arrow:backdrop label, button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:backdrop label, notebook > header > tabs > arrow:backdrop,
button:backdrop.flat label,
button:backdrop.flat,
button:backdrop label,
button:backdrop {
- color: #a7acae; }
+ color: #839096; }
button.sidebar-button:backdrop:active, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:checked, notebook > header > tabs > arrow:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked,
button:backdrop.flat:active,
button:backdrop.flat:checked,
button:backdrop:active,
button:backdrop:checked {
- border-color: #394144;
+ border-color: #242f34;
background-image: none;
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
button.sidebar-button:backdrop:active GtkLabel, notebook > header > tabs > arrow:backdrop:active GtkLabel, button.sidebar-button:backdrop:active, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:checked GtkLabel, notebook > header > tabs > arrow:backdrop:checked GtkLabel, button.sidebar-button:backdrop:checked, notebook > header > tabs > arrow:backdrop:checked, notebook > header > tabs > arrow:backdrop:active GtkLabel, notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked GtkLabel, notebook > header > tabs > arrow:backdrop:checked,
@@ -479,7 +479,7 @@ button {
button:backdrop:active,
button:backdrop:checked GtkLabel,
button:backdrop:checked {
- color: #a7acae; }
+ color: #839096; }
button.sidebar-button:backdrop:active label, notebook > header > tabs > arrow:backdrop:active label, button.sidebar-button:backdrop:active, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked label, button.sidebar-button:backdrop:checked, notebook > header > tabs > arrow:backdrop:checked, notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked,
button:backdrop.flat:active label,
button:backdrop.flat:active,
@@ -489,13 +489,13 @@ button {
button:backdrop:active,
button:backdrop:checked label,
button:backdrop:checked {
- color: #a7acae; }
+ color: #839096; }
button.sidebar-button:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled,
button:backdrop.flat:disabled,
button:backdrop:disabled {
- border-color: #394144;
+ border-color: #242f34;
background-image: none;
- background-color: #5a656b;
+ background-color: #3d4f57;
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
@@ -504,28 +504,28 @@ button {
button:backdrop.flat:disabled,
button:backdrop:disabled GtkLabel,
button:backdrop:disabled {
- color: #727f85; }
+ color: #56707c; }
button.sidebar-button:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled label, button.sidebar-button:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled,
button:backdrop.flat:disabled label,
button:backdrop.flat:disabled,
button:backdrop:disabled label,
button:backdrop:disabled {
- color: #727f85; }
+ color: #56707c; }
button.sidebar-button:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:active, button.sidebar-button:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked,
button:backdrop.flat:disabled:active,
button:backdrop.flat:disabled:checked,
button:backdrop:disabled:active,
button:backdrop:disabled:checked {
- border-color: #394144;
+ border-color: #242f34;
background-image: none;
- background-color: #4e585d;
+ background-color: #324148;
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
button.sidebar-button:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:active label, button.sidebar-button:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label,
button:backdrop.flat:disabled:active label,
button:backdrop.flat:disabled:checked label,
button:backdrop:disabled:active label,
button:backdrop:disabled:checked label {
- color: #727f85; }
+ color: #56707c; }
button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, button.sidebar-button:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled,
button.flat:backdrop,
button.flat:disabled,
@@ -538,26 +538,26 @@ button {
-gtk-icon-shadow: none; }
notebook > header > tabs > arrow:disabled,
button:disabled {
- border-color: #373e41;
+ border-color: #222c31;
background-image: none;
- background-color: #5a656b;
+ background-color: #3d4f57;
text-shadow: none;
box-shadow: none;
-gtk-icon-shadow: none; }
notebook > header > tabs > arrow:disabled GtkLabel, notebook > header > tabs > arrow:disabled,
button:disabled GtkLabel,
button:disabled {
- color: #a7acae; }
+ color: #839096; }
notebook > header > tabs > arrow:disabled label, notebook > header > tabs > arrow:disabled,
button:disabled label,
button:disabled {
- color: #a7acae; }
+ color: #839096; }
notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked,
button:disabled:active,
button:disabled:checked {
- border-color: #373e41;
+ border-color: #222c31;
background-image: none;
- background-color: #5a656b;
+ background-color: #3d4f57;
text-shadow: none;
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
notebook > header > tabs > arrow:disabled:active GtkLabel, notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked GtkLabel, notebook > header > tabs > arrow:disabled:checked,
@@ -565,13 +565,13 @@ button {
button:disabled:active,
button:disabled:checked GtkLabel,
button:disabled:checked {
- color: #a7acae; }
+ color: #839096; }
notebook > header > tabs > arrow:disabled:active label, notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked label, notebook > header > tabs > arrow:disabled:checked,
button:disabled:active label,
button:disabled:active,
button:disabled:checked label,
button:disabled:checked {
- color: #a7acae; }
+ color: #839096; }
notebook > header > tabs > arrow.image-button,
button.image-button {
min-width: 24px;
@@ -602,21 +602,21 @@ button.flat:not(:active):not(:checked):not(:hover):not(disabled) {
border-color: transparent; }
row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected
button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop {
- color: #a7acae; }
+ color: #839096; }
button.osd {
min-width: 24px;
min-height: 32px;
- color: #e4e6e7;
+ color: #cfd8dc;
border-radius: 5px;
- outline-color: rgba(228, 230, 231, 0.3);
- color: #e4e6e7;
+ outline-color: rgba(207, 216, 220, 0.3);
+ color: #cfd8dc;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
- outline-color: rgba(228, 230, 231, 0.3);
+ outline-color: rgba(207, 216, 220, 0.3);
border: none;
box-shadow: none; }
button.osd.image-button {
@@ -629,7 +629,7 @@ button.osd {
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
- outline-color: rgba(228, 230, 231, 0.3);
+ outline-color: rgba(207, 216, 220, 0.3);
border: none;
box-shadow: none; }
button.osd:active,
@@ -641,21 +641,21 @@ button.osd {
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
- outline-color: rgba(228, 230, 231, 0.3);
+ outline-color: rgba(207, 216, 220, 0.3);
border: none;
box-shadow: none; }
button.osd:disabled:backdrop,
button.osd:disabled {
- color: #828687;
+ color: #787f81;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5));
+ background-image: linear-gradient(to bottom, rgba(50, 55, 56, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
border: none; }
button.osd:backdrop {
- color: #e4e6e7;
+ color: #cfd8dc;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-clip: padding-box;
@@ -667,14 +667,14 @@ button.osd {
.app-notification.frame .button,
.app-notification.frame button, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, .osd
button {
- color: #e4e6e7;
+ color: #cfd8dc;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
.app-notification .button:hover, .app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd
button:hover {
color: white;
@@ -684,7 +684,7 @@ button {
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
.app-notification .button:active:backdrop, .app-notification button:active:backdrop, popover.background.touch-selection button:active:backdrop, popover.background.magnifier button:active:backdrop, .app-notification .button:active, .app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification .button:checked:backdrop, .app-notification button:checked:backdrop, popover.background.touch-selection button:checked:backdrop, popover.background.magnifier button:checked:backdrop, .app-notification .button:checked, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd
button:active:backdrop, .osd
button:active, .osd
@@ -697,20 +697,20 @@ button {
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
.app-notification .button:disabled:backdrop, .app-notification button:disabled:backdrop, popover.background.touch-selection button:disabled:backdrop, popover.background.magnifier button:disabled:backdrop, .app-notification .button:disabled, .app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd
button:disabled:backdrop, .osd
button:disabled {
- color: #828687;
+ color: #787f81;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5));
+ background-image: linear-gradient(to bottom, rgba(50, 55, 56, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.app-notification .button:backdrop, .app-notification button:backdrop, popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .osd
button:backdrop {
- color: #e4e6e7;
+ color: #cfd8dc;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-clip: padding-box;
@@ -737,12 +737,12 @@ button {
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
.app-notification .flat.button:disabled, .app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd
button.flat:disabled {
- color: #828687;
+ color: #787f81;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5));
+ background-image: linear-gradient(to bottom, rgba(50, 55, 56, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@@ -768,7 +768,7 @@ button {
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
button.suggested-action {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
@@ -815,12 +815,12 @@ button.suggested-action {
button.suggested-action:backdrop,
button.suggested-action.flat:backdrop GtkLabel,
button.suggested-action.flat:backdrop {
- color: #a7acae; }
+ color: #daebf3; }
button.suggested-action:backdrop label,
button.suggested-action:backdrop,
button.suggested-action.flat:backdrop label,
button.suggested-action.flat:backdrop {
- color: #a7acae; }
+ color: #daebf3; }
button.suggested-action:backdrop:active,
button.suggested-action:backdrop:checked,
button.suggested-action.flat:backdrop:active,
@@ -836,7 +836,7 @@ button.suggested-action {
button.suggested-action.flat:backdrop:active,
button.suggested-action.flat:backdrop:checked GtkLabel,
button.suggested-action.flat:backdrop:checked {
- color: #a7acae; }
+ color: #d6e5ec; }
button.suggested-action:backdrop:active label,
button.suggested-action:backdrop:active,
button.suggested-action:backdrop:checked label,
@@ -845,12 +845,12 @@ button.suggested-action {
button.suggested-action.flat:backdrop:active,
button.suggested-action.flat:backdrop:checked label,
button.suggested-action.flat:backdrop:checked {
- color: #a7acae; }
+ color: #d6e5ec; }
button.suggested-action:backdrop:disabled,
button.suggested-action.flat:backdrop:disabled {
- border-color: #394144;
+ border-color: #242f34;
background-image: none;
- background-color: #5a656b;
+ background-color: #3d4f57;
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
@@ -858,25 +858,25 @@ button.suggested-action {
button.suggested-action:backdrop:disabled,
button.suggested-action.flat:backdrop:disabled GtkLabel,
button.suggested-action.flat:backdrop:disabled {
- color: #727f85; }
+ color: #56707c; }
button.suggested-action:backdrop:disabled label,
button.suggested-action:backdrop:disabled,
button.suggested-action.flat:backdrop:disabled label,
button.suggested-action.flat:backdrop:disabled {
- color: #727f85; }
+ color: #56707c; }
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 {
border-color: #215065;
background-image: none;
- background-color: #4287a7;
+ background-color: #3d81a1;
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
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 {
- color: #84b1c6; }
+ color: #81adc2; }
button.suggested-action.flat:backdrop,
button.suggested-action.flat:disabled,
button.suggested-action.flat:backdrop:disabled {
@@ -888,45 +888,45 @@ button.suggested-action {
-gtk-icon-shadow: none;
color: rgba(68, 154, 194, 0.8); }
button.suggested-action:disabled {
- border-color: #373e41;
+ border-color: #222c31;
background-image: none;
- background-color: #5a656b;
+ background-color: #3d4f57;
text-shadow: none;
box-shadow: none;
-gtk-icon-shadow: none; }
button.suggested-action:disabled GtkLabel,
button.suggested-action:disabled {
- color: #a7acae; }
+ color: #839096; }
button.suggested-action:disabled label,
button.suggested-action:disabled {
- color: #a7acae; }
+ color: #839096; }
button.suggested-action:disabled:active,
button.suggested-action:disabled:checked {
border-color: #215065;
background-image: none;
- background-color: #4287a7;
+ background-color: #3d81a1;
text-shadow: none;
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
button.suggested-action:disabled:active GtkLabel,
button.suggested-action:disabled:active,
button.suggested-action:disabled:checked GtkLabel,
button.suggested-action:disabled:checked {
- color: #b3cfdc; }
+ color: #b1cdd9; }
button.suggested-action:disabled:active label,
button.suggested-action:disabled:active,
button.suggested-action:disabled:checked label,
button.suggested-action:disabled:checked {
- color: #b3cfdc; }
+ color: #b1cdd9; }
.osd
button.suggested-action {
- color: #e4e6e7;
+ color: #cfd8dc;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(68, 154, 194, 0.5));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
.osd
button.suggested-action:hover {
color: white;
@@ -936,7 +936,7 @@ button.suggested-action {
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
.osd
button.suggested-action:active:backdrop, .osd
button.suggested-action:active, .osd
@@ -949,20 +949,20 @@ button.suggested-action {
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
.osd
button.suggested-action:disabled:backdrop, .osd
button.suggested-action:disabled {
- color: #828687;
+ color: #787f81;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5));
+ background-image: linear-gradient(to bottom, rgba(50, 55, 56, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.osd
button.suggested-action:backdrop {
- color: #e4e6e7;
+ color: #cfd8dc;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(68, 154, 194, 0.5));
background-clip: padding-box;
@@ -972,10 +972,10 @@ button.suggested-action {
button.destructive-action {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
- border-color: #6f0e07;
- background-image: linear-gradient(to bottom, #e71d0e, #cf1a0c);
- text-shadow: 0 1px rgba(0, 0, 0, 0.61569);
- -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.61569);
+ border-color: #710e06;
+ background-image: linear-gradient(to bottom, #ea1c0d, #d2190b);
+ text-shadow: 0 1px rgba(0, 0, 0, 0.61255);
+ -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.61255);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2);
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); }
button.destructive-action.flat {
@@ -985,29 +985,29 @@ button.destructive-action {
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
- color: #e71d0e; }
+ color: #ea1c0d; }
button.destructive-action:hover {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
- border-color: #6f0e07;
- background-image: linear-gradient(to bottom, #ec1d0e, #de1b0d 60%, #d41a0d);
- text-shadow: 0 1px rgba(0, 0, 0, 0.56769);
- -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.56769);
+ border-color: #710e06;
+ background-image: linear-gradient(to bottom, #ef1d0d, #e11b0c 60%, #d71a0c);
+ text-shadow: 0 1px rgba(0, 0, 0, 0.56455);
+ -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.56455);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); }
button.destructive-action:active,
button.destructive-action:checked {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
- border-color: #6f0e07;
- background-image: linear-gradient(to bottom, #c6180c, #de1b0d);
- text-shadow: 0 1px rgba(0, 0, 0, 0.69569);
- -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.69569);
+ border-color: #710e06;
+ background-image: linear-gradient(to bottom, #c8180b, #e11b0c);
+ text-shadow: 0 1px rgba(0, 0, 0, 0.69255);
+ -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.69255);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6);
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
button.destructive-action:backdrop,
button.destructive-action.flat:backdrop {
- border-color: #6f0e07;
- background-image: linear-gradient(to bottom, #e71d0e);
+ border-color: #710e06;
+ background-image: linear-gradient(to bottom, #ea1c0d);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
@@ -1015,17 +1015,17 @@ button.destructive-action {
button.destructive-action:backdrop,
button.destructive-action.flat:backdrop GtkLabel,
button.destructive-action.flat:backdrop {
- color: #a7acae; }
+ color: #fbd2cf; }
button.destructive-action:backdrop label,
button.destructive-action:backdrop,
button.destructive-action.flat:backdrop label,
button.destructive-action.flat:backdrop {
- color: #a7acae; }
+ color: #fbd2cf; }
button.destructive-action:backdrop:active,
button.destructive-action:backdrop:checked,
button.destructive-action.flat:backdrop:active,
button.destructive-action.flat:backdrop:checked {
- border-color: #6f0e07;
+ border-color: #710e06;
background-image: none;
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
button.destructive-action:backdrop:active GtkLabel,
@@ -1036,7 +1036,7 @@ button.destructive-action {
button.destructive-action.flat:backdrop:active,
button.destructive-action.flat:backdrop:checked GtkLabel,
button.destructive-action.flat:backdrop:checked {
- color: #a7acae; }
+ color: #f1d0ce; }
button.destructive-action:backdrop:active label,
button.destructive-action:backdrop:active,
button.destructive-action:backdrop:checked label,
@@ -1045,12 +1045,12 @@ button.destructive-action {
button.destructive-action.flat:backdrop:active,
button.destructive-action.flat:backdrop:checked label,
button.destructive-action.flat:backdrop:checked {
- color: #a7acae; }
+ color: #f1d0ce; }
button.destructive-action:backdrop:disabled,
button.destructive-action.flat:backdrop:disabled {
- border-color: #394144;
+ border-color: #242f34;
background-image: none;
- background-color: #5a656b;
+ background-color: #3d4f57;
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
@@ -1058,25 +1058,25 @@ button.destructive-action {
button.destructive-action:backdrop:disabled,
button.destructive-action.flat:backdrop:disabled GtkLabel,
button.destructive-action.flat:backdrop:disabled {
- color: #727f85; }
+ color: #56707c; }
button.destructive-action:backdrop:disabled label,
button.destructive-action:backdrop:disabled,
button.destructive-action.flat:backdrop:disabled label,
button.destructive-action.flat:backdrop:disabled {
- color: #727f85; }
+ color: #56707c; }
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 {
- border-color: #6f0e07;
+ border-color: #710e06;
background-image: none;
- background-color: #be261c;
+ background-color: #ba2117;
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
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 {
- color: #d5726b; }
+ color: #d26f68; }
button.destructive-action.flat:backdrop,
button.destructive-action.flat:disabled,
button.destructive-action.flat:backdrop:disabled {
@@ -1086,57 +1086,57 @@ button.destructive-action {
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
- color: rgba(231, 29, 14, 0.8); }
+ color: rgba(234, 28, 13, 0.8); }
button.destructive-action:disabled {
- border-color: #373e41;
+ border-color: #222c31;
background-image: none;
- background-color: #5a656b;
+ background-color: #3d4f57;
text-shadow: none;
box-shadow: none;
-gtk-icon-shadow: none; }
button.destructive-action:disabled GtkLabel,
button.destructive-action:disabled {
- color: #a7acae; }
+ color: #839096; }
button.destructive-action:disabled label,
button.destructive-action:disabled {
- color: #a7acae; }
+ color: #839096; }
button.destructive-action:disabled:active,
button.destructive-action:disabled:checked {
- border-color: #6f0e07;
+ border-color: #710e06;
background-image: none;
- background-color: #be261c;
+ background-color: #ba2117;
text-shadow: none;
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
button.destructive-action:disabled:active GtkLabel,
button.destructive-action:disabled:active,
button.destructive-action:disabled:checked GtkLabel,
button.destructive-action:disabled:checked {
- color: #e5a8a4; }
+ color: #e3a6a2; }
button.destructive-action:disabled:active label,
button.destructive-action:disabled:active,
button.destructive-action:disabled:checked label,
button.destructive-action:disabled:checked {
- color: #e5a8a4; }
+ color: #e3a6a2; }
.osd
button.destructive-action {
- color: #e4e6e7;
+ color: #cfd8dc;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(231, 29, 14, 0.5));
+ background-image: linear-gradient(to bottom, rgba(234, 28, 13, 0.5));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
.osd
button.destructive-action:hover {
color: white;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(231, 29, 14, 0.7));
+ background-image: linear-gradient(to bottom, rgba(234, 28, 13, 0.7));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
.osd
button.destructive-action:active:backdrop, .osd
button.destructive-action:active, .osd
@@ -1144,27 +1144,27 @@ button.destructive-action {
button.destructive-action:checked {
color: white;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, #e71d0e);
+ background-image: linear-gradient(to bottom, #ea1c0d);
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
.osd
button.destructive-action:disabled:backdrop, .osd
button.destructive-action:disabled {
- color: #828687;
+ color: #787f81;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5));
+ background-image: linear-gradient(to bottom, rgba(50, 55, 56, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.osd
button.destructive-action:backdrop {
- color: #e4e6e7;
+ color: #cfd8dc;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(231, 29, 14, 0.5));
+ background-image: linear-gradient(to bottom, rgba(234, 28, 13, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@@ -1215,7 +1215,7 @@ button.needs-attention > image, .sidebar .list-row.needs-attention > label,
.sidebar row.needs-attention > label, stacksidebar .list-row.needs-attention > label,
stacksidebar row.needs-attention > label {
animation: needs_attention 150ms ease-in;
- background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#7eb9d5), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.73176)), to(transparent));
+ background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#7eb9d5), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.7898)), to(transparent));
background-size: 6px 6px, 6px 6px;
background-repeat: no-repeat;
background-position: right 3px, right 2px; }
@@ -1235,88 +1235,88 @@ stacksidebar row.needs-attention > label {
background-position: left 3px, left 2px; }
.inline-toolbar toolbutton > button {
- color: white;
- outline-color: rgba(255, 255, 255, 0.3);
- border-color: #373e41;
- background-image: linear-gradient(to bottom, #4F585C, #434b4e);
- text-shadow: 0 1px rgba(0, 0, 0, 0.73176);
- -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.73176);
+ color: #cfd8dc;
+ outline-color: rgba(207, 216, 220, 0.3);
+ border-color: #222c31;
+ background-image: linear-gradient(to bottom, #37474f, #2d3940);
+ text-shadow: 0 1px rgba(0, 0, 0, 0.7898);
+ -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.7898);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); }
.inline-toolbar toolbutton > button:hover {
- color: white;
- outline-color: rgba(255, 255, 255, 0.3);
- border-color: #373e41;
- background-image: linear-gradient(to bottom, #515b5f, #4a5357 60%, #464e51);
- text-shadow: 0 1px rgba(0, 0, 0, 0.68376);
- -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.68376);
+ color: #cfd8dc;
+ outline-color: rgba(207, 216, 220, 0.3);
+ border-color: #222c31;
+ background-image: linear-gradient(to bottom, #394a52, #334249 60%, #2f3c43);
+ text-shadow: 0 1px rgba(0, 0, 0, 0.7418);
+ -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.7418);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); }
.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked {
- color: white;
- outline-color: rgba(255, 255, 255, 0.3);
- border-color: #373e41;
- background-image: linear-gradient(to bottom, #3f4649, #4a5357);
- text-shadow: 0 1px rgba(0, 0, 0, 0.81176);
- -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
+ color: #cfd8dc;
+ outline-color: rgba(207, 216, 220, 0.3);
+ border-color: #222c31;
+ background-image: linear-gradient(to bottom, #28343a, #334249);
+ text-shadow: 0 1px rgba(0, 0, 0, 0.8698);
+ -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.8698);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6);
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
.inline-toolbar toolbutton > button:disabled {
- border-color: #373e41;
+ border-color: #222c31;
background-image: none;
- background-color: #5a656b;
+ background-color: #3d4f57;
text-shadow: none;
box-shadow: none;
-gtk-icon-shadow: none; }
.inline-toolbar toolbutton > button:disabled GtkLabel, .inline-toolbar toolbutton > button:disabled {
- color: #a7acae; }
+ color: #839096; }
.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled {
- color: #a7acae; }
+ color: #839096; }
.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked {
- border-color: #373e41;
+ border-color: #222c31;
background-image: none;
- background-color: #5a656b;
+ background-color: #3d4f57;
text-shadow: none;
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
.inline-toolbar toolbutton > button:disabled:active GtkLabel, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked GtkLabel, .inline-toolbar toolbutton > button:disabled:checked {
- color: #a7acae; }
+ color: #839096; }
.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked {
- color: #a7acae; }
+ color: #839096; }
.inline-toolbar toolbutton > button:backdrop {
- border-color: #394144;
- background-image: linear-gradient(to bottom, #4F585C);
+ border-color: #242f34;
+ background-image: linear-gradient(to bottom, #37474f);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar toolbutton > button:backdrop GtkLabel, .inline-toolbar toolbutton > button:backdrop {
- color: #a7acae; }
+ color: #839096; }
.inline-toolbar toolbutton > button:backdrop label, .inline-toolbar toolbutton > button:backdrop {
- color: #a7acae; }
+ color: #839096; }
.inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked {
- border-color: #394144;
+ border-color: #242f34;
background-image: none;
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
.inline-toolbar toolbutton > button:backdrop:active GtkLabel, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked GtkLabel, .inline-toolbar toolbutton > button:backdrop:checked {
- color: #a7acae; }
+ color: #839096; }
.inline-toolbar toolbutton > button:backdrop:active label, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked label, .inline-toolbar toolbutton > button:backdrop:checked {
- color: #a7acae; }
+ color: #839096; }
.inline-toolbar toolbutton > button:backdrop:disabled {
- border-color: #394144;
+ border-color: #242f34;
background-image: none;
- background-color: #5a656b;
+ background-color: #3d4f57;
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar toolbutton > button:backdrop:disabled GtkLabel, .inline-toolbar toolbutton > button:backdrop:disabled {
- color: #727f85; }
+ color: #56707c; }
.inline-toolbar toolbutton > button:backdrop:disabled label, .inline-toolbar toolbutton > button:backdrop:disabled {
- color: #727f85; }
+ color: #56707c; }
.inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked {
- border-color: #394144;
+ border-color: #242f34;
background-image: none;
- background-color: #4e585d;
+ background-color: #324148;
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
.inline-toolbar toolbutton > button:backdrop:disabled:active label, .inline-toolbar toolbutton > button:backdrop:disabled:checked label {
- color: #727f85; }
+ color: #56707c; }
toolbar.inline-toolbar toolbutton > button.flat,
toolbar.inline-toolbar toolbutton:backdrop > button.flat, .inline-toolbar
@@ -1411,7 +1411,7 @@ popover.background radiobutton,
modelbutton.flat:hover, popover.background checkbutton:hover,
popover.background radiobutton:hover,
.menuitem.button.flat:hover {
- background-color: #76868e; }
+ background-color: #4f6873; }
modelbutton.flat check:last-child, popover.background checkbutton check:last-child,
popover.background radiobutton check:last-child,
modelbutton.flat radio:last-child,
@@ -1451,8 +1451,8 @@ button.color {
* Calendar *
***********/
calendar {
- color: white;
- border: 1px solid #373e41; }
+ color: #cfd8dc;
+ border: 1px solid #222c31; }
calendar:selected {
border-radius: 3px; }
calendar.header {
@@ -1461,21 +1461,21 @@ calendar {
calendar.header:backdrop {
border-color: rgba(0, 0, 0, 0.1); }
calendar.button {
- color: rgba(255, 255, 255, 0.45); }
+ color: rgba(207, 216, 220, 0.45); }
calendar.button:hover {
- color: white; }
+ color: #cfd8dc; }
calendar.button:backdrop {
- color: rgba(167, 172, 174, 0.45); }
+ color: rgba(131, 144, 150, 0.45); }
calendar.button:disabled {
- color: rgba(167, 172, 174, 0.45); }
+ color: rgba(131, 144, 150, 0.45); }
calendar:indeterminate, calendar:indeterminate:backdrop {
color: alpha(currentColor,0.55); }
calendar.highlight, calendar.highlight:backdrop {
font-size: smaller;
- color: white; }
+ color: #cfd8dc; }
calendar:backdrop {
- color: #e2e5e6;
- border-color: #394144; }
+ color: #b4bfc5;
+ border-color: #242f34; }
/*************************
* Check and Radio Items *
@@ -1994,17 +1994,17 @@ menu menuitem radio:indeterminate:checked {
treeview.view check:selected:focus, treeview.view check:selected,
treeview.view radio:selected:focus,
treeview.view radio:selected {
- color: white; }
+ color: #cfd8dc; }
treeview.view check:selected:disabled,
treeview.view radio:selected:disabled {
- color: #a7acae; }
+ color: #839096; }
treeview.view check:selected:disabled:backdrop,
treeview.view radio:selected:disabled:backdrop {
- color: #727f85; }
+ color: #56707c; }
treeview.view check:backdrop:selected, treeview.view check:backdrop,
treeview.view radio:backdrop:selected,
treeview.view radio:backdrop {
- color: #a7acae; }
+ color: #839096; }
/*****************
* Color Chooser *
@@ -2038,62 +2038,62 @@ colorswatch.right, colorswatch:last-child:not(.bottom) {
colorswatch.dark overlay {
color: #ffffff; }
colorswatch.dark overlay:hover {
- border-color: #373e41; }
+ border-color: #222c31; }
colorswatch.dark overlay:backdrop {
color: rgba(255, 255, 255, 0.5); }
colorswatch.light overlay {
- color: white; }
+ color: #cfd8dc; }
colorswatch.light overlay:hover {
- border-color: #373e41; }
+ border-color: #222c31; }
colorswatch.light overlay:backdrop {
- color: #e2e5e6; }
+ color: #b4bfc5; }
colorswatch:drop(active) {
box-shadow: none; }
colorswatch:drop(active).light overlay {
border-color: #4e9a06;
- box-shadow: inset 0 0 0 2px #373e41, inset 0 0 0 1px #4e9a06; }
+ box-shadow: inset 0 0 0 2px #222c31, inset 0 0 0 1px #4e9a06; }
colorswatch:drop(active).dark overlay {
border-color: #4e9a06;
- box-shadow: inset 0 0 0 2px #373e41, inset 0 0 0 1px #4e9a06; }
+ box-shadow: inset 0 0 0 2px #222c31, inset 0 0 0 1px #4e9a06; }
colorswatch overlay {
box-shadow: inset 0 3px 2px -2px rgba(0, 0, 0, 0.5);
- border: 1px solid #373e41; }
+ border: 1px solid #222c31; }
colorswatch overlay:hover {
box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); }
colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover {
- border-color: #373e41;
+ border-color: #222c31;
box-shadow: none; }
colorswatch#add-color-button {
border-radius: 5px 5px 0 0; }
colorswatch#add-color-button:only-child {
border-radius: 5px; }
colorswatch#add-color-button overlay {
- color: white;
- outline-color: rgba(255, 255, 255, 0.3);
- border-color: #373e41;
- background-image: linear-gradient(to bottom, #4F585C, #434b4e);
- text-shadow: 0 1px rgba(0, 0, 0, 0.73176);
- -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.73176);
+ color: #cfd8dc;
+ outline-color: rgba(207, 216, 220, 0.3);
+ border-color: #222c31;
+ background-image: linear-gradient(to bottom, #37474f, #2d3940);
+ text-shadow: 0 1px rgba(0, 0, 0, 0.7898);
+ -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.7898);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); }
colorswatch#add-color-button overlay:hover {
- color: white;
- outline-color: rgba(255, 255, 255, 0.3);
- border-color: #373e41;
- background-image: linear-gradient(to bottom, #515b5f, #4a5357 60%, #464e51);
- text-shadow: 0 1px rgba(0, 0, 0, 0.68376);
- -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.68376);
+ color: #cfd8dc;
+ outline-color: rgba(207, 216, 220, 0.3);
+ border-color: #222c31;
+ background-image: linear-gradient(to bottom, #394a52, #334249 60%, #2f3c43);
+ text-shadow: 0 1px rgba(0, 0, 0, 0.7418);
+ -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.7418);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); }
colorswatch#add-color-button overlay:backdrop {
- border-color: #394144;
- background-image: linear-gradient(to bottom, #4F585C);
+ border-color: #242f34;
+ background-image: linear-gradient(to bottom, #37474f);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
colorswatch#add-color-button overlay:backdrop GtkLabel, colorswatch#add-color-button overlay:backdrop {
- color: #a7acae; }
+ color: #839096; }
colorswatch#add-color-button overlay:backdrop label, colorswatch#add-color-button overlay:backdrop {
- color: #a7acae; }
+ color: #839096; }
colorswatch:disabled {
opacity: 0.5; }
colorswatch:disabled overlay {
@@ -2144,13 +2144,13 @@ combobox:drop(active) {
messagedialog .titlebar {
min-height: 20px;
background-image: none;
- background-color: #4F585C;
+ background-color: #37474f;
border-style: none;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
messagedialog .titlebar:backdrop {
- background-color: #4F585C; }
+ background-color: #37474f; }
messagedialog.csd {
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.1); }
messagedialog.csd.background {
@@ -2175,13 +2175,13 @@ filechooser {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px; }
filechooser .dialog-action-box {
- border-top: 1px solid #373e41;
+ border-top: 1px solid #222c31;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px; }
filechooser .dialog-action-box:backdrop {
- border-top-color: #394144; }
+ border-top-color: #242f34; }
filechooser #pathbarbox {
- border-bottom: 1px solid #4F585C; }
+ border-bottom: 1px solid #37474f; }
filechooserbutton:drop(active) {
box-shadow: none;
@@ -2197,9 +2197,9 @@ entry {
border: 1px solid;
border-radius: 3px;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
- color: white;
- border-color: #373e41;
- background-color: #6a7981;
+ color: #cfd8dc;
+ border-color: #222c31;
+ background-color: #455a64;
box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); }
spinbutton:not(.vertical) image.left, GeditWindow > .entry image.left,
entry image.left {
@@ -2245,59 +2245,59 @@ entry {
border-color: #347d9f; }
spinbutton:disabled:not(.vertical), GeditWindow > .entry:disabled,
entry:disabled {
- color: #a7acae;
- border-color: #373e41;
- background-image: linear-gradient(to bottom, #5a656b);
+ color: #839096;
+ border-color: #222c31;
+ background-image: linear-gradient(to bottom, #3d4f57);
box-shadow: none; }
spinbutton:backdrop:not(.vertical), GeditWindow > .entry:backdrop,
entry:backdrop {
- color: #e2e5e6;
- border-color: #394144;
- background-image: linear-gradient(to bottom, #6c7c84);
+ color: #b4bfc5;
+ border-color: #242f34;
+ background-image: linear-gradient(to bottom, #475d67);
box-shadow: none;
transition: 200ms ease-out; }
spinbutton:backdrop:disabled:not(.vertical), GeditWindow > .entry:backdrop:disabled,
entry:backdrop:disabled {
- color: #727f85;
- border-color: #394144;
- background-image: linear-gradient(to bottom, #5a656b);
+ color: #56707c;
+ border-color: #242f34;
+ background-image: linear-gradient(to bottom, #3d4f57);
box-shadow: none; }
spinbutton.error:not(.vertical), GeditWindow > .error.entry,
entry.error {
- color: #f34235;
- border-color: #6f0e07; }
+ color: #F44336;
+ border-color: #710e06; }
spinbutton.error:focus:not(.vertical), GeditWindow > .error.entry:focus,
entry.error:focus {
box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1);
- border-color: #6f0e07; }
+ border-color: #710e06; }
spinbutton.error:selected:focus:not(.vertical), GeditWindow > .error.entry:selected:focus, spinbutton.error:selected:not(.vertical), GeditWindow > .error.entry:selected,
entry.error:selected:focus,
entry.error:selected {
- background-color: #f34235; }
+ background-color: #F44336; }
spinbutton.warning:not(.vertical), GeditWindow > .warning.entry,
entry.warning {
- color: #fec006;
- border-color: #513d00; }
+ color: #f9ce1d;
+ border-color: #614e03; }
spinbutton.warning:focus:not(.vertical), GeditWindow > .warning.entry:focus,
entry.warning:focus {
box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1);
- border-color: #513d00; }
+ border-color: #614e03; }
spinbutton.warning:selected:focus:not(.vertical), GeditWindow > .warning.entry:selected:focus, spinbutton.warning:selected:not(.vertical), GeditWindow > .warning.entry:selected,
entry.warning:selected:focus,
entry.warning:selected {
- background-color: #fec006; }
+ background-color: #f9ce1d; }
spinbutton:not(.vertical) image, GeditWindow > .entry image,
entry image {
- color: #e1e4e6; }
+ color: #b3bfc4; }
spinbutton:not(.vertical) image:hover, GeditWindow > .entry image:hover,
entry image:hover {
- color: white; }
+ color: #cfd8dc; }
spinbutton:not(.vertical) image:active, GeditWindow > .entry image:active,
entry image:active {
color: #449ac2; }
spinbutton:not(.vertical) image:backdrop, GeditWindow > .entry image:backdrop,
entry image:backdrop {
- color: #9ba2a6; }
+ color: #77868d; }
spinbutton:drop(active):focus:not(.vertical), GeditWindow > .entry:drop(active):focus, spinbutton:drop(active):not(.vertical), GeditWindow > .entry:drop(active),
entry:drop(active):focus,
entry:drop(active) {
@@ -2332,9 +2332,9 @@ entry {
-gtk-icon-shadow: none; }
.osd spinbutton:disabled:not(.vertical), .osd GeditWindow > .entry:disabled, .osd
entry:disabled {
- color: #828687;
+ color: #787f81;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5));
+ background-image: linear-gradient(to bottom, rgba(50, 55, 56, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@@ -2373,17 +2373,17 @@ entry {
.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), GeditWindow.linked.vertical > .entry:not(:disabled) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), GeditWindow.linked.vertical > .entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical), GeditWindow.linked.vertical > spinbutton:not(:disabled):not(.vertical) + .entry:not(:disabled), GeditWindow.linked.vertical > .entry:not(:disabled) + .entry:not(:disabled), .linked.vertical >
entry:not(:disabled) + entry:not(:disabled), .linked.vertical >
entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical), GeditWindow.linked.vertical > entry:not(:disabled) + .entry:not(:disabled) {
- border-top-color: #5b676e;
- background-image: linear-gradient(to bottom, #6a7981); }
+ border-top-color: #3b4c55;
+ background-image: linear-gradient(to bottom, #455a64); }
.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, GeditWindow.linked.vertical > .entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), GeditWindow.linked.vertical > .entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical), GeditWindow.linked.vertical > spinbutton:not(:disabled):not(.vertical) + .entry:not(:disabled):backdrop, GeditWindow.linked.vertical > .entry:not(:disabled) + .entry:not(:disabled):backdrop, .linked.vertical >
entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical >
entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical), GeditWindow.linked.vertical > entry:not(:disabled) + .entry:not(:disabled):backdrop {
- border-top-color: #5d6a71;
- background-image: linear-gradient(to bottom, #6c7c84); }
+ border-top-color: #3d4f58;
+ background-image: linear-gradient(to bottom, #475d67); }
.linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, GeditWindow.linked.vertical > .entry:disabled + entry:disabled, .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, GeditWindow.linked.vertical > .entry:disabled + entry:disabled, .linked.vertical >
entry:disabled + entry:disabled, .linked.vertical >
entry:disabled + entry:disabled {
- border-top-color: #5b676e; }
+ border-top-color: #3b4c55; }
.linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), GeditWindow.linked.vertical > .entry + spinbutton:focus:not(:only-child):not(.vertical), GeditWindow.linked.vertical > spinbutton:not(.vertical) + .entry:focus:not(:only-child), GeditWindow.linked.vertical > .entry + .entry:focus:not(:only-child),
.linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child),
GeditWindow.linked.vertical > .entry + entry:focus:not(:only-child), .linked.vertical >
@@ -2451,7 +2451,7 @@ treeview acceleditor > label {
treeview entry.flat, treeview entry {
border-radius: 0;
background-image: none;
- background-color: #6a7981; }
+ background-color: #455a64; }
treeview entry.flat:focus, treeview entry:focus {
border-color: #449ac2; }
@@ -2482,13 +2482,13 @@ placessidebar row {
placessidebar row:selected {
color: #ffffff; }
placessidebar row:disabled {
- color: #a7acae; }
+ color: #839096; }
placessidebar row:backdrop {
- color: #a7acae; }
+ color: #839096; }
placessidebar row:backdrop:selected {
color: rgba(255, 255, 255, 0.5); }
placessidebar row:backdrop:disabled {
- color: #727f85; }
+ color: #56707c; }
placessidebar row GtkImage.sidebar-icon,
placessidebar row image.sidebar-icon {
opacity: 0.7; }
@@ -2546,10 +2546,10 @@ placesview > actionbar > revealer > box > label {
* Floating Bar *
****************/
.floating-bar {
- background-color: #4F585C;
+ background-color: #37474f;
border-width: 1px;
border-style: solid solid none;
- border-color: #373e41;
+ border-color: #222c31;
border-radius: 3px 3px 0 0;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
.floating-bar.bottom.left {
@@ -2561,8 +2561,8 @@ placesview > actionbar > revealer > box > label {
.floating-bar > .button {
padding: 4px; }
.floating-bar:backdrop {
- background-color: #4F585C;
- border-color: #394144; }
+ background-color: #37474f;
+ border-color: #242f34; }
/**********
* Frames *
@@ -2572,22 +2572,22 @@ frame > border {
margin: 0;
padding: 0;
border-radius: 0;
- border: 1px solid #373e41; }
+ border: 1px solid #222c31; }
frame > border.flat {
border-style: none; }
frame > border:backdrop {
- border-color: #394144; }
+ border-color: #242f34; }
actionbar > revealer > box {
padding: 6px;
- border-top: 1px solid #373e41; }
+ border-top: 1px solid #222c31; }
actionbar > revealer > box:backdrop {
- border-color: #394144; }
+ border-color: #242f34; }
scrolledwindow viewport.frame {
border-style: none; }
scrolledwindow overshoot.top {
- background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#202425), to(rgba(32, 36, 37, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(255, 255, 255, 0.07)), to(rgba(255, 255, 255, 0)));
+ background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#0d1113), to(rgba(13, 17, 19, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(207, 216, 220, 0.07)), to(rgba(207, 216, 220, 0)));
background-size: 100% 5%, 100% 100%;
background-repeat: no-repeat;
background-position: center top;
@@ -2595,7 +2595,7 @@ scrolledwindow overshoot.top {
border: none;
box-shadow: none; }
scrolledwindow overshoot.top:backdrop {
- background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#394144), to(rgba(57, 65, 68, 0)));
+ background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#242f34), to(rgba(36, 47, 52, 0)));
background-size: 100% 5%;
background-repeat: no-repeat;
background-position: center top;
@@ -2603,7 +2603,7 @@ scrolledwindow overshoot.top {
border: none;
box-shadow: none; }
scrolledwindow overshoot.bottom {
- background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#202425), to(rgba(32, 36, 37, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(255, 255, 255, 0.07)), to(rgba(255, 255, 255, 0)));
+ background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#0d1113), to(rgba(13, 17, 19, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(207, 216, 220, 0.07)), to(rgba(207, 216, 220, 0)));
background-size: 100% 5%, 100% 100%;
background-repeat: no-repeat;
background-position: center bottom;
@@ -2611,7 +2611,7 @@ scrolledwindow overshoot.bottom {
border: none;
box-shadow: none; }
scrolledwindow overshoot.bottom:backdrop {
- background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#394144), to(rgba(57, 65, 68, 0)));
+ background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#242f34), to(rgba(36, 47, 52, 0)));
background-size: 100% 5%;
background-repeat: no-repeat;
background-position: center bottom;
@@ -2619,7 +2619,7 @@ scrolledwindow overshoot.bottom {
border: none;
box-shadow: none; }
scrolledwindow overshoot.left {
- background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#202425), to(rgba(32, 36, 37, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(255, 255, 255, 0.07)), to(rgba(255, 255, 255, 0)));
+ background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#0d1113), to(rgba(13, 17, 19, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(207, 216, 220, 0.07)), to(rgba(207, 216, 220, 0)));
background-size: 5% 100%, 100% 100%;
background-repeat: no-repeat;
background-position: left center;
@@ -2627,7 +2627,7 @@ scrolledwindow overshoot.left {
border: none;
box-shadow: none; }
scrolledwindow overshoot.left:backdrop {
- background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#394144), to(rgba(57, 65, 68, 0)));
+ background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#242f34), to(rgba(36, 47, 52, 0)));
background-size: 5% 100%;
background-repeat: no-repeat;
background-position: left center;
@@ -2635,7 +2635,7 @@ scrolledwindow overshoot.left {
border: none;
box-shadow: none; }
scrolledwindow overshoot.right {
- background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#202425), to(rgba(32, 36, 37, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(255, 255, 255, 0.07)), to(rgba(255, 255, 255, 0)));
+ background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#0d1113), to(rgba(13, 17, 19, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(207, 216, 220, 0.07)), to(rgba(207, 216, 220, 0)));
background-size: 5% 100%, 100% 100%;
background-repeat: no-repeat;
background-position: right center;
@@ -2643,7 +2643,7 @@ scrolledwindow overshoot.right {
border: none;
box-shadow: none; }
scrolledwindow overshoot.right:backdrop {
- background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#394144), to(rgba(57, 65, 68, 0)));
+ background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#242f34), to(rgba(36, 47, 52, 0)));
background-size: 5% 100%;
background-repeat: no-repeat;
background-position: right center;
@@ -2692,13 +2692,13 @@ scrolledwindow undershoot.right {
box-shadow: none; }
scrolledwindow junction {
border-color: transparent;
- border-image: linear-gradient(to bottom, #373e41 1px, transparent 1px) 0 0 0 1/0 1px stretch;
- background-color: #5d696f; }
+ border-image: linear-gradient(to bottom, #222c31 1px, transparent 1px) 0 0 0 1/0 1px stretch;
+ background-color: #3e515a; }
scrolledwindow junction:dir(rtl) {
border-image-slice: 0 1 0 0; }
scrolledwindow junction:backdrop {
- border-image-source: linear-gradient(to bottom, #394144 1px, transparent 1px);
- background-color: #485054;
+ border-image-source: linear-gradient(to bottom, #242f34 1px, transparent 1px);
+ background-color: #313f46;
transition: 200ms ease-out; }
separator {
@@ -2715,9 +2715,9 @@ GraniteWidgetsPopOver {
-GraniteWidgetsPopOver-border-radius: 8px;
-GraniteWidgetsPopOver-border-width: 0;
-GraniteWidgetsPopOver-shadow-size: 12;
- border: 1px solid #6a7981;
- background: #6a7981;
- color: white; }
+ border: 1px solid #455a64;
+ background: #455a64;
+ color: #cfd8dc; }
GraniteWidgetsPopOver .button {
background-image: none;
background: none;
@@ -2735,20 +2735,20 @@ GraniteWidgetsStaticNotebook .frame {
border: none; }
.popover_bg {
- background-color: #6a7981;
+ background-color: #455a64;
background-image: none;
- border: 1px solid #6a7981;
- color: white; }
+ border: 1px solid #455a64;
+ color: #cfd8dc; }
/***********
* Welcome *
**********/
GraniteWidgetsWelcome {
- background-color: #6a7981; }
+ background-color: #455a64; }
GraniteWidgetsWelcome GtkLabel {
- color: white; }
+ color: #cfd8dc; }
GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 {
- color: rgba(255, 255, 255, 0.8); }
+ color: rgba(207, 216, 220, 0.8); }
/**************
* Source List *
@@ -2756,23 +2756,23 @@ GraniteWidgetsWelcome {
.source-list {
-GtkTreeView-horizontal-separator: 1px;
-GtkTreeView-vertical-separator: 6px;
- background-color: #4F585C;
- border: solid #373e41;
- color: white;
+ background-color: #37474f;
+ border: solid #222c31;
+ color: #cfd8dc;
border-right-width: 1px; }
.source-list .category-expander {
color: transparent; }
.source-list .badge {
background-image: none;
background-color: rgba(0, 0, 0, 0.4);
- color: #4F585C;
+ color: #37474f;
border-radius: 10px;
padding: 0 6px;
margin: 0 3px;
border-width: 0; }
.source-list .badge:selected:backdrop, .source-list .badge:selected:hover:backdrop {
background-color: rgba(0, 0, 0, 0.2);
- color: #434b4e; }
+ color: #2d3940; }
.source-list row,
.source-list .list-row {
border: none;
@@ -2801,7 +2801,7 @@ GraniteWidgetsWelcome {
.category-label {
font-size: 12px;
padding: 6px;
- color: rgba(255, 255, 255, 0.3);
+ color: rgba(207, 216, 220, 0.3);
font-weight: bold;
text-shadow: 0 1px rgba(255, 255, 255, 0.2); }
@@ -2815,7 +2815,7 @@ GraniteWidgetsWelcome {
background-color: transparent;
padding: 8px 6px; }
.storage-bar .fill-block {
- background-color: #fec006;
+ background-color: #f9ce1d;
border: none;
box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1);
transition: all 200ms ease-in-out;
@@ -2830,15 +2830,15 @@ GraniteWidgetsWelcome {
border-bottom-right-radius: 4px;
box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset -1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); }
.storage-bar .fill-block.empty-block {
- background-color: #6a7981; }
+ background-color: #455a64; }
.storage-bar .fill-block.app {
- background-color: #2095f2; }
+ background-color: #2196f3; }
.storage-bar .fill-block.audio {
- background-color: #fe9700; }
+ background-color: #ff5722; }
.storage-bar .fill-block.photo {
- background-color: #f34235; }
+ background-color: #F44336; }
.storage-bar .fill-block.video {
- background-color: #9b26af; }
+ background-color: #9c27b0; }
.storage-bar .fill-block .legend {
padding: 12px;
border-radius: 4px; }
@@ -2851,12 +2851,12 @@ headerbar {
padding: 0 8px;
border: none;
border-radius: 4px 4px 0 0;
- background-color: #3B4245;
+ background-color: #303e45;
color: rgba(255, 255, 255, 0.8);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
.titlebar:backdrop:not(headerbar),
headerbar:backdrop {
- background-color: #3B4245;
+ background-color: #303e45;
color: rgba(255, 255, 255, 0.6);
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
transition: 200ms ease-out; }
@@ -2916,7 +2916,7 @@ headerbar {
.default-decoration.titlebar:not(headerbar),
headerbar.default-decoration {
padding: 6px;
- background-color: #3B4245;
+ background-color: #303e45;
color: rgba(255, 255, 255, 0.8); }
.default-decoration.titlebar:not(headerbar) .maximized,
headerbar.default-decoration .maximized {
@@ -2924,7 +2924,7 @@ headerbar {
border-radius: 0; }
.default-decoration.titlebar:backdrop:not(headerbar),
headerbar.default-decoration:backdrop {
- background-color: #2f3537;
+ background-color: #263036;
color: rgba(255, 255, 255, 0.6); }
.titlebar:not(headerbar) entry,
headerbar entry {
@@ -2933,52 +2933,52 @@ headerbar {
padding: 4px;
border: none;
box-shadow: none;
- background: rgba(106, 121, 129, 0.95);
- color: white;
+ background: rgba(69, 90, 100, 0.95);
+ color: #cfd8dc;
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); }
.titlebar:not(headerbar) entry > image,
headerbar entry > image {
padding-right: 6px;
- color: rgba(255, 255, 255, 0.8); }
+ color: rgba(207, 216, 220, 0.8); }
.titlebar:not(headerbar) entry:active, .titlebar:not(headerbar) entry:focus,
headerbar entry:active,
headerbar entry:focus {
- background: #6a7981;
- color: white;
+ background: #455a64;
+ color: #cfd8dc;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); }
.titlebar:not(headerbar) entry:active > image, .titlebar:not(headerbar) entry:focus > image,
headerbar entry:active > image,
headerbar entry:focus > image {
padding-right: 6px;
- color: white; }
+ color: #cfd8dc; }
.titlebar:not(headerbar) entry:active:backdrop, .titlebar:not(headerbar) entry:focus:backdrop,
headerbar entry:active:backdrop,
headerbar entry:focus:backdrop {
- background: rgba(106, 121, 129, 0.8);
- color: rgba(255, 255, 255, 0.5);
+ background: rgba(69, 90, 100, 0.8);
+ color: rgba(207, 216, 220, 0.5);
box-shadow: none; }
.titlebar:not(headerbar) entry:disabled,
headerbar entry:disabled {
- background: rgba(106, 121, 129, 0.6);
- color: rgba(255, 255, 255, 0.5);
+ background: rgba(69, 90, 100, 0.6);
+ color: rgba(207, 216, 220, 0.5);
box-shadow: none; }
.titlebar:not(headerbar) entry:disabled > image,
headerbar entry:disabled > image {
padding-right: 6px;
- color: rgba(255, 255, 255, 0.5); }
+ color: rgba(207, 216, 220, 0.5); }
.titlebar:not(headerbar) entry:disabled:backdrop,
headerbar entry:disabled:backdrop {
- background: rgba(106, 121, 129, 0.5);
- color: rgba(255, 255, 255, 0.5);
+ background: rgba(69, 90, 100, 0.5);
+ color: rgba(207, 216, 220, 0.5);
box-shadow: none; }
.titlebar:not(headerbar) entry:backdrop,
headerbar entry:backdrop {
- background: rgba(106, 121, 129, 0.8);
- color: rgba(255, 255, 255, 0.5);
+ background: rgba(69, 90, 100, 0.8);
+ color: rgba(207, 216, 220, 0.5);
box-shadow: none; }
.titlebar:not(headerbar) entry:backdrop > image,
headerbar entry:backdrop > image {
- color: rgba(255, 255, 255, 0.5); }
+ color: rgba(207, 216, 220, 0.5); }
.titlebar:not(headerbar) button,
headerbar button {
background-color: transparent;
@@ -3133,13 +3133,13 @@ headerbar {
-gtk-icon-effect: dim; }
.titlebar:not(headerbar) button.menu-button .menu .menuitem label,
headerbar button.menu-button .menu .menuitem label {
- color: white; }
+ color: #cfd8dc; }
.titlebar:not(headerbar) button.menu-button .menu .menuitem label:disabled,
headerbar button.menu-button .menu .menuitem label:disabled {
- color: #a7acae; }
+ color: #839096; }
.titlebar:not(headerbar) button.menu-button .menu .menuitem .separator,
headerbar button.menu-button .menu .menuitem .separator {
- color: #373e41; }
+ color: #222c31; }
.titlebar:not(headerbar) button.menu-button .menu .menuitem:hover label,
headerbar button.menu-button .menu .menuitem:hover label {
color: #ffffff; }
@@ -3217,12 +3217,12 @@ headerbar {
.titlebar:not(headerbar) button.titlebutton:active,
headerbar button.titlebutton:active {
background-color: rgba(255, 255, 255, 0.8);
- color: #3B4245;
+ color: #303e45;
border-radius: 50%;
box-shadow: none; }
.titlebar:not(headerbar) button.titlebutton:active GtkImage,
headerbar button.titlebutton:active GtkImage {
- color: #3B4245; }
+ color: #303e45; }
.titlebar:not(headerbar) .separator,
headerbar .separator {
color: transparent;
@@ -3239,13 +3239,13 @@ headerbar:last-child, headerbar:last-child:backdrop {
window.csd > .titlebar:not(headerbar) {
padding: 0;
- background-color: #3B4245;
+ background-color: #303e45;
background-image: none;
border-style: none;
border-color: transparent;
box-shadow: none; }
window.csd > .titlebar:not(headerbar):backdrop {
- background-color: #2f3537; }
+ background-color: #263036; }
/**************
* GtkInfoBar *
@@ -3253,9 +3253,9 @@ window.csd > .titlebar:not(headerbar) {
.info, .warning, .question, .error,
infobar {
text-shadow: none;
- color: white;
- background-color: #4F585C;
- border-bottom: 1px solid #373e41;
+ color: #cfd8dc;
+ background-color: #37474f;
+ border-bottom: 1px solid #222c31;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 0 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.15); }
.info, .warning, .question, .error {
@@ -3269,56 +3269,56 @@ infobar {
.info button, .warning button, .question button, .error button {
border-radius: 2px;
border: none;
- background: rgba(106, 121, 129, 0.95);
- color: white;
+ background: rgba(69, 90, 100, 0.95);
+ color: #cfd8dc;
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); }
.info button .label, .warning button .label, .question button .label, .error button .label {
- color: white; }
+ color: #cfd8dc; }
.info button:active, .warning button:active, .question button:active, .error button:active {
- background: #6a7981;
- color: white;
+ background: #455a64;
+ color: #cfd8dc;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); }
.info button:active:backdrop, .warning button:active:backdrop, .question button:active:backdrop, .error button:active:backdrop {
- background: rgba(106, 121, 129, 0.8);
- color: rgba(255, 255, 255, 0.5);
+ background: rgba(69, 90, 100, 0.8);
+ color: rgba(207, 216, 220, 0.5);
box-shadow: none; }
.info button:hover, .warning button:hover, .question button:hover, .error button:hover, .info button:focus, .warning button:focus, .question button:focus, .error button:focus {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); }
.info button:disabled, .warning button:disabled, .question button:disabled, .error button:disabled {
- background: rgba(106, 121, 129, 0.6);
- color: rgba(255, 255, 255, 0.5);
+ background: rgba(69, 90, 100, 0.6);
+ color: rgba(207, 216, 220, 0.5);
box-shadow: none; }
.info button:disabled:backdrop, .warning button:disabled:backdrop, .question button:disabled:backdrop, .error button:disabled:backdrop {
- background: rgba(106, 121, 129, 0.5);
- color: rgba(255, 255, 255, 0.5);
+ background: rgba(69, 90, 100, 0.5);
+ color: rgba(207, 216, 220, 0.5);
box-shadow: none; }
.info button:backdrop, .warning button:backdrop, .question button:backdrop, .error button:backdrop {
- background: rgba(106, 121, 129, 0.8);
- color: rgba(255, 255, 255, 0.5);
+ background: rgba(69, 90, 100, 0.8);
+ color: rgba(207, 216, 220, 0.5);
box-shadow: none; }
.info {
- background-color: #2095f2; }
+ background-color: #2196f3; }
.info:backdrop {
- background-color: #50acf5;
+ background-color: #51adf6;
color: rgba(255, 255, 255, 0.5); }
.warning {
- background-color: #fec006; }
+ background-color: #f9ce1d; }
.warning:backdrop {
- background-color: #fecd39;
+ background-color: #fad94f;
color: rgba(255, 255, 255, 0.5); }
.question {
- background-color: #4bae4f; }
+ background-color: #4caf50; }
.question:backdrop {
- background-color: #6cc070;
+ background-color: #6ec071;
color: rgba(255, 255, 255, 0.5); }
.error {
- background-color: #f34235; }
+ background-color: #F44336; }
.error:backdrop {
- background-color: #f66f65;
+ background-color: #f77066;
color: rgba(255, 255, 255, 0.5); }
/*************
@@ -3352,14 +3352,14 @@ levelbar {
levelbar.vertical block.level-low,
levelbar block.low,
levelbar block.level-low {
- border: 1px solid #d09c01;
- background-color: #fec006; }
+ border: 1px solid #ddb306;
+ background-color: #f9ce1d; }
levelbar.vertical .low.fill-block:backdrop,
levelbar.vertical block.low:backdrop, levelbar.vertical .level-low.fill-block:backdrop,
levelbar.vertical block.level-low:backdrop,
levelbar block.low:backdrop,
levelbar block.level-low:backdrop {
- border: 1px solid #fec006; }
+ border: 1px solid #f9ce1d; }
levelbar.vertical .high.fill-block,
levelbar.vertical block.high, levelbar.vertical .level-high.fill-block,
levelbar.vertical block.level-high,
@@ -3378,28 +3378,28 @@ levelbar {
levelbar.vertical block.level-full,
levelbar block.full,
levelbar block.level-full {
- border: 1px solid #2c672f;
- background-color: #3c8a3f; }
+ border: 1px solid #2d682f;
+ background-color: #3d8b40; }
levelbar.vertical .full.fill-block:backdrop,
levelbar.vertical block.full:backdrop, levelbar.vertical .level-full.fill-block:backdrop,
levelbar.vertical block.level-full:backdrop,
levelbar block.full:backdrop,
levelbar block.level-full:backdrop {
- border: 1px solid #3c8a3f; }
+ border: 1px solid #3d8b40; }
levelbar.vertical .empty.fill-block,
levelbar.vertical block.empty, levelbar.vertical .level-empty.fill-block,
levelbar.vertical block.level-empty,
levelbar block.empty,
levelbar block.level-empty {
background-color: transparent;
- border: 1px solid rgba(255, 255, 255, 0.1);
+ border: 1px solid rgba(207, 216, 220, 0.1);
box-shadow: none; }
levelbar.vertical .empty.fill-block:backdrop,
levelbar.vertical block.empty:backdrop, levelbar.vertical .level-empty.fill-block:backdrop,
levelbar.vertical block.level-empty:backdrop,
levelbar block.empty:backdrop,
levelbar block.level-empty:backdrop {
- border-color: rgba(167, 172, 174, 0.15); }
+ border-color: rgba(131, 144, 150, 0.15); }
levelbar.vertical {
-GtkLevelBar-min-block-width: 8;
-GtkLevelBar-min-block-height: 32; }
@@ -3463,12 +3463,12 @@ button:visited {
* Lists *
*********/
list {
- color: white;
- background-color: #6a7981;
- border-color: #373e41; }
+ color: #cfd8dc;
+ background-color: #455a64;
+ border-color: #222c31; }
list:backdrop {
- background-color: #6c7c84;
- border-color: #394144; }
+ background-color: #475d67;
+ border-color: #242f34; }
row {
border-radius: 0;
@@ -3480,7 +3480,7 @@ row {
row:backdrop {
transition: 200ms ease-out; }
row.activatable.has-open-popup, row.activatable:hover {
- background-color: rgba(255, 255, 255, 0.05); }
+ background-color: rgba(207, 216, 220, 0.05); }
row.activatable:active {
box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); }
row.activatable:backdrop:hover {
@@ -3488,7 +3488,7 @@ row {
row.activatable:selected:active {
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); }
row.activatable:selected.has-open-popup, row.activatable:selected:hover {
- background-color: #57a4c8; }
+ background-color: #52a0c5; }
row.activatable:selected:backdrop {
background-color: #449ac2; }
@@ -3499,10 +3499,10 @@ menubar {
-GtkWidget-window-dragging: true;
padding: 0px;
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1);
- background-color: #3B4245;
+ background-color: #303e45;
color: rgba(255, 255, 255, 0.8); }
menubar:backdrop {
- background-color: #2f3537; }
+ background-color: #263036; }
menubar > menuitem {
min-height: 16px;
padding: 4px 8px; }
@@ -3510,19 +3510,19 @@ menubar {
box-shadow: inset 0 -3px #449ac2;
color: rgba(255, 255, 255, 0.8); }
menubar > menuitem:disabled {
- color: #a7acae;
+ color: #839096;
box-shadow: none; }
menu {
padding: 4px 0px;
- background-color: #65727a;
- border: 1px solid #373e41;
+ background-color: #425660;
+ border: 1px solid #222c31;
border-radius: 4px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 0 rgba(255, 255, 255, 0.1); }
.csd menu {
border: none; }
menu:backdrop {
- background-color: #66757c; }
+ background-color: #445962; }
menu menuitem {
min-height: 16px;
min-width: 40px;
@@ -3532,11 +3532,11 @@ menu {
color: #ffffff;
background-color: #449ac2; }
menu menuitem:disabled {
- color: #a7acae; }
+ color: #839096; }
menu menuitem:disabled:backdrop {
- color: #727f85; }
+ color: #56707c; }
menu menuitem:backdrop, menu menuitem:backdrop:hover {
- color: #a7acae;
+ color: #839096;
background-color: transparent; }
menu menuitem arrow {
min-height: 16px;
@@ -3557,20 +3557,20 @@ menu {
min-height: 16px;
min-width: 16px;
padding: 4px;
- background-color: #65727a;
+ background-color: #425660;
border-radius: 0; }
menu > arrow.top {
margin-top: -6px;
- border-bottom: 1px solid #79868e;
+ border-bottom: 1px solid #536770;
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
menu > arrow.bottom {
margin-bottom: -6px;
- border-top: 1px solid #79868e;
+ border-top: 1px solid #536770;
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
menu > arrow:hover {
- background-color: #79868e; }
+ background-color: #536770; }
menu > arrow:backdrop {
- background-color: #66757c; }
+ background-color: #445962; }
menu > arrow:disabled {
color: transparent;
background-color: transparent;
@@ -3593,21 +3593,21 @@ menuitem radio {
* Misc *
********/
.content-view {
- background-color: #3f4649; }
+ background-color: #28343a; }
.content-view:hover {
-gtk-icon-effect: highlight; }
.content-view:backdrop {
- background-color: #3f4649; }
+ background-color: #28343a; }
.osd .scale-popup button.flat {
border-style: none;
border-radius: 5px; }
.scale-popup button:hover {
- background-color: rgba(255, 255, 255, 0.1);
+ background-color: rgba(207, 216, 220, 0.1);
border-radius: 5px; }
separator {
- color: #373e41; }
+ color: #222c31; }
/************
* Assistant *
@@ -3616,12 +3616,12 @@ assistant {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px; }
assistant .sidebar {
- background-color: #6a7981;
- border-top: 1px solid #373e41;
+ background-color: #455a64;
+ border-top: 1px solid #222c31;
border-bottom-left-radius: 4px; }
assistant .sidebar:backdrop {
- background-color: #6c7c84;
- border-color: #394144; }
+ background-color: #475d67;
+ border-color: #242f34; }
assistant.csd .sidebar {
border-top-style: none; }
assistant .sidebar GtkLabel,
@@ -3629,7 +3629,7 @@ assistant {
padding: 6px 12px; }
assistant .sidebar GtkLabel.highlight,
assistant .sidebar label.highlight {
- background-color: #72797d; }
+ background-color: #55646b; }
/*************
* Notebooks *
@@ -3639,7 +3639,7 @@ notebook > header {
notebook > header.top {
border-bottom-style: solid; }
notebook > header.top > tabs > tab:hover {
- box-shadow: inset 0 -2px #373e41; }
+ box-shadow: inset 0 -2px #222c31; }
notebook > header.top > tabs > tab:backdrop {
box-shadow: none; }
notebook > header.top > tabs > tab:checked {
@@ -3647,7 +3647,7 @@ notebook > header {
notebook > header.bottom {
border-top-style: solid; }
notebook > header.bottom > tabs > tab:hover {
- box-shadow: inset 0 2px #373e41; }
+ box-shadow: inset 0 2px #222c31; }
notebook > header.bottom > tabs > tab:backdrop {
box-shadow: none; }
notebook > header.bottom > tabs > tab:checked {
@@ -3655,7 +3655,7 @@ notebook > header {
notebook > header.left {
border-right-style: solid; }
notebook > header.left > tabs > tab:hover {
- box-shadow: inset -2px 0 #373e41; }
+ box-shadow: inset -2px 0 #222c31; }
notebook > header.left > tabs > tab:backdrop {
box-shadow: none; }
notebook > header.left > tabs > tab:checked {
@@ -3663,7 +3663,7 @@ notebook > header {
notebook > header.right {
border-left-style: solid; }
notebook > header.right > tabs > tab:hover {
- box-shadow: inset 2px 0 #373e41; }
+ box-shadow: inset 2px 0 #222c31; }
notebook > header.right > tabs > tab:backdrop {
box-shadow: none; }
notebook > header.right > tabs > tab:checked {
@@ -3716,32 +3716,32 @@ notebook > header {
min-width: 30px;
padding: 3px 12px;
outline-offset: -5px;
- color: #a7acae;
+ color: #839096;
font-weight: bold;
border-width: 1px;
border-color: transparent; }
notebook > header tab:hover {
- color: #d3d6d7; }
+ color: #a9b4b9; }
notebook > header tab:hover.reorderable-page {
- border-color: rgba(55, 62, 65, 0.3);
- background-color: rgba(79, 88, 92, 0.2); }
+ border-color: rgba(34, 44, 49, 0.3);
+ background-color: rgba(55, 71, 79, 0.2); }
notebook > header tab:backdrop {
- color: #848a8d; }
+ color: #65737a; }
notebook > header tab:backdrop.reorderable-page {
border-color: transparent;
background-color: transparent; }
notebook > header tab:checked {
- color: white; }
+ color: #cfd8dc; }
notebook > header tab:checked.reorderable-page {
- border-color: rgba(55, 62, 65, 0.5);
- background-color: rgba(79, 88, 92, 0.5); }
+ border-color: rgba(34, 44, 49, 0.5);
+ background-color: rgba(55, 71, 79, 0.5); }
notebook > header tab:checked.reorderable-page:hover {
- background-color: rgba(79, 88, 92, 0.7); }
+ background-color: rgba(55, 71, 79, 0.7); }
notebook > header tab:backdrop:checked {
- color: #a7acae; }
+ color: #839096; }
notebook > header tab:backdrop:checked.reorderable-page {
- border-color: #394144;
- background-color: #4F585C; }
+ border-color: #242f34;
+ background-color: #37474f; }
notebook > header tab button.flat {
padding: 0;
margin-top: 4px;
@@ -3793,16 +3793,16 @@ notebook > header {
notebook > header.bottom tab {
padding-top: 4px; }
notebook > stack:not(:only-child) {
- background-color: #6a7981; }
+ background-color: #455a64; }
notebook > stack:not(:only-child):backdrop {
- background-color: #6c7c84; }
+ background-color: #475d67; }
notebook,
.dynamic-notebook,
.notebook {
padding: 0;
- background-color: #6a7981;
- box-shadow: 0 0 0 1px #373e41;
+ background-color: #455a64;
+ box-shadow: 0 0 0 1px #222c31;
background-clip: border-box; }
notebook > header,
notebook > .header,
@@ -3812,96 +3812,96 @@ notebook,
.notebook > .header {
border: none;
box-shadow: none;
- background-color: #4F585C; }
+ background-color: #37474f; }
notebook > tab,
.dynamic-notebook > tab,
.notebook > tab {
border-radius: 0;
- background-color: #4F585C; }
+ background-color: #37474f; }
notebook > tab.top,
.dynamic-notebook > tab.top,
.notebook > tab.top {
padding: 6px 8px 8px 8px;
- box-shadow: inset 0 -1px 0 0 #373e41; }
+ box-shadow: inset 0 -1px 0 0 #222c31; }
notebook > tab.top:active,
.dynamic-notebook > tab.top:active,
.notebook > tab.top:active {
- box-shadow: inset 0 -3px 0 0 #373e41; }
+ box-shadow: inset 0 -3px 0 0 #222c31; }
notebook > tab.top:active:backdrop,
.dynamic-notebook > tab.top:active:backdrop,
.notebook > tab.top:active:backdrop {
- box-shadow: inset 0 -3px 0 0 #394144; }
+ box-shadow: inset 0 -3px 0 0 #242f34; }
notebook > tab.top:backdrop,
.dynamic-notebook > tab.top:backdrop,
.notebook > tab.top:backdrop {
- box-shadow: inset 0 -1px 0 0 #394144; }
+ box-shadow: inset 0 -1px 0 0 #242f34; }
notebook > tab.top:disabled,
.dynamic-notebook > tab.top:disabled,
.notebook > tab.top:disabled {
- box-shadow: inset 0 -1px 0 0 #373e41; }
+ box-shadow: inset 0 -1px 0 0 #222c31; }
notebook > tab.bottom,
.dynamic-notebook > tab.bottom,
.notebook > tab.bottom {
padding: 8px 8px 6px 8px;
- box-shadow: inset 0 1px 0 0 #373e41; }
+ box-shadow: inset 0 1px 0 0 #222c31; }
notebook > tab.bottom:active,
.dynamic-notebook > tab.bottom:active,
.notebook > tab.bottom:active {
- box-shadow: inset 0 3px 0 0 #373e41; }
+ box-shadow: inset 0 3px 0 0 #222c31; }
notebook > tab.bottom:active:backdrop,
.dynamic-notebook > tab.bottom:active:backdrop,
.notebook > tab.bottom:active:backdrop {
- box-shadow: inset 0 3px 0 0 #394144; }
+ box-shadow: inset 0 3px 0 0 #242f34; }
notebook > tab.bottom:backdrop,
.dynamic-notebook > tab.bottom:backdrop,
.notebook > tab.bottom:backdrop {
- box-shadow: inset 0 1px 0 0 #394144; }
+ box-shadow: inset 0 1px 0 0 #242f34; }
notebook > tab.bottom:disabled,
.dynamic-notebook > tab.bottom:disabled,
.notebook > tab.bottom:disabled {
- box-shadow: inset 0 1px 0 0 #373e41; }
+ box-shadow: inset 0 1px 0 0 #222c31; }
notebook > tab.left,
.dynamic-notebook > tab.left,
.notebook > tab.left {
padding: 8px;
- box-shadow: inset -1px 0 0 0 #373e41; }
+ box-shadow: inset -1px 0 0 0 #222c31; }
notebook > tab.left:active,
.dynamic-notebook > tab.left:active,
.notebook > tab.left:active {
- box-shadow: inset -3px 0 0 0 #373e41; }
+ box-shadow: inset -3px 0 0 0 #222c31; }
notebook > tab.left:active:backdrop,
.dynamic-notebook > tab.left:active:backdrop,
.notebook > tab.left:active:backdrop {
- box-shadow: inset -3px 0 0 0 #394144; }
+ box-shadow: inset -3px 0 0 0 #242f34; }
notebook > tab.left:backdrop,
.dynamic-notebook > tab.left:backdrop,
.notebook > tab.left:backdrop {
- box-shadow: inset -1px 0 0 0 #394144; }
+ box-shadow: inset -1px 0 0 0 #242f34; }
notebook > tab.left:disabled,
.dynamic-notebook > tab.left:disabled,
.notebook > tab.left:disabled {
- box-shadow: inset -1px 0 0 0 #373e41; }
+ box-shadow: inset -1px 0 0 0 #222c31; }
notebook > tab.right,
.dynamic-notebook > tab.right,
.notebook > tab.right {
padding: 8px;
- box-shadow: inset 1px 0 0 0 #373e41; }
+ box-shadow: inset 1px 0 0 0 #222c31; }
notebook > tab.right:active,
.dynamic-notebook > tab.right:active,
.notebook > tab.right:active {
- box-shadow: inset 3px 0 0 0 #373e41; }
+ box-shadow: inset 3px 0 0 0 #222c31; }
notebook > tab.right:active:backdrop,
.dynamic-notebook > tab.right:active:backdrop,
.notebook > tab.right:active:backdrop {
- box-shadow: inset 3px 0 0 0 #394144; }
+ box-shadow: inset 3px 0 0 0 #242f34; }
notebook > tab.right:backdrop,
.dynamic-notebook > tab.right:backdrop,
.notebook > tab.right:backdrop {
- box-shadow: inset 1px 0 0 0 #394144; }
+ box-shadow: inset 1px 0 0 0 #242f34; }
notebook > tab.right:disabled,
.dynamic-notebook > tab.right:disabled,
.notebook > tab.right:disabled {
- box-shadow: inset 1px 0 0 0 #373e41; }
+ box-shadow: inset 1px 0 0 0 #222c31; }
notebook > tab:active,
.dynamic-notebook > tab:active,
.notebook > tab:active {
@@ -3909,14 +3909,14 @@ notebook,
notebook > tab:hover,
.dynamic-notebook > tab:hover,
.notebook > tab:hover {
- background: #434b4e; }
+ background: #2d3940; }
/*********
* Paned *
*********/
.paned,
paned {
- border: solid #373e41;
+ border: solid #222c31;
border-left-width: 1px; }
.paned > separator,
paned > separator {
@@ -3925,25 +3925,25 @@ paned {
-gtk-icon-source: none;
border-style: none;
background-color: transparent;
- background-image: image(#373e41);
+ background-image: image(#222c31);
background-size: 1px 1px; }
.paned > separator:selected,
paned > separator:selected {
background-image: image(#449ac2); }
.paned > separator:backdrop,
paned > separator:backdrop {
- background-image: image(#394144); }
+ background-image: image(#242f34); }
.paned > separator.wide,
paned > separator.wide {
min-width: 5px;
min-height: 5px;
- background-color: #4F585C;
- background-image: image(#373e41), image(#373e41);
+ background-color: #37474f;
+ background-image: image(#222c31), image(#222c31);
background-size: 1px 1px, 1px 1px; }
.paned > separator.wide:backdrop,
paned > separator.wide:backdrop {
- background-color: #4F585C;
- background-image: image(#394144), image(#394144); }
+ background-color: #37474f;
+ background-image: image(#242f34), image(#242f34); }
.paned.horizontal > separator,
paned.horizontal > separator {
background-repeat: repeat-y; }
@@ -4003,12 +4003,12 @@ popover.background {
padding: 2px;
border-radius: 4px;
border: none;
- background-color: #6a7981;
+ background-color: #455a64;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
.csd popover.background, popover.background {
- border: 1px solid #373e41; }
+ border: 1px solid #222c31; }
popover.background:backdrop {
- background-color: #4F585C;
+ background-color: #37474f;
box-shadow: none; }
popover.background > list,
popover.background > .view,
@@ -4029,13 +4029,13 @@ popover.background {
* Print dialog *
*****************/
printdialog paper {
- color: white;
- border: 1px solid #373e41;
+ color: #cfd8dc;
+ border: 1px solid #222c31;
background: white;
padding: 0; }
printdialog paper:backdrop {
- color: #a7acae;
- border-color: #394144; }
+ color: #839096;
+ border-color: #242f34; }
printdialog .dialog-action-box {
margin: 12px; }
@@ -4046,7 +4046,7 @@ GtkProgressBar,
.progressbar,
progressbar {
font-size: smaller;
- color: rgba(255, 255, 255, 0.4); }
+ color: rgba(207, 216, 220, 0.4); }
GtkProgressBar.horizontal trough,
GtkProgressBar.horizontal .trough,
GtkProgressBar.horizontal progress,
@@ -4173,9 +4173,9 @@ levelbar.vertical .trough, GtkProgressBar,
.progressbar,
progressbar, scale trough, scale fill {
border: none;
- background-color: #6a7981;
+ background-color: #455a64;
box-shadow: 0px 1px rgba(255, 255, 255, 0.1);
- border: 1px solid #373e41;
+ border: 1px solid #222c31;
padding: 0;
margin: 0; }
levelbar trough:disabled,
@@ -4183,21 +4183,21 @@ progressbar, scale trough, scale fill {
levelbar.vertical .trough:disabled, GtkProgressBar:disabled,
.progressbar:disabled,
progressbar:disabled, scale trough:disabled, scale fill:disabled {
- background-color: #5a656b;
+ background-color: #3d4f57;
box-shadow: none; }
levelbar trough:backdrop,
levelbar.horizontal .trough:backdrop,
levelbar.vertical .trough:backdrop, GtkProgressBar:backdrop,
.progressbar:backdrop,
progressbar:backdrop, scale trough:backdrop, scale fill:backdrop {
- background-color: #6c7c84;
+ background-color: #475d67;
transition: 200ms ease-out; }
levelbar trough:backdrop:disabled,
levelbar.horizontal .trough:backdrop:disabled,
levelbar.vertical .trough:backdrop:disabled, GtkProgressBar:backdrop:disabled,
.progressbar:backdrop:disabled,
progressbar:backdrop:disabled, scale trough:backdrop:disabled, scale fill:backdrop:disabled {
- background-color: #5a656b; }
+ background-color: #3d4f57; }
row:selected levelbar trough, levelbar row:selected trough,
row:selected levelbar.horizontal .trough,
levelbar.horizontal row:selected .trough,
@@ -4230,7 +4230,7 @@ progressbar, scale trough, scale fill {
border-color: rgba(0, 0, 0, 0.7);
background-color: rgba(0, 0, 0, 0.5);
box-shadow: none;
- outline-color: rgba(228, 230, 231, 0.2); }
+ outline-color: rgba(207, 216, 220, 0.2); }
.osd levelbar trough:disabled, levelbar .osd trough:disabled,
.osd levelbar.horizontal .trough:disabled,
levelbar.horizontal .osd .trough:disabled,
@@ -4238,7 +4238,7 @@ progressbar, scale trough, scale fill {
levelbar.vertical .osd .trough:disabled, .osd GtkProgressBar:disabled,
.osd .progressbar:disabled,
.osd progressbar:disabled, .osd scale trough:disabled, scale .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled {
- background-color: rgba(52, 56, 57, 0.5); }
+ background-color: rgba(50, 55, 56, 0.5); }
GtkProgressBar .progressbar,
GtkProgressBar progress,
@@ -4256,7 +4256,7 @@ progressbar progress, scale highlight {
.progressbar progress:disabled,
progressbar .progressbar:disabled,
progressbar progress:disabled, scale highlight:disabled {
- border: 1px solid #373e41;
+ border: 1px solid #222c31;
background-color: rgba(0, 0, 0, 0.1); }
GtkProgressBar .progressbar:backdrop,
GtkProgressBar progress:backdrop,
@@ -4358,9 +4358,9 @@ scale {
min-height: 18px;
min-width: 18px;
margin: -9px 0;
- background-color: #6a7981;
+ background-color: #455a64;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
- border: 1px solid #373e41;
+ border: 1px solid #222c31;
border-radius: 12px;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-property: background, border, box-shadow; }
@@ -4391,67 +4391,67 @@ scale {
outline-offset: 2px;
-gtk-outline-radius: 5px; }
scale fill, scale fill:backdrop {
- background-color: #373e41;
+ background-color: #222c31;
box-shadow: none; }
scale fill:disabled, scale fill:disabled:backdrop {
border-color: transparent;
background-color: transparent; }
.osd scale fill {
- background-color: rgba(87, 88, 88, 0.775); }
+ background-color: rgba(79, 83, 84, 0.775); }
.osd scale fill:disabled, .osd scale fill:disabled:backdrop {
border-color: transparent;
background-color: transparent; }
scale slider {
- border: 1px solid #303638;
+ border: 1px solid #1c2428;
border-radius: 100%;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-property: background, border, box-shadow; }
scale slider:active {
border-color: #347d9f; }
scale slider:disabled {
- border-color: #373e41;
+ border-color: #222c31;
background-image: none;
- background-color: #5a656b;
+ background-color: #3d4f57;
text-shadow: none;
box-shadow: none;
-gtk-icon-shadow: none; }
scale slider:disabled GtkLabel, scale slider:disabled {
- color: #a7acae; }
+ color: #839096; }
scale slider:disabled label, scale slider:disabled {
- color: #a7acae; }
+ color: #839096; }
scale slider:backdrop {
transition: 200ms ease-out;
- border-color: #394144;
- background-image: linear-gradient(to bottom, #4F585C);
+ border-color: #242f34;
+ background-image: linear-gradient(to bottom, #37474f);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
scale slider:backdrop GtkLabel, scale slider:backdrop {
- color: #a7acae; }
+ color: #839096; }
scale slider:backdrop label, scale slider:backdrop {
- color: #a7acae; }
+ color: #839096; }
scale slider:backdrop:disabled {
- border-color: #394144;
+ border-color: #242f34;
background-image: none;
- background-color: #5a656b;
+ background-color: #3d4f57;
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
scale slider:backdrop:disabled GtkLabel, scale slider:backdrop:disabled {
- color: #727f85; }
+ color: #56707c; }
scale slider:backdrop:disabled label, scale slider:backdrop:disabled {
- color: #727f85; }
+ color: #56707c; }
row:selected scale slider, row:selected scale slider:disabled {
border-color: #347d9f; }
.osd scale slider {
- color: #e4e6e7;
+ color: #cfd8dc;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
- outline-color: rgba(228, 230, 231, 0.3);
+ outline-color: rgba(207, 216, 220, 0.3);
border-color: rgba(0, 0, 0, 0.7);
background-color: #202526; }
.osd scale slider:hover {
@@ -4462,7 +4462,7 @@ scale {
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
.osd scale slider:active {
color: white;
border-color: rgba(0, 0, 0, 0.7);
@@ -4471,17 +4471,17 @@ scale {
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
.osd scale slider:disabled {
- color: #828687;
+ color: #787f81;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5));
+ background-image: linear-gradient(to bottom, rgba(50, 55, 56, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.osd scale slider:backdrop {
- color: #e4e6e7;
+ color: #cfd8dc;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-clip: padding-box;
@@ -4884,7 +4884,7 @@ scale {
min-height: 0;
min-width: 0; }
scale.color trough {
- background-image: linear-gradient(to top, #373e41);
+ background-image: linear-gradient(to top, #222c31);
background-repeat: no-repeat; }
scale.color.horizontal {
padding: 0 0 15px 0; }
@@ -4946,27 +4946,27 @@ scale {
**************/
.scrollbar,
scrollbar {
- background-color: #5d696f;
+ background-color: #3e515a;
transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
* {
-GtkScrollbar-has-backward-stepper: false;
-GtkScrollbar-has-forward-stepper: false; }
.scrollbar.top,
scrollbar.top {
- border-bottom: 1px solid #373e41; }
+ border-bottom: 1px solid #222c31; }
.scrollbar.bottom,
scrollbar.bottom {
- border-top: 1px solid #373e41; }
+ border-top: 1px solid #222c31; }
.scrollbar.left,
scrollbar.left {
- border-right: 1px solid #373e41; }
+ border-right: 1px solid #222c31; }
.scrollbar.right,
scrollbar.right {
- border-left: 1px solid #373e41; }
+ border-left: 1px solid #222c31; }
.scrollbar:backdrop,
scrollbar:backdrop {
- background-color: #485054;
- border-color: #394144;
+ background-color: #313f46;
+ border-color: #242f34;
transition: 200ms ease-out; }
.scrollbar slider,
scrollbar slider {
@@ -4976,16 +4976,16 @@ scrollbar {
border: 4px solid transparent;
border-radius: 8px;
background-clip: padding-box;
- background-color: #b9bcbe; }
+ background-color: #929ea4; }
.scrollbar slider:hover,
scrollbar slider:hover {
- background-color: #dcdede; }
+ background-color: #b1bbc0; }
.scrollbar slider:hover:active,
scrollbar slider:hover:active {
background-color: #6bafce; }
.scrollbar slider:backdrop,
scrollbar slider:backdrop {
- background-color: #727a7d; }
+ background-color: #55646b; }
.scrollbar slider:disabled,
scrollbar slider:disabled {
background-color: transparent; }
@@ -5013,7 +5013,7 @@ scrollbar {
margin: 0;
min-width: 3px;
min-height: 3px;
- background-color: white;
+ background-color: #cfd8dc;
border: 1px solid black; }
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) .button,
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) button,
@@ -5021,7 +5021,7 @@ scrollbar {
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
min-width: 5px;
min-height: 5px;
- background-color: white;
+ background-color: #cfd8dc;
background-clip: padding-box;
border-radius: 100%;
border: 1px solid black;
@@ -5076,7 +5076,7 @@ scrollbar {
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
- color: #b9bcbe; }
+ color: #929ea4; }
.scrollbar .button:hover,
.scrollbar button:hover,
scrollbar .button:hover,
@@ -5087,7 +5087,7 @@ scrollbar {
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
- color: #dcdede; }
+ color: #b1bbc0; }
.scrollbar .button:active, .scrollbar .button:checked,
.scrollbar button:active,
.scrollbar button:checked,
@@ -5112,7 +5112,7 @@ scrollbar {
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
- color: rgba(185, 188, 190, 0.2); }
+ color: rgba(146, 158, 164, 0.2); }
.scrollbar .button:backdrop,
.scrollbar button:backdrop,
scrollbar .button:backdrop,
@@ -5123,7 +5123,7 @@ scrollbar {
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
- color: #727a7d; }
+ color: #55646b; }
.scrollbar .button:backdrop:disabled,
.scrollbar button:backdrop:disabled,
scrollbar .button:backdrop:disabled,
@@ -5134,7 +5134,7 @@ scrollbar {
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
- color: rgba(114, 122, 125, 0.2); }
+ color: rgba(85, 100, 107, 0.2); }
.scrollbar.vertical .button.down,
.scrollbar.vertical button.down,
scrollbar.vertical .button.down,
@@ -5157,7 +5157,7 @@ scrollbar {
-gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); }
treeview ~ scrollbar.vertical {
- border-top: 1px solid #373e41;
+ border-top: 1px solid #222c31;
margin-top: -1px; }
/***********
@@ -5165,18 +5165,18 @@ treeview ~ scrollbar.vertical {
***********/
.sidebar {
border-style: solid;
- background-color: #4F585C; }
+ background-color: #37474f; }
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) {
- border-right: 1px solid #373e41;
+ border-right: 1px solid #222c31;
border-left-style: none; }
stacksidebar.sidebar:dir(rtl) list
.sidebar:dir(rtl), stacksidebar.sidebar.right list
.sidebar:dir(rtl), .sidebar.right {
- border-left: 1px solid #373e41;
+ border-left: 1px solid #222c31;
border-right-style: none; }
.sidebar:backdrop {
- background-color: #5e6a70;
- border-color: #394144;
+ background-color: #3f525b;
+ border-color: #242f34;
transition: 200ms ease-out; }
.sidebar list {
background-color: transparent; }
@@ -5197,7 +5197,7 @@ treeview ~ scrollbar.vertical {
.sidebar row.needs-attention > label {
background-size: 6px 6px, 0 0; }
.sidebar .separator {
- color: #373e41; }
+ color: #222c31; }
.sidebar > .inline-toolbar {
border-radius: 0; }
.paned .sidebar.left, .paned .sidebar.right, .paned .sidebar.left:dir(rtl), .paned .sidebar:dir(rtl), .paned .sidebar:dir(ltr), .paned .sidebar, paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
@@ -5230,29 +5230,29 @@ spinbutton:not(.vertical) button {
min-height: 16px;
margin: 0;
padding: 6px;
- color: #f0f2f2;
+ color: #c1cbd0;
background-image: none;
border-style: none none none solid;
- border-color: rgba(55, 62, 65, 0.3);
+ border-color: rgba(34, 44, 49, 0.3);
border-radius: 0;
box-shadow: none; }
spinbutton:not(.vertical) button:dir(rtl) {
border-style: none solid none none; }
spinbutton:not(.vertical) button:hover {
- color: white;
- background-color: rgba(255, 255, 255, 0.05); }
+ color: #cfd8dc;
+ background-color: rgba(207, 216, 220, 0.05); }
spinbutton:not(.vertical) button:disabled {
- color: rgba(167, 172, 174, 0.3); }
+ color: rgba(131, 144, 150, 0.3); }
spinbutton:not(.vertical) button:active {
background-color: rgba(0, 0, 0, 0.1);
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); }
spinbutton:not(.vertical) button:backdrop {
- color: #a1a7aa;
+ color: #7d8b91;
background-color: transparent;
- border-color: rgba(57, 65, 68, 0.3);
+ border-color: rgba(36, 47, 52, 0.3);
transition: 200ms ease-out; }
spinbutton:not(.vertical) button:backdrop:disabled {
- color: rgba(114, 127, 133, 0.3);
+ color: rgba(86, 112, 124, 0.3);
background-image: none;
border-style: none none none solid; }
spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) {
@@ -5264,7 +5264,7 @@ spinbutton:not(.vertical) button {
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
- color: #e4e6e7;
+ color: #cfd8dc;
border-style: none none none solid;
border-color: rgba(0, 0, 0, 0.4);
border-radius: 0;
@@ -5278,9 +5278,9 @@ spinbutton:not(.vertical) button {
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
- color: #e4e6e7;
+ color: #cfd8dc;
border-color: rgba(0, 0, 0, 0.5);
- background-color: rgba(228, 230, 231, 0.1);
+ background-color: rgba(207, 216, 220, 0.1);
box-shadow: none; }
.osd spinbutton:not(.vertical) button:backdrop {
border-color: transparent;
@@ -5289,7 +5289,7 @@ spinbutton:not(.vertical) button {
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
- color: #e4e6e7;
+ color: #cfd8dc;
border-color: rgba(0, 0, 0, 0.5);
box-shadow: none; }
.osd spinbutton:not(.vertical) button:disabled {
@@ -5299,7 +5299,7 @@ spinbutton:not(.vertical) button {
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
- color: #828687;
+ color: #787f81;
border-color: rgba(0, 0, 0, 0.5);
box-shadow: none; }
.osd spinbutton:not(.vertical) button:last-child {
@@ -5307,9 +5307,9 @@ spinbutton:not(.vertical) button {
.osd spinbutton:not(.vertical) button:dir(rtl):first-child {
border-radius: 3px 0 0 3px; }
spinbutton.vertical:disabled {
- color: #a7acae; }
+ color: #839096; }
spinbutton.vertical:backdrop:disabled {
- color: #727f85; }
+ color: #56707c; }
spinbutton.vertical:drop(active) {
border-color: transparent;
box-shadow: none; }
@@ -5327,7 +5327,7 @@ spinbutton.vertical button {
border: none;
background: none;
box-shadow: none;
- color: white; }
+ color: #cfd8dc; }
spinbutton.vertical .button:hover,
spinbutton.vertical button:hover {
background-color: #449ac2;
@@ -5336,7 +5336,7 @@ spinbutton.vertical button {
spinbutton.vertical .button:active,
spinbutton.vertical button:active {
background-color: transparent;
- color: white; }
+ color: #cfd8dc; }
spinbutton.vertical .button.up,
spinbutton.vertical button.up {
border-radius: 3px 3px 0 0;
@@ -5346,14 +5346,14 @@ spinbutton.vertical button.down {
border-radius: 0 0 3px 3px;
border-style: none solid solid solid; }
.osd spinbutton.vertical button:first-child {
- color: #e4e6e7;
+ color: #cfd8dc;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
.osd spinbutton.vertical button:first-child:hover {
color: white;
border-color: rgba(0, 0, 0, 0.7);
@@ -5362,7 +5362,7 @@ spinbutton.vertical button.down {
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
.osd spinbutton.vertical button:first-child:active {
color: white;
border-color: rgba(0, 0, 0, 0.7);
@@ -5371,17 +5371,17 @@ spinbutton.vertical button.down {
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
.osd spinbutton.vertical button:first-child:disabled {
- color: #828687;
+ color: #787f81;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5));
+ background-image: linear-gradient(to bottom, rgba(50, 55, 56, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.osd spinbutton.vertical button:first-child:backdrop {
- color: #e4e6e7;
+ color: #cfd8dc;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-clip: padding-box;
@@ -5441,19 +5441,19 @@ switch {
background-color: rgba(0, 0, 0, 0.1);
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), 0px 1px rgba(255, 255, 255, 0.1); }
switch:disabled {
- background-color: #5a656b; }
+ background-color: #3d4f57; }
switch:backdrop {
- background-color: #4F585C;
+ background-color: #37474f;
transition: 200ms ease-out; }
switch:backdrop:disabled {
- background-color: #5a656b; }
+ background-color: #3d4f57; }
switch:active, switch:checked {
background-color: #449ac2; }
switch:active:backdrop, switch:checked:backdrop {
background-color: #57a4c8; }
switch:active:backdrop slider:backdrop, switch:checked:backdrop slider:backdrop {
box-shadow: none;
- background-color: rgba(106, 121, 129, 0.9);
+ background-color: rgba(69, 90, 100, 0.9);
border: none; }
switch slider {
padding: 2px;
@@ -5461,12 +5461,12 @@ switch {
min-height: 16px;
border-radius: 50%;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
- background-color: #6a7981;
+ background-color: #455a64;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2); }
switch slider:backdrop {
padding: 2px;
box-shadow: none;
- background-color: #6a7981; }
+ background-color: #455a64; }
switch trough:active, switch trough:checked {
background-color: #449ac2; }
switch trough:active:backdrop, switch trough:checked:backdrop {
@@ -5477,10 +5477,10 @@ switch {
************/
toolbar {
padding: 0px;
- background-color: #3B4245;
+ background-color: #303e45;
color: rgba(255, 255, 255, 0.8); }
toolbar:backdrop {
- background-color: #2f3537;
+ background-color: #263036;
color: rgba(255, 255, 255, 0.6); }
.osd toolbar {
@@ -5568,11 +5568,11 @@ toolbar button {
toolbar button:disabled:backdrop image {
-gtk-icon-effect: dim; }
toolbar button.menu-button .menu .menuitem label {
- color: white; }
+ color: #cfd8dc; }
toolbar button.menu-button .menu .menuitem label:disabled {
- color: #a7acae; }
+ color: #839096; }
toolbar button.menu-button .menu .menuitem .separator {
- color: #373e41; }
+ color: #222c31; }
toolbar button.menu-button .menu .menuitem:hover label {
color: #ffffff; }
toolbar .separator {
@@ -5597,9 +5597,9 @@ searchbar,
.search-bar, .location-bar,
.inline-toolbar {
-GtkWidget-window-dragging: true;
- background-color: #4a5357;
- color: white;
- border: 1px solid #373e41;
+ background-color: #334249;
+ color: #cfd8dc;
+ border: 1px solid #222c31;
border-top-width: 0;
border-radius: 0 0 5px 5px;
box-shadow: inset 0 -1px 1px -2px rgba(0, 0, 0, 0.5);
@@ -5607,7 +5607,7 @@ searchbar,
searchbar:backdrop,
.search-bar:backdrop, .location-bar:backdrop,
.inline-toolbar:backdrop {
- background-color: #434b4e; }
+ background-color: #2d3940; }
searchbar button,
.search-bar button, .location-bar button,
.inline-toolbar button {
@@ -5638,7 +5638,7 @@ searchbar,
text-shadow: none;
box-shadow: none;
background-color: transparent;
- color: white;
+ color: #cfd8dc;
border-radius: 0px;
padding: 10px; }
searchbar button:focus,
@@ -5647,7 +5647,7 @@ searchbar,
.inline-toolbar button:focus,
.inline-toolbar button:active {
font: bold;
- color: white;
+ color: #cfd8dc;
text-shadow: none;
box-shadow: none;
background-color: rgba(0, 0, 0, 0.05); }
@@ -5658,27 +5658,27 @@ searchbar,
.inline-toolbar button:active:backdrop {
border: none;
background-color: transparent;
- color: #a7acae; }
+ color: #839096; }
searchbar button:hover,
.search-bar button:hover, .location-bar button:hover,
.inline-toolbar button:hover {
background-color: rgba(0, 0, 0, 0.05);
text-shadow: none;
- color: white;
+ color: #cfd8dc;
box-shadow: none; }
searchbar button:disabled,
.search-bar button:disabled, .location-bar button:disabled,
.inline-toolbar button:disabled {
background: none;
background-color: transparent;
- color: rgba(255, 255, 255, 0.5); }
+ color: rgba(207, 216, 220, 0.5); }
searchbar button:backdrop,
.search-bar button:backdrop, .location-bar button:backdrop,
.inline-toolbar button:backdrop {
border: none;
background: none;
background-color: transparent;
- color: #a7acae; }
+ color: #839096; }
searchbar button label,
.search-bar button label, .location-bar button label,
searchbar button image,
@@ -5686,7 +5686,7 @@ searchbar,
.location-bar button image,
.inline-toolbar button label,
.inline-toolbar button image {
- color: white; }
+ color: #cfd8dc; }
searchbar button label:disabled,
.search-bar button label:disabled, .location-bar button label:disabled, searchbar button label:backdrop,
.search-bar button label:backdrop, .location-bar button label:backdrop,
@@ -5700,7 +5700,7 @@ searchbar,
.inline-toolbar button label:backdrop,
.inline-toolbar button image:disabled,
.inline-toolbar button image:backdrop {
- color: #a7acae;
+ color: #839096;
-gtk-icon-effect: dim; }
searchbar .entry,
.search-bar .entry, .location-bar .entry,
@@ -5710,7 +5710,7 @@ searchbar,
.inline-toolbar .entry,
.inline-toolbar entry {
background: none;
- color: white;
+ color: #cfd8dc;
border-radius: 0px;
border: none;
box-shadow: none; }
@@ -5721,7 +5721,7 @@ searchbar,
.location-bar entry.image,
.inline-toolbar .entry.image,
.inline-toolbar entry.image {
- color: white; }
+ color: #cfd8dc; }
searchbar .entry.image.left,
.search-bar .entry.image.left, .location-bar .entry.image.left,
searchbar entry.image.left,
@@ -5737,7 +5737,7 @@ searchbar,
.location-bar entry:backdrop,
.inline-toolbar .entry:backdrop,
.inline-toolbar entry:backdrop {
- color: #a7acae; }
+ color: #839096; }
searchbar .entry:selected,
.search-bar .entry:selected, .location-bar .entry:selected,
searchbar entry:selected,
@@ -5745,18 +5745,18 @@ searchbar,
.location-bar entry:selected,
.inline-toolbar .entry:selected,
.inline-toolbar entry:selected {
- color: #6a7981;
+ color: #455a64;
background-color: #449ac2; }
searchbar,
.search-bar, .location-bar {
border-style: solid;
- border-color: #373e41;
- background-color: #485054; }
+ border-color: #222c31;
+ background-color: #313f46; }
searchbar:backdrop,
.search-bar:backdrop, .location-bar:backdrop {
- border-color: #394144;
- background-color: #475054;
+ border-color: #242f34;
+ background-color: #303f46;
box-shadow: none;
transition: 200ms ease-out; }
@@ -5779,13 +5779,13 @@ tooltip,
margin: 4px;
border: none;
border-radius: 3px;
- background-color: #6a7981;
- color: white;
+ background-color: #455a64;
+ color: #cfd8dc;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); }
tooltip.background,
.tooltip.background,
.overlay-bar.background {
- background-color: #6a7981;
+ background-color: #455a64;
border: none; }
tooltip decoration,
.tooltip decoration,
@@ -5796,7 +5796,7 @@ tooltip,
.overlay-bar * {
padding: 2px;
background-color: transparent;
- color: white; }
+ color: #cfd8dc; }
/**********************
* Touch Copy & Paste *
@@ -5849,16 +5849,16 @@ button.circular {
padding-bottom: 3px;
padding-left: 6px;
padding-right: 6px;
- color: white;
- background-color: #6a7981;
+ color: #cfd8dc;
+ background-color: #455a64;
border: 1px solid;
- border-color: #373e41;
+ border-color: #222c31;
border-radius: 5px;
- box-shadow: inset 0 -3px #4b565b;
+ box-shadow: inset 0 -3px #303e45;
font-size: smaller; }
.keycap:backdrop {
- background-color: #6c7c84;
- color: #a7acae;
+ background-color: #475d67;
+ color: #839096;
transition: 200ms ease-out; }
*:drop(active):focus,
@@ -5885,8 +5885,8 @@ treeview.view {
-GtkTreeView-tree-line-width: 1;
-GtkTreeView-tree-line-pattern: '';
-GtkTreeView-expander-size: 16;
- border-left-color: #b5bcc0;
- border-top-color: #4F585C; }
+ border-left-color: #8a99a0;
+ border-top-color: #37474f; }
GtkTreeView.view:selected:focus, GtkTreeView.view:selected,
treeview.view:selected:focus,
treeview.view:selected {
@@ -5895,10 +5895,10 @@ treeview.view {
treeview.view:selected:backdrop,
treeview.view:selected {
border-left-color: #a2cde1;
- border-top-color: rgba(255, 255, 255, 0.1); }
+ border-top-color: rgba(207, 216, 220, 0.1); }
GtkTreeView.view:disabled,
treeview.view:disabled {
- color: #a7acae; }
+ color: #839096; }
GtkTreeView.view:disabled:selected,
treeview.view:disabled:selected {
color: #8fc2da; }
@@ -5907,18 +5907,18 @@ treeview.view {
color: rgba(91, 167, 202, 0.85); }
GtkTreeView.view:disabled:backdrop,
treeview.view:disabled:backdrop {
- color: #727f85; }
+ color: #56707c; }
GtkTreeView.view.separator,
treeview.view.separator {
min-height: 2px;
- color: #4F585C; }
+ color: #37474f; }
GtkTreeView.view.separator:backdrop,
treeview.view.separator:backdrop {
- color: rgba(79, 88, 92, 0.1); }
+ color: rgba(55, 71, 79, 0.1); }
GtkTreeView.view:backdrop,
treeview.view:backdrop {
- border-left-color: #7b8285;
- border-top: #4F585C; }
+ border-left-color: #5d6c73;
+ border-top: #37474f; }
GtkTreeView.view:drop(active),
treeview.view:drop(active) {
border-style: solid none;
@@ -5933,13 +5933,13 @@ treeview.view {
GtkTreeView.view.expander,
treeview.view.expander {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
- color: #d2d7d9; }
+ color: #a6b2b8; }
GtkTreeView.view.expander:dir(rtl),
treeview.view.expander:dir(rtl) {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
GtkTreeView.view.expander:hover,
treeview.view.expander:hover {
- color: white; }
+ color: #cfd8dc; }
GtkTreeView.view.expander:selected,
treeview.view.expander:selected {
color: #c7e1ed; }
@@ -5954,7 +5954,7 @@ treeview.view {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
GtkTreeView.view.expander:backdrop,
treeview.view.expander:backdrop {
- color: #959ea1; }
+ color: #718188; }
GtkTreeView.view.progressbar,
treeview.view.progressbar {
border: 1px solid #347d9f;
@@ -5967,20 +5967,20 @@ treeview.view {
treeview.view.progressbar:selected {
border-radius: 0;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
- background-image: linear-gradient(to bottom, #6a7981, #535f65); }
+ background-image: linear-gradient(to bottom, #455a64, #303f46); }
GtkTreeView.view.progressbar:selected:focus:backdrop, GtkTreeView.view.progressbar:selected:backdrop,
treeview.view.progressbar:selected:focus:backdrop,
treeview.view.progressbar:selected:backdrop {
- border-color: #6c7c84;
- background-color: #6c7c84; }
+ border-color: #475d67;
+ background-color: #475d67; }
GtkTreeView.view.progressbar:backdrop,
treeview.view.progressbar:backdrop {
- border-color: #6c7c84;
+ border-color: #475d67;
background-image: none;
box-shadow: none; }
GtkTreeView.view.trough,
treeview.view.trough {
- background-color: rgba(255, 255, 255, 0.1);
+ background-color: rgba(207, 216, 220, 0.1);
border-radius: 4px; }
GtkTreeView.view.trough:selected:focus, GtkTreeView.view.trough:selected,
treeview.view.trough:selected:focus,
@@ -5995,8 +5995,8 @@ treeview.view {
treeview.view column-header button,
treeview.view header .button,
treeview.view header button {
- color: #b5bcc0;
- background-color: #6a7981;
+ color: #8a99a0;
+ background-color: #455a64;
font-weight: bold;
text-shadow: none;
box-shadow: none; }
@@ -6008,7 +6008,7 @@ treeview.view {
treeview.view column-header button:hover,
treeview.view header .button:hover,
treeview.view header button:hover {
- color: #dadee0;
+ color: #adb9be;
box-shadow: none;
transition: none; }
GtkTreeView.view column-header .button:active,
@@ -6019,7 +6019,7 @@ treeview.view {
treeview.view column-header button:active,
treeview.view header .button:active,
treeview.view header button:active {
- color: white;
+ color: #cfd8dc;
transition: none; }
GtkTreeView.view column-header button:last-child:backdrop, GtkTreeView.view column-header button:last-child,
GtkTreeView.view header button:last-child:backdrop,
@@ -6062,10 +6062,10 @@ treeview.view {
transition: none;
background-image: none;
background-color: #449ac2;
- color: #6a7981;
+ color: #455a64;
border-radius: 0;
border-style: none;
- box-shadow: inset 0 0 0 1px #6a7981;
+ box-shadow: inset 0 0 0 1px #455a64;
text-shadow: none; }
GtkTreeView.view column-header .button,
@@ -6095,7 +6095,7 @@ treeview.view header button:active {
background-image: none;
text-shadow: none;
border-style: none solid solid none;
- border-color: #4F585C; }
+ border-color: #37474f; }
GtkTreeView.view column-header .button:disabled,
GtkTreeView.view column-header button:disabled,
GtkTreeView.view header .button:disabled,
@@ -6104,7 +6104,7 @@ treeview.view header button:active {
treeview.view column-header button:disabled,
treeview.view header .button:disabled,
treeview.view header button:disabled {
- border-color: #4F585C;
+ border-color: #37474f;
background-image: none; }
GtkTreeView.view column-header .button:backdrop,
GtkTreeView.view column-header button:backdrop,
@@ -6114,11 +6114,11 @@ treeview.view header button:active {
treeview.view column-header button:backdrop,
treeview.view header .button:backdrop,
treeview.view header button:backdrop {
- border-color: #4F585C;
+ border-color: #37474f;
border-style: none solid solid none;
- color: #7b8285;
+ color: #5d6c73;
background-image: none;
- background-color: #6c7c84; }
+ background-color: #475d67; }
GtkTreeView.view column-header .button:backdrop:disabled,
GtkTreeView.view column-header button:backdrop:disabled,
GtkTreeView.view header .button:backdrop:disabled,
@@ -6127,7 +6127,7 @@ treeview.view header button:active {
treeview.view column-header button:backdrop:disabled,
treeview.view header .button:backdrop:disabled,
treeview.view header button:backdrop:disabled {
- border-color: #4F585C;
+ border-color: #37474f;
background-image: none; }
/**********************
@@ -6153,55 +6153,231 @@ decoration {
.solid-csd decoration {
border-radius: 0;
margin: 4px;
- background-color: #4F585C;
- border: 0px solid #394144;
+ background-color: #37474f;
+ border: 0px solid #242f34;
box-shadow: none; }
/**********************
* DE-Specific Styles *
**********************/
-/**********
+/*********
* Budgie *
**********/
+.budgie-panel .unpinned .launcher:hover, .budgie-panel .pinned .launcher.running:hover {
+ background-color: rgba(0, 0, 0, 0.1); }
+.budgie-panel .unpinned .launcher:active, .budgie-panel .pinned .launcher.running:active, .budgie-panel .unpinned .launcher:checked, .budgie-panel .pinned .launcher.running:checked {
+ background-color: rgba(0, 0, 0, 0.2); }
+.top .budgie-panel .unpinned .launcher, .budgie-panel .unpinned .top .launcher, .top .budgie-panel .pinned .launcher.running, .budgie-panel .pinned .top .launcher.running {
+ border-bottom: 2px solid rgba(38, 50, 56, 0);
+ border-top: 2px solid rgba(38, 50, 56, 0); }
+ .top .budgie-panel .unpinned .launcher,
+ .top .budgie-panel .pinned .launcher.running {
+ border-top: 2px solid rgba(68, 154, 194, 0.5); }
+ .top .budgie-panel .unpinned .launcher:hover, .budgie-panel .unpinned .top .launcher:hover, .top .budgie-panel .pinned .launcher.running:hover, .budgie-panel .pinned .top .launcher.running:hover {
+ border-bottom: 2px solid rgba(0, 0, 0, 0.1);
+ border-top: 2px solid rgba(68, 154, 194, 0.5); }
+ .top .budgie-panel .unpinned .launcher:active, .budgie-panel .unpinned .top .launcher:active, .top .budgie-panel .pinned .launcher.running:active, .budgie-panel .pinned .top .launcher.running:active, .top .budgie-panel .unpinned .launcher:checked, .budgie-panel .unpinned .top .launcher:checked, .top .budgie-panel .pinned .launcher.running:checked, .budgie-panel .pinned .top .launcher.running:checked {
+ border-bottom: 2px solid rgba(0, 0, 0, 0.2);
+ border-top: 2px solid #449ac2; }
+.bottom .budgie-panel .unpinned .launcher, .budgie-panel .unpinned .bottom .launcher, .bottom .budgie-panel .pinned .launcher.running, .budgie-panel .pinned .bottom .launcher.running {
+ border-top: 2px solid rgba(38, 50, 56, 0);
+ border-bottom: 2px solid rgba(38, 50, 56, 0); }
+ .bottom .budgie-panel .unpinned .launcher,
+ .bottom .budgie-panel .pinned .launcher.running {
+ border-bottom: 2px solid rgba(68, 154, 194, 0.5); }
+ .bottom .budgie-panel .unpinned .launcher:hover, .budgie-panel .unpinned .bottom .launcher:hover, .bottom .budgie-panel .pinned .launcher.running:hover, .budgie-panel .pinned .bottom .launcher.running:hover {
+ border-top: 2px solid rgba(0, 0, 0, 0.1);
+ border-bottom: 2px solid rgba(68, 154, 194, 0.5); }
+ .bottom .budgie-panel .unpinned .launcher:active, .budgie-panel .unpinned .bottom .launcher:active, .bottom .budgie-panel .pinned .launcher.running:active, .budgie-panel .pinned .bottom .launcher.running:active, .bottom .budgie-panel .unpinned .launcher:checked, .budgie-panel .unpinned .bottom .launcher:checked, .bottom .budgie-panel .pinned .launcher.running:checked, .budgie-panel .pinned .bottom .launcher.running:checked {
+ border-top: 2px solid rgba(0, 0, 0, 0.2);
+ border-bottom: 2px solid #449ac2; }
+.left .budgie-panel .unpinned .launcher, .budgie-panel .unpinned .left .launcher, .left .budgie-panel .pinned .launcher.running, .budgie-panel .pinned .left .launcher.running {
+ border-right: 2px solid rgba(38, 50, 56, 0);
+ border-left: 2px solid rgba(38, 50, 56, 0); }
+ .left .budgie-panel .unpinned .launcher,
+ .left .budgie-panel .pinned .launcher.running {
+ border-left: 2px solid rgba(68, 154, 194, 0.5); }
+ .left .budgie-panel .unpinned .launcher:hover, .budgie-panel .unpinned .left .launcher:hover, .left .budgie-panel .pinned .launcher.running:hover, .budgie-panel .pinned .left .launcher.running:hover {
+ border-right: 2px solid rgba(0, 0, 0, 0.1);
+ border-left: 2px solid rgba(68, 154, 194, 0.5); }
+ .left .budgie-panel .unpinned .launcher:active, .budgie-panel .unpinned .left .launcher:active, .left .budgie-panel .pinned .launcher.running:active, .budgie-panel .pinned .left .launcher.running:active, .left .budgie-panel .unpinned .launcher:checked, .budgie-panel .unpinned .left .launcher:checked, .left .budgie-panel .pinned .launcher.running:checked, .budgie-panel .pinned .left .launcher.running:checked {
+ border-right: 2px solid rgba(0, 0, 0, 0.2);
+ border-left: 2px solid #449ac2; }
+.right .budgie-panel .unpinned .launcher, .budgie-panel .unpinned .right .launcher, .right .budgie-panel .pinned .launcher.running, .budgie-panel .pinned .right .launcher.running {
+ border-left: 2px solid rgba(38, 50, 56, 0);
+ border-right: 2px solid rgba(38, 50, 56, 0); }
+ .right .budgie-panel .unpinned .launcher,
+ .right .budgie-panel .pinned .launcher.running {
+ border-right: 2px solid rgba(68, 154, 194, 0.5); }
+ .right .budgie-panel .unpinned .launcher:hover, .budgie-panel .unpinned .right .launcher:hover, .right .budgie-panel .pinned .launcher.running:hover, .budgie-panel .pinned .right .launcher.running:hover {
+ border-left: 2px solid rgba(0, 0, 0, 0.1);
+ border-right: 2px solid rgba(68, 154, 194, 0.5); }
+ .right .budgie-panel .unpinned .launcher:active, .budgie-panel .unpinned .right .launcher:active, .right .budgie-panel .pinned .launcher.running:active, .budgie-panel .pinned .right .launcher.running:active, .right .budgie-panel .unpinned .launcher:checked, .budgie-panel .unpinned .right .launcher:checked, .right .budgie-panel .pinned .launcher.running:checked, .budgie-panel .pinned .right .launcher.running:checked {
+ border-left: 2px solid rgba(0, 0, 0, 0.2);
+ border-right: 2px solid #449ac2; }
+
+.budgie-container {
+ border: none;
+ box-shadow: none;
+ background: none;
+ font-size: 100%; }
+
+.budgie-menu GtkSearchEntry.entry:not(:selected) {
+ border: none;
+ box-shadow: none;
+ background: none;
+ font-size: 100%; }
+ .budgie-menu GtkSearchEntry.entry:not(:selected).image {
+ padding-left: 0px;
+ padding-right: 6px; }
+.budgie-menu .list-row.activatable:selected,
+.budgie-menu .list-row.activatable:selected .button {
+ color: inherit; }
+
.budgie-panel {
- background-color: rgba(0, 0, 0, 0.8);
- transition: 100ms ease-in;
font: bold;
- color: white; }
- .budgie-panel .top {
- border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
- .budgie-panel .bottom {
- border-top: 1px solid rgba(255, 255, 255, 0.2); }
- .budgie-panel .left {
- border-right: 1px solid rgba(255, 255, 255, 0.2); }
- .budgie-panel .right {
- border-left: 1px solid rgba(255, 255, 255, 0.2); }
+ font-size: 100%;
+ color: #cfd8dc;
+ background-color: #263238; }
+ .budgie-panel:backdrop {
+ color: #cfd8dc;
+ background-color: #263238; }
+ .budgie-panel WnckTasklist .button,
+ .budgie-panel WnckTasklist .button:backdrop {
+ border-radius: 0; }
+ .budgie-panel .launcher {
+ padding-left: 2px;
+ padding-right: 2px;
+ border-color: rgba(38, 50, 56, 0); }
+ .budgie-panel .launcher:hover {
+ -gtk-image-effect: highlight; }
-.max-budgie-panel {
- background-color: black;
- transition: 100ms ease-in;
- font: bold;
- color: white; }
- .max-budgie-panel .top {
- border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
- .max-budgie-panel .bottom {
- border-top: 1px solid rgba(255, 255, 255, 0.2); }
- .max-budgie-panel .left {
- border-right: 1px solid rgba(255, 255, 255, 0.2); }
- .max-budgie-panel .right {
- border-left: 1px solid rgba(255, 255, 255, 0.2); }
+.top .budgie-panel {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+ box-shadow: none; }
-/* Top launchers */
-/* Left hand side launchers */
-/* Right hand side launchers */
-.notification .priority.low {
- background-color: #2095f2; }
+.top .raven-frame {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.8);
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); }
-.notification .priority.high {
- background-color: #fec006; }
+.top .shadow-block {
+ background-color: transparent;
+ background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent); }
-.notification .priority.critical {
- background-color: #f34235; }
+.bottom .budgie-panel {
+ border-top: 1px solid rgba(0, 0, 0, 0.2);
+ box-shadow: none; }
+
+.bottom .raven-frame {
+ border-top: 1px solid rgba(0, 0, 0, 0.8);
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); }
+
+.bottom .shadow-block {
+ background-color: transparent;
+ background-image: linear-gradient(to top, rgba(0, 0, 0, 0.2), transparent); }
+
+.left .budgie-panel {
+ border-right: 1px solid rgba(0, 0, 0, 0.2);
+ box-shadow: none; }
+
+.left .raven-frame {
+ border-right: 1px solid rgba(0, 0, 0, 0.8);
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); }
+
+.left .shadow-block {
+ background-color: transparent;
+ background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2), transparent); }
+
+.right .budgie-panel {
+ border-left: 1px solid rgba(0, 0, 0, 0.2);
+ box-shadow: none; }
+
+.right .raven-frame {
+ border-left: 1px solid rgba(0, 0, 0, 0.8);
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); }
+
+.right .shadow-block {
+ background-color: transparent;
+ background-image: linear-gradient(to left, rgba(0, 0, 0, 0.2), transparent); }
+
+.raven {
+ color: #cfd8dc;
+ background-color: rgba(55, 71, 79, 0.98);
+ transition: 170ms ease-out; }
+ .raven .raven-header {
+ background-color: #37474f;
+ color: #cfd8dc;
+ border-top: 1px solid #222c31;
+ border-bottom: 1px solid #222c31;
+ box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1); }
+ .raven .raven-header.top {
+ border-top-style: none; }
+ .raven .raven-header.bottom {
+ border-bottom-style: none; }
+ .raven .raven-background {
+ background-color: #455a64;
+ border-bottom: 1px solid #222c31;
+ box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1); }
+ .raven .raven-background.middle {
+ border-bottom-style: none; }
+ .raven .powerstrip {
+ background-color: transparent;
+ border: none;
+ box-shadow: none; }
+ .raven .powerstrip .button {
+ border-radius: 50%;
+ padding: 12px;
+ background: rgba(0, 0, 0, 0.1);
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ box-shadow: 0 1px rgba(255, 255, 255, 0.1);
+ font-size: 100%; }
+ .raven .powerstrip .button:hover {
+ background: rgba(0, 0, 0, 0.1);
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 1px 1px rgba(0, 0, 0, 0.2);
+ transition: 170ms ease all; }
+ .raven .option-subtitle {
+ font-size: smaller; }
+
+.raven-mpris {
+ border-width: 1px 0; }
+ .raven-mpris .button.image-button {
+ padding: 8px; }
+
+.budgie-notification-window {
+ border-radius: 1px; }
+
+.budgie-notification.background {
+ background-color: white;
+ border-radius: 4px; }
+.budgie-notification .notification-title {
+ font-size: 110%;
+ color: #cfd8dc; }
+.budgie-notification .notification-body {
+ color: rgba(207, 216, 220, 0.7); }
+
+.drop-shadow, .budgie-session-dialog.background, .background.budgie-polkit-dialog {
+ box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); }
+
+.budgie-session-dialog, .budgie-polkit-dialog {
+ padding: 12px;
+ border-radius: 4px;
+ border: none;
+ border-top: 1px solid rgba(255, 255, 255, 0.1); }
+ .budgie-session-dialog .linked.horizontal > .button, .budgie-polkit-dialog .linked.horizontal > .button {
+ border-bottom: none;
+ border-radius: 0; }
+ .budgie-session-dialog .linked.horizontal > .button:first-child, .budgie-polkit-dialog .linked.horizontal > .button:first-child {
+ border-left: none;
+ border-radius: 0 0 0 4px; }
+ .budgie-session-dialog .linked.horizontal > .button:last-child, .budgie-polkit-dialog .linked.horizontal > .button:last-child {
+ border-right: none;
+ border-radius: 0 0 4px 0; }
+
+.budgie-polkit-dialog .message {
+ color: rgba(207, 216, 220, 0.7); }
+.budgie-polkit-dialog .failure {
+ color: #F44336; }
/***************
* font-viewer *
@@ -6227,7 +6403,7 @@ SudokuView {
* Character Map *
*****************/
GucharmapChartable {
- background-color: #6a7981; }
+ background-color: #455a64; }
GucharmapChartable:active,
GucharmapChartable:focus,
@@ -6283,16 +6459,16 @@ NautilusCanvasView {
border-color: #a5a5a5; }
.nautilus-desktop {
- color: white; }
+ color: #cfd8dc; }
.nautilus-desktop .nautilus-canvas-item {
border-radius: 5px;
color: #ffffff;
text-shadow: 1px 1px rgba(0, 0, 0, 0.6); }
.nautilus-desktop .nautilus-canvas-item:active {
- color: white;
+ color: #cfd8dc;
text-shadow: none; }
.nautilus-desktop .nautilus-canvas-item:prelight {
- color: white;
+ color: #cfd8dc;
text-shadow: none; }
.nautilus-desktop .nautilus-canvas-item:selected {
color: #ffffff;
@@ -6326,7 +6502,7 @@ GbWorkbench headerbar {
* Calculator *
**************/
MathWindow {
- background-color: #6a7981;
+ background-color: #455a64;
border-radius: 0 0 4px 4px; }
MathWindow .titlebar,
MathWindow headerbar,
@@ -6348,7 +6524,7 @@ MathWindow {
MathWindow MathButtons GtkComboBox:hover,
MathWindow MathButtons .button:hover {
background-image: none;
- background-color: #6a7981;
+ background-color: #455a64;
color: #07ce8e; }
MathWindow MathButtons GtkComboBox:backdrop,
MathWindow MathButtons .button:backdrop {
@@ -6359,15 +6535,15 @@ MathWindow {
box-shadow: none;
text-shadow: none;
background-color: #07ce8e;
- color: #6a7981; }
+ color: #455a64; }
MathWindow MathButtons GtkComboBox.text-button.suggested-action:backdrop,
MathWindow MathButtons .button.text-button.suggested-action:backdrop {
background-color: #059d6c;
- color: rgba(106, 121, 129, 0.5); }
+ color: rgba(69, 90, 100, 0.5); }
MathWindow MathDisplay {
padding: 4px;
- background-color: #6a7981;
- border: 1px solid #373e41; }
+ background-color: #455a64;
+ border: 1px solid #222c31; }
/************
* Calendar *
@@ -6594,15 +6770,15 @@ YelpWindow headerbar {
border-width: 0;
border-radius: 2px;
color: white;
- border: 1px solid #6a7981;
- background-color: #6a7981; }
+ border: 1px solid #455a64;
+ background-color: #455a64; }
.gala-notification .title,
.gala-notification .label {
- color: white; }
+ color: #cfd8dc; }
.gala-button {
padding: 3px;
- color: #6a7981;
+ color: #455a64;
border: none;
border-radius: 50%;
background-image: linear-gradient(to bottom, #7e7e7e, #3e3e3e);
@@ -6616,14 +6792,14 @@ YelpWindow headerbar {
/*-notify-shadow: 0px 2px 18px transparentize(black, 0.60);*/
border-radius: 5px;
border: 1px solid rgba(0, 0, 0, 0.7);
- background-color: rgba(106, 121, 129, 0.05); }
+ background-color: rgba(69, 90, 100, 0.05); }
/***************
* SwitchBoard *
***************/
.category-label {
font-weight: bold;
- color: white; }
+ color: #cfd8dc; }
/*************
* Slingshot *
@@ -6644,7 +6820,7 @@ YelpWindow headerbar {
.search-item {
border-radius: 0;
border: none;
- color: white;
+ color: #cfd8dc;
background: none; }
.search-item:hover, .search-item:focus {
border-radius: 0;
@@ -6663,7 +6839,7 @@ YelpWindow headerbar {
.search-category-header {
font-weight: bold;
- color: white; }
+ color: #cfd8dc; }
/*********
* Panel *
@@ -6685,7 +6861,7 @@ YelpWindow headerbar {
.composited-indicator > revealer label,
.composited-indicator > revealer image,
.composited-indicator > GtkRevealer {
- color: #6a7981;
+ color: #455a64;
font-weight: bold;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.6);
-gtk-icon-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.6); }
@@ -6726,16 +6902,16 @@ MayaViewMayaToolbar.titlebar, MayaViewMayaToolbar.header-bar {
* Cards *
*********/
.deck {
- background-color: #3c4346; }
+ background-color: #263137; }
.card {
- background-color: #6a7981;
+ background-color: #455a64;
border: none;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 3px 3px rgba(0, 0, 0, 0.2);
transition: all 150ms ease-in-out; }
.card.collapsed {
- background-color: #5e6c73;
+ background-color: #3b4c55;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2); }
/*********
@@ -6799,13 +6975,13 @@ LibraryWindow .the-button-in-the-combobox {
background: none; }
.checkerboard-layout {
- background-color: #4F585C;
+ background-color: #37474f;
background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1));
background-size: 24px 24px;
background-position: 0 0, 12px 12px; }
.checkboard-layout .item {
- background-color: white; }
+ background-color: #cfd8dc; }
/********
* Unity *
@@ -6918,7 +7094,7 @@ UnityPanelWidget:backdrop,
.unity-panel.menubar:backdrop,
.unity-panel .menubar *:backdrop {
- color: #a7acae; }
+ color: #839096; }
.unity-panel.menubar.menuitem,
.unity-panel.menubar .menuitem {
@@ -6944,11 +7120,11 @@ UnityPanelWidget:backdrop,
.unity-panel.menubar .menuitem.separator,
.unity-panel.menubar.menuitem.separator {
border: none;
- color: #373e41; }
+ color: #222c31; }
/* Force Quit */
SheetStyleDialog.unity-force-quit {
- background-color: #6a7981; }
+ background-color: #455a64; }
@keyframes playbackmenuitem_spinner {
to {
@@ -7026,73 +7202,73 @@ ConversationListView {
font: normal;
border-style: none;
background-color: transparent;
- color: white; }
+ color: #cfd8dc; }
#content_frame {
padding-bottom: 14px;
- background-color: #4F585C;
+ background-color: #37474f;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border: solid rgba(0, 0, 0, 0.1);
border-width: 1px 1px 0 1px; }
#content_frame button {
- color: white;
- outline-color: rgba(255, 255, 255, 0.3);
- border-color: #373e41;
- background-image: linear-gradient(to bottom, #4F585C, #434b4e);
- text-shadow: 0 1px rgba(0, 0, 0, 0.73176);
- -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.73176);
+ color: #cfd8dc;
+ outline-color: rgba(207, 216, 220, 0.3);
+ border-color: #222c31;
+ background-image: linear-gradient(to bottom, #37474f, #2d3940);
+ text-shadow: 0 1px rgba(0, 0, 0, 0.7898);
+ -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.7898);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); }
#content_frame button:hover {
- color: white;
- outline-color: rgba(255, 255, 255, 0.3);
- border-color: #373e41;
- background-image: linear-gradient(to bottom, #515b5f, #4a5357 60%, #464e51);
- text-shadow: 0 1px rgba(0, 0, 0, 0.68376);
- -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.68376);
+ color: #cfd8dc;
+ outline-color: rgba(207, 216, 220, 0.3);
+ border-color: #222c31;
+ background-image: linear-gradient(to bottom, #394a52, #334249 60%, #2f3c43);
+ text-shadow: 0 1px rgba(0, 0, 0, 0.7418);
+ -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.7418);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); }
#content_frame button:active, #content_frame button:checked {
- color: white;
- outline-color: rgba(255, 255, 255, 0.3);
- border-color: #373e41;
- background-image: linear-gradient(to bottom, #3f4649, #4a5357);
- text-shadow: 0 1px rgba(0, 0, 0, 0.81176);
- -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
+ color: #cfd8dc;
+ outline-color: rgba(207, 216, 220, 0.3);
+ border-color: #222c31;
+ background-image: linear-gradient(to bottom, #28343a, #334249);
+ text-shadow: 0 1px rgba(0, 0, 0, 0.8698);
+ -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.8698);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6);
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
#content_frame button:disabled {
- border-color: #373e41;
+ border-color: #222c31;
background-image: none;
- background-color: #5a656b;
+ background-color: #3d4f57;
text-shadow: none;
box-shadow: none;
-gtk-icon-shadow: none; }
#content_frame button:disabled GtkLabel, #content_frame button:disabled {
- color: #a7acae; }
+ color: #839096; }
#content_frame button:disabled label, #content_frame button:disabled {
- color: #a7acae; }
+ color: #839096; }
#buttonbox_frame {
padding-top: 20px;
padding-bottom: 0px;
border-style: none;
- background-color: #3B4245;
+ background-color: #303e45;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border: solid rgba(0, 0, 0, 0.1);
border-width: 0 1px 1px 1px; }
#buttonbox_frame button {
- color: #e4e6e7;
+ color: #cfd8dc;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
#buttonbox_frame button:hover {
color: white;
border-color: rgba(0, 0, 0, 0.7);
@@ -7101,7 +7277,7 @@ ConversationListView {
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
#buttonbox_frame button:active, #buttonbox_frame button:checked {
color: white;
border-color: rgba(0, 0, 0, 0.7);
@@ -7110,18 +7286,18 @@ ConversationListView {
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
#buttonbox_frame button:disabled {
- color: #828687;
+ color: #787f81;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5));
+ background-image: linear-gradient(to bottom, rgba(50, 55, 56, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
#login_window #user_combobox {
- color: white;
+ color: #cfd8dc;
font: 13px; }
#login_window #user_combobox .menu,
#login_window #user_combobox menu {
diff --git a/Paper/gtk-3.20/gtk.css b/Paper/gtk-3.20/gtk.css
index 7d1ddfa..92945e4 100644
--- a/Paper/gtk-3.20/gtk.css
+++ b/Paper/gtk-3.20/gtk.css
@@ -53,9 +53,9 @@
/* widgets main borders color on backdrop windows */
@define-color unfocused_borders #d5d5d5;
/* these are pretty self explicative */
-@define-color warning_color #fec006;
-@define-color error_color #f34235;
-@define-color success_color #4bae4f;
+@define-color warning_color #f9ce1d;
+@define-color error_color #F44336;
+@define-color success_color #4caf50;
/* 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 shade(#444, 1.8);
@@ -78,7 +78,7 @@ read if you used those and something break with a version upgrade you're on your
* {
padding: 0;
-GtkToolButton-icon-spacing: 4;
- -GtkTextView-error-underline-color: #f34235;
+ -GtkTextView-error-underline-color: #F44336;
-GtkScrolledWindow-scrollbar-spacing: 0;
-GtkToolItemGroup-expander-size: 11;
-GtkTreeView-expander-size: 11;
@@ -269,11 +269,11 @@ headerbar .subtitle {
.app-notification,
.app-notification.frame, .osd .scale-popup, .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: #e4e6e7;
+ color: #cfd8dc;
border: none;
background-color: rgba(32, 37, 38, 0.8);
background-clip: padding-box;
- outline-color: rgba(228, 230, 231, 0.3);
+ outline-color: rgba(207, 216, 220, 0.3);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black; }
.app-notification:backdrop, .osd .scale-popup:backdrop, popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, popover.background.osd:backdrop,
@@ -610,17 +610,17 @@ button {
button.osd {
min-width: 24px;
min-height: 32px;
- color: #e4e6e7;
+ color: #cfd8dc;
border-radius: 5px;
- outline-color: rgba(228, 230, 231, 0.3);
- color: #e4e6e7;
+ outline-color: rgba(207, 216, 220, 0.3);
+ color: #cfd8dc;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
- outline-color: rgba(228, 230, 231, 0.3);
+ outline-color: rgba(207, 216, 220, 0.3);
border: none;
box-shadow: none; }
button.osd.image-button {
@@ -633,7 +633,7 @@ button.osd {
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
- outline-color: rgba(228, 230, 231, 0.3);
+ outline-color: rgba(207, 216, 220, 0.3);
border: none;
box-shadow: none; }
button.osd:active,
@@ -645,21 +645,21 @@ button.osd {
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
- outline-color: rgba(228, 230, 231, 0.3);
+ outline-color: rgba(207, 216, 220, 0.3);
border: none;
box-shadow: none; }
button.osd:disabled:backdrop,
button.osd:disabled {
- color: #828687;
+ color: #787f81;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5));
+ background-image: linear-gradient(to bottom, rgba(50, 55, 56, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
border: none; }
button.osd:backdrop {
- color: #e4e6e7;
+ color: #cfd8dc;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-clip: padding-box;
@@ -671,14 +671,14 @@ button.osd {
.app-notification.frame .button,
.app-notification.frame button, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, .osd
button {
- color: #e4e6e7;
+ color: #cfd8dc;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
.app-notification .button:hover, .app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd
button:hover {
color: white;
@@ -688,7 +688,7 @@ button {
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
.app-notification .button:active:backdrop, .app-notification button:active:backdrop, popover.background.touch-selection button:active:backdrop, popover.background.magnifier button:active:backdrop, .app-notification .button:active, .app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification .button:checked:backdrop, .app-notification button:checked:backdrop, popover.background.touch-selection button:checked:backdrop, popover.background.magnifier button:checked:backdrop, .app-notification .button:checked, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd
button:active:backdrop, .osd
button:active, .osd
@@ -701,20 +701,20 @@ button {
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
.app-notification .button:disabled:backdrop, .app-notification button:disabled:backdrop, popover.background.touch-selection button:disabled:backdrop, popover.background.magnifier button:disabled:backdrop, .app-notification .button:disabled, .app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd
button:disabled:backdrop, .osd
button:disabled {
- color: #828687;
+ color: #787f81;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5));
+ background-image: linear-gradient(to bottom, rgba(50, 55, 56, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.app-notification .button:backdrop, .app-notification button:backdrop, popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .osd
button:backdrop {
- color: #e4e6e7;
+ color: #cfd8dc;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-clip: padding-box;
@@ -741,12 +741,12 @@ button {
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
.app-notification .flat.button:disabled, .app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd
button.flat:disabled {
- color: #828687;
+ color: #787f81;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5));
+ background-image: linear-gradient(to bottom, rgba(50, 55, 56, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@@ -772,7 +772,7 @@ button {
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
button.suggested-action {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
@@ -923,14 +923,14 @@ button.suggested-action {
color: #b7cdd7; }
.osd
button.suggested-action {
- color: #e4e6e7;
+ color: #cfd8dc;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(52, 125, 159, 0.5));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
.osd
button.suggested-action:hover {
color: white;
@@ -940,7 +940,7 @@ button.suggested-action {
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
.osd
button.suggested-action:active:backdrop, .osd
button.suggested-action:active, .osd
@@ -953,20 +953,20 @@ button.suggested-action {
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
.osd
button.suggested-action:disabled:backdrop, .osd
button.suggested-action:disabled {
- color: #828687;
+ color: #787f81;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5));
+ background-image: linear-gradient(to bottom, rgba(50, 55, 56, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.osd
button.suggested-action:backdrop {
- color: #e4e6e7;
+ color: #cfd8dc;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(52, 125, 159, 0.5));
background-clip: padding-box;
@@ -976,10 +976,10 @@ button.suggested-action {
button.destructive-action {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
- border-color: #9f1409;
- background-image: linear-gradient(to bottom, #f34235, #f22b1d);
- text-shadow: 0 1px rgba(0, 0, 0, 0.53569);
- -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.53569);
+ border-color: #a21309;
+ background-image: linear-gradient(to bottom, #F44336, #f32c1e);
+ text-shadow: 0 1px rgba(0, 0, 0, 0.53255);
+ -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.53255);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8); }
button.destructive-action.flat {
@@ -989,29 +989,29 @@ button.destructive-action {
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
- color: #f34235; }
+ color: #F44336; }
button.destructive-action:hover {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
- border-color: #9f1409;
- background-image: linear-gradient(to bottom, #f55d52, #f34235 60%, #f23022);
- text-shadow: 0 1px rgba(0, 0, 0, 0.48769);
- -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.48769);
+ border-color: #a21309;
+ background-image: linear-gradient(to bottom, #f65e53, #F44336 60%, #f33123);
+ text-shadow: 0 1px rgba(0, 0, 0, 0.48455);
+ -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.48455);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); }
button.destructive-action:active,
button.destructive-action:checked {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
- border-color: #9f1409;
- background-image: linear-gradient(to bottom, #f12213, #f2392b);
- text-shadow: 0 1px rgba(0, 0, 0, 0.61569);
- -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.61569);
+ border-color: #a21309;
+ background-image: linear-gradient(to bottom, #f22314, #f33a2c);
+ text-shadow: 0 1px rgba(0, 0, 0, 0.61255);
+ -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.61255);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6);
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); }
button.destructive-action:backdrop,
button.destructive-action.flat:backdrop {
- border-color: #f34235;
- background-image: linear-gradient(to bottom, #f34235);
+ border-color: #F44336;
+ background-image: linear-gradient(to bottom, #F44336);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
@@ -1029,7 +1029,7 @@ button.destructive-action {
button.destructive-action:backdrop:checked,
button.destructive-action.flat:backdrop:active,
button.destructive-action.flat:backdrop:checked {
- border-color: #e71d0e;
+ border-color: #ea1c0d;
background-image: none;
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); }
button.destructive-action:backdrop:active GtkLabel,
@@ -1040,7 +1040,7 @@ button.destructive-action {
button.destructive-action.flat:backdrop:active,
button.destructive-action.flat:backdrop:checked GtkLabel,
button.destructive-action.flat:backdrop:checked {
- color: #fad2cf; }
+ color: #fbd2cf; }
button.destructive-action:backdrop:active label,
button.destructive-action:backdrop:active,
button.destructive-action:backdrop:checked label,
@@ -1049,7 +1049,7 @@ button.destructive-action {
button.destructive-action.flat:backdrop:active,
button.destructive-action.flat:backdrop:checked label,
button.destructive-action.flat:backdrop:checked {
- color: #fad2cf; }
+ color: #fbd2cf; }
button.destructive-action:backdrop:disabled,
button.destructive-action.flat:backdrop:disabled {
border-color: #d5d5d5;
@@ -1072,15 +1072,15 @@ button.destructive-action {
button.destructive-action:backdrop:disabled:checked,
button.destructive-action.flat:backdrop:disabled:active,
button.destructive-action.flat:backdrop:disabled:checked {
- border-color: #f4473b;
+ border-color: #f5483c;
background-image: none;
- background-color: #f4473b;
+ background-color: #f5483c;
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); }
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 {
- color: #f88780; }
+ color: #f98880; }
button.destructive-action.flat:backdrop,
button.destructive-action.flat:disabled,
button.destructive-action.flat:backdrop:disabled {
@@ -1090,7 +1090,7 @@ button.destructive-action {
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
- color: rgba(243, 66, 53, 0.8); }
+ color: rgba(244, 67, 54, 0.8); }
button.destructive-action:disabled {
border-color: #d1d1d1;
background-image: none;
@@ -1106,41 +1106,41 @@ button.destructive-action {
color: #9e9e9e; }
button.destructive-action:disabled:active,
button.destructive-action:disabled:checked {
- border-color: #9f1409;
+ border-color: #a21309;
background-image: none;
- background-color: #f4473b;
+ background-color: #f5483c;
text-shadow: none;
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); }
button.destructive-action:disabled:active GtkLabel,
button.destructive-action:disabled:active,
button.destructive-action:disabled:checked GtkLabel,
button.destructive-action:disabled:checked {
- color: #fbb5b1; }
+ color: #fbb6b1; }
button.destructive-action:disabled:active label,
button.destructive-action:disabled:active,
button.destructive-action:disabled:checked label,
button.destructive-action:disabled:checked {
- color: #fbb5b1; }
+ color: #fbb6b1; }
.osd
button.destructive-action {
- color: #e4e6e7;
+ color: #cfd8dc;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(243, 66, 53, 0.5));
+ background-image: linear-gradient(to bottom, rgba(244, 67, 54, 0.5));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
.osd
button.destructive-action:hover {
color: white;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(243, 66, 53, 0.7));
+ background-image: linear-gradient(to bottom, rgba(244, 67, 54, 0.7));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
.osd
button.destructive-action:active:backdrop, .osd
button.destructive-action:active, .osd
@@ -1148,27 +1148,27 @@ button.destructive-action {
button.destructive-action:checked {
color: white;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, #f34235);
+ background-image: linear-gradient(to bottom, #F44336);
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
.osd
button.destructive-action:disabled:backdrop, .osd
button.destructive-action:disabled {
- color: #828687;
+ color: #787f81;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5));
+ background-image: linear-gradient(to bottom, rgba(50, 55, 56, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.osd
button.destructive-action:backdrop {
- color: #e4e6e7;
+ color: #cfd8dc;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(243, 66, 53, 0.5));
+ background-image: linear-gradient(to bottom, rgba(244, 67, 54, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@@ -2273,28 +2273,28 @@ entry {
box-shadow: none; }
spinbutton.error:not(.vertical), GeditWindow > .error.entry,
entry.error {
- color: #f34235;
- border-color: #f34235; }
+ color: #F44336;
+ border-color: #F44336; }
spinbutton.error:focus:not(.vertical), GeditWindow > .error.entry:focus,
entry.error:focus {
box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1);
- border-color: #f34235; }
+ border-color: #F44336; }
spinbutton.error:selected:focus:not(.vertical), GeditWindow > .error.entry:selected:focus, spinbutton.error:selected:not(.vertical), GeditWindow > .error.entry:selected,
entry.error:selected:focus,
entry.error:selected {
- background-color: #f34235; }
+ background-color: #F44336; }
spinbutton.warning:not(.vertical), GeditWindow > .warning.entry,
entry.warning {
- color: #fec006;
- border-color: #fec006; }
+ color: #f9ce1d;
+ border-color: #f9ce1d; }
spinbutton.warning:focus:not(.vertical), GeditWindow > .warning.entry:focus,
entry.warning:focus {
box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1);
- border-color: #fec006; }
+ border-color: #f9ce1d; }
spinbutton.warning:selected:focus:not(.vertical), GeditWindow > .warning.entry:selected:focus, spinbutton.warning:selected:not(.vertical), GeditWindow > .warning.entry:selected,
entry.warning:selected:focus,
entry.warning:selected {
- background-color: #fec006; }
+ background-color: #f9ce1d; }
spinbutton:not(.vertical) image, GeditWindow > .entry image,
entry image {
color: dimgray; }
@@ -2341,9 +2341,9 @@ entry {
-gtk-icon-shadow: none; }
.osd spinbutton:disabled:not(.vertical), .osd GeditWindow > .entry:disabled, .osd
entry:disabled {
- color: #828687;
+ color: #787f81;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5));
+ background-image: linear-gradient(to bottom, rgba(50, 55, 56, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@@ -2824,7 +2824,7 @@ GraniteWidgetsWelcome {
background-color: transparent;
padding: 8px 6px; }
.storage-bar .fill-block {
- background-color: #fec006;
+ background-color: #f9ce1d;
border: none;
box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1);
transition: all 200ms ease-in-out;
@@ -2841,13 +2841,13 @@ GraniteWidgetsWelcome {
.storage-bar .fill-block.empty-block {
background-color: #ffffff; }
.storage-bar .fill-block.app {
- background-color: #2095f2; }
+ background-color: #2196f3; }
.storage-bar .fill-block.audio {
- background-color: #fe9700; }
+ background-color: #ff5722; }
.storage-bar .fill-block.photo {
- background-color: #f34235; }
+ background-color: #F44336; }
.storage-bar .fill-block.video {
- background-color: #9b26af; }
+ background-color: #9c27b0; }
.storage-bar .fill-block .legend {
padding: 12px;
border-radius: 4px; }
@@ -3307,27 +3307,27 @@ infobar {
box-shadow: none; }
.info {
- background-color: #2095f2; }
+ background-color: #2196f3; }
.info:backdrop {
- background-color: #50acf5;
+ background-color: #51adf6;
color: rgba(255, 255, 255, 0.5); }
.warning {
- background-color: #fec006; }
+ background-color: #f9ce1d; }
.warning:backdrop {
- background-color: #fecd39;
+ background-color: #fad94f;
color: rgba(255, 255, 255, 0.5); }
.question {
- background-color: #4bae4f; }
+ background-color: #4caf50; }
.question:backdrop {
- background-color: #6cc070;
+ background-color: #6ec071;
color: rgba(255, 255, 255, 0.5); }
.error {
- background-color: #f34235; }
+ background-color: #F44336; }
.error:backdrop {
- background-color: #f66f65;
+ background-color: #f77066;
color: rgba(255, 255, 255, 0.5); }
/*************
@@ -3361,14 +3361,14 @@ levelbar {
levelbar.vertical block.level-low,
levelbar block.low,
levelbar block.level-low {
- border: 1px solid #d09c01;
- background-color: #fec006; }
+ border: 1px solid #ddb306;
+ background-color: #f9ce1d; }
levelbar.vertical .low.fill-block:backdrop,
levelbar.vertical block.low:backdrop, levelbar.vertical .level-low.fill-block:backdrop,
levelbar.vertical block.level-low:backdrop,
levelbar block.low:backdrop,
levelbar block.level-low:backdrop {
- border: 1px solid #fec006; }
+ border: 1px solid #f9ce1d; }
levelbar.vertical .high.fill-block,
levelbar.vertical block.high, levelbar.vertical .level-high.fill-block,
levelbar.vertical block.level-high,
@@ -3387,14 +3387,14 @@ levelbar {
levelbar.vertical block.level-full,
levelbar block.full,
levelbar block.level-full {
- border: 1px solid #3c8a3f;
- background-color: #4bae4f; }
+ border: 1px solid #3d8b40;
+ background-color: #4caf50; }
levelbar.vertical .full.fill-block:backdrop,
levelbar.vertical block.full:backdrop, levelbar.vertical .level-full.fill-block:backdrop,
levelbar.vertical block.level-full:backdrop,
levelbar block.full:backdrop,
levelbar block.level-full:backdrop {
- border: 1px solid #4bae4f; }
+ border: 1px solid #4caf50; }
levelbar.vertical .empty.fill-block,
levelbar.vertical block.empty, levelbar.vertical .level-empty.fill-block,
levelbar.vertical block.level-empty,
@@ -4239,7 +4239,7 @@ progressbar, scale trough, scale fill {
border-color: rgba(0, 0, 0, 0.7);
background-color: rgba(0, 0, 0, 0.5);
box-shadow: none;
- outline-color: rgba(228, 230, 231, 0.2); }
+ outline-color: rgba(207, 216, 220, 0.2); }
.osd levelbar trough:disabled, levelbar .osd trough:disabled,
.osd levelbar.horizontal .trough:disabled,
levelbar.horizontal .osd .trough:disabled,
@@ -4247,7 +4247,7 @@ progressbar, scale trough, scale fill {
levelbar.vertical .osd .trough:disabled, .osd GtkProgressBar:disabled,
.osd .progressbar:disabled,
.osd progressbar:disabled, .osd scale trough:disabled, scale .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled {
- background-color: rgba(52, 56, 57, 0.5); }
+ background-color: rgba(50, 55, 56, 0.5); }
GtkProgressBar .progressbar,
GtkProgressBar progress,
@@ -4406,7 +4406,7 @@ scale {
border-color: transparent;
background-color: transparent; }
.osd scale fill {
- background-color: rgba(87, 88, 88, 0.775); }
+ background-color: rgba(79, 83, 84, 0.775); }
.osd scale fill:disabled, .osd scale fill:disabled:backdrop {
border-color: transparent;
background-color: transparent; }
@@ -4453,14 +4453,14 @@ scale {
row:selected scale slider, row:selected scale slider:disabled {
border-color: #275f79; }
.osd scale slider {
- color: #e4e6e7;
+ color: #cfd8dc;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
- outline-color: rgba(228, 230, 231, 0.3);
+ outline-color: rgba(207, 216, 220, 0.3);
border-color: rgba(0, 0, 0, 0.7);
background-color: #202526; }
.osd scale slider:hover {
@@ -4471,7 +4471,7 @@ scale {
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
.osd scale slider:active {
color: white;
border-color: rgba(0, 0, 0, 0.7);
@@ -4480,17 +4480,17 @@ scale {
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
.osd scale slider:disabled {
- color: #828687;
+ color: #787f81;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5));
+ background-image: linear-gradient(to bottom, rgba(50, 55, 56, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.osd scale slider:backdrop {
- color: #e4e6e7;
+ color: #cfd8dc;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-clip: padding-box;
@@ -5273,7 +5273,7 @@ spinbutton:not(.vertical) button {
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
- color: #e4e6e7;
+ color: #cfd8dc;
border-style: none none none solid;
border-color: rgba(0, 0, 0, 0.4);
border-radius: 0;
@@ -5287,9 +5287,9 @@ spinbutton:not(.vertical) button {
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
- color: #e4e6e7;
+ color: #cfd8dc;
border-color: rgba(0, 0, 0, 0.5);
- background-color: rgba(228, 230, 231, 0.1);
+ background-color: rgba(207, 216, 220, 0.1);
box-shadow: none; }
.osd spinbutton:not(.vertical) button:backdrop {
border-color: transparent;
@@ -5298,7 +5298,7 @@ spinbutton:not(.vertical) button {
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
- color: #e4e6e7;
+ color: #cfd8dc;
border-color: rgba(0, 0, 0, 0.5);
box-shadow: none; }
.osd spinbutton:not(.vertical) button:disabled {
@@ -5308,7 +5308,7 @@ spinbutton:not(.vertical) button {
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
- color: #828687;
+ color: #787f81;
border-color: rgba(0, 0, 0, 0.5);
box-shadow: none; }
.osd spinbutton:not(.vertical) button:last-child {
@@ -5355,14 +5355,14 @@ spinbutton.vertical button.down {
border-radius: 0 0 3px 3px;
border-style: none solid solid solid; }
.osd spinbutton.vertical button:first-child {
- color: #e4e6e7;
+ color: #cfd8dc;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
.osd spinbutton.vertical button:first-child:hover {
color: white;
border-color: rgba(0, 0, 0, 0.7);
@@ -5371,7 +5371,7 @@ spinbutton.vertical button.down {
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
.osd spinbutton.vertical button:first-child:active {
color: white;
border-color: rgba(0, 0, 0, 0.7);
@@ -5380,17 +5380,17 @@ spinbutton.vertical button.down {
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
.osd spinbutton.vertical button:first-child:disabled {
- color: #828687;
+ color: #787f81;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5));
+ background-image: linear-gradient(to bottom, rgba(50, 55, 56, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.osd spinbutton.vertical button:first-child:backdrop {
- color: #e4e6e7;
+ color: #cfd8dc;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-clip: padding-box;
@@ -6186,48 +6186,224 @@ decoration {
/**********************
* DE-Specific Styles *
**********************/
-/**********
+/*********
* Budgie *
**********/
+.budgie-panel .unpinned .launcher:hover, .budgie-panel .pinned .launcher.running:hover {
+ background-color: rgba(0, 0, 0, 0.1); }
+.budgie-panel .unpinned .launcher:active, .budgie-panel .pinned .launcher.running:active, .budgie-panel .unpinned .launcher:checked, .budgie-panel .pinned .launcher.running:checked {
+ background-color: rgba(0, 0, 0, 0.2); }
+.top .budgie-panel .unpinned .launcher, .budgie-panel .unpinned .top .launcher, .top .budgie-panel .pinned .launcher.running, .budgie-panel .pinned .top .launcher.running {
+ border-bottom: 2px solid rgba(38, 50, 56, 0);
+ border-top: 2px solid rgba(38, 50, 56, 0); }
+ .top .budgie-panel .unpinned .launcher,
+ .top .budgie-panel .pinned .launcher.running {
+ border-top: 2px solid rgba(52, 125, 159, 0.5); }
+ .top .budgie-panel .unpinned .launcher:hover, .budgie-panel .unpinned .top .launcher:hover, .top .budgie-panel .pinned .launcher.running:hover, .budgie-panel .pinned .top .launcher.running:hover {
+ border-bottom: 2px solid rgba(0, 0, 0, 0.1);
+ border-top: 2px solid rgba(52, 125, 159, 0.5); }
+ .top .budgie-panel .unpinned .launcher:active, .budgie-panel .unpinned .top .launcher:active, .top .budgie-panel .pinned .launcher.running:active, .budgie-panel .pinned .top .launcher.running:active, .top .budgie-panel .unpinned .launcher:checked, .budgie-panel .unpinned .top .launcher:checked, .top .budgie-panel .pinned .launcher.running:checked, .budgie-panel .pinned .top .launcher.running:checked {
+ border-bottom: 2px solid rgba(0, 0, 0, 0.2);
+ border-top: 2px solid #347D9F; }
+.bottom .budgie-panel .unpinned .launcher, .budgie-panel .unpinned .bottom .launcher, .bottom .budgie-panel .pinned .launcher.running, .budgie-panel .pinned .bottom .launcher.running {
+ border-top: 2px solid rgba(38, 50, 56, 0);
+ border-bottom: 2px solid rgba(38, 50, 56, 0); }
+ .bottom .budgie-panel .unpinned .launcher,
+ .bottom .budgie-panel .pinned .launcher.running {
+ border-bottom: 2px solid rgba(52, 125, 159, 0.5); }
+ .bottom .budgie-panel .unpinned .launcher:hover, .budgie-panel .unpinned .bottom .launcher:hover, .bottom .budgie-panel .pinned .launcher.running:hover, .budgie-panel .pinned .bottom .launcher.running:hover {
+ border-top: 2px solid rgba(0, 0, 0, 0.1);
+ border-bottom: 2px solid rgba(52, 125, 159, 0.5); }
+ .bottom .budgie-panel .unpinned .launcher:active, .budgie-panel .unpinned .bottom .launcher:active, .bottom .budgie-panel .pinned .launcher.running:active, .budgie-panel .pinned .bottom .launcher.running:active, .bottom .budgie-panel .unpinned .launcher:checked, .budgie-panel .unpinned .bottom .launcher:checked, .bottom .budgie-panel .pinned .launcher.running:checked, .budgie-panel .pinned .bottom .launcher.running:checked {
+ border-top: 2px solid rgba(0, 0, 0, 0.2);
+ border-bottom: 2px solid #347D9F; }
+.left .budgie-panel .unpinned .launcher, .budgie-panel .unpinned .left .launcher, .left .budgie-panel .pinned .launcher.running, .budgie-panel .pinned .left .launcher.running {
+ border-right: 2px solid rgba(38, 50, 56, 0);
+ border-left: 2px solid rgba(38, 50, 56, 0); }
+ .left .budgie-panel .unpinned .launcher,
+ .left .budgie-panel .pinned .launcher.running {
+ border-left: 2px solid rgba(52, 125, 159, 0.5); }
+ .left .budgie-panel .unpinned .launcher:hover, .budgie-panel .unpinned .left .launcher:hover, .left .budgie-panel .pinned .launcher.running:hover, .budgie-panel .pinned .left .launcher.running:hover {
+ border-right: 2px solid rgba(0, 0, 0, 0.1);
+ border-left: 2px solid rgba(52, 125, 159, 0.5); }
+ .left .budgie-panel .unpinned .launcher:active, .budgie-panel .unpinned .left .launcher:active, .left .budgie-panel .pinned .launcher.running:active, .budgie-panel .pinned .left .launcher.running:active, .left .budgie-panel .unpinned .launcher:checked, .budgie-panel .unpinned .left .launcher:checked, .left .budgie-panel .pinned .launcher.running:checked, .budgie-panel .pinned .left .launcher.running:checked {
+ border-right: 2px solid rgba(0, 0, 0, 0.2);
+ border-left: 2px solid #347D9F; }
+.right .budgie-panel .unpinned .launcher, .budgie-panel .unpinned .right .launcher, .right .budgie-panel .pinned .launcher.running, .budgie-panel .pinned .right .launcher.running {
+ border-left: 2px solid rgba(38, 50, 56, 0);
+ border-right: 2px solid rgba(38, 50, 56, 0); }
+ .right .budgie-panel .unpinned .launcher,
+ .right .budgie-panel .pinned .launcher.running {
+ border-right: 2px solid rgba(52, 125, 159, 0.5); }
+ .right .budgie-panel .unpinned .launcher:hover, .budgie-panel .unpinned .right .launcher:hover, .right .budgie-panel .pinned .launcher.running:hover, .budgie-panel .pinned .right .launcher.running:hover {
+ border-left: 2px solid rgba(0, 0, 0, 0.1);
+ border-right: 2px solid rgba(52, 125, 159, 0.5); }
+ .right .budgie-panel .unpinned .launcher:active, .budgie-panel .unpinned .right .launcher:active, .right .budgie-panel .pinned .launcher.running:active, .budgie-panel .pinned .right .launcher.running:active, .right .budgie-panel .unpinned .launcher:checked, .budgie-panel .unpinned .right .launcher:checked, .right .budgie-panel .pinned .launcher.running:checked, .budgie-panel .pinned .right .launcher.running:checked {
+ border-left: 2px solid rgba(0, 0, 0, 0.2);
+ border-right: 2px solid #347D9F; }
+
+.budgie-container {
+ border: none;
+ box-shadow: none;
+ background: none;
+ font-size: 100%; }
+
+.budgie-menu GtkSearchEntry.entry:not(:selected) {
+ border: none;
+ box-shadow: none;
+ background: none;
+ font-size: 100%; }
+ .budgie-menu GtkSearchEntry.entry:not(:selected).image {
+ padding-left: 0px;
+ padding-right: 6px; }
+.budgie-menu .list-row.activatable:selected,
+.budgie-menu .list-row.activatable:selected .button {
+ color: inherit; }
+
.budgie-panel {
- background-color: rgba(0, 0, 0, 0.8);
- transition: 100ms ease-in;
font: bold;
- color: white; }
- .budgie-panel .top {
- border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
- .budgie-panel .bottom {
- border-top: 1px solid rgba(255, 255, 255, 0.2); }
- .budgie-panel .left {
- border-right: 1px solid rgba(255, 255, 255, 0.2); }
- .budgie-panel .right {
- border-left: 1px solid rgba(255, 255, 255, 0.2); }
+ font-size: 100%;
+ color: #cfd8dc;
+ background-color: #263238; }
+ .budgie-panel:backdrop {
+ color: #cfd8dc;
+ background-color: #263238; }
+ .budgie-panel WnckTasklist .button,
+ .budgie-panel WnckTasklist .button:backdrop {
+ border-radius: 0; }
+ .budgie-panel .launcher {
+ padding-left: 2px;
+ padding-right: 2px;
+ border-color: rgba(38, 50, 56, 0); }
+ .budgie-panel .launcher:hover {
+ -gtk-image-effect: highlight; }
-.max-budgie-panel {
- background-color: black;
- transition: 100ms ease-in;
- font: bold;
- color: white; }
- .max-budgie-panel .top {
- border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
- .max-budgie-panel .bottom {
- border-top: 1px solid rgba(255, 255, 255, 0.2); }
- .max-budgie-panel .left {
- border-right: 1px solid rgba(255, 255, 255, 0.2); }
- .max-budgie-panel .right {
- border-left: 1px solid rgba(255, 255, 255, 0.2); }
+.top .budgie-panel {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+ box-shadow: none; }
-/* Top launchers */
-/* Left hand side launchers */
-/* Right hand side launchers */
-.notification .priority.low {
- background-color: #2095f2; }
+.top .raven-frame {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.8);
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); }
-.notification .priority.high {
- background-color: #fec006; }
+.top .shadow-block {
+ background-color: transparent;
+ background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent); }
-.notification .priority.critical {
- background-color: #f34235; }
+.bottom .budgie-panel {
+ border-top: 1px solid rgba(0, 0, 0, 0.2);
+ box-shadow: none; }
+
+.bottom .raven-frame {
+ border-top: 1px solid rgba(0, 0, 0, 0.8);
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); }
+
+.bottom .shadow-block {
+ background-color: transparent;
+ background-image: linear-gradient(to top, rgba(0, 0, 0, 0.2), transparent); }
+
+.left .budgie-panel {
+ border-right: 1px solid rgba(0, 0, 0, 0.2);
+ box-shadow: none; }
+
+.left .raven-frame {
+ border-right: 1px solid rgba(0, 0, 0, 0.8);
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); }
+
+.left .shadow-block {
+ background-color: transparent;
+ background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2), transparent); }
+
+.right .budgie-panel {
+ border-left: 1px solid rgba(0, 0, 0, 0.2);
+ box-shadow: none; }
+
+.right .raven-frame {
+ border-left: 1px solid rgba(0, 0, 0, 0.8);
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); }
+
+.right .shadow-block {
+ background-color: transparent;
+ background-image: linear-gradient(to left, rgba(0, 0, 0, 0.2), transparent); }
+
+.raven {
+ color: #444;
+ background-color: rgba(247, 247, 247, 0.98);
+ transition: 170ms ease-out; }
+ .raven .raven-header {
+ background-color: #f7f7f7;
+ color: #444;
+ border-top: 1px solid #d1d1d1;
+ border-bottom: 1px solid #d1d1d1;
+ box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1); }
+ .raven .raven-header.top {
+ border-top-style: none; }
+ .raven .raven-header.bottom {
+ border-bottom-style: none; }
+ .raven .raven-background {
+ background-color: #ffffff;
+ border-bottom: 1px solid #d1d1d1;
+ box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1); }
+ .raven .raven-background.middle {
+ border-bottom-style: none; }
+ .raven .powerstrip {
+ background-color: transparent;
+ border: none;
+ box-shadow: none; }
+ .raven .powerstrip .button {
+ border-radius: 50%;
+ padding: 12px;
+ background: rgba(0, 0, 0, 0.1);
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ box-shadow: 0 1px rgba(255, 255, 255, 0.1);
+ font-size: 100%; }
+ .raven .powerstrip .button:hover {
+ background: rgba(0, 0, 0, 0.1);
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 1px 1px rgba(0, 0, 0, 0.2);
+ transition: 170ms ease all; }
+ .raven .option-subtitle {
+ font-size: smaller; }
+
+.raven-mpris {
+ border-width: 1px 0; }
+ .raven-mpris .button.image-button {
+ padding: 8px; }
+
+.budgie-notification-window {
+ border-radius: 1px; }
+
+.budgie-notification.background {
+ background-color: white;
+ border-radius: 4px; }
+.budgie-notification .notification-title {
+ font-size: 110%;
+ color: #444; }
+.budgie-notification .notification-body {
+ color: rgba(207, 216, 220, 0.7); }
+
+.drop-shadow, .budgie-session-dialog.background, .background.budgie-polkit-dialog {
+ box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); }
+
+.budgie-session-dialog, .budgie-polkit-dialog {
+ padding: 12px;
+ border-radius: 4px;
+ border: none;
+ border-top: 1px solid rgba(255, 255, 255, 0.1); }
+ .budgie-session-dialog .linked.horizontal > .button, .budgie-polkit-dialog .linked.horizontal > .button {
+ border-bottom: none;
+ border-radius: 0; }
+ .budgie-session-dialog .linked.horizontal > .button:first-child, .budgie-polkit-dialog .linked.horizontal > .button:first-child {
+ border-left: none;
+ border-radius: 0 0 0 4px; }
+ .budgie-session-dialog .linked.horizontal > .button:last-child, .budgie-polkit-dialog .linked.horizontal > .button:last-child {
+ border-right: none;
+ border-radius: 0 0 4px 0; }
+
+.budgie-polkit-dialog .message {
+ color: rgba(207, 216, 220, 0.7); }
+.budgie-polkit-dialog .failure {
+ color: #F44336; }
/***************
* font-viewer *
@@ -7111,14 +7287,14 @@ ConversationListView {
border-width: 0 1px 1px 1px; }
#buttonbox_frame button {
- color: #e4e6e7;
+ color: #cfd8dc;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
#buttonbox_frame button:hover {
color: white;
border-color: rgba(0, 0, 0, 0.7);
@@ -7127,7 +7303,7 @@ ConversationListView {
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
#buttonbox_frame button:active, #buttonbox_frame button:checked {
color: white;
border-color: rgba(0, 0, 0, 0.7);
@@ -7136,11 +7312,11 @@ ConversationListView {
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
- outline-color: rgba(228, 230, 231, 0.3); }
+ outline-color: rgba(207, 216, 220, 0.3); }
#buttonbox_frame button:disabled {
- color: #828687;
+ color: #787f81;
border-color: rgba(0, 0, 0, 0.7);
- background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5));
+ background-image: linear-gradient(to bottom, rgba(50, 55, 56, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
diff --git a/src/gtk3/gtk3-assets-dark.svg b/src/gtk3/gtk3-assets-dark.svg
index 23ff9ae..8ea89db 100644
--- a/src/gtk3/gtk3-assets-dark.svg
+++ b/src/gtk3/gtk3-assets-dark.svg
@@ -16,8 +16,8 @@
height="232"
id="svg11300"
sodipodi:version="0.32"
- inkscape:version="0.91 r13725"
- sodipodi:docname="gtk3-assets.svg"
+ inkscape:version="0.91 r"
+ sodipodi:docname="gtk3-assets-dark.svg"
inkscape:output_extension="org.inkscape.output.svg.inkscape"
version="1.0"
style="display:inline;enable-background:new"
@@ -28,23 +28,23 @@
stroke="#ef2929"
fill="#f57900"
id="base"
- pagecolor="#4f585c"
+ pagecolor="#37474f"
bordercolor="#666666"
borderopacity="0.25490196"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:zoom="1"
- inkscape:cx="47.842387"
- inkscape:cy="76.100391"
+ inkscape:cx="96.172341"
+ inkscape:cy="198.91621"
inkscape:current-layer="layer2"
showgrid="false"
inkscape:grid-bbox="true"
inkscape:document-units="px"
inkscape:showpageshadow="false"
inkscape:window-width="1920"
- inkscape:window-height="1018"
+ inkscape:window-height="982"
inkscape:window-x="0"
- inkscape:window-y="32"
+ inkscape:window-y="34"
width="400px"
height="300px"
inkscape:snap-nodes="true"
@@ -1886,50 +1886,50 @@
inkscape:connector-curvature="0"
id="path5066"
d="m 24,119 c -0.554,0 -1,0.446 -1,1 l 0,8 c 0,0.554 0.446,1 1,1 l 8,0 c 0.554,0 1,-0.446 1,-1 l 0,-8 c 0,-0.554 -0.446,-1 -1,-1 l -8,0 z"
- style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#4f585c;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker:none;enable-background:accumulate" />
+ style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#37474f;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker:none;enable-background:accumulate" />
+ style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#37474f;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker:none;enable-background:accumulate" />
+ style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#37474f;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker:none;enable-background:accumulate" />
+ style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#37474f;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker:none;enable-background:accumulate" />
+ style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#37474f;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker:none;enable-background:accumulate" />
+ style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#37474f;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker:none;enable-background:accumulate" />
+ style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:1;fill:#57a4c8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;marker:none;enable-background:new" />
+ style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:1;fill:#57a4c8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.5;marker:none;enable-background:new" />
+ style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:1;fill:#57a4c8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.5;marker:none;enable-background:new" />
+ style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:1;fill:#57a4c8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.5;marker:none;enable-background:new" />
@@ -1979,7 +1979,7 @@
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccscccccc" />
@@ -1990,7 +1990,7 @@
inkscape:connector-curvature="0"
sodipodi:nodetypes="ssssssssssssssssss" />
@@ -2006,7 +2006,7 @@
id="path5012"
inkscape:connector-curvature="0" />
@@ -2022,7 +2022,7 @@
cy="154"
r="3" />
@@ -2032,7 +2032,7 @@
d="m 148,147 c -3.86599,0 -7,3.13401 -7,7 0,3.86599 3.13401,7 7,7 3.86599,0 7,-3.13401 7,-7 0,-3.86599 -3.13401,-7 -7,-7 z m 0,1 c 3.31371,0 6,2.68629 6,6 0,3.31371 -2.68629,6 -6,6 -3.31371,0 -6,-2.68629 -6,-6 0,-3.31371 2.68629,-6 6,-6 z"
id="path5022" />
@@ -2049,7 +2049,7 @@
+ style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#37474f;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;marker:none;enable-background:accumulate" />
+ style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#37474f;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;marker:none;enable-background:accumulate" />
+ style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#37474f;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;marker:none;enable-background:accumulate" />
+ style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#37474f;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;marker:none;enable-background:accumulate" />
+ style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#37474f;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;marker:none;enable-background:accumulate" />
+ style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#37474f;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;marker:none;enable-background:accumulate" />
+ inkscape:connector-curvature="0" />
+ inkscape:connector-curvature="0" />
+ inkscape:connector-curvature="0" />
+ inkscape:connector-curvature="0" />
@@ -2491,12 +2488,12 @@
r="3" />