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" />