From 320a703a54056741da500382080affd63de737e6 Mon Sep 17 00:00:00 2001 From: Maurizio Galli Date: Tue, 21 Jan 2020 20:05:39 +0800 Subject: [PATCH] Sync dark theme with light theme and use symlink --- dark/gtk-3.0/Gemfile | 3 +- dark/gtk-3.0/README | 36 +- dark/gtk-3.0/_colors-public.scss | 113 +- dark/gtk-3.0/_colors.scss | 72 +- dark/gtk-3.0/_common.scss | 4407 +---------------- dark/gtk-3.0/_drawing.scss | 642 +-- dark/gtk-3.0/_gnome-apps.scss | 56 +- dark/gtk-3.0/_xfce.scss | 6 + dark/gtk-3.0/apps | 1 + dark/gtk-3.0/apps/granite-widgets.css | 687 --- dark/gtk-3.0/apps/lightdm-unity-greeter.css | 67 - dark/gtk-3.0/assets | 1 + dark/gtk-3.0/assets/bullet-symbolic.svg | 155 - .../assets/bullet-symbolic.symbolic.png | Bin 147 -> 0 bytes dark/gtk-3.0/assets/check-symbolic.svg | 154 - .../assets/check-symbolic.symbolic.png | Bin 231 -> 0 bytes .../assets/checkbox-active-selectionmode.png | Bin 346 -> 0 bytes .../checkbox-backdrop-selectionmode.png | Bin 352 -> 0 bytes .../checkbox-checked-active-selectionmode.png | Bin 583 -> 0 bytes ...heckbox-checked-backdrop-selectionmode.png | Bin 577 -> 0 bytes .../checkbox-checked-hover-selectionmode.png | Bin 614 -> 0 bytes .../assets/checkbox-checked-insensitive.png | Bin 577 -> 0 bytes .../assets/checkbox-hover-selectionmode.png | Bin 346 -> 0 bytes dark/gtk-3.0/assets/checkbox-mixed-hover.png | Bin 388 -> 0 bytes .../assets/checkbox-mixed-insensitive.png | Bin 385 -> 0 bytes dark/gtk-3.0/assets/checkbox-mixed.png | Bin 381 -> 0 bytes .../gtk-3.0/assets/checkbox-selectionmode.png | Bin 346 -> 0 bytes .../assets/checkbox-unchecked-insensitive.png | Bin 352 -> 0 bytes dark/gtk-3.0/assets/dash-symbolic.svg | 153 - .../gtk-3.0/assets/dash-symbolic.symbolic.png | Bin 130 -> 0 bytes .../gtk-3.0/assets/grid-selection-checked.png | Bin 1131 -> 0 bytes .../assets/grid-selection-unchecked.png | Bin 330 -> 0 bytes .../assets/pane-separator-vertical.png | Bin 148 -> 0 bytes dark/gtk-3.0/assets/pane-separator.png | Bin 151 -> 0 bytes dark/gtk-3.0/assets/resize-grip.png | Bin 187 -> 0 bytes .../assets/titlebutton-close-active-dark.png | Bin 298 -> 0 bytes .../titlebutton-close-active-dark@2.png | Bin 834 -> 0 bytes .../titlebutton-close-active-dark@2.svg | 130 - .../assets/titlebutton-close-active.png | Bin 337 -> 0 bytes .../assets/titlebutton-close-active@2.png | Bin 995 -> 0 bytes .../assets/titlebutton-close-active@2.svg | 145 - .../titlebutton-close-backdrop-dark.png | 1 - .../titlebutton-close-backdrop-dark@2.png | 1 - .../assets/titlebutton-close-backdrop.png | 1 - .../assets/titlebutton-close-backdrop@2.png | 1 - .../gtk-3.0/assets/titlebutton-close-dark.png | Bin 325 -> 0 bytes .../assets/titlebutton-close-dark@2.png | Bin 909 -> 0 bytes .../assets/titlebutton-close-dark@2.svg | 123 - .../assets/titlebutton-close-hover-dark.png | 1 - .../assets/titlebutton-close-hover-dark@2.png | 1 - .../assets/titlebutton-close-hover.png | Bin 245 -> 0 bytes .../assets/titlebutton-close-hover@2.png | Bin 816 -> 0 bytes .../assets/titlebutton-close-hover@2.svg | 100 - dark/gtk-3.0/assets/titlebutton-close.png | Bin 259 -> 0 bytes dark/gtk-3.0/assets/titlebutton-close@2.png | Bin 803 -> 0 bytes dark/gtk-3.0/assets/titlebutton-close@2.svg | 100 - .../titlebutton-maximize-active-dark.png | Bin 218 -> 0 bytes .../titlebutton-maximize-active-dark@2.png | Bin 407 -> 0 bytes .../assets/titlebutton-maximize-active.png | Bin 229 -> 0 bytes .../assets/titlebutton-maximize-active@2.png | Bin 423 -> 0 bytes .../titlebutton-maximize-backdrop-dark.png | 1 - .../titlebutton-maximize-backdrop-dark@2.png | 1 - .../assets/titlebutton-maximize-backdrop.png | 1 - .../titlebutton-maximize-backdrop@2.png | 1 - .../assets/titlebutton-maximize-dark.png | Bin 196 -> 0 bytes .../assets/titlebutton-maximize-dark@2.png | Bin 263 -> 0 bytes .../titlebutton-maximize-hover-dark.png | 1 - .../titlebutton-maximize-hover-dark@2.png | 1 - .../assets/titlebutton-maximize-hover.png | Bin 223 -> 0 bytes .../assets/titlebutton-maximize-hover@2.png | Bin 301 -> 0 bytes dark/gtk-3.0/assets/titlebutton-maximize.png | Bin 230 -> 0 bytes .../gtk-3.0/assets/titlebutton-maximize@2.png | Bin 294 -> 0 bytes .../titlebutton-minimize-active-dark.png | Bin 218 -> 0 bytes .../titlebutton-minimize-active-dark@2.png | Bin 363 -> 0 bytes .../assets/titlebutton-minimize-active.png | Bin 170 -> 0 bytes .../assets/titlebutton-minimize-active@2.png | Bin 369 -> 0 bytes .../titlebutton-minimize-backdrop-dark.png | 1 - .../titlebutton-minimize-backdrop-dark@2.png | 1 - .../assets/titlebutton-minimize-backdrop.png | 1 - .../titlebutton-minimize-backdrop@2.png | 1 - .../assets/titlebutton-minimize-dark.png | Bin 198 -> 0 bytes .../assets/titlebutton-minimize-dark@2.png | Bin 204 -> 0 bytes .../titlebutton-minimize-hover-dark.png | 1 - .../titlebutton-minimize-hover-dark@2.png | 1 - .../assets/titlebutton-minimize-hover.png | Bin 167 -> 0 bytes .../assets/titlebutton-minimize-hover@2.png | Bin 205 -> 0 bytes dark/gtk-3.0/assets/titlebutton-minimize.png | Bin 182 -> 0 bytes .../gtk-3.0/assets/titlebutton-minimize@2.png | Bin 205 -> 0 bytes dark/gtk-3.0/gtk-contained-dark.scss | 8 +- dark/gtk-3.0/gtk.gresource.xml | 38 +- dark/gtk-3.0/settings.ini | 4 +- 91 files changed, 18 insertions(+), 7201 deletions(-) mode change 100644 => 120000 dark/gtk-3.0/Gemfile mode change 100644 => 120000 dark/gtk-3.0/README mode change 100644 => 120000 dark/gtk-3.0/_colors-public.scss mode change 100644 => 120000 dark/gtk-3.0/_colors.scss mode change 100644 => 120000 dark/gtk-3.0/_common.scss mode change 100644 => 120000 dark/gtk-3.0/_drawing.scss mode change 100644 => 120000 dark/gtk-3.0/_gnome-apps.scss create mode 120000 dark/gtk-3.0/apps delete mode 100644 dark/gtk-3.0/apps/granite-widgets.css delete mode 100644 dark/gtk-3.0/apps/lightdm-unity-greeter.css create mode 120000 dark/gtk-3.0/assets delete mode 100644 dark/gtk-3.0/assets/bullet-symbolic.svg delete mode 100644 dark/gtk-3.0/assets/bullet-symbolic.symbolic.png delete mode 100644 dark/gtk-3.0/assets/check-symbolic.svg delete mode 100644 dark/gtk-3.0/assets/check-symbolic.symbolic.png delete mode 100644 dark/gtk-3.0/assets/checkbox-active-selectionmode.png delete mode 100644 dark/gtk-3.0/assets/checkbox-backdrop-selectionmode.png delete mode 100644 dark/gtk-3.0/assets/checkbox-checked-active-selectionmode.png delete mode 100644 dark/gtk-3.0/assets/checkbox-checked-backdrop-selectionmode.png delete mode 100644 dark/gtk-3.0/assets/checkbox-checked-hover-selectionmode.png delete mode 100644 dark/gtk-3.0/assets/checkbox-checked-insensitive.png delete mode 100644 dark/gtk-3.0/assets/checkbox-hover-selectionmode.png delete mode 100644 dark/gtk-3.0/assets/checkbox-mixed-hover.png delete mode 100644 dark/gtk-3.0/assets/checkbox-mixed-insensitive.png delete mode 100644 dark/gtk-3.0/assets/checkbox-mixed.png delete mode 100644 dark/gtk-3.0/assets/checkbox-selectionmode.png delete mode 100644 dark/gtk-3.0/assets/checkbox-unchecked-insensitive.png delete mode 100644 dark/gtk-3.0/assets/dash-symbolic.svg delete mode 100644 dark/gtk-3.0/assets/dash-symbolic.symbolic.png delete mode 100644 dark/gtk-3.0/assets/grid-selection-checked.png delete mode 100644 dark/gtk-3.0/assets/grid-selection-unchecked.png delete mode 100644 dark/gtk-3.0/assets/pane-separator-vertical.png delete mode 100644 dark/gtk-3.0/assets/pane-separator.png delete mode 100644 dark/gtk-3.0/assets/resize-grip.png delete mode 100644 dark/gtk-3.0/assets/titlebutton-close-active-dark.png delete mode 100644 dark/gtk-3.0/assets/titlebutton-close-active-dark@2.png delete mode 100644 dark/gtk-3.0/assets/titlebutton-close-active-dark@2.svg delete mode 100644 dark/gtk-3.0/assets/titlebutton-close-active.png delete mode 100644 dark/gtk-3.0/assets/titlebutton-close-active@2.png delete mode 100644 dark/gtk-3.0/assets/titlebutton-close-active@2.svg delete mode 120000 dark/gtk-3.0/assets/titlebutton-close-backdrop-dark.png delete mode 120000 dark/gtk-3.0/assets/titlebutton-close-backdrop-dark@2.png delete mode 120000 dark/gtk-3.0/assets/titlebutton-close-backdrop.png delete mode 120000 dark/gtk-3.0/assets/titlebutton-close-backdrop@2.png delete mode 100644 dark/gtk-3.0/assets/titlebutton-close-dark.png delete mode 100644 dark/gtk-3.0/assets/titlebutton-close-dark@2.png delete mode 100644 dark/gtk-3.0/assets/titlebutton-close-dark@2.svg delete mode 120000 dark/gtk-3.0/assets/titlebutton-close-hover-dark.png delete mode 120000 dark/gtk-3.0/assets/titlebutton-close-hover-dark@2.png delete mode 100644 dark/gtk-3.0/assets/titlebutton-close-hover.png delete mode 100644 dark/gtk-3.0/assets/titlebutton-close-hover@2.png delete mode 100644 dark/gtk-3.0/assets/titlebutton-close-hover@2.svg delete mode 100644 dark/gtk-3.0/assets/titlebutton-close.png delete mode 100644 dark/gtk-3.0/assets/titlebutton-close@2.png delete mode 100644 dark/gtk-3.0/assets/titlebutton-close@2.svg delete mode 100644 dark/gtk-3.0/assets/titlebutton-maximize-active-dark.png delete mode 100644 dark/gtk-3.0/assets/titlebutton-maximize-active-dark@2.png delete mode 100644 dark/gtk-3.0/assets/titlebutton-maximize-active.png delete mode 100644 dark/gtk-3.0/assets/titlebutton-maximize-active@2.png delete mode 120000 dark/gtk-3.0/assets/titlebutton-maximize-backdrop-dark.png delete mode 120000 dark/gtk-3.0/assets/titlebutton-maximize-backdrop-dark@2.png delete mode 120000 dark/gtk-3.0/assets/titlebutton-maximize-backdrop.png delete mode 120000 dark/gtk-3.0/assets/titlebutton-maximize-backdrop@2.png delete mode 100644 dark/gtk-3.0/assets/titlebutton-maximize-dark.png delete mode 100644 dark/gtk-3.0/assets/titlebutton-maximize-dark@2.png delete mode 120000 dark/gtk-3.0/assets/titlebutton-maximize-hover-dark.png delete mode 120000 dark/gtk-3.0/assets/titlebutton-maximize-hover-dark@2.png delete mode 100644 dark/gtk-3.0/assets/titlebutton-maximize-hover.png delete mode 100644 dark/gtk-3.0/assets/titlebutton-maximize-hover@2.png delete mode 100644 dark/gtk-3.0/assets/titlebutton-maximize.png delete mode 100644 dark/gtk-3.0/assets/titlebutton-maximize@2.png delete mode 100644 dark/gtk-3.0/assets/titlebutton-minimize-active-dark.png delete mode 100644 dark/gtk-3.0/assets/titlebutton-minimize-active-dark@2.png delete mode 100644 dark/gtk-3.0/assets/titlebutton-minimize-active.png delete mode 100644 dark/gtk-3.0/assets/titlebutton-minimize-active@2.png delete mode 120000 dark/gtk-3.0/assets/titlebutton-minimize-backdrop-dark.png delete mode 120000 dark/gtk-3.0/assets/titlebutton-minimize-backdrop-dark@2.png delete mode 120000 dark/gtk-3.0/assets/titlebutton-minimize-backdrop.png delete mode 120000 dark/gtk-3.0/assets/titlebutton-minimize-backdrop@2.png delete mode 100644 dark/gtk-3.0/assets/titlebutton-minimize-dark.png delete mode 100644 dark/gtk-3.0/assets/titlebutton-minimize-dark@2.png delete mode 120000 dark/gtk-3.0/assets/titlebutton-minimize-hover-dark.png delete mode 120000 dark/gtk-3.0/assets/titlebutton-minimize-hover-dark@2.png delete mode 100644 dark/gtk-3.0/assets/titlebutton-minimize-hover.png delete mode 100644 dark/gtk-3.0/assets/titlebutton-minimize-hover@2.png delete mode 100644 dark/gtk-3.0/assets/titlebutton-minimize.png delete mode 100644 dark/gtk-3.0/assets/titlebutton-minimize@2.png mode change 100644 => 120000 dark/gtk-3.0/gtk-contained-dark.scss mode change 100644 => 120000 dark/gtk-3.0/gtk.gresource.xml mode change 100644 => 120000 dark/gtk-3.0/settings.ini diff --git a/dark/gtk-3.0/Gemfile b/dark/gtk-3.0/Gemfile deleted file mode 100644 index 56af69e6..00000000 --- a/dark/gtk-3.0/Gemfile +++ /dev/null @@ -1,2 +0,0 @@ -source 'https://rubygems.org' -gem "sass", "~> 3.4.0" diff --git a/dark/gtk-3.0/Gemfile b/dark/gtk-3.0/Gemfile new file mode 120000 index 00000000..cbf2bf62 --- /dev/null +++ b/dark/gtk-3.0/Gemfile @@ -0,0 +1 @@ +../../light/gtk-3.0/Gemfile \ No newline at end of file diff --git a/dark/gtk-3.0/README b/dark/gtk-3.0/README deleted file mode 100644 index 1e3f8051..00000000 --- a/dark/gtk-3.0/README +++ /dev/null @@ -1,35 +0,0 @@ -Summary -------- - -* Do not edit the CSS directly, edit the source SCSS files and process them with SASS (run - `./parse-sass.sh` when you have the required software installed, as described below) -* To be able to use the latest/adequate version of sass, install ruby, gem, sass & bundler. - On Fedora F20, this is done with `sudo dnf install rubygems && gem install bundle && bundle install` - from the same directory this README resides in. - -How to tweak the theme ----------------------- - -Greybird is a complex theme (based on Adwaita), so to keep it maintainable it's written and processed -in SASS. - -It is very likely your change will happen in the _common.scss file. That's where all the widget -selectors are defined. Here's a rundown of the "supporting" stylesheets, that are unlikely to be the -right place for a drive by stylesheet fix: - -_colors.scss - global color definitions. We keep the number of defined colors to a necessary minimum, - most colors are derived form a handful of basics. It covers both the light variant and - the dark variant. - -_colors-public.scss - SCSS colors exported through gtk to allow for 3rd party apps color mixing. - -_drawing.scss - drawing helper mixings/functions to allow easier definition of widget drawing under - specific context. This is why Adwaita isn't 15000 LOC. - -_common.scss - actual definitions of style for each widget. This is where you are likely to add/remove - your changes. - -You can read about SASS at http://sass-lang.com/documentation/. Once you make your changes to the -_common.scss file, you can either run the ./parse-sass.sh script or keep SASS watching for changes as you -edit. This is done by running `bundle exec sass --watch --sourcemap=none .` If sass is out of date, or is -missing, you can install it with `bundle install`. diff --git a/dark/gtk-3.0/README b/dark/gtk-3.0/README new file mode 120000 index 00000000..a84222cf --- /dev/null +++ b/dark/gtk-3.0/README @@ -0,0 +1 @@ +../../light/gtk-3.0/README \ No newline at end of file diff --git a/dark/gtk-3.0/_colors-public.scss b/dark/gtk-3.0/_colors-public.scss deleted file mode 100644 index ebc64f71..00000000 --- a/dark/gtk-3.0/_colors-public.scss +++ /dev/null @@ -1,112 +0,0 @@ -//apps rely on some named colors to be exported -/* GTK NAMED COLORS - ---------------- - use responsibly! */ - -// Sass thinks we're using the colors in the variables as strings and may shoot -// warning, it's innocuous and can be defeated by using "" + $var -/* -widget text/foreground color */ -@define-color theme_fg_color #{"" +$fg_color}; - -/* -text color for entries, views and content in general */ -@define-color theme_text_color #{"" +$text_color}; - -/* -widget base background color */ -@define-color theme_bg_color #{"" +$bg_color}; - -/* -text widgets and the like base background color */ -@define-color theme_base_color #{"" +$base_color}; - -/* -base background color of selections */ -@define-color theme_selected_bg_color #{"" +$selected_bg_color}; - -/* -text/foreground color of selections */ -@define-color theme_selected_fg_color #{"" +$selected_fg_color}; - -/* -base background color of insensitive widgets */ -@define-color insensitive_bg_color #{"" +$insensitive_bg_color}; - -/* -text foreground color of insensitive widgets */ -@define-color insensitive_fg_color #{"" +$insensitive_fg_color}; - -/* -insensitive text widgets and the like base background color */ -@define-color insensitive_base_color #{"" +$base_color}; - -/* -widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color #{"" +$backdrop_fg_color}; - -/* -text color for entries, views and content in general on backdrop windows */ -@define-color theme_unfocused_text_color #{"" +$text_color}; - -/* -widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color #{"" +$backdrop_bg_color}; - -/* -text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color #{"" +$backdrop_base_color}; - -/* -base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color #{"" +$selected_bg_color}; - -/* -text/foreground color of selections on backdrop windows */ -@define-color theme_unfocused_selected_fg_color #{"" + $selected_fg_color}; - -/* -widgets main borders color */ -@define-color borders #{"" +$borders_color}; - -/* -widgets main borders color on backdrop windows */ -@define-color unfocused_borders #{"" +$backdrop_borders_color}; - -/* -these are pretty self explicative */ -@define-color warning_color #{"" +$warning_color}; -@define-color error_color #{"" +$error_color}; -@define-color success_color #{"" +$success_color}; -//@define-color destructive_color #{$destructive_color} - -//WM - -$_wm_highlight: if($variant=='light', $top_hilight, // Sass gets mad if this is - transparentize(black,1)); // done directly in the - // color definition - -/* -these colors are exported for the window manager and shouldn't be used in applications, -read if you used those and something break with a version upgrade you're on your own... */ -@define-color wm_title shade(#{$fg_color}, 1.8); -@define-color wm_unfocused_title #{$backdrop_fg_color}; -@define-color wm_highlight #{"" + $_wm_highlight}; -@define-color wm_borders_edge #{"" + $borders_edge}; - -@define-color wm_bg_a shade(#{$bg_color}, 1.2); -@define-color wm_bg_b #{$bg_color}; - -@define-color wm_shadow alpha(black, 0.35); -@define-color wm_border alpha(black, 0.18); - -@define-color wm_button_hover_color_a shade(#{$bg_color}, 1.3); -@define-color wm_button_hover_color_b #{$bg_color}; -@define-color wm_button_active_color_a shade(#{$bg_color}, 0.85); -@define-color wm_button_active_color_b shade(#{$bg_color}, 0.89); -@define-color wm_button_active_color_c shade(#{$bg_color}, 0.9); - -//FIXME this is really an API - -@define-color content_view_bg #{"" + $base_color}; - diff --git a/dark/gtk-3.0/_colors-public.scss b/dark/gtk-3.0/_colors-public.scss new file mode 120000 index 00000000..41d2afaf --- /dev/null +++ b/dark/gtk-3.0/_colors-public.scss @@ -0,0 +1 @@ +../../light/gtk-3.0/_colors-public.scss \ No newline at end of file diff --git a/dark/gtk-3.0/_colors.scss b/dark/gtk-3.0/_colors.scss deleted file mode 100644 index d53071c0..00000000 --- a/dark/gtk-3.0/_colors.scss +++ /dev/null @@ -1,71 +0,0 @@ -// When color definition differs for dark and light variant -// it gets @if ed depending on $variant - - -$base_color: if($variant == 'light', #fcfcfc, #292929); -$text_color: if($variant == 'light', #212121, white); -$bg_color: if($variant == 'light', #cecece, #393f3f); -$fg_color: if($variant == 'light', #3c3c3c, #eeeeec); - -$selected_fg_color: #ffffff; -$selected_bg_color: if($variant == 'light', #398ee7, darken(#398ee7,20%)); -$selected_borders_color: if($variant== 'light', darken($selected_bg_color, 30%), darken($selected_bg_color, 20%)); -$borders_color: if($variant == 'light', darken($bg_color,30%), darken($bg_color,12%)); -$borders_edge: if($variant == 'light', transparentize(white, 0.2), transparentize($fg_color, 0.93)); -$link_color: if($variant == 'light', #2d71b8, lighten(#2d71b8,20%)); -$link_visited_color: if($variant == 'light', darken($selected_bg_color,20%), lighten($selected_bg_color,10%)); -$top_hilight: $borders_edge; -$dark_fill: mix($borders_color, $bg_color, 35%); -$headerbar_color: if($variant == 'light', $bg_color, darken($bg_color, 3%)); -$menu_color: if($variant == 'light', lighten($bg_color, 18%), mix($bg_color, $base_color, 20%)); -$popover_bg_color: lighten($bg_color, 18%); -$popover_hover_color: $selected_bg_color; - -$scrollbar_bg_color: if($variant == 'light', mix($bg_color, $fg_color, 80%), mix($base_color, $bg_color, 50%)); -$scrollbar_slider_color: $bg_color; -$scrollbar_slider_hover_color: mix($fg_color, $bg_color, 80%); -$scrollbar_slider_active_color: if($variant=='light', darken($selected_bg_color, 10%), lighten($selected_bg_color, 10%)); - -$warning_color: #f57900; -$error_color: #cc0000; -$success_color: if($variant == 'light', #4e9a06, darken(#4e9a06,10%)); -$destructive_color: if($variant == 'light', #ef2929, darken(#ef2929,10%)); - -$osd_fg_color: #eeeeee; -$osd_text_color: white; -$osd_bg_color: transparentize(#222, 0.2); -$osd_insensitive_bg_color: transparentize(#222, 0.2); -$osd_insensitive_fg_color: mix($osd_fg_color, opacify($osd_bg_color, 1), 50%); -$osd_borders_color: transparentize(black, 0.3); - -$sidebar_bg_color: if($variant == 'light', #dae0e6, #222); -$base_hover_color: transparentize($fg_color, 0.95); - -$tooltip_borders_color: transparentize(white, 0.9); -$shadow_color: transparentize(black, 0.9); - -$drop_target_color: #4e9a06; - -$panel_bg_color: #686868; -$panel_fg_color: #fcfcfc; - -//insensitive state derived colors -$insensitive_fg_color: mix($fg_color, $bg_color, 50%); -$insensitive_bg_color: mix($bg_color, $base_color, 60%); -$insensitive_borders_color: $borders_color; - -//colors for the backdrop state, derived from the main colors. -$backdrop_base_color: if($variant == 'light', darken($base_color, 1%), lighten($base_color, 1%)); -$backdrop_text_color: mix($text_color, $backdrop_base_color, 80%); -$backdrop_bg_color: $bg_color; -$backdrop_fg_color: mix($fg_color, $backdrop_bg_color, 50%); -$backdrop_insensitive_color: if($variant == 'light', darken($backdrop_bg_color, 15%), lighten($backdrop_bg_color, 15%)); -$backdrop_selected_fg_color: if($variant == 'light', $backdrop_base_color, $backdrop_text_color); -$backdrop_borders_color: mix($borders_color, $bg_color, 90%); -$backdrop_dark_fill: mix($backdrop_borders_color, $backdrop_bg_color, 35%); -$backdrop_sidebar_bg_color: mix($backdrop_bg_color, $backdrop_base_color, 50%); - -$backdrop_scrollbar_bg_color: darken($backdrop_bg_color, 3%); -$backdrop_scrollbar_slider_color: lighten($scrollbar_slider_color, 35%); - -$backdrop_menu_color: if($variant == 'light', $backdrop_base_color, mix($backdrop_bg_color, $backdrop_base_color, 20%)); diff --git a/dark/gtk-3.0/_colors.scss b/dark/gtk-3.0/_colors.scss new file mode 120000 index 00000000..02389eb3 --- /dev/null +++ b/dark/gtk-3.0/_colors.scss @@ -0,0 +1 @@ +../../light/gtk-3.0/_colors.scss \ No newline at end of file diff --git a/dark/gtk-3.0/_common.scss b/dark/gtk-3.0/_common.scss deleted file mode 100644 index f756dfc2..00000000 --- a/dark/gtk-3.0/_common.scss +++ /dev/null @@ -1,4406 +0,0 @@ -@function gtkalpha($c,$a) { - @return unquote("alpha(#{$c},#{$a})"); -} - -$ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94); -$asset_suffix: if($variant=='dark', '-dark', ''); -$backdrop_transition: 200ms ease-out; -$button_transition: all 200ms $ease-out-quad; - -* { - padding: 0; - -GtkToolButton-icon-spacing: 4; - -GtkTextView-error-underline-color: $error_color; - - // The size for scrollbars. The slider is 2px smaller, but we keep it - // up so that the whole area is sensitive to button presses for the - // slider. The stepper button is larger in both directions, the slider - // only in the width - - -GtkScrolledWindow-scrollbar-spacing: 0; - - -GtkToolItemGroup-expander-size: 11; - - -GtkWidget-text-handle-width: 20; - -GtkWidget-text-handle-height: 24; - - -GtkDialog-button-spacing: 4; - -GtkDialog-action-area-border: 0; - - // We use the outline properties to signal the focus properties - // to the adwaita engine: using real CSS properties is faster, - // and we don't use any outlines for now. - - outline-color: transparentize($fg_color, 0.7); - outline-style: dashed; - outline-offset: -3px; - outline-width: 1px; - -gtk-outline-radius: 2px; - - -gtk-secondary-caret-color: $selected_bg_color -} - - -/*************** - * Base States * - ***************/ -.background { - color: $fg_color; - background-color: $bg_color; - - &:backdrop { - color: $backdrop_fg_color; - background-color: $backdrop_bg_color; - text-shadow: none; - -gtk-icon-shadow: none; - } -} - -/* - These wildcard seems unavoidable, need to investigate. - Wildcards are bad and troublesome, use them with care, - or better, just don't. - Everytime a wildcard is used a kitten dies, painfully. -*/ - -*:disabled { -gtk-icon-effect: dim; } - -.gtkstyle-fallback { - color: $fg_color; - background-color: $bg_color; - text-shadow: none; - - &:hover { - color: $fg_color; - background-color: lighten($bg_color, 10%); - } - - &:active { - color: $fg_color; - background-color: darken($bg_color, 10%); - } - - &:disabled { - color: $insensitive_fg_color; - background-color: $insensitive_bg_color; - } - - &:selected { - color: $selected_fg_color; - background-color: $selected_bg_color; - } -} - -.view, -%view { - color: $text_color; - background-color: $base_color; - - &:backdrop { - color: $backdrop_text_color; - background-color: $backdrop_base_color; - } - - &:selected { - &:focus, & { - @extend %selected_items; - - border-radius: 3px; - } - } -} - -.view, -textview { - text { - @extend %view; - - selection { &:focus, & { @extend %selected_items; }} - } -} - -textview border { background-color: mix($bg_color, $base_color, 50%); } - -iconview { @extend .view; } - -.rubberband, -rubberband { - border: 1px solid darken($selected_bg_color, 10%); - background-color: transparentize(darken($selected_bg_color, 10%), 0.8); -} - -flowbox { - rubberband { @extend rubberband; } - - flowboxchild { - padding: 3px; - border-radius: 3px; - - &:selected { - @extend %selected_items; - - outline-offset: -2px; - } - } -} - -label { - &.separator { - @extend .dim-label; - - color: $fg_color; - - &:backdrop { color: $backdrop_fg_color; } - } - - row:selected &, - &:selected { @extend %nobg_selected_items; } - - selection { - background-color: $selected_bg_color; - color: $selected_fg_color; - } - - &:disabled { - color: $insensitive_fg_color; - - selection { @extend %selected_items:disabled; } - - &:backdrop { color: $backdrop_insensitive_color; } - } - - &:backdrop { - color: $backdrop_fg_color; - - selection { @extend %selected_items:backdrop; } - } -} - -.dim-label { - opacity: 0.55; - text-shadow: none; -} - -assistant { - .sidebar { - background-color: $base_color; - border-top: 1px solid $borders_color; - - &:backdrop { - background-color: $backdrop_base_color; - border-color: $backdrop_borders_color; - } - } - - &.csd .sidebar { border-top-style: none; } - - .sidebar label { padding: 6px 12px; } - - .sidebar label.highlight { background-color: mix($bg_color, $fg_color, 80%); } -} - -%osd, .osd { - color: $osd_fg_color; - border: none; - background-color: $osd_bg_color; - background-clip: padding-box; - outline-color: transparentize($osd_fg_color, 0.7); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - - &:backdrop { - color: shade($osd_fg_color, 1.2); - background-color: shade($osd_bg_color, 1.6); - text-shadow: none; - -gtk-icon-shadow: none; - } -} - - -/********************* - * Spinner Animation * - *********************/ -@keyframes spin { - to { -gtk-icon-transform: rotate(1turn); } -} - -spinner { - background: none; - opacity: 0; // non spinning spinner makes no sense - -gtk-icon-source: -gtk-icontheme('process-working-symbolic'); - - &:checked { - opacity: 1; - animation: spin 1s linear infinite; - - &:disabled { opacity: 0.5; } - } -} - - -/**************** - * Text Entries * - ****************/ - -%entry, -entry { - %entry_basic, & { - min-height: 28px; - padding-left: 4px; - padding-right: 4px; - border: 1px solid; - border-radius: 3px; - transition: all 200ms $ease-out-quad; - - @include entry(normal); - - image { // icons inside the entry - &.left { margin-right: 6px; } - &.right { margin-left: 6px; } - } - - undershoot { - &.left { @include undershoot(left); } - &.right { @include undershoot(right); } - } - - &.flat { - &:focus, & { - min-height: 0; - padding: 2px; - background-color: transparent; - border-color: transparent; - border-radius: 0; - } - } - - &:focus { @include entry(focus); } - - &:disabled { @include entry(insensitive); } - - &:backdrop { - @include entry(backdrop); - - transition: $backdrop_transition; - } - - &:backdrop:disabled { @include entry(backdrop-insensitive); } - - selection { &:focus, & { @extend %selected_items; }} - - // entry error and warning style - @each $e_type, $e_color in (error, $error_color), - (warning, $warning_color) { - &.#{$e_type} { - background-color: transparentize($e_color, 0.9); - color: $e_color; - text-shadow: none; - border-color: entry_focus_border($e_color); - - &:focus { @include entry(focus, $e_color); } - - selection { background-color: $e_color; } - } - } - - image { // entry icons colors - color: mix($fg_color, $base_color, 80%); - - &:hover { color: $fg_color; } - - &:active { color: $selected_bg_color; } - - &:backdrop { color: mix($backdrop_fg_color, $backdrop_base_color, 80%); } - } - - &:drop(active) { - &:focus, & { - border-color: $drop_target_color; - box-shadow: inset 0 0 0 1px $drop_target_color; - } - } - - .osd & { - @include entry(osd); - - &:focus { @include entry(osd-focus); } - - &:backdrop { @include entry(osd-backdrop); } - - &:disabled { @include entry(osd-insensitive); } - } - } - - progress { - margin: 2px -6px; - background-color: transparent; - background-image: none; - border-radius: 0; - border-width: 0 0 2px; - border-color: $selected_bg_color; - border-style: solid; - box-shadow: none; - - &:backdrop { background-color: transparent; } - } - - // linked entries - .linked:not(.vertical) > & { @extend %linked; } - .linked:not(.vertical) > &:focus + &, - .linked:not(.vertical) > &:focus + button, - .linked:not(.vertical) > &:focus + combobox > box > button.combo { border-left-color: entry_focus_border(); } - - .linked:not(.vertical) > &:drop(active) + &, - .linked:not(.vertical) > &:drop(active) + button, - .linked:not(.vertical) > &:drop(active) + combobox > box > button.combo { border-left-color: $drop_target_color; } - - // Vertically linked entries - // FIXME: take care of "colored" entries - .linked.vertical > & { - @extend %linked_vertical; - - // brighter border between linked entries - &:not(:disabled) + entry:not(:disabled), - &:not(:disabled) + %entry:not(:disabled) { - border-top-color: mix($borders_color, $base_color, 30%); - background-color: $base_color; - - &:backdrop { - border-top-color: mix($backdrop_borders_color, $backdrop_base_color, 30%); - background-color: $backdrop_base_color; - } - } - - // brighter border between linked insensitive entries - &:disabled + %entry:disabled, - &:disabled + entry:disabled { border-top-color: mix($borders_color, $base_color, 30%); } - - // color back the top border of a linked focused entry following another entry and add back the focus shadow. - // :not(:only-child) is a specificity bump hack. - + %entry:focus:not(:only-child), - + entry:focus:not(:only-child) { border-top-color: entry_focus_border(); } - - + %entry:drop(active):not(:only-child), - + entry:drop(active):not(:only-child) { border-top-color: $drop_target_color; } - - // this takes care of coloring the top border of the focused entry subsequent widget. - // :not(:only-child) is a specificity bump hack. - &:focus:not(:only-child) { - + %entry, - + entry, - + button, - + combobox > box > button.combo { border-top-color: entry_focus_border(); } - } - - &:drop(active):not(:only-child) { - + %entry, - + entry, - + button, - + combobox > box > button.combo { border-top-color: $drop_target_color; } - } - } -} - -treeview entry { - &:focus { - &:dir(rtl), &:dir(ltr) { // specificity bump hack - background-color: $base_color; - transition-property: color, background; - } - } - - &.flat, & { - border-radius: 0; - background-image: none; - background-color: $base_color; - - &:focus { border-color: $selected_bg_color; } - } -} - - -/*********** - * Buttons * - ***********/ -// stuff for .needs-attention -$_dot_color: if($variant=='light', $selected_bg_color, - lighten($selected_bg_color,15%)); -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, - center center, 0, - center center, 0.01, - to($_dot_color), - to(transparent)); - } - - to { - background-image: -gtk-gradient(radial, - center center, 0, - center center, 0.5, - to($selected_bg_color), - to(transparent)); - } -} - -%button, -button { - @at-root %button_basic, & { - - min-height: 24px; - min-width: 22px; - padding: 1px 2px; - border: 1px solid; - border-radius: 3px; - transition: $button_transition; - - @include button(normal); - - &.flat { - @include button(undecorated); - // to avoid adiacent buttons borders clashing when transitioning, the transition on the normal state is set - // to none, while it's added back in the hover state, so the button decoration will fade in on hover, but - // it won't fade out when the pointer leave the button allocation area. To make the transition more evident - // in this case the duration is increased. - transition: none; - - &:hover { - transition: $button_transition; - transition-duration: 500ms; - - &:active { transition: $button_transition; } - } - } - - &:hover { - @include button(hover); - -gtk-icon-effect: highlight; - } - - &:active, - &:checked { - @include button(active); - - transition-duration: 50ms; - } - - &:backdrop { - &.flat, & { - @include button(backdrop); - - transition: $backdrop_transition; - -gtk-icon-effect: none; - - &:active, - &:checked { @include button(backdrop-active); } - - &:disabled { - @include button(backdrop-insensitive); - - &:active, - &:checked { @include button(backdrop-insensitive-active); } - } - } - } - - &.flat { &:backdrop, &:disabled, &:backdrop:disabled { @include button(undecorated); }} - - &:disabled { - @include button(insensitive); - - &:active, - &:checked { @include button(insensitive-active); } - } - - &.image-button { - min-height: 20px; - min-width: 20px; - padding: 2px; - } - - &.text-button { - padding-left: 8px; - padding-right: 8px; - } - - &.text-button.image-button { - padding-left: 4px; - padding-right: 4px; - - label { - padding-left: 4px; - padding-right: 4px; - } - } - - &:drop(active) { - color: $drop_target_color; - border-color: $drop_target_color; - box-shadow: inset 0 0 0 1px $drop_target_color; - } - } - - @at-root %button_selected, & { - row:selected & { - @if $variant == 'light' { border-color: $selected_borders_color; } - - &.flat:not(:active):not(:checked):not(:hover):not(disabled) { - color: $selected_fg_color; - border-color: transparent; - - &:backdrop { color: if($variant=='light', $backdrop_base_color, $backdrop_fg_color); } - } - } - } - - - // big standalone buttons like in Documents pager - &.osd { - min-width: 24px; - min-height: 32px; - - &.image-button { min-width: 32px; } - - color: $osd_fg_color; - border-radius: 5px; - outline-color: transparentize($osd_fg_color, 0.7); //FIXME: define a color var? - - @include button(osd); - - border: none; - box-shadow: none; - - &:hover { - @include button(osd-hover); - - border: none; - box-shadow: none; - } - - &:active, - &:checked { - @include button(osd-active); - - border: none; - box-shadow: none; - } - - &:disabled { - &:backdrop, & { - @include button(osd-insensitive); - - border: none; - } - } - - &:backdrop { - @include button(osd-backdrop); - - border: none; - } - } - - //overlay / OSD style - @at-root %osd_button, - .osd & { - @include button(osd); - - &:hover { @include button(osd-hover); } - - &:active, - &:checked { &:backdrop, & { @include button(osd-active); }} - - &:disabled { &:backdrop, & { @include button(osd-insensitive); }} - - &:backdrop { @include button(osd-backdrop); } - - &.flat { - @include button(undecorated); - - box-shadow: none; //FIXME respect no edge on the button mixin - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - - &:hover { @include button(osd-hover); } - - &:disabled { - @include button(osd-insensitive); - background-image: none; - border-color: transparent; - box-shadow: none; - } - - &:backdrop { @include button(undecorated); } - - &:active, - &:checked { @include button(osd-active); } - } - } - - // Suggested and Destructive Action buttons - @each $b_type, $b_color in (suggested-action, $selected_bg_color), - (destructive-action, $destructive_color) { - &.#{$b_type} { - @include button(normal, $b_color, white); - - &.flat { - @include button(undecorated); - - color: $b_color; //FIXME: does it work on the dark variant? - } - - &:hover { @include button(hover, $b_color, white); } - - &:active, - &:checked { @include button(active, $b_color, white); } - - &:backdrop, - &.flat:backdrop { - @include button(backdrop, $b_color, white); - - &:active, - &:checked { @include button(backdrop-active, $b_color, white); } - - &:disabled { - @include button(backdrop-insensitive); - - &:active, - &:checked { @include button(backdrop-insensitive-active, $b_color, white); } - } - } - - &.flat { - &:backdrop, &:disabled, &:backdrop:disabled { - @include button(undecorated); - - color: transparentize($b_color, 0.2); - } - } - - &:disabled { - @include button(insensitive, $b_color, white); - - &:active, - &:checked { @include button(insensitive-active, $b_color, white); } - } - - .osd & { - @include button(osd, $b_color); - - &:hover { @include button(osd-hover, $b_color); } - - &:active, - &:checked { &:backdrop, & { @include button(osd-active, $b_color); }} - - &:disabled { &:backdrop, & { @include button(osd-insensitive, $b_color); }} - - &:backdrop { @include button(osd-backdrop, $b_color); } - } - } - } - - .stack-switcher > & { - // to position the needs attention dot, padding is added to the button - // child, a label needs just lateral padding while an icon needs vertical - // padding added too. - - outline-offset: -3px; // needs to be set or it gets overriden by GtkRadioButton outline-offset - - > label { - padding-left: 6px; // label padding - padding-right: 6px; // - } - - > image { - padding-left: 6px; // image padding - padding-right: 6px; // - padding-top: 3px; // - padding-bottom: 3px; // - } - - &.text-button { - // compensate text-button paddings - padding-left: 10px; - padding-right: 10px; - } - - &.image-button { - // we want image buttons to have a 1:1 aspect ratio, so compensation - // of the padding added to the GtkImage is needed - padding-left: 2px; - padding-right: 2px; - } - - &.needs-attention { - > label, - > image { @extend %needs_attention; } - - &:active, - &:checked { - > label, - > image { - animation: none; - background-image: none; - } - } - } - } - - //inline-toolbar buttons - .inline-toolbar &, .inline-toolbar &:backdrop { - border-radius: 2px; - border-width: 1px; - @extend %linked; - } - - .primary-toolbar & { -gtk-icon-shadow: none; } // tango icons don't need shadows - - .linked > &, - .linked > &:hover, - .linked > &:active, - .linked > &:checked, - .linked > &:backdrop { @extend %linked; } - - .linked.vertical > &, - .linked.vertical > &:hover, - .linked.vertical > &:active, - .linked.vertical > &:checked, - .linked.vertical > &:backdrop { @extend %linked_vertical; } -} - -%needs_attention { - animation: needs_attention 150ms ease-in; - $_dot_shadow: _text_shadow_color(); - $_dot_shadow_r: if($variant=='light',0.5,0.45); - background-image: -gtk-gradient(radial, - center center, 0, - center center, 0.5, - to($_dot_color), - to(transparent)), - -gtk-gradient(radial, - center center, 0, - center center, $_dot_shadow_r, - to($_dot_shadow), - to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - - @if $variant == 'light' { background-position: right 3px, right 4px; } - - @else { background-position: right 3px, right 2px; } - - &:backdrop { background-size: 6px 6px, 0 0;} - - &:dir(rtl) { - @if $variant == 'light' { background-position: left 3px, left 4px; } - - @else { background-position: left 3px, left 2px; } - } -} - - -// all the following is for the +|- buttons on inline toolbars, that way -// should really be deprecated... -.inline-toolbar toolbutton > button { // redefining the button look is - // needed since those are flat... - @include button(normal); - - &:hover { @include button(hover); } - - &:active, - &:checked{ @include button(active); } - - &:disabled { - @include button(insensitive); - - &:active, - &:checked { @include button(insensitive-active); } - } - - &:backdrop { - @include button(backdrop); - - &:active, - &:checked { @include button(backdrop-active); } - - &:disabled { - @include button(backdrop-insensitive); - - &:active, - &:checked { @include button(backdrop-insensitive-active); } - } - } -} - -// More inline toolbar buttons -toolbar.inline-toolbar toolbutton, -toolbar.inline-toolbar toolbutton:backdrop { - > button.flat { @extend %linked_middle; } - - &:first-child > button.flat { @extend %linked:first-child; } - - &:last-child > button.flat { @extend %linked:last-child; } - - &:only-child > button.flat { @extend %linked:only-child; } -} - -%linked_middle { - border-radius: 0; - border-right-style: none; -} - -%linked { - @extend %linked_middle; - - &:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - } - - &:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - border-right-style: solid; - } - - &:only-child { - border-radius: 3px; - border-style: solid; - } -} - -%linked_vertical_middle { - border-style: solid solid none solid; - border-radius: 0; -} - -%linked_vertical{ - @extend %linked_vertical_middle; - - &:first-child { - border-top-left-radius: 3px; - border-top-right-radius: 3px; - } - - &:last-child { - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border-style: solid; - } - - &:only-child { - border-radius: 3px; - border-style: solid; - } -} - -%undecorated_button { - background-color: transparent; - background-image: none; - border-color: transparent; - box-shadow: inset 0 1px transparentize(white, 1), - 0 1px transparentize(white, 1); - text-shadow: none; - -gtk-icon-shadow: none; -} - -/* menu buttons */ -modelbutton.flat, -.menuitem.button.flat { - min-height: 26px; - padding-left: 5px; - padding-right: 5px; - border-radius: 3px; - outline-offset: -2px; - - @extend %undecorated_button; - - &:hover { background-color: $popover_hover_color; } - - &:selected { @extend %selected_items; } - - &:backdrop, - &:backdrop:hover { @extend %undecorated_button; } - - // FIXME: remove the following when the checks/radios rewrite lands - check:last-child, - radio:last-child { margin-left: 8px; } - - check:first-child, - radio:first-child { margin-right: 8px; } -} - -modelbutton.flat arrow { - background: none; - - &:hover { background: none; } - - &.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } - - &.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } -} - -button.color { - padding: 4px; - - colorswatch:only-child { - &, overlay { border-radius: 0; } - - @if $variant == 'light' { - box-shadow: 0 1px _text_shadow_color(); - - &:disabled, - &:backdrop, - &:active, - &:checked { colorswatch:only-child { box-shadow: none; }} - } - } -} - - -/********* - * Links * - *********/ -*:link { - color: $link_color; - - &:visited { - color: $link_visited_color; - - *:selected & { color: mix($selected_fg_color, $selected_bg_color, 60%); } - } - - &:hover { - color: lighten($link_color,10%); - - *:selected & { color: mix($selected_fg_color, $selected_bg_color, 90%); } - } - - &:active { - color: $link_color; - - *:selected & { color: mix($selected_fg_color, $selected_bg_color, 80%); } - } - - &:backdrop { &:backdrop:hover, &:backdrop:hover:selected, & { color: $selected_bg_color; }} - - @at-root %link_selected, - &:selected, - *:selected & { color: mix($selected_fg_color, $selected_bg_color, 80%); } -} - -button:link, -button:visited { - @extend %undecorated_button; - - @extend *:link; - - text-shadow: none; - - &:hover, - &:active, - &:checked { - @extend %undecorated_button; - - text-shadow: none; - } - - > label { text-decoration-line: underline; } -} - - -/***************** - * GtkSpinButton * - *****************/ -spinbutton { - &:not(.vertical) { - // in this horizontal configuration, the whole spinbutton - // behaves as the entry, so we extend the entry styling - // and nuke the style on the internal entry - @extend %entry; - - padding: 0; - - entry { - min-width: 28px; - // reset all the other props since the spinbutton node is styled here - margin: 0; - background: none; - background-color: transparent; - border: none; - border-radius: 0; - box-shadow: none; - } - - button { - min-height: 16px; - margin: 0; - padding-bottom: 0; - padding-top: 0; - color: mix($fg_color, $base_color, 90%); - background-image: none; - border-style: none none none solid; - border-color: transparentize($borders_color, 0.7); - border-radius: 0; - box-shadow: none; - - &:dir(rtl) { border-style: none solid none none; } - - &:hover { - color: $fg_color; - background-color: $base_hover_color; - } - - &:disabled { - color: transparentize($insensitive_fg_color, 0.7); - background-color: transparent; - } - - &:active { - background-color: transparentize(black, 0.9); - box-shadow: inset 0 2px 3px -1px transparentize(black, 0.8); - } - - &:backdrop { - color: mix($backdrop_fg_color, $backdrop_base_color, 90%); - background-color: transparent; - border-color: transparentize($backdrop_borders_color, 0.7); - transition: $backdrop_transition; - } - - &:backdrop:disabled { - color: transparentize($backdrop_insensitive_color,0.7); - background-color: transparent; - border-style: none none none solid; // It is needed or it gets overridden - - &:dir(rtl) { border-style: none solid none none; } - } - } - } - - // OSD horizontal - .osd &:not(.vertical) { - button { - @include button(undecorated); - - color: $osd_fg_color; - border-style: none none none solid; - border-color: transparentize($osd_borders_color, 0.3); - border-radius: 0; - box-shadow: none; - -gtk-icon-shadow: 0 1px black; - - &:dir(rtl) { border-style: none solid none none; } - - &:hover { - @include button(undecorated); - - color: $osd_fg_color; - border-color: transparentize(opacify($osd_borders_color, 1), 0.5); - background-color: transparentize($osd_fg_color, 0.9); - -gtk-icon-shadow: 0 1px black; - box-shadow: none; - } - - &:backdrop { - @include button(undecorated); - - color: $osd_fg_color; - border-color: transparentize(opacify($osd_borders_color, 1), 0.5); - -gtk-icon-shadow: none; - box-shadow: none; - } - - &:disabled { - @include button(undecorated); - - color: $osd_insensitive_fg_color; - border-color: transparentize(opacify($osd_borders_color, 1), 0.5); - -gtk-icon-shadow: none; - box-shadow: none; - } - - &:dir(ltr):last-child { border-radius: 0 3px 3px 0; } - - &:dir(rtl):first-child { border-radius: 3px 0 0 3px; } - } - } - - // Vertical - &.vertical { - // in the vertical configuration, we treat the spinbutton - // as a box, and tweak the style of the entry in the middle - // so that it's linked - - // FIXME: this should not be set at all, but otherwise it gets the wrong - // color - &:disabled { color: $insensitive_fg_color; } - - &:backdrop:disabled { color: $backdrop_insensitive_color; } - - &:drop(active) { - border-color: transparent; - box-shadow: none; - } - - entry { - min-height: 32px; - min-width: 32px; - padding: 0; - border-radius: 0; - } - - button { - min-height: 32px; - min-width: 32px; - padding: 0; - - &.up { @extend %top_button; } - - &.down { @extend %bottom_button; } - } - - %top_button { - border-radius: 3px 3px 0 0; - border-style: solid solid none solid; - } - - %bottom_button { - border-radius: 0 0 3px 3px; - border-style: none solid solid solid; - } - } - - // OSD vertical - .osd &.vertical button:first-child { - @include button(osd); - - &:hover { @include button(osd-hover);} - - &:active { @include button(osd-active); } - - &:disabled { @include button(osd-insensitive); } - - &:backdrop { @include button(osd-backdrop); } - } - - // Misc - treeview &:not(.vertical) { - min-height: 0; - border-style: none; - border-radius: 0; - - entry { - min-height: 0; - padding: 1px 2px; - } - } -} - - -/************** - * ComboBoxes * - **************/ -combobox { - arrow { - -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); - min-height: 16px; - min-width: 16px; - } - - &.linked { - button:nth-child(2) { - &:dir(ltr) { @extend %linked:last-child; } - &:dir(rtl) { @extend %linked:first-child; } - } - } - - &:drop(active) { // FIXME: untested - box-shadow: none; - - button.combo { @extend %button_basic:drop(active); } - } -} - -.linked > combobox > box > button.combo { - // the combo is a composite widget so the way we do button linking doesn't - // work, special case needed. See - // https://bugzilla.gnome.org/show_bug.cgi?id=733979 - - &:dir(ltr), - &:dir(rtl) { @extend %linked_middle; } // specificity bump -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { @extend %linked:first-child; } -.linked:not(.vertical) > combobox:last-child > box > button.combo { @extend %linked:last-child; } -.linked:not(.vertical) > combobox:only-child > box > button.combo { @extend %linked:only-child; } - -.linked.vertical > combobox > box > button.combo { @extend %linked_vertical_middle; } -.linked.vertical > combobox:first-child > box > button.combo { @extend %linked_vertical:first-child;} -.linked.vertical > combobox:last-child > box > button.combo { @extend %linked_vertical:last-child; } -.linked.vertical > combobox:only-child > box > button.combo { @extend %linked_vertical:only-child; } - - -/************ - * Toolbars * - ************/ -%toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: $bg_color; -} - -toolbar { - @extend %toolbar; - @include headerbar_fill; - - box-shadow: none; - border-bottom:1px solid $borders_color; - padding: 4px 3px 3px 4px; - - // on OSD - .osd & { background-color: transparent; } - - // stand-alone OSD toolbars - &.osd { - padding: 13px; - border: none; - border-radius: 5px; - background-color: $osd_bg_color; - - &.left, - &.right, - &.top, - &.bottom { border-radius: 0; } // positional classes for `attached` osd toolbars - } - - // toolbar separators - &.horizontal separator { margin: 0 7px 1px 6px; } - &.vertical separator { margin: 6px 1px 7px 0; } - - &:not(.inline-toolbar):not(.osd) { - switch, - scale, - entry, - spinbutton, - button { - margin-right: 1px; - margin-bottom: 1px; - } - } -} - -//searchbar, location-bar & inline-toolbar -.inline-toolbar { - @extend %toolbar; - - @extend %darkbar; - - padding: 3px; - border-width: 0 1px 1px; - border-radius: 0 0 5px 5px; -} - -searchbar, -.location-bar { - @extend %toolbar; - - @extend %darkbar; - - border-width: 0 0 1px; - padding: 3px; -} - -%darkbar { - border-style: solid; - border-color: $borders_color; - $_bg: mix($bg_color, $borders_color, 70%); - background-color: $_bg; - - &:backdrop { - border-color: $backdrop_borders_color; - background-color: $backdrop_dark_fill; - box-shadow: none; - transition: $backdrop_transition; - } -} - - -/*************** - * Header bars * - ***************/ -%titlebar, -headerbar { - padding: 0 5px; - min-height: 38px; - border-width: 0 0 1px; - border-style: solid; - border-color: $borders_color; - border-radius: 0; - - @include headerbar_fill; - - &:backdrop { - border-color: $backdrop_borders_color; - background-color: $bg_color; - background-image: none; - box-shadow: inset 0 1px $top_hilight; - - transition: $backdrop_transition; - } - - .title { - font-weight: bold; - padding-left: 12px; - padding-right: 12px; - } - - .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - - @extend .dim-label; - } - - &.selection-mode { - $_hc: mix($top_hilight,$selected_bg_color, 50%); // hilight color - - color: $selected_fg_color; - text-shadow: none; - border-color: $selected_borders_color; - - @include headerbar_fill($selected_bg_color, $_hc); - - &:backdrop { - background-color: $selected_bg_color; - background-image: none; - box-shadow: inset 0 1px mix($top_hilight, $selected_bg_color, 60%); - } - - .subtitle:link { @extend *:link:selected; } - - button { - @include button(normal, $selected_bg_color, $selected_fg_color); - - &.flat { @include button(undecorated); } - - &:hover { @include button(hover, $selected_bg_color, $selected_fg_color); } - - &:active, - &:checked { @include button(active, $selected_bg_color, $selected_fg_color); } - - &:backdrop { - &.flat, & { - @include button(backdrop, $selected_bg_color, $selected_fg_color); - - -gtk-icon-effect: none; - border-color: $selected_borders_color; - - &:active, - &:checked { - @include button(backdrop-active, $selected_bg_color, $selected_fg_color); - - border-color: $selected_borders_color; - } - - &:disabled { - @include button(backdrop-insensitive, $selected_bg_color, $selected_fg_color); - - border-color: $selected_borders_color; - - &:active, &:checked { - @include button(backdrop-insensitive-active, $selected_bg_color, $selected_fg_color); - - border-color: $selected_borders_color; - } - } - } - } - - &.flat { &:backdrop, &:disabled, &:backdrop:disabled { @include button(undecorated); }} - - &:disabled { - @include button(insensitive, $selected_bg_color, $selected_fg_color); - - &:active, - &:checked { @include button(insensitive-active, $selected_bg_color, $selected_fg_color); } - } - - &.suggested-action { - @include button(normal); - color: $selected_fg_color; - - border-color: $selected_borders_color; - - &:hover { - @include button(hover); - - border-color: $selected_borders_color; - } - - &:active { - @include button(active); - - border-color: $selected_borders_color; - } - - &:disabled { - @include button(insensitive); - background-image: none; - background: $bg_color; - - border-color: $selected_borders_color; - } - - &:backdrop { - @include button(backdrop); - - border-color: $selected_borders_color; - } - - &:backdrop:disabled { - @include button(backdrop-insensitive); - - border-color: $selected_borders_color; - } - } - } - - .selection-menu { - &:backdrop, & { - border-color: transparentize($selected_bg_color, 1); - background-color: transparentize($selected_bg_color, 1); - background-image: none; - box-shadow: none; - padding-left: 10px; - padding-right: 10px; - - GtkArrow { -GtkArrow-arrow-scaling: 1; } - - .arrow { - -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); - color: transparentize($selected_fg_color,0.5); - -gtk-icon-shadow: none; - } - } - } - } - - .tiled &, - .maximized & { &:backdrop, & { border-radius: 0; }} // squared corners when the window is maximized or tiled - - &.default-decoration { - padding: 4px; - min-height: 28px; - - button.titlebutton { - min-height: 26px; - min-width: 26px; - margin: 0; - padding: 0; - } - } - - .solid-csd & { - &:backdrop, & { - &:dir(rtl), &:dir(ltr) { // specificity bump - margin-left: -1px; - margin-right: -1px; - margin-top: -1px; - border-radius: 0; - box-shadow: none; - } - } - } -} - -headerbar { - // add vertical margins to common widget on the headerbar to avoid them spanning the whole height - entry, - spinbutton, - separator, - button { - margin-top: 3px; - margin-bottom: 3px; - } - button label { - min-width: 28px; - min-height: 28px; - } - button.titlebutton image { - min-width: 22px; - min-height: 22px; - } - button:not(.image-button):not(.titlebutton) image { - min-width: 28px; - min-height: 28px; - } - button.image-button { - min-width: 28px; - min-height: 28px; - padding-left: 2px; - padding-right: 2px; - } - switch { - margin-top: 9px; - margin-bottom: 9px; - } - buttonbox { padding: 0px; } -} - -.background:not(.tiled):not(.maximized) .titlebar { - &:backdrop, & { - border-top-left-radius: 7px; - border-top-right-radius: 7px; - } -} - -headerbar { - window:not(.tiled):not(.maximized) separator:first-child + &, // tackles the paned container case - window:not(.tiled):not(.maximized) &:first-child { &:backdrop, & { border-top-left-radius: 7px; }} - - window:not(.tiled):not(.maximized) &:last-child { &:backdrop, & { border-top-right-radius: 7px; }} -} - -.titlebar:not(headerbar) { - window.csd > & { - // in csd we assume every titlebar is a headerbar so reset anything, this is needed for split toolbars cases - padding: 0; - background-color: transparent; - background-image: none; - border-style: none; - border-color: transparent; - box-shadow: none; - } - - > separator { background-color: $borders_color; } - - @extend %titlebar; -} - -// Fixes: https://github.com/shimmerproject/Greybird/issues/157 -// workaround for ugly Ubuntu-related CSD patches -.background:not(.csd):not(.ssd):not(.solid-csd) headerbar { - &, &:backdrop { - &, &:not(:last-child) { - border-radius: 0; - border-top-color: transparent; - box-shadow: none; - } - } -} - -/************ - * Pathbars * - ************/ -.path-bar button { - &.text-button, &.image-button, & { - padding-left: 4px; - padding-right: 4px; - } - - &.text-button.image-button label { - padding-left: 0; - padding-right: 0; - } - - &.text-button.image-button, & { - label:last-child { padding-right: 8px; } - label:first-child { padding-left: 8px; } - } - - image { - padding-left: 4px; - padding-right: 4px; - } - - &.slider-button { - padding-left: 0; - padding-right: 0; - } -} - -/************** - * Tree Views * - **************/ -treeview.view { - @at-root * { - -GtkTreeView-horizontal-separator: 4; - -GtkTreeView-grid-line-width: 1; - -GtkTreeView-grid-line-pattern: ''; - -GtkTreeView-tree-line-width: 1; - -GtkTreeView-tree-line-pattern: ''; - -GtkTreeView-expander-size: 16; - } - - border-left-color: mix($fg_color, $base_color, 50%); // this is actually the tree lines color, - border-top-color: $bg_color; // while this is the grid lines color, better then nothing - - rubberband { @extend rubberband; } // to avoid borders being overridden by the previously set props - - &:selected { - &:focus, & { - border-radius: 0; - - @extend %selected_items; - } - - &:backdrop, & { - border-left-color: mix($selected_fg_color, $selected_bg_color, 50%); - border-top-color: transparentize($fg_color, 0.9); // doesn't work unfortunatelly - } - } - - &:disabled { - color: $insensitive_fg_color; - - &:selected { - color: mix($selected_fg_color, $selected_bg_color, 40%); - &:backdrop { color: mix($backdrop_selected_fg_color, $selected_bg_color, 30%); } - } - - &:backdrop { color: $backdrop_insensitive_color; } - } - - &.separator { - min-height: 2px; - color: $bg_color; - - &:backdrop { color: transparentize($bg_color, 0.9); } - } - - &:backdrop { - border-left-color: mix($backdrop_fg_color, $backdrop_bg_color, 50%); - border-top: $backdrop_bg_color; - } - &:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: $selected_borders_color; - - &.after { border-top-style: none; } - - &.before { border-bottom-style: none; } - } - - &.expander { - -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); - - &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); } - - color: mix($fg_color, $base_color, 70%); - - &:hover { color: $fg_color; } - - &:selected { - color: mix($selected_fg_color, $selected_bg_color, 70%); - - &:hover { color: $selected_fg_color; } - - &:backdrop { color: mix($backdrop_selected_fg_color, $selected_bg_color, 70%); } - } - - &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } - - &:backdrop { color: mix($backdrop_fg_color, $backdrop_base_color, 70%); } - } - - &.progressbar { // progress bar in treeviews - @if $variant == light { color: $base_color; } - - border: 1px solid $selected_borders_color; - border-radius: 4px; - background-color: $selected_bg_color; - background-image: linear-gradient(to bottom, - $selected_bg_color, - darken($selected_bg_color, 10%)); - box-shadow: inset 0 1px if($variant=='light', transparentize(white, 0.7), - transparentize(white, 0.85)), - 0 1px if($variant=='light', transparentize(black, 0.8), - transparentize(black, 0.9)); - - &:selected { - &:focus, & { - border-radius: 4px; - - @if $variant == 'light' { - color: $selected_bg_color; - box-shadow: none; - } - - @else { box-shadow: inset 0 1px transparentize(white, 0.95); } - - background-image: linear-gradient(to bottom, - $base_color, - darken($base_color, 10%)); - - &:backdrop { - @if $variant == 'light' { - color: $selected_bg_color; - border-color: $selected_borders_color; // otherwise it gets inherited by .view(?!?) - } - - @else { border-color: $backdrop_base_color; } - - background-color: $backdrop_base_color; - } - } - } - - &:backdrop { - @if $variant == 'light' { color: $backdrop_base_color; } - - @else { border-color: $backdrop_base_color; } - - background-image: none; - box-shadow: none; - } - } - - &.trough { // progress bar trough in treeviews - background-color: transparentize($fg_color,0.9); - border-radius: 4px; - - &:selected { - &:focus, & { - background-color: if($variant == 'light', - transparentize($selected_fg_color, 0.7), - darken($selected_bg_color, 10%)); - border-radius: 4px; - - @if $variant == 'light' { - border-width: 1px 0; - border-style: solid; - border-color: $selected_bg_color; - } - } - } - } - - header { - button { - $_column_header_color: mix($fg_color, $base_color, 50%); - - @extend %column_header_button; - - color: $_column_header_color; - background-color: $base_color; - font-weight: bold; - text-shadow: none; - box-shadow: none; - - &:hover { - @extend %column_header_button; - - color: mix($_column_header_color, $fg_color, 50%); - box-shadow: none; - transition: none; //I shouldn't need this - } - - &:active { - @extend %column_header_button; - - color: $fg_color; - transition: none; //I shouldn't need this - } - } - - button:last-child { &:backdrop, & { border-right-style: none; }} - } - - button.dnd, - header.button.dnd { // for treeview-like derive widgets - &:active, &:selected, &:hover, & { - padding: 0 6px; - transition: none; - background-image: none; - background-color: $selected_bg_color; - color: $base_color; - border-radius: 0; - border-style: none; - box-shadow: inset 0 0 0 1px $base_color; - text-shadow: none; - } - } - - acceleditor > label { background-color: $selected_bg_color; } // see tests/testaccel to test -} - -%column_header_button { - padding: 0 6px; - border-radius: 0; - background-image: none; - text-shadow: none; - border-style: none solid solid none; - border-color: $bg_color; - - &:disabled { - border-color: $bg_color; - background-image: none; - } - - &:backdrop { - border-color: $backdrop_bg_color; - border-style: none solid solid none; - color: mix($backdrop_fg_color, $backdrop_bg_color, 50%); - background-image: none; - background-color: $backdrop_base_color; - - &:disabled { - border-color: $backdrop_bg_color; - background-image: none; - } - } -} - - -/********* - * Menus * - *********/ -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0px; - - &:backdrop { background-color: $backdrop_bg_color; } - - > menuitem { - min-height: 16px; - padding: 3px 8px; - border: 1px solid transparent; - - &:hover { //Seems like it :hover even with keyboard focus - background-image: linear-gradient(to bottom, - shade($selected_bg_color, 1.2), - shade($selected_bg_color, 1.0) - ); - color: $selected_fg_color; - border-color: shade($selected_bg_color, 1.1); - } - - &:disabled { - color: $insensitive_fg_color; - box-shadow: none; - } - } -} - -menu, -.menu, -.context-menu { - margin: 4px; - padding: 2px 0px; - background-color: $menu_color; - border: 1px solid $borders_color; // adds borders in a non composited env - - .csd & { border: none; } // axes borders in a composited env - - &:backdrop { background-color: $backdrop_menu_color; } - - menuitem { - min-height: 16px; - min-width: 40px; - padding: 4px 6px; - text-shadow: none; - - &:hover { - color: $selected_fg_color; - background-image: linear-gradient(to bottom, shade($selected_bg_color, 1.2), shade($selected_bg_color, 1.0)); - box-shadow: inset 1px 1px shade($selected_bg_color, 0.8), - inset -1px -1px shade($selected_bg_color, 0.8); - } - - &:disabled { - color: $insensitive_fg_color; - &:backdrop { color: $backdrop_insensitive_color; } - } - - &:backdrop, - &:backdrop:hover { - color: $backdrop_fg_color; - background-color: transparent; - } - - // submenu indicators - arrow { - min-height: 16px; - min-width: 16px; - - &:dir(ltr) { - -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); - margin-left: 10px; - } - - &:dir(rtl) { - -gtk-icon-source:-gtk-icontheme('pan-end-symbolic-rtl'); - margin-right: 10px; - } - } - - // avoids labels color being overridden, see - // https://bugzilla.gnome.org/show_bug.cgi?id=767058 - label { &:dir(rtl), &:dir(ltr) { color: inherit; }} - } - - // overflow arrows - > arrow { - @include button(undecorated); - - min-height: 16px; - min-width: 16px; - padding: 4px; - background-color: $menu_color; - border-radius: 0; - - &.top { - margin-top: -6px; - border-bottom: 1px solid mix($fg_color, $base_color, 10%); - -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); - } - - &.bottom { - margin-bottom: -6px; - border-top: 1px solid mix($fg_color, $base_color, 10%); - -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); - } - - &:hover { background-color: mix($fg_color, $base_color, 10%); } - - &:backdrop { background-color: $backdrop_menu_color; } - - &:disabled { - color: transparent; - background-color: transparent; - border-color: transparent ; - } - } -} - -menuitem { - accelerator { color: gtkalpha(currentColor,0.55); } - - check, - radio { - min-height: 16px; - min-width: 16px; - - &:dir(ltr) { margin-right: 7px; } - &:dir(rtl) { margin-left: 7px; } - } -} - -/*************** - * Popovers * - ***************/ - -popover.background { - padding: 2px; - border-radius: 5px; - background-color: $popover_bg_color; - - modelbutton:hover { color: $selected_fg_color; } - - .csd &, & { border: 1px solid $borders_color; } - - box-shadow: 0 1px 2px transparentize(black, 0.7); - - &:backdrop { - background-color: $backdrop_bg_color; - box-shadow: none; - } - - > list, - > .view, - > toolbar { - border-style: none; - background-color: transparent; - } - - .csd &, & { - &.touch-selection, - &.magnifier { - @extend %osd; - - border: 1px solid transparentize(white, 0.9); - - button { @extend %osd_button }; - } - - &.osd { @extend %osd; } - } - - separator { margin: 3px; } - - list separator { margin: 0px; } - - checkbutton, - radiobutton { @extend modelbutton.flat; } -} - -/************* - * Notebooks * - *************/ -notebook { - &.frame { - border-style: none; - - > header { margin-left: 0; } - - > stack:not(:only-child) { // the :not(:only-child) is for "hidden" notebooks - border: 1px solid shade($bg_color, 0.9); - } - } - - > header { - padding: 1px; - background-color: $bg_color; - - &:backdrop { - border-color: $backdrop_borders_color; - background-color: $backdrop_bg_color; - } - - tabs { margin: -1px; } - - &.top { - > stack { border-top-style: none; } - > tabs > tab { - border-radius: 3px 3px 0 0; - border: 1px solid shade($bg_color, 0.9); - - &:backdrop { box-shadow: none; } - - &:checked { border-width: 1px 1px 0 1px; } - } - } - - &.bottom { - > stack { border-bottom-style: none; } - > tabs > tab { - border-radius: 0 0 3px 3px; - - &:backdrop { box-shadow: none; } - - &:checked { border-width: 0 1px 1px 1px; } - } - } - - &.left { - > stack { border-left-style: none; } - > tabs > tab { - border-radius: 3px 0 0 3px; - - &:backdrop { box-shadow: none; } - - &:checked { border-width: 1px 0 1px 1px; } - } - } - - &.right { - > stack { border-right-style: none; } - > tabs > tab { - border-radius: 0 3px 3px 0; - - &:backdrop { box-shadow: none; } - - &:checked { border-width: 1px 1px 1px 0; } - } - } - - &.top > tabs > arrow { - @extend %notebook_vert_arrows; - - border-top-style: none; - } - - &.bottom > tabs > arrow { - @extend %notebook_vert_arrows; - - border-bottom-style: none; - } - - @at-root %notebook_vert_arrows { - margin-left: -5px; - margin-right: -5px; - padding-left: 4px; - padding-right: 4px; - - &.down { -gtk-icon-source: -gtk-icontheme('pan-start-symbolic'); } - - &.up { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); } - } - - &.left > tabs > arrow { - @extend %notebook_horz_arrows; - - border-left-style: none; - } - - &.right > tabs > arrow { - @extend %notebook_horz_arrows; - - border-right-style: none; - } - - @at-root %notebook_horz_arrows { - margin-top: -5px; - margin-bottom: -5px; - padding-top: 4px; - padding-bottom: 4px; - - &.down { -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); } - - &.up { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } - } - - > tabs > arrow { - @extend %button_basic; - - @extend %button_basic.flat; - - min-height: 16px; - min-width: 16px; - border-radius: 0; - - &:hover:not(:active):not(:backdrop) { - background-clip: padding-box; - background-image: none; - background-color: transparentize(white, 0.7); - border-color: transparent; - box-shadow: none; - } - - &:disabled { @include button(undecorated); } - } - - tab { - min-height: 20px; - min-width: 24px; - padding: 3px 12px; - - outline-offset: -5px; - - color: $insensitive_fg_color; - background-color: $bg_color; - - border-width: 1px; // for reorderable tabs - border-radius: 3px; - border-color: shade($bg_color, 0.9); // - border-style: solid; - - &:hover { - color: mix($insensitive_fg_color, $fg_color, 50%); - - &.reorderable-page { - border-color: transparentize($borders_color, 0.7); - background-color: transparentize($bg_color, 0.8); - } - } - - &:backdrop { - color: mix($backdrop_fg_color, $backdrop_bg_color, 60%); - - &.reorderable-page { - border-color: transparent; - background-color: transparent; - } - } - - &:checked { - color: $fg_color; - background-color: shade($bg_color, 1.05); - border-width: 1px 1px 0 1px; - &:backdrop { - background-color: $bg_color; - } - &.reorderable-page { - border-color: transparentize($borders_color, 0.5); - background-color: shade($bg_color, 1.05); - } - } - - &:backdrop:checked { - color: $backdrop_fg_color; - - &.reorderable-page { - border-color: $backdrop_borders_color; - background-color: $backdrop_bg_color; - } - } - - // colors the button like the label, overridden otherwise - button.flat { - &:hover { color: currentColor; } - - &, &:backdrop { color: gtkalpha(currentColor, 0.3); } - - padding: 0; - margin-top: 1px; - margin-bottom: 1px; - // FIXME: generalize .small-button? - min-width: 16px; - min-height: 16px; - - &:last-child { - margin-left: 1px; - margin-right: -1px; - } - - &:first-child { - margin-left: -1px; - margin-right: 1px; - } - } - } - - &.top, - &.bottom { - tabs { - padding: 0; - - &:not(:only-child) { - margin-left: 2px; - margin-right: 2px; - } - &:first-child { margin-left: -3px; } - &:last-child { margin-right: -3px; } - - tab { - margin-left: 2px; - margin-right: 2px; - } - } - } - - &.left, - &.right { - tabs { - padding: 0; - - &:not(:only-child) { - margin-top: 2px; - margin-bottom: 2px; - } - &:first-child { margin-top: -3px; } - &:last-child { margin-bottom: -3px; } - - tab { - margin-top: 2px; - margin-bottom: 2px; - } - } - } - - &.top tab { padding-bottom: 4px; } - &.bottom tab { padding-top: 4px; } - - &.top > tabs { - margin-bottom: -2px; - } - - &.bottom > tabs { - margin-top: -2px; - } - - &.left > tabs { - margin-right: -2px; - } - - &.right > tabs { - margin-left: -2px; - } - } - - // if the notebook property show_border is set to false, the frame directly inside the notebook - // doesn't exist, so we define the tab margins, the background and backdrop colors here: - - > header { - margin-left: 6px; - } - - > stack:not(:only-child) { // the :not(:only-child) is for "hidden" notebooks - background-color: shade($bg_color, 1.05); - border-width: 1px; - border-color: shade($bg_color, 0.9); - border-style: solid; - &:backdrop { background-color: $backdrop_bg_color; } - } -} - - -/************** - * Scrollbars * - **************/ -scrollbar { - $_slider_min_length: 40px; - - // disable steppers - @at-root * { - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; - } - - background-image: linear-gradient(to right, - lighten($bg_color, 10%), - lighten($bg_color, 30%) - ); - transition: 300ms $ease-out-quad; - - // scrollbar border - &.top { border-bottom: 1px solid lighten($bg_color, 5%); } - &.bottom { border-top: 1px solid lighten($bg_color, 5%); } - &.left { border-right: 1px solid lighten($bg_color, 5%); } - &.right { border-left: 1px solid lighten($bg_color, 5%); } - - &:backdrop { - background-color: $backdrop_scrollbar_bg_color; - border-color: lighten($bg_color, 5%); - transition: $backdrop_transition; - } - - // slider - slider { - min-width: 7px; - min-height: 7px; - margin: 3px; - border: 1px solid darken($bg_color, 30%); - border-radius: 10px; - background-clip: padding-box; - background-image: linear-gradient(to right, - lighten($scrollbar_slider_color, 5%), - lighten($scrollbar_slider_color, 1%)); - - &:hover { - background-image: linear-gradient(to right, - darken($scrollbar_slider_color, 5%), - darken($scrollbar_slider_color, 1%)); - } - - &:hover:active { background-color: $scrollbar_slider_active_color; } - - &:backdrop { background-color: $backdrop_scrollbar_slider_color; } - - &:disabled { background-color: transparent; } - } - - &.fine-tune { - slider { - min-width: 4px; - min-height: 4px; - } - - &.horizontal slider { border-width: 5px 4px; } - &.vertical slider { border-width: 4px 5px; } - } - - &.overlay-indicator { - &:not(.dragging):not(.hovering) { - border-color: transparent; - opacity: 0.4; - background-color: transparent; - - slider { - margin: 0; - min-width: 6px; - min-height: 6px; - background-color: shade($fg_color, 0.9); - background-image: none; - border: 1px solid if($variant == 'light', white, black); - } - - button { - min-width: 5px; - min-height: 5px; - background-color: shade($fg_color, 0.9); - background-image: none; - background-clip: padding-box; - border-radius: 100%; - border: 1px solid if($variant == 'light', white, black); - -gtk-icon-source: none; - } - - &.horizontal { - slider { - margin: 0 2px; - min-width: $_slider_min_length; - } - - button { - margin: 1px 2px; - min-width: 5px; - } - } - - &.vertical { - slider { - margin: 2px 0; - min-height: $_slider_min_length; - } - - button { - margin: 2px 1px; - min-height: 5px; - } - } - } - - &.dragging, - &.hovering { opacity: 0.8; } - } - - &.horizontal slider { min-width: $_slider_min_length; } - - &.vertical slider { min-height: $_slider_min_length; } - - // button styling - button { - padding: 0; - min-width: 12px; - min-height: 12px; - border-style: none; - border-radius: 0; - transition-property: min-height, min-width, color; - - @include button(undecorated); - - color: $scrollbar_slider_color; - - &:hover { - @include button(undecorated); - - color: $scrollbar_slider_hover_color; - } - &:active, &:checked { - @include button(undecorated); - - color: $scrollbar_slider_active_color; - } - &:disabled { - @include button(undecorated); - - color: transparentize($scrollbar_slider_color, 0.8); - } - &:backdrop { - @include button(undecorated); - - color: $backdrop_scrollbar_slider_color; - - &:disabled { - @include button(undecorated); - - color: transparentize($backdrop_scrollbar_slider_color, 0.8); - } - } - } - - // button icons - &.vertical { - button { - &.down { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } - - &.up { -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); } - } - } - - &.horizontal { - button { - &.down { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); } - - &.up { -gtk-icon-source: -gtk-icontheme('pan-start-symbolic'); } - } - } -} - -treeview ~ scrollbar.vertical { - border-top: 1px solid $borders_color; - margin-top: -1px; -} - -/********** - * Switch * - **********/ -switch { - font-size: 0; - outline-offset: -4px; - box-shadow: inset 0 1px transparentize(black, 0.9), // needs to be set here - _widget_edge(transparent); // otherwise it gets - // clipped - // similar to the .scale - border: 1px solid gtkalpha(black, 0.25); - border-radius: 10px; - background-color: mix($bg_color, $borders_color, 60%); - text-shadow: 0 1px transparentize(black, 0.9); - min-height: 20px; - min-width: 20px; - transition: all 200ms ease-in; - - &:checked { - box-shadow: inset 0 1px transparentize(black, 0.9), - _widget_edge(transparent); - border-color: shade($selected_borders_color, 1.1); - background-image: linear-gradient(to bottom, - shade($selected_bg_color, 1.1), - $selected_bg_color - ); - text-shadow: 0 1px transparentize($selected_borders_color, 0.5), - 0 0 2px transparentize(white, 0.4); - } - - &:disabled { - border-color: $borders_color; - background-color: $insensitive_bg_color; - box-shadow: _widget_edge(transparent); - text-shadow: none; - } - - &:backdrop { - border-color: $backdrop_borders_color; - background-color: $backdrop_dark_fill; - box-shadow: none; - text-shadow: none; - transition: $backdrop_transition; - - &:checked { - @if $variant == 'light' { color: $backdrop_bg_color; } - border-color: transparentize($selected_borders_color, 0.3); - background-color: transparentize($selected_bg_color, 0.3); - background-image: none; - box-shadow: none; - } - } - - &:disabled { - border-color: $backdrop_borders_color; - background-image: none; - background-color: $insensitive_bg_color; - } - - slider { - margin: -1px; - border: 1px solid gtkalpha(black, 0.2); - border-radius: 10px; - min-width: 20px; - min-height: 20px; - transition: $button_transition; - - @include button(normal-alt, $edge: $shadow_color); - } - - &:hover slider { @include button(hover-alt, $edge: $shadow_color); } - - &:checked slider { border: 1px solid gtkalpha($selected_borders_color, 0.8); } - - &:disabled slider { @include button(insensitive); } - - &:backdrop { - slider { - transition: $backdrop_transition; - - @include button(backdrop); - } - - &:checked slider { border-color: transparentize($selected_borders_color, 0.3); } - - &:disabled slider { @include button(backdrop-insensitive); } - } - - row:selected & { - @if $variant == 'light' { - box-shadow: none; - border-color: $selected_borders_color; - - &:backdrop { border-color: $selected_borders_color; } - - &.slider:dir(rtl) { border-left-color: $borders_color; } - &.slider:dir(ltr) { border-right-color: $borders_color; } - - &.slider { &:checked, & { border-color: $selected_borders_color; } } - } - } -} - - -/************************* - * Check and Radio items * - *************************/ -// draw regular check and radio items using our PNG assets -// all assets are rendered from assets.svg. never add pngs directly - - -//selection-mode -@each $s,$as in ('','-selectionmode'), - (':hover', '-hover-selectionmode'), - (':active', '-active-selectionmode'), - (':backdrop', '-backdrop-selectionmode'), - (':checked', '-checked-selectionmode'), - (':checked:hover', '-checked-hover-selectionmode'), - (':checked:active', '-checked-active-selectionmode'), - (':backdrop:checked', '-checked-backdrop-selectionmode') { - .view.content-view.check#{$s}:not(list) { - -gtk-icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/checkbox#{$as}.png"), - url("assets/checkbox#{$as}@2.png")); - background-color: transparent; - } -} - -checkbutton.text-button, radiobutton.text-button { - // this is for a nice focus on check and radios text - padding: 2px 0; - outline-offset: 0; - - label:not(:only-child) { - &:first-child { margin-left: 4px; } - &:last-child { margin-right: 4px; } - } -} - -check, -radio { - margin: 0 4px; - - &:only-child { margin: 0; } - - min-height: 14px; - min-width: 14px; - border: 1px solid; - -gtk-icon-source: none; - - @include button(normal-alt, $c:lighten($bg_color, 5%), $edge: $shadow_color); - - &:hover { @include button(hover-alt, $edge: $shadow_color); } - &:active { @include button(active); } - &:disabled { @include button(insensitive); } - &:backdrop { - @include button(backdrop); - - transition: $backdrop_transition; - - &:disabled { @include button(backdrop-insensitive); } - } - - @if $variant == 'light' { - // the borders of the light variant versions of checks and radios are too similar in luminosity to the selected background - // color, hence we need special casing. - row:selected & { border-color: $selected_borders_color; } - } - - .osd & { - @include button(osd); - - &:hover { @include button(osd); } - &:active { @include button(osd-active); } - &:backdrop { @include button(osd-backdrop); } - &:disabled { @include button(osd-insensitive); } - } - - menu menuitem & { - margin: 0; // this is a workaround for a menu check/radio size allocation issue - - &, &:hover, &:disabled { //FIXME use button reset mixin - min-height: 14px; - min-width: 14px; - background-image: none; - background-color: transparent; - box-shadow: none; - -gtk-icon-shadow: none; - color: inherit; - border-color: currentColor; - animation: none; - } - } -} - -%check, -check { - border-radius: 3px; - - &:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/check-symbolic.svg")), - -gtk-recolor(url("assets/check-symbolic.symbolic.png"))); } - - &:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), - -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); } -} - -%radio, -radio { - border-radius: 100%; - - &:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/bullet-symbolic.svg")), - -gtk-recolor(url("assets/bullet-symbolic.symbolic.png"))); } - - &:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), - -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); } -} - -// let's animate things -@keyframes check_check { - from { -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); } - to { -gtk-icon-transform: unset; } -} - -@keyframes check_radio { - from { -gtk-icon-transform: scale(0); } - to { -gtk-icon-transform: unset; } -} - -@keyframes check_indeterminate { - from { -gtk-icon-transform: scale(0, 1); } - to { -gtk-icon-transform: unset; } -} - -check:not(:indeterminate):checked { animation: check_check 400ms; } - -radio:not(:indeterminate):checked { animation: check_radio 400ms; } - -check:indeterminate:checked, radio:indeterminate:checked { animation: check_indeterminate 400ms; } - -// no animations in menus -menu menuitem { - check:not(:indeterminate):checked, - radio:not(:indeterminate):checked, - check:indeterminate:checked:active, - radio:indeterminate:checked { animation: none; } -} - -treeview.view check, -treeview.view radio { - &:selected { - &:focus, & { - color: $fg_color; - - @if $variant == 'light' { border-color: $selected_borders_color; } - } - - &:disabled { - color: $insensitive_fg_color; - - &:backdrop { color: $backdrop_insensitive_color; } - } - } - - &:backdrop { &:selected, & { color: $backdrop_fg_color; }} -} - -treeview.view radio:selected { &:focus, & { @extend %radio; }} // This is a workaround - - -/************ - * GtkScale * - ************/ -%scale_trough { - border: 1px solid $borders_color; - border-radius: 3px; - background-color: $dark_fill; - box-shadow: inset 1px 1px transparentize(black, 0.9); - - &:disabled { - background-color: $insensitive_bg_color; - box-shadow: none; - } - - &:backdrop { - background-color: $backdrop_dark_fill; - border-color: $backdrop_borders_color; - box-shadow: none; - transition: $backdrop_transition; - - &:disabled { background-color: $insensitive_bg_color; } - } - - // ...on selected list rows - row:selected & { - box-shadow: none; - - &, &:disabled { border-color: $selected_borders_color; } - } - - // OSD - .osd & { - border-color: $osd_borders_color; - background-color: transparentize($osd_borders_color, 0.2); - box-shadow: none; - outline-color: transparentize($osd_fg_color, 0.8); - - &:disabled { background-color: $osd_insensitive_bg_color; } - } -} - -%scale_highlight { - border: 1px solid shade($selected_bg_color, 0.7); - border-radius: 3px; - background-image: linear-gradient(to bottom, - shade($selected_bg_color, 1.1), - shade($selected_bg_color, 0.9) - ); - - &:disabled { - background-color: transparent; - border-color: transparent; - } - - &:backdrop { - border-color: transparentize($selected_borders_color, 0.3); - background-color: transparentize($selected_bg_color, 0.3); - background-image: none; - &:disabled { - background-color: transparent; - border-color: transparent; - } - } - - // ...on selected list rows - row:selected & { &:disabled, & { border-color: $selected_borders_color; } } - - // OSD - .osd & { - border-color: $osd_borders_color; - - &:disabled { border-color: transparent; } - } -} - -scale { - // sizing - $_marks_length: 6px; - $_marks_distance: 6px; - - min-height: 10px; - min-width: 10px; - padding: 12px; - - // those are inside the trough node, I need them to show their own border over the trough one, so negative margin - fill, - highlight { margin: -2px; } - - // the slider is inside the trough, so to have make it bigger there's a negative margin - - slider { - min-height: 13px; - min-width: 13px; - margin: -7px; - } - - // click-and-hold the slider to activate - &.fine-tune { - &.horizontal { - padding-top: 9px; - padding-bottom: 9px; - min-height: 16px; - } - - &.vertical { - padding-left: 9px; - padding-right: 9px; - min-width: 16px; - } - - // to make the trough grow in fine-tune mode - slider { margin: -6px; } - - fill, - highlight, - trough { - border-radius: 5px; - -gtk-outline-radius: 7px; - } - } - - // the backing bit - trough { - @extend %scale_trough; - - padding: 1px; - outline-offset: 2px; - -gtk-outline-radius: 5px; - } - - // the colored part of the backing bit - highlight { @extend %scale_highlight; } - - // this is another differently styled part of the backing bit, the most relevant use case is for example - // in media player to indicate how much video stream has been cached - fill { - @extend %scale_trough; - - &, &:backdrop { - background-color: $borders_color; - box-shadow: none; - } - - &:disabled { - &, &:backdrop { - border-color: transparent; - background-color: transparent; - } - } - - // OSD - .osd & { - background-color: mix($osd_fg_color, $osd_borders_color, 25%); - - &:disabled { - &, &:backdrop { - border-color: transparent; - background-color: transparent; - } - } - } - } - - slider { - @include button(normal); - - background-image: linear-gradient(to bottom, - shade($bg_color, 1.45), - shade($bg_color, 1.15) - ); - border: 1px solid darken($borders_color, 3%); - border-radius: 100%; - transition: $button_transition; - transition-property: background, border, box-shadow; - - &:hover { @include button(hover-alt, $edge: $shadow_color); } - - &:active { border-color: $selected_borders_color; } - - &:disabled { @include button (insensitive); } - - &:backdrop { - transition: $backdrop_transition; - - @include button(backdrop); - - &:disabled { @include button(backdrop-insensitive); } - } - - // ...on selected list rows - row:selected & { &, &:disabled { border-color: $selected_borders_color; } } - - // OSD - .osd & { - @include button(osd); - border-color: darken($osd_borders_color, 3%); - background-color: opacify($osd_bg_color, 1); // solid background needed here - - &:hover { @include button(osd-hover); } - - &:active { @include button(osd-active); } - - &:disabled { @include button(osd-insensitive); } - - &:backdrop { - @include button(osd-backdrop); - - &:disabled { @include button(osd-backdrop-insensitive); } - } - } - } - - value { color: gtkalpha(currentColor, 0.6); } - - marks { - color: gtkalpha(currentColor, 0.4); - - @each $marks_class, $marks_pos, $marks_margin in (top, top, bottom), - (bottom, bottom, top), - (top, left, right), - (bottom, right, left) { - &.#{$marks_class} { - margin-#{$marks_margin}: $_marks_distance; - margin-#{$marks_pos}: -($_marks_distance + $_marks_length); - } - } - } - &.fine-tune marks { - @each $marks_class, $marks_pos, $marks_margin in (top, top, bottom), - (bottom, bottom, top), - (top, left, right), - (bottom, right, left) { - &.#{$marks_class} { - margin-#{$marks_margin}: $_marks_distance; - margin-#{$marks_pos}: -($_marks_distance + $_marks_length - 3px); - } - } - } - - &.horizontal { - indicator { - min-height: $_marks_length; - min-width: 1px; - } - - &.fine-tune indicator { min-height: ($_marks_length - 3px); } - } - - &.vertical { - indicator { - min-height: 1px; - min-width: $_marks_length; - } - - &.fine-tune indicator { min-width: ($_marks_length - 3px); } - } - - &.color { - min-height: 0; - min-width: 0; - - trough { - background-image: image($borders_color); - background-repeat: no-repeat; - } - - &.horizontal { - padding: 0 0 15px 0; - - trough { - padding-bottom: 4px; - background-position: 0 -3px; - border-top-left-radius: 0; - border-top-right-radius: 0; - } - - slider { - &:dir(ltr), &:dir(rtl) { // specificity bumb - &:hover, &:backdrop, &:disabled, &:backdrop:disabled, & { - margin-bottom: -15px; - margin-top: 6px; - } - } - } - } - - &.vertical { - &:dir(ltr) { - padding: 0 0 0 15px; - - trough { - padding-left: 4px; - background-position: 3px 0; - border-bottom-right-radius: 0; - border-top-right-radius: 0; - } - - slider { - &:hover, &:backdrop, &:disabled, &:backdrop:disabled, & { - margin-left: -15px; - margin-right: 6px; - } - } - } - - &:dir(rtl) { - padding: 0 15px 0 0; - - trough { - padding-right: 4px; - background-position: -3px 0; - border-bottom-left-radius: 0; - border-top-left-radius: 0; - } - - slider { - &:hover, &:backdrop, &:disabled, &:backdrop:disabled, & { - margin-right: -15px; - margin-left: 6px; - } - } - } - } - - &.fine-tune { - &.horizontal { - &:dir(ltr), &:dir(rtl) { // specificity bump - padding: 0 0 12px 0; - - trough { - padding-bottom: 7px; - background-position: 0 -6px; - } - - slider { - margin-bottom: -15px; - margin-top: 6px; - } - } - } - - &.vertical { - &:dir(ltr) { - padding: 0 0 0 12px; - - trough { - padding-left: 7px; - background-position: 6px 0; - } - - slider { - margin-left: -15px; - margin-right: 6px; - } - } - - &:dir(rtl) { - padding: 0 12px 0 0; - - trough { - padding-right: 7px; - background-position: -6px 0; - } - - slider { - margin-right: -15px; - margin-left: 6px; - } - } - } - } - } -} - - -/***************** - * Progress bars * - *****************/ -progressbar { - // sizing - &.horizontal { - trough { min-height: 6px; padding: 1px 0; } - progress { min-height: 8px; } - } - - &.vertical { - trough { min-width: 6px; padding: 0 1px; } - progress { min-width: 8px; } - } - - &.horizontal progress, - &.vertical progress { margin: 0; } - - - // FIXME: insensitive state missing and some other state should be set probably - font-size: smaller; - color: transparentize($fg_color, 0.6); - - &:backdrop { - box-shadow: none; - transition: $backdrop_transition; - } - - trough { @extend %scale_trough; } - - &:backdrop trough { @extend %scale_trough:backdrop; } // looks like states are not passed to the trough component here - - progress { - @extend %scale_highlight; - border: 1px solid shade($selected_bg_color, 0.7); - - border-radius: 3px; - - &.left { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - } - - &.right { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - } - - &.top { - border-top-right-radius: 3px; - border-top-left-radius: 3px; - } - - &.bottom { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - } - } - - &:backdrop progress { // states not passed here as well - @extend %scale_highlight:backdrop; - box-shadow: none; - } - - &.osd { // progressbar.osd used for epiphany page loading progress - min-width: 3px; - min-height: 3px; - background-color: transparent; - - trough { - border-style: none; - border-radius: 0; - background-color: transparent; - box-shadow: none; - } - - progress { - border-style: none; - border-radius: 0; - } - } - - trough.empty progress { all: unset; } // makes the progress indicator disappear, when the fraction is 0 -} - - -/************* - * Level Bar * - *************/ -levelbar { - block { - min-width: 32px; - min-height: 1px; - } - - &.vertical block { - min-width: 1px; - min-height: 32px; - } - - &:backdrop { transition: $backdrop_transition; } - - trough { - border: 1px solid; - padding: 2px; - border-radius: 3px; - @include entry(normal); - - &:backdrop { @include entry(backdrop); } - } - - &.horizontal.discrete block { margin: 0 1px; } - - &.vertical.discrete block { margin: 1px 0; } - - block { - border: 1px solid; - border-radius: 1px; - box-shadow: 0 1px transparentize(black, 0.8); - - &:backdrop { box-shadow: none; } - - &.low { - border-color: if($variant == 'light', darken($warning_color, 20%), $warning_color); - background-color: $warning_color; - - &:backdrop { border-color: $warning_color; }; - } - - &.high, - &:not(.empty) { - border-color: if($variant == 'light', darken($selected_bg_color, 20%), $selected_bg_color); - background-color: $selected_bg_color; - - &:backdrop { border-color: $selected_bg_color; } - } - - &.full { - border-color: if($variant == 'light', darken($success_color, 20%), $success_color); - background-color: $success_color; - - &:backdrop { border-color: $success_color; }; - } - - &.empty { - background-color: transparent; - border-color: if($variant == 'light', transparentize($fg_color,0.8), transparentize($fg_color,0.9)); - box-shadow: none; - - &:backdrop { border-color: transparentize($backdrop_fg_color,0.85); } - } - } -} - - -/**************** - * Print dialog * -*****************/ -printdialog { - paper { - color: $fg_color; - border: 1px solid $borders_color; - background: white; - padding: 0; - - &:backdrop { - color: $backdrop_fg_color; - border-color: $backdrop_borders_color; - } - } - .dialog-vbox { - background-color: $bg_color; - &:backdrop { background-color: $backdrop_bg_color; } - } - - .dialog-action-box { margin: 12px; } -} - - -/********** - * Frames * - **********/ -frame > border, -.frame { - box-shadow: none; - margin: 0; - padding: 0; - border-radius: 0; - border: 1px solid $borders_color; - - &.flat { border-style: none; } - - &:backdrop { border-color: $backdrop_borders_color; } -} - -actionbar > revealer > box { - padding: 6px; - border-top: 1px solid $borders_color; - - &:backdrop { border-color: $backdrop_borders_color; } -} - -scrolledwindow { - viewport.frame { // avoid double borders when viewport inside scrolled window - border-style: none; - } - - // This is used when content is touch-dragged past boundaries. - // draws a box on top of the content, the size changes programmatically. - overshoot { - &.top { - @include overshoot(top); - - &:backdrop { @include overshoot(top, backdrop); } - } - - &.bottom { - @include overshoot(bottom); - - &:backdrop { @include overshoot(bottom, backdrop); } - } - - &.left { - @include overshoot(left); - - &:backdrop { @include overshoot(left, backdrop); } - } - - &.right { - @include overshoot(right); - - &:backdrop { @include overshoot(right, backdrop); } - } - } - - // Overflow indication, works similarly to the overshoot, the size if fixed tho. - undershoot { - &.top { @include undershoot(top); } - - &.bottom { @include undershoot(bottom); } - - &.left { @include undershoot(left); } - - &.right { @include undershoot(right); } - } - - junction { // the small square between two scrollbars - border-color: transparent; - // the border image is used to add the missing dot between the borders, details, details, details... - border-image: linear-gradient(to bottom, $borders_color 1px, transparent 1px) 0 0 0 1 / 0 1px stretch; - background-color: $scrollbar_bg_color; - - &:dir(rtl) { border-image-slice: 0 1 0 0; } - - &:backdrop { - border-image-source: linear-gradient(to bottom, $backdrop_borders_color 1px, transparent 1px); - background-color: $backdrop_scrollbar_bg_color; - transition: $backdrop_transition; - } - } -} - -//vbox and hbox separators -separator { - background: transparentize(black, 0.9); - min-width: 1px; - min-height: 1px; -} - - -/********* - * Lists * - *********/ -list { - color: $text_color; - background-color: $base_color; - border-color: $borders_color; - - &:backdrop { - background-color: $backdrop_base_color; - border-color: $backdrop_borders_color; - } - - row { padding: 2px; } -} - -row { - transition: all 150ms $ease-out-quad; - - &:hover { transition: none; } - - &:backdrop { transition: $backdrop_transition; } - - &.activatable { - &.has-open-popup, // this is for indicathing which row generated a popover see https://bugzilla.gnome.org/show_bug.cgi?id=754411 - - &:hover { background-color: if(variant == light, transparentize($fg_color, 0.9), transparentize($fg_color, 0.95)); } - - &:active { box-shadow: inset 0 2px 2px -2px transparentize(black, 0.8); } - - &:backdrop:hover { background-color: transparent; } - - &:selected { - &:active { box-shadow: inset 0 2px 3px -1px transparentize(black, 0.5); } - - &.has-open-popup, - &:hover { background-color: mix($fg_color, $selected_bg_color, 10%); } - - &:backdrop { background-color: $selected_bg_color; } - } - } - - &:selected { @extend %selected_items; } -} - - -/********************* - * App Notifications * - *********************/ -.app-notification, -.app-notification.frame { - @extend %osd; - - padding: 10px; - border-radius: 0 0 5px 5px; - background-color: $osd_bg_color; - background-image: linear-gradient(to bottom, transparentize(black, 0.8), - transparent 2px); - background-clip: padding-box; - - &:backdrop { - background-image: none; - transition: $backdrop_transition; - } - - button { - @extend %osd_button; - background: transparentize(black, 0.9); - &:hover { background: transparentize(black, 0.7); } - } - - border { border: none; } -} - - -/************* - * Expanders * - *************/ -expander { - arrow { - min-width: 16px; - min-height: 16px; - -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); - - &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); } - - &:hover { color: lighten($fg_color,30%); } //only lightens the arrow - - &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } - } -} - - -/************ - * Calendar * - ***********/ -calendar { - color: $text_color; - border: 1px solid $borders_color; - padding: 2px; - - &:selected { - @extend %selected_items; - - border-radius: 6px; - } - - &.header { - border: none; - border-bottom: 1px solid transparentize(black, 0.9); - border-radius: 0; - - &:backdrop { border-color: transparentize(black, 0.9); } - } - - &.button { - @extend %undecorated_button; - - color: transparentize($fg_color, 0.55); - - &:hover { - @extend %undecorated_button; - - color: $fg_color; - } - - &:backdrop { - @extend %undecorated_button; - - color: transparentize($backdrop_fg_color,0.55); - } - - &:disabled { - @extend %undecorated_button; - - color: transparentize($insensitive_fg_color,0.55); - } - } - - // out-of-range days - &:indeterminate, - &:indeterminate:backdrop { color: gtkalpha(currentColor, 0.25); } - - // .day-name and .week-number - &.highlight, - &.highlight:backdrop { - font-size: smaller; - color: darken($selected_bg_color,0.75); - } - - - &:backdrop { - color: $backdrop_text_color; - border-color: $backdrop_borders_color; - } -} - - -/*********** - * Dialogs * - ***********/ -messagedialog { // Message Dialog styling - .titlebar { - min-height: 20px; - background-image: none; - background-color: $bg_color; - border-style: none; - border-top-left-radius: 7px; - border-top-right-radius: 7px; - } - - &.csd { // rounded bottom border styling for csd version - &.background { - // bigger radius for better antialiasing - border-bottom-left-radius: 9px; - border-bottom-right-radius: 9px; - } - - buttonbox { padding: 0px; } - - .dialog-action-area button { - padding: 10px 14px; // labels are not vertically centered on message dialog, this is a workaround - border-radius: 0; - border-left-style: solid; - border-right-style: none; - border-bottom-style: none; - - &:first-child{ - border-left-style: none; - border-bottom-left-radius: 7px; - -gtk-outline-bottom-left-radius: 5px; - } - - &:last-child { - border-bottom-right-radius: 7px; - -gtk-outline-bottom-right-radius: 5px; - } - } - } -} - -filechooser { - .dialog-action-box { - border-top: 1px solid $borders_color; - - &:backdrop { border-top-color: $backdrop_borders_color; } - } - - #pathbarbox { - border-bottom: 1px solid $bg_color; - stack { background-color: $bg_color; } - } -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - - -/*********** - * Sidebar * - ***********/ -.sidebar { - border-style: none; - background-color: $sidebar_bg_color; - -gtk-icon-style: regular; - - row, - treeview { - border-top: 1px solid transparent; - border-bottom: 1px solid transparent; - &:selected, &:selected:focus { - background-image: linear-gradient(to bottom, - shade($sidebar_bg_color, 0.87), - shade($sidebar_bg_color, 0.95) 10%, - shade($sidebar_bg_color, 0.99) 92%, - shade($sidebar_bg_color, 0.92) - ); - border-top: 1px solid shade($bg_color, 0.85); - border-bottom: 1px solid shade($bg_color, 1.12); - - label { - color: $fg_color; - &:backdrop { color: $backdrop_fg_color; } - } - &:backdrop { - background-image: none; - background-color: $bg_color; - color: $fg_color; - border-top: 1px solid shade($bg_color, 0.9); - border-bottom: 1px solid shade($bg_color, 0.9); - } - } - .view:selected, .view:selected:focus { color: $fg_color; } - &:backdrop { background-color: transparent; } - } - @at-root %sidebar_left, - &:dir(ltr), - &.left, - &.left:dir(rtl) { - border-right: 1px solid $borders_color; - border-left-style: none; - border-top-style: none; - border-bottom-style: none; - } - - @at-root %sidebar_right - &:dir(rtl), - &.right { - border-left: 1px solid $borders_color; - border-right-style: none; - border-top-style: none; - border-bottom-style: none; - } - - &:backdrop { - background-color: $backdrop_sidebar_bg_color; - border-color: $backdrop_borders_color; - transition: $backdrop_transition; - } - - list, treeview { - background-color: transparent; - &:backdrop { - background-color: transparent; - } - } - - paned & { &.left, &.right, &.left:dir(rtl), &:dir(rtl), &:dir(ltr), & { border-style: none; } } -} - -stacksidebar { - &.sidebar { - &:dir(ltr), - &.left, - &.left:dir(rtl) { list { @extend %sidebar_left; }} - - &:dir(rtl), - &.right { list { @extend %sidebar_right; }} - } - - row { - padding: 10px 4px; - - > label { - padding-left: 6px; - padding-right: 6px; - } - - &.needs-attention > label { - @extend %needs_attention; - - background-size: 6px 6px, 0 0; - } - } -} - - -/**************** - * File chooser * - ****************/ -$_placesidebar_icons_opacity: 0.7; - -placessidebar { - > viewport.frame { border-style: none; } - - row { - // Needs overriding of the GtkListBoxRow padding - min-height: 24px; - padding: 0px; - - // Using margins/padding directly in the SidebarRow - // will make the animation of the new bookmark row jump - > revealer { padding: 0 14px; } - - &:selected { color: $fg_color; } - - &:disabled { color: $insensitive_fg_color; } - - &:backdrop { - color: $backdrop_fg_color; - background-color: $backdrop_bg_color; - - &:selected { color: $backdrop_fg_color; } - - &:disabled { color: $backdrop_insensitive_color; } - } - - image.sidebar-icon { - &:dir(ltr) { padding-right: 8px; } - &:dir(rtl) { padding-left: 8px; } - } - - label.sidebar-label { - &:dir(ltr) { padding-right: 2px; } - &:dir(rtl) { padding-left: 2px; } - } - - @at-root button.sidebar-button { - @extend %button_basic.flat; - - @extend %button_selected.flat; - - min-height: 26px; - min-width: 26px; - margin-top: 3px; - margin-bottom: 3px; - padding: 0; - border-radius: 100%; - -gtk-outline-radius: 100%; - - &:not(:hover):not(:active), - &:backdrop { > image { opacity: $_placesidebar_icons_opacity; }} - } - - // in the sidebar case it makes no sense to click the selected row - &:selected:active { box-shadow: none; } - - &.sidebar-placeholder-row { - padding: 0 8px; - min-height: 2px; - background-image: image($drop_target_color); - background-clip: content-box; - } - - &.sidebar-new-bookmark-row { color: $selected_bg_color; } - - &:drop(active):not(:disabled) { - color: $drop_target_color; - box-shadow: inset 0 1px $drop_target_color, - inset 0 -1px $drop_target_color; - - &:selected { - color: $selected_fg_color; - background-image: linear-gradient(to bottom, - darken(mix(darken($base_color, 10%), lighten($selected_bg_color, 35%), 0.1), 13%), - darken(mix(darken($base_color, 10%), lighten($selected_bg_color, 35%), 0.1), 5%) 10%, - darken(mix(darken($base_color, 10%), lighten($selected_bg_color, 35%), 0.1), 1%) 92%, - darken(mix(darken($base_color, 10%), lighten($selected_bg_color, 35%), 0.1), 8%) - ); - } - } - } -} - -placesview { - .server-list-button > image { - transition: 200ms $ease-out-quad; - -gtk-icon-transform: rotate(0turn); - } - - .server-list-button:checked > image { - transition: 200ms $ease-out-quad; - -gtk-icon-transform: rotate(-0.5turn); - } - - row.activatable:hover { background-color: transparent; } - - // this selects the "connect to server" label - > actionbar > revealer > box > label { - padding-left: 8px; - padding-right: 8px; - } -} - - -/********* - * Paned * - *********/ -paned { - > separator { - min-width: 1px; - min-height: 1px; - -gtk-icon-source: none; // defeats the ugly default handle decoration - border-style: none; // just to be sure - background-color: transparent; - // workaround, using background istead of a border since the border will get rendered twice (?) - background-image: image($borders_color); - background-size: 1px 1px; - - &:selected { background-image: image($selected_bg_color); } // FIXME is this needed? - - &:backdrop { background-image: image($backdrop_borders_color); } - - &.wide { - min-width: 5px; - min-height: 5px; - background-color: $bg_color; - background-image: image($borders_color), image($borders_color); - background-size: 1px 1px, 1px 1px; - - &:backdrop { - background-color: $backdrop_bg_color; - background-image: image($backdrop_borders_color), - image($backdrop_borders_color); - } - } - } - - &.horizontal > separator { - background-repeat: repeat-y; - - &:dir(ltr) { - margin: 0 -8px 0 0; - padding: 0 8px 0 0; - background-position: left; - } - &:dir(rtl) { - margin: 0 0 0 -8px; - padding: 0 0 0 8px; - background-position: right; - } - - &.wide { - margin: 0; - padding: 0; - background-repeat: repeat-y, repeat-y; - background-position: left, right; - } - } - - &.vertical > separator { - margin: 0 0 -8px 0; - padding: 0 0 8px 0; - background-repeat: repeat-x; - background-position: top; - - &.wide { - margin: 0; - padding: 0; - background-repeat: repeat-x, repeat-x; - background-position: bottom, top; - } - } -} - - -/************** - * GtkInfoBar * - **************/ -infobar { border-style: none; } - -.info, -.question, -.warning, -.error { - &:backdrop, & { - label, & { color: $selected_fg_color; } - background-color: $selected_bg_color; - border-color: darken($selected_bg_color, 10%); - } - - text-shadow: 0 1px darken($selected_bg_color, 10%); - - &:backdrop { text-shadow: none; } - - button { - // FIXME: extend selection mode buttons - @include button(normal, $selected_bg_color, $selected_fg_color, none); - border-color: darken($selected_bg_color, 20%); - - &:hover { @include button(hover, $selected_bg_color, $selected_fg_color, none); } - - &:active, - &:checked { @include button(active, $selected_bg_color, $selected_fg_color, none); } - - &:disabled { @include button(insensitive,$selected_bg_color,$selected_fg_color,none); } - - &:backdrop { - @include button(backdrop, $selected_bg_color, $selected_fg_color, none); - border-color: _border_color($selected_bg_color); - - &:disabled { - @include button(backdrop-insensitive, $selected_bg_color, - $selected_fg_color, none); - border-color: _border_color($selected_bg_color); - } - } - } - - label:selected { &:focus, &:hover, & { background-color: darken($selected_bg_color, 10%); }} - - *:link { @extend %link_selected; } -} - - -/************* - * Buttonbox * - *************/ -buttonbox { - padding: 6px; -} - - -/************ - * Tooltips * - ************/ -tooltip { - &.background { - // background-color needs to be set this way otherwise it gets drawn twice - // see https://bugzilla.gnome.org/show_bug.cgi?id=736155 for details. - background-color: transparentize(black, 0.2); - background-clip: padding-box; - border: 1px solid $tooltip_borders_color; // this suble border is meant to - // not make the tooltip melt with - // very dark backgrounds - } - - padding: 1px; /* not working */ - border-radius: 5px; - box-shadow: none; // otherwise it gets inherited by windowframe.csd - text-shadow: 0 1px black; - - // FIXME: we need a border or tooltips vanish on black background. - decoration { background-color: transparent; } - - * { // Yeah this is ugly - padding: 1px; - background-color: transparent; - color: white; - } -} - - -/***************** - * Color Chooser * - *****************/ -colorswatch { - // This widget is made of two boxes one on top of the other, the lower box is colorswatch {} the other one - // is colorswatch overlay {}, colorswatch has the programmatically set background, so most of the style is - // applied to the overlay box. - - &, &:drop(active) { border-style: none; } // FIXME: implement a proper drop(active) state - - $_colorswatch_radius: 5px; - $_colorswatch_overlay_shadow: if($variant == 'light', inset 0 2px 2px -3px transparentize(black, 0.3), - inset 0 3px 2px -2px transparentize(black, 0.5)); - - // base color corners rounding - // to avoid the artifacts caused by rounded corner anti-aliasing the base color - // sports a bigger radius. - // nth-child is needed by the custom color strip. - - &.top { - border-top-left-radius: $_colorswatch_radius + 0.5px; - border-top-right-radius: $_colorswatch_radius + 0.5px; - - overlay { - border-top-left-radius: $_colorswatch_radius; - border-top-right-radius: $_colorswatch_radius; - } - } - - &.bottom { - border-bottom-left-radius: $_colorswatch_radius + 0.5px; - border-bottom-right-radius: $_colorswatch_radius + 0.5px; - - overlay { - border-bottom-left-radius: $_colorswatch_radius; - border-bottom-right-radius: $_colorswatch_radius; - } - } - - &.left, - &:first-child:not(.top) { - border-top-left-radius: $_colorswatch_radius + 0.5px; - border-bottom-left-radius: $_colorswatch_radius + 0.5px; - - overlay { - border-top-left-radius: $_colorswatch_radius; - border-bottom-left-radius: $_colorswatch_radius; - } - } - - &.right, - &:last-child:not(.bottom) { - border-top-right-radius: $_colorswatch_radius + 0.5px; - border-bottom-right-radius: $_colorswatch_radius + 0.5px; - - overlay { - border-top-right-radius: $_colorswatch_radius; - border-bottom-right-radius: $_colorswatch_radius; - } - } - - &.dark overlay { - color: $selected_fg_color; - - &:hover { border-color: if($variant == 'light', transparentize(black, 0.2), $borders_color); } - - &:backdrop { color: $backdrop_selected_fg_color; } - } - - &.light overlay { - color: $text_color; - - &:hover { border-color: if($variant == 'light', transparentize(black, 0.5), $borders_color); } - - &:backdrop { color: $backdrop_text_color; } - } - - &:drop(active) { - box-shadow: none; - - &.light overlay { - border-color: $drop_target_color; - box-shadow: inset 0 0 0 2px if($variant == 'light', darken($drop_target_color, 7%), $borders_color), - inset 0 0 0 1px $drop_target_color; - } - - &.dark overlay { - border-color: $drop_target_color; - box-shadow: inset 0 0 0 2px if($variant == 'light', transparentize(black, 0.7), $borders_color), - inset 0 0 0 1px $drop_target_color; - } - } - - overlay { - box-shadow: $_colorswatch_overlay_shadow; - border: 1px solid if($variant == 'light', transparentize(black, 0.7), $borders_color); - - &:hover { box-shadow: inset 0 1px transparentize(white, 0.7); } - - &:backdrop, &:backdrop:hover { - border-color: if($variant == 'light', transparentize(black, 0.7), $borders_color); - box-shadow: none; - } - } - - &#add-color-button { - border-radius: $_colorswatch_radius $_colorswatch_radius 0 0; - - &:only-child { border-radius: $_colorswatch_radius; } - - overlay { - @include button(normal); - - &:hover { @include button(hover); } - - &:backdrop { @include button(backdrop); } - } - } - - &:disabled { - opacity: 0.5; - - overlay { - border-color: transparentize(black, 0.4); - box-shadow: none; - } - } - - row:selected & { box-shadow: 0 0 0 2px $selected_fg_color; } - - &#editor-color-sample { - border-radius: 4px; - - overlay { border-radius: 4.5px; } - } -} - -// colorscale popup -colorchooser .popover.osd { border-radius: 5px; } - -/******** - * Misc * - ********/ -//content view (grid/list) -.content-view { - background-color: darken($bg_color,7%); - - &:hover { -gtk-icon-effect: highlight; } - - &:backdrop { background-color: darken($bg_color,7%); } - - rubberband { @extend rubberband; } -} - -.scale-popup { - .osd & { @extend %osd; } - - .osd & button.flat { //FIXME: quick hack, redo properly - border-style: none; - border-radius: 5px; - } - - button { // +/- buttons on GtkVolumeButton popup - &:hover { - @extend %undecorated_button; - background-color: transparentize($fg_color,0.9); - border-radius: 5px; - } - - &:backdrop { &:hover, &:disabled, & { @extend %undecorated_button; }} - } -} - - -/********************** - * Window Decorations * - *********************/ -decoration { - border-radius: 7px 7px 0 0; - // lamefun trick to get rounded borders regardless of CSD use - border-width: 0px; - - // this needs to be transparent - // see bug #722563 - $_wm_border: if($variant=='light', transparentize(black, 0.77), transparentize($borders_color, 0.1)); - $_wm_border_backdrop: if($variant=='light', transparentize(black, 0.82), transparentize($borders_color, 0.1)); - - box-shadow: 0 3px 9px 1px transparentize(black, 0.5), - 0 0 0 1px $_wm_border; //doing borders with box-shadow - - // FIXME rationalize shadows - - // this is used for the resize cursor area - margin: 10px; - - &:backdrop { - // the transparent shadow here is to enforce that the shadow extents don't - // change when we go to backdrop, to prevent jumping windows. - // The biggest shadow should be in the same order then in the active state - // or the jumping will happen during the transition. - box-shadow: 0 3px 9px 1px transparent, - 0 2px 6px 2px transparentize(black, 0.8), - 0 0 0 1px $_wm_border_backdrop; - transition: $backdrop_transition; - } - - .maximized &, - .fullscreen &, - .tiled & { border-radius: 0; } - - .popup & { box-shadow: none; } - - // server-side decorations as used by mutter - .ssd & { box-shadow: 0 0 0 1px $_wm_border; } //just doing borders, wm draws actual shadows - - .csd.popup & { - border-radius: 0; - box-shadow: 0 1px 2px transparentize(black, 0.8), - 0 0 0 1px transparentize($_wm_border,0.1); - } - - tooltip.csd & { - border-radius: 5px; - box-shadow: none; - } - - messagedialog.csd & { - border-radius: 7px; - box-shadow: 0 1px 2px transparentize(black, 0.8), - 0 0 0 1px transparentize($_wm_border,0.1); - } - - .solid-csd & { - border-radius: 0; - margin: 4px; - background-color: $backdrop_bg_color; - border: solid 1px $backdrop_borders_color; - box-shadow: none; - } -} - -// Window buttons -button.titlebutton { - @extend %button_basic; - - @extend %button_basic.flat; - - @include _button_text_shadow; - - &.close, &.maximize, &.minimize { - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - - // fade the png buttons out on unfocused windows - &:backdrop { opacity: 0.5; } - } - // Load png assets for each button - @each $k in ('close','maximize', 'minimize') { - @each $l, $m in ('',''), (':backdrop','-backdrop'), (':hover','-hover'), (':active','-active') { - &.#{$k}#{$l} { background-image: -gtk-scaled(url('assets/titlebutton-#{$k}#{$m}#{$asset_suffix}.png'), - url('assets/titlebutton-#{$k}#{$m}#{$asset_suffix}@2.png')); } - } - } - - .selection-mode & { - @extend %button.flat.suggested-action; - - @extend %nobg_selected_items; - } - - &:backdrop { -gtk-icon-shadow: none; } -} - -headerbar.selection-mode button.titlebutton, -.titlebar.selection-mode button.titlebutton { - @include _button_text_shadow(white, $selected_bg_color); - - &:backdrop { -gtk-icon-shadow: none; } -} - - -// catch all extend :) - -%selected_items { - background-color: $selected_bg_color; - - @at-root %nobg_selected_items, & { - color: $selected_fg_color; - - @if $variant == 'light' { outline-color: transparentize($selected_fg_color, 0.7); } - - &:disabled { color: mix($selected_fg_color, $selected_bg_color, 50%); } - - &:backdrop { - color: $backdrop_selected_fg_color; - - &:disabled { color: mix($backdrop_selected_fg_color, $selected_bg_color, 30%); } - } - } -} - -.monospace { font-family: monospace; } - - -/********************** - * Touch Copy & Paste * - *********************/ -//touch selection handlebars for the Popover.osd above -cursor-handle { - background-color: transparent; - background-image: none; - box-shadow: none; - border-style: none; - - @each $s,$as in ('',''), - (':hover','-hover'), - (':active','-active') { //no need for insensitive and backdrop - &.top#{$s}:dir(ltr), &.bottom#{$s}:dir(rtl) { - $_url: 'assets/text-select-start#{$as}#{$asset_suffix}'; - -gtk-icon-source: -gtk-scaled(url('#{$_url}.png'), - url('#{$_url}@2.png')); - padding-left: 10px; - } - - &.bottom#{$s}:dir(ltr), &.top#{$s}:dir(rtl) { - $_url: 'assets/text-select-end#{$as}#{$asset_suffix}'; - -gtk-icon-source: -gtk-scaled(url('#{$_url}.png'), - url('#{$_url}@2.png')); - padding-right: 10px; - } - - &.insertion-cursor#{$s}:dir(ltr), &.insertion-cursor#{$s}:dir(rtl) { - $_url: 'assets/slider-horz-scale-has-marks-above#{$as}#{$asset_suffix}'; - -gtk-icon-source: -gtk-scaled(url('#{$_url}.png'), - url('#{$_url}@2.png')); - } - } -} - -.context-menu { font: initial; } // Decouple the font of context menus from their entry/textview - -button.circular { // FIXME: aggregate to buttons - border-radius: 9999px; - -gtk-outline-radius: 9999px; - - label { padding: 0; } -} - -// shortcut window keys -.keycap { - min-width: 20px; - min-height: 25px; - margin-top: 2px; - padding-bottom: 3px; - padding-left: 6px; - padding-right: 6px; - - color: $fg_color; - background-color: $base_color; - border: 1px solid; - border-color: if($variant == 'light', mix($borders_color, $bg_color, 50%), $borders_color); - border-radius: 5px; - box-shadow: if($variant == 'light', inset 0 -3px mix($base_color, $bg_color, 20%), inset 0 -3px mix($borders_color, $base_color, 60%)); - font-size: smaller; - - &:backdrop { - background-color: $backdrop_base_color; - color: $backdrop_fg_color; - transition: $backdrop_transition; - } -} - -:not(decoration):not(window):drop(active):focus, -:not(decoration):not(window):drop(active) { // FIXME needs to be done widget by widget, this wildcard should really die - border-color: $drop_target_color; - box-shadow: inset 0 0 0 1px $drop_target_color; -} - -stackswitcher button.text-button { min-width: 100px; } // FIXME aggregate with buttons - -stackswitcher button.circular, -stackswitcher button.text-button.circular { // FIXME aggregate with buttons - min-width: 32px; - min-height: 32px; - padding: 0; -} diff --git a/dark/gtk-3.0/_common.scss b/dark/gtk-3.0/_common.scss new file mode 120000 index 00000000..d8de1ab0 --- /dev/null +++ b/dark/gtk-3.0/_common.scss @@ -0,0 +1 @@ +../../light/gtk-3.0/_common.scss \ No newline at end of file diff --git a/dark/gtk-3.0/_drawing.scss b/dark/gtk-3.0/_drawing.scss deleted file mode 100644 index 714dcd4c..00000000 --- a/dark/gtk-3.0/_drawing.scss +++ /dev/null @@ -1,641 +0,0 @@ -// Drawing mixins - -// generic drawing of more complex things - -@function _widget_edge($c:$borders_edge) { -// outer highlight "used" on most widgets - @if $c == none { @return none; } - @else { @return 0 1px $c; } -} - -@mixin _shadows($shadow1, $shadow2:none, $shadow3:none, $shadow4:none) { -// -// Helper function to stack up to 4 box-shadows; -// - @if $shadow4!=none { box-shadow: $shadow1, $shadow2, $shadow3, $shadow4; } - @else if $shadow3!=none { box-shadow: $shadow1, $shadow2, $shadow3; } - @else if $shadow2!=none { box-shadow: $shadow1, $shadow2; } - @else { box-shadow: $shadow1; } -} - -// entries - -@function entry_focus_border($fc:$selected_bg_color) { - @if $variant == 'light' { @return $fc; } - @else { @return if($fc==$selected_bg_color, $selected_borders_color, darken($fc, 35%)); } -} - -@function entry_focus_shadow($fc:$selected_bg_color) { - @return inset 0 0 0 1px $fc; -} - -@function entry_gradient($c) { - @if $variant=='light' { @return linear-gradient(to bottom, mix($borders_color, $c, 45%), - mix($borders_color, $c, 3%) 2px, - $c 90%); } - @else { @return linear-gradient(to bottom, mix($borders_color, $c, 95%), - mix($borders_color, $c, 40%) 3px, - $c 90%); } -} - -@mixin entry($t, $fc:$selected_bg_color, $edge: none) { -// -// Entries drawing function -// -// $t: entry type -// $fc: focus color -// $edge: set to none to not draw the bottom edge or specify a color to not -// use the default one -// -// possible $t values: -// normal, focus, insensitive, backdrop, backdrop-insensitive, osd, osd-focus, osd-backdrop; -// - - $_blank_edge: if($edge == none, none, 0 1px transparentize($edge, 1)); - $_entry_edge: if($edge == none, none, _widget_edge($edge)); - - @if $t==normal { - color: $text_color; - border-color: $borders_color; - background-color: $base_color; - @include _shadows(entry_focus_shadow(transparentize($fc, 1)), $_entry_edge); - // for the transition to work the number of shadows in different states needs to match, hence the transparent shadow here. - } - @if $t==focus { - border-color: entry_focus_border($fc); - } - @if $t==insensitive { - color: $insensitive_fg_color; - border-color: $borders_color; - background-color: $insensitive_bg_color; - box-shadow: $_entry_edge; - } - @if $t==backdrop { - color: $backdrop_text_color; - border-color: $backdrop_borders_color; - background-color: $backdrop_base_color; - box-shadow: $_blank_edge; - } - @if $t==backdrop-insensitive { - color: $backdrop_insensitive_color; - border-color: $backdrop_borders_color; - background-color: $insensitive_bg_color; - box-shadow: $_blank_edge; - } - @if $t==osd { - color: $osd_text_color; - border-color: $osd_borders_color; - background-color: transparentize(opacify($osd_borders_color, 1), 0.5); - background-clip: padding-box; - box-shadow: none; - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - } - @if $t==osd-focus { - color: $osd_text_color; - border-color: $selected_bg_color; - background-color: transparentize(opacify($osd_borders_color, 1), 0.5); - background-clip: padding-box; - box-shadow: entry_focus_shadow($fc); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - } - @if $t==osd-insensitive { - color: $osd_insensitive_fg_color; - border-color: $osd_borders_color; - background-color: $osd_insensitive_bg_color; - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - } - @if $t==osd-backdrop { - color: $osd_text_color; - border-color: $osd_borders_color; - background-color: transparentize(opacify($osd_borders_color, 1), 0.5); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - } -} - -// buttons - -@function _border_color ($c) { @return darken($c, 25%); } // colored buttons want - // the border form the - // base color - -@function _text_shadow_color ($tc: $fg_color, $bg: $bg_color) { -// -// calculate the color of text shadows -// -// $tc is the text color -// $bg is the background color -// - $_lbg: lightness($bg)/100%; - @if lightness($tc)<50% { @return transparentize(white, 1-$_lbg/($_lbg*1.3)); } - @else { @return transparentize(black, $_lbg*0.8); } -} - -@function _button_hilight_color($c) { -// -// calculate the right top hilight color for buttons -// -// $c: base color; -// - @if lightness($c)>95% { @return white; } - @else if lightness($c)>90% { @return transparentize(white, 0.2); } - @else if lightness($c)>80% { @return transparentize(white, 0.4); } - @else if lightness($c)>50% { @return transparentize(white, 0.6); } - @else if lightness($c)>40% { @return transparentize(white, 0.8); } - @else { @return transparentize(white, 0.95); } -} - -@mixin _button_text_shadow ($tc:$fg_color, $bg:$bg_color) { -// -// helper function for the text emboss effect -// -// $tc is the optional text color, not the shadow color -// -// TODO: this functions needs a way to deal with special cases -// - - $_shadow: _text_shadow_color($tc, $bg); - - @if lightness($tc)<50% { - text-shadow: 0 1px $_shadow; - -gtk-icon-shadow: 0 1px $_shadow; - } - @else { - text-shadow: 0 -1px $_shadow; - -gtk-icon-shadow: 0 -1px $_shadow; - } -} - -@mixin button($t, $c:$bg_color, $tc:$fg_color, $edge: none) { -// -// Button drawing function -// -// $t: button type, -// $c: base button color for colored* types -// $tc: optional text color for colored* types -// $edge: set to none to not draw the bottom edge or specify a color to not -// use the default one -// -// possible $t values: -// normal, hover, active, insensitive, insensitive-active, -// backdrop, backdrop-active, backdrop-insensitive, backdrop-insensitive-active, -// osd, osd-hover, osd-active, osd-insensitive, osd-backdrop, undecorated -// - - $_hilight_color: _button_hilight_color($c); - $_button_edge: if($edge == none, none, _widget_edge($edge)); - $_blank_edge: if($edge == none, none, _widget_edge(transparentize($edge,1))); - - @if $t==normal { - // - // normal button - // - color: $tc; - outline-color: transparentize($tc, 0.7); - border-top-color: shade($bg_color, 0.8); - border-right-color: shade($bg_color, 0.72); - border-left-color: shade($bg_color, 0.72); - border-bottom-color: shade($bg_color, 0.7); - @if $variant == 'light' { background-image: linear-gradient(to bottom, shade(shade($c, 1.02), 1.05), shade(shade($c, 1.02), 0.97)); } - @else { background-image: linear-gradient(to bottom, darken($c, 2%), darken($c, 4%) 60%, darken($c, 6%)); } - @include _shadows(inset 0 1px $_hilight_color, $_button_edge); - } - - @else if $t==hover { - // - // hovered button - // - color: $tc; - outline-color: transparentize($tc, 0.7); - border-color: if($c!=$bg_color, _border_color($c), $borders_color); - @if $variant == 'light' { - background-image: linear-gradient(to bottom, shade($c, 1.15), shade($c, 1.07)); - @include _shadows(inset 0 1px _button_hilight_color(lighten($c, 6%)), $_button_edge); - } - @else { - background-image: linear-gradient(to bottom, lighten($c, 1%), darken($c, 2%) 60%, darken($c, 4%)); - @include _shadows(inset 0 1px _button_hilight_color(darken($c, 2%)), $_button_edge); - } - } - - @if $t==normal-alt { - // - // normal button alternative look - // - color: $tc; - outline-color: transparentize($tc, 0.7); - border-color: if($c!=$bg_color, _border_color($c), $borders_color); - @if $variant == 'light' { - background-image: linear-gradient(to bottom, lighten($c, 5%) 20%, $c 90%); - @include _shadows(inset 0 1px _button_hilight_color(lighten($c, 6%)), - inset 0 -2px lighten($c, 2%), - inset 0 -1px darken($c, 12%), - $_button_edge); - } - @else { - background-image: linear-gradient(to bottom, darken($c, 3%) 20%, darken($c, 6%) 90%); - @include _shadows(inset 0 1px $_hilight_color, - inset 0 -2px darken($c, 4%), - inset 0 -1px darken($c, 9%), - $_button_edge); - } - } - - @else if $t==hover-alt { - // - // hovered button alternative look - // - color: $tc; - outline-color: transparentize($tc, 0.7); - border-color: if($c!=$bg_color, _border_color($c), $borders_color); - @if $variant == 'light' { - background-image: linear-gradient(to bottom, lighten($c, 9%) 10%, lighten($c, 4%) 90%); - box-shadow: inset 0 1px _button_hilight_color(lighten($c, 6%)), - inset 0 -2px lighten($c, 5%), - inset 0 -1px darken($c, 10%), - $_button_edge; - } - @else { - background-image: linear-gradient(to bottom, $c 20%, darken($c, 4%) 90%); - @include _shadows(inset 0 1px $_hilight_color, - inset 0 -2px darken($c, 3%), - inset 0 -1px darken($c, 6%), - $_button_edge); - } - } - - - @else if $t==active { - // - // pushed button - // - color: $tc; - outline-color: transparentize($tc, 0.7); - border-color: if($c!=$bg_color, _border_color($c), $borders_color); - @if $variant == 'light' { background-image: linear-gradient(to bottom, shade(shade($c, 0.85), 1.05), shade(shade($c, 0.85), 0.97)); } - @else { background-image: linear-gradient(to bottom, darken($c, 9%), darken($c, 5%)); } - @include _shadows(inset 0 2px 1px -2px transparentize(black,0.4), - $_button_edge); - } - @else if $t==insensitive { - // - // insensitive button - // - $_bg: if($c!=$bg_color, mix($c, $base_color, 85%), $insensitive_bg_color); - - label, & { color: if($tc!=$fg_color, mix($tc, $_bg, 50%), $insensitive_fg_color); } - - border-color: if($c!=$bg_color, _border_color($c), - $insensitive_borders_color); - background-color: $_bg; - text-shadow: none; - -gtk-icon-shadow: none; - // white with 0 alpha to avoid an ugly transition, since no color means - // black with 0 alpha - @include _shadows(inset 0 1px transparentize(white, 1), $_button_edge); - } - @else if $t==insensitive-active { - // - // insensitive pushed button - // - $_bg: if($c!=$bg_color, darken(mix($c,$base_color, 85%), 5%), - $insensitive_bg_color); - $_bc: if($c!=$bg_color, _border_color($c), $insensitive_borders_color); - - label, & { color: if($c!=$bg_color, mix($tc, $_bg, 60%), $insensitive_fg_color); } - - border-color: $_bc; - background-image: linear-gradient(to bottom, mix($_bc, $_bg, 10%), $_bg); - // white with 0 alpha to avoid an ugly transition, since no color means - // black with 0 alpha - @include _shadows(inset 0 1px transparentize(white, 1), $_button_edge); - } - - @else if $t==backdrop { - // - // backdrop button - // - $_bg: if($c!=$bg_color,$c,$backdrop_bg_color); - $_bc: if($variant=='light',$c,_border_color($c)); - - label, & { color: if($tc!=$fg_color,mix($tc, $_bg, 80%), $backdrop_fg_color); } - - border-color: if($c!=$bg_color, $_bc, $backdrop_borders_color); - background-color: $_bg; - text-shadow: none; - -gtk-icon-shadow: none; - @include _shadows(inset 0 1px transparentize(white, 1), - $_blank_edge); - } - - @else if $t==backdrop-active { - // - // backdrop pushed button FIXME no colors here! - // - $_bg: if($c!=$bg_color, darken($c, 10%), $backdrop_dark_fill); - $_bc: if($variant=='light',$_bg,_border_color($c)); - - label, & { color: if($tc!=$fg_color, mix($tc, $_bg, 80%), $backdrop_fg_color); } - - border-color: if($c!=$bg_color, $_bc, $backdrop_borders_color); - background-color: $_bg; - @include _shadows(inset 0 1px transparentize(white, 1), - $_blank_edge); - } - - @else if $t==backdrop-insensitive { - // - // backdrop insensitive button - // - - $_bg: if($c!=$bg_color, mix($c, $base_color, 85%), $insensitive_bg_color); - $_bc: if($variant=='light', $_bg,_border_color($c)); - - label, & { color: if($c!=$bg_color, mix($tc, $_bg, 35%), $backdrop_insensitive_color); } - - border-color: if($c!=$bg_color, $_bc, $backdrop_borders_color); - background-color: $_bg; - text-shadow: none; - -gtk-icon-shadow: none; - // white with 0 alpha to avoid an ugly transition, since no color means - // black with 0 alpha - @include _shadows(inset 0 1px transparentize(white, 1), - $_blank_edge); - } - - @else if $t==backdrop-insensitive-active { - // - // backdrop insensitive pushed button - // - - $_bg: if($c!=$bg_color, darken(mix($c, $base_color, 85%), 5%), - darken($insensitive_bg_color, 5%)); - $_bc: if($variant=='light', $_bg,_border_color($c)); - - label { color: if($c!=$bg_color, mix($tc, $_bg, 35%), $backdrop_insensitive_color); } - - border-color: if($c!=$bg_color, $_bc, $backdrop_borders_color); - background-color: $_bg; - @include _shadows(inset 0 1px transparentize(white, 1), - $_blank_edge); - } - - @else if $t==osd { - // - // normal osd button - // - $_bg: if($c!=$bg_color, transparentize($c, 0.5), - $osd_bg_color); - - color: $osd_fg_color; - border-color: $osd_borders_color; - background-color: $_bg; - background-clip: padding-box; - box-shadow: inset 0 1px transparentize(white, 0.9); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: transparentize($osd_fg_color, 0.7); - } - @else if $t==osd-hover { - // - // active osd button - // - $_bg: if($c!=$bg_color, transparentize($c, 0.3), - lighten($osd_bg_color, 12%)); - - color: white; - border-color: $osd_borders_color; - background-color: $_bg; - background-clip: padding-box; - box-shadow: inset 0 1px transparentize(white, 0.9); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: transparentize($osd_fg_color, 0.7); - } - @else if $t==osd-active { - // - // active osd button - // - $_bg: if($c!=$bg_color, $c, $osd_borders_color); - - color: white; - border-color: $osd_borders_color; - background-color: $_bg; - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: transparentize($osd_fg_color, 0.7); - } - @else if $t==osd-insensitive { - // - // insensitive osd button - // - color: $osd_insensitive_fg_color; - border-color: $osd_borders_color; - background-color: $osd_insensitive_bg_color; - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - } - @else if $t==osd-backdrop { - // - // backdrop osd button - // - $_bg: if($c!=$bg_color, transparentize($c, 0.5), - $osd_bg_color); - - color: $osd_fg_color; - border-color: $osd_borders_color; - background-color: $_bg; - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - } - @else if $t==undecorated { - // - // reset - // - border-color: transparent; - background-color: transparent; - background-image: none; - - @include _shadows(inset 0 1px transparentize(white, 1), - $_blank_edge); - - text-shadow: none; - -gtk-icon-shadow: none; - } -} - -@mixin trough($flat:false, $c:$bg_color, $tc:$fg_color, $noedge:true) { - color: mix($tc, $bg_color, 80%); - @if $flat { background-color: $c; } - @else { - background-image: linear-gradient(to bottom, - mix(black,$c,15%) 5%, - mix(black,$c,10%) 20%, - mix(black,$c,10%) 90%, - $c); - } - - border-color: if($c!=$bg_color, _border_color($c), $border_color); - - @if not($noedge) { - @if lightness($c) > 60% { - box-shadow: inset 0 -1px $borders_edge, - 0 1px $borders_edge; - } - @else { - box-shadow: inset 0 -1px transparentize($borders_edge, 0.5), - 0 1px transparentize($borders_edge, 0.5); - } - } - @else { box-shadow: none; } -} - -@mixin headerbar_fill($c:$headerbar_color, $hc:$top_hilight, $ov: none) { -// -// headerbar fill -// -// $c: base color -// $hc: top highlight color -// $ov: a background layer for background shorthand (hence no commas!) -// - $gradient: linear-gradient(to bottom, $c, shade($c, 0.88)); - - @if $variant == 'dark' { $gradient: linear-gradient(to top, darken($c, 3%), darken($c, 1%) 2px, $c 3px); } - - @if $ov != none { background: $c $ov, $gradient; } - @else { background: $c $gradient; } - - box-shadow: inset 0 1px $hc; // top highlight -} - -@mixin overshoot($p, $t:normal, $c:$fg_color) { -// -// overshoot -// -// $p: position -// $t: type -// $c: base color -// -// possible $p values: -// top, bottom, right, left -// -// possible $t values: -// normal, backdrop -// - - $_small_gradient_length: 5%; - $_big_gradient_length: 100%; - - $_position: center top; - $_small_gradient_size: 100% $_small_gradient_length; - $_big_gradient_size: 100% $_big_gradient_length; - - @if $p==bottom { - $_position: center bottom; - $_linear_gradient_direction: to top; - } - - @else if $p==right { - $_position: right center; - $_small_gradient_size: $_small_gradient_length 100%; - $_big_gradient_size: $_big_gradient_length 100%; - } - - @else if $p==left { - $_position: left center; - $_small_gradient_size: $_small_gradient_length 100%; - $_big_gradient_size: $_big_gradient_length 100%; - } - - $_small_gradient_color: $c; - $_big_gradient_color: $c; - - @if $c==$fg_color { - $_small_gradient_color: darken($borders_color, 10%); - $_big_gradient_color: $fg_color; - - @if $t==backdrop { $_small_gradient_color: $backdrop_borders_color; } - } - - $_small_gradient: -gtk-gradient(radial, - $_position, 0, - $_position, 0.5, - to($_small_gradient_color), - to(transparentize($_small_gradient_color, 1))); - - $_big_gradient: -gtk-gradient(radial, - $_position, 0, - $_position, 0.6, - from(transparentize($_big_gradient_color, 0.93)), - to(transparentize($_big_gradient_color, 1))); - - @if $t==normal { - background-image: $_small_gradient, $_big_gradient; - background-size: $_small_gradient_size, $_big_gradient_size; - } - - @else if $t==backdrop { - background-image: $_small_gradient; - background-size: $_small_gradient_size; - } - - background-repeat: no-repeat; - background-position: $_position; - - background-color: transparent; // reset some properties to be sure to not inherit them somehow - border: none; // - box-shadow: none; // -} - -@mixin undershoot($p) { -// -// undershoot -// -// $p: position -// -// possible $p values: -// top, bottom, right, left -// - - $_undershoot_color_dark: transparentize(black, 0.8); - $_undershoot_color_light: transparentize(white, 0.8); - - $_gradient_dir: left; - $_dash_bg_size: 10px 1px; - $_gradient_repeat: repeat-x; - $_bg_pos: center $p; - - background-color: transparent; // shouldn't be needed, but better to be sure; - - @if ($p == left) or ($p == right) { - $_gradient_dir: top; - $_dash_bg_size: 1px 10px; - $_gradient_repeat: repeat-y; - $_bg_pos: $p center; - } - - background-image: linear-gradient(to $_gradient_dir, // this is the dashed line - $_undershoot_color_light 50%, - $_undershoot_color_dark 50%); - - padding-#{$p}: 1px; - background-size: $_dash_bg_size; - background-repeat: $_gradient_repeat; - background-origin: content-box; - background-position: $_bg_pos; - border: none; - box-shadow: none; -} diff --git a/dark/gtk-3.0/_drawing.scss b/dark/gtk-3.0/_drawing.scss new file mode 120000 index 00000000..46fab6fb --- /dev/null +++ b/dark/gtk-3.0/_drawing.scss @@ -0,0 +1 @@ +../../light/gtk-3.0/_drawing.scss \ No newline at end of file diff --git a/dark/gtk-3.0/_gnome-apps.scss b/dark/gtk-3.0/_gnome-apps.scss deleted file mode 100644 index 1480fae9..00000000 --- a/dark/gtk-3.0/_gnome-apps.scss +++ /dev/null @@ -1,55 +0,0 @@ -@import 'colors'; - -/************************ - * NAUTILUS (aka Files) * - ************************/ -.nautilus-window { - background-color: $base_color; - notebook, notebook > stack { background-color: $base_color; } -} - -/* Floating status bar */ -.floating-bar { - background-color: $base_color; - border-style: solid; - border-color: $borders_color; - &.left { - border-radius: 0 3px 0 0; - border-width: 1px 1px 0 0; - } - &.right { - border-radius: 3px 0 0 0; - border-width: 1px 0 0 1px; - } - &:backdrop { - background-color: $backdrop_bg_color; - border-color: $backdrop_borders_color; - } - button { padding: 0px; } -} - -/* Searchbar */ -.search-bar { - box-shadow: none; -} - -/* View */ -.nautilus-list-view { - .view { - border-bottom: 1px solid $bg_color; - /* Hide superfluous treeview drop target indication */ - &.dnd { border-style: none; } - } -} - -/********* - * Geary * - *********/ -.conversation-frame .view.cell { - background-color: $base_color; -} - -.conversation-frame .view.cell:selected, -.conversation-frame .view.cell:selected:focus { - background-color: $selected_bg_color; -} diff --git a/dark/gtk-3.0/_gnome-apps.scss b/dark/gtk-3.0/_gnome-apps.scss new file mode 120000 index 00000000..e7966b7b --- /dev/null +++ b/dark/gtk-3.0/_gnome-apps.scss @@ -0,0 +1 @@ +../../light/gtk-3.0/_gnome-apps.scss \ No newline at end of file diff --git a/dark/gtk-3.0/_xfce.scss b/dark/gtk-3.0/_xfce.scss index 5722649b..24325ad0 100644 --- a/dark/gtk-3.0/_xfce.scss +++ b/dark/gtk-3.0/_xfce.scss @@ -188,14 +188,20 @@ XfdesktopIconView.view { background-color: shade($panel_bg_color, 0.3); color: $panel_fg_color; border-color: shade($panel_bg_color, 0.6); + box-shadow: none; buttonbox { padding: 0; } button { + color: $panel_fg_color; background-image: none; border-color: shade($panel_fg_color, 0.35); border-radius: 3px; box-shadow: none; + &:hover { + background-color: shade($panel_bg_color, 0.4); + border-color: shade($panel_fg_color, 0.45); + } } label#summary { diff --git a/dark/gtk-3.0/apps b/dark/gtk-3.0/apps new file mode 120000 index 00000000..edb26e1f --- /dev/null +++ b/dark/gtk-3.0/apps @@ -0,0 +1 @@ +../../light/gtk-3.0/apps \ No newline at end of file diff --git a/dark/gtk-3.0/apps/granite-widgets.css b/dark/gtk-3.0/apps/granite-widgets.css deleted file mode 100644 index b21c119b..00000000 --- a/dark/gtk-3.0/apps/granite-widgets.css +++ /dev/null @@ -1,687 +0,0 @@ -/******************** - * dynamic notebook * - ********************/ -.dynamic-notebook { - background-color: shade(@theme_bg_color, 1.05); - background-image: none; -} - -.dynamic-notebook GtkLabel, -.dynamic-notebook GtkImage { - color: alpha(@theme_fg_color, 0.5); -} - -.dynamic-notebook .notebook { - -GtkNotebook-tab-overlap: 3px; - -GtkNotebook-initial-gap: 12px; - - border-width: 1px 0 0 0; - border-color: shade(@theme_bg_color, 0.8); - border-radius: 0; - padding: 0; -} - -.dynamic-notebook .notebook tab { - padding: 3px; - border-width: 1px; - border-color: shade(@theme_bg_color, 0.9); - border-radius: 3px; - background-color: @theme_bg_color; - background-image: none; - color: @theme_fg_color; -} - -.dynamic-notebook .notebook tab:active { - border-color: shade(@theme_bg_color, 0.8); - background-color: shade(@theme_bg_color, 1.05); - color: @theme_fg_color; -} - -.dynamic-notebook .notebook tab .entry { - border-radius: 3px; - padding: 3px; -} - -.dynamic-notebook .button:hover, -.dynamic-notebook .button:hover:active, -.dynamic-notebook .notebook .button, -.dynamic-notebook .notebook .button:hover, -.dynamic-notebook .notebook .button:hover:active { - border-color: shade(@theme_bg_color, 0.7); - background-color: shade(@theme_bg_color, 1.10); - background-image: none; -} - -.dynamic-notebook .button:hover:active, -.dynamic-notebook .notebook .button:hover:active { - border-color: shade(@theme_bg_color, 0.6); - background-color: shade(@theme_bg_color, 0.85); - color: shade(@theme_fg_color, 0.7); -} - -.dynamic-notebook .menu GtkLabel { - color: @menu_fg_color; -} - -/**************** - * content view * - ****************/ -.content-view-window { - border-width: 1px; - border-style: solid; - border-color: shade(@theme_base_color, 0.8); - border-radius: 2px; - background-color:@theme_base_color; - background-image: none; - color: @theme_text_color; -} - -.content-view, -.content-view GtkViewport { - background-color: @theme_base_color; - background-image: none; -} - -.content-view * { - background-color: transparent; - background-image: none; -} - -.content-view .entry { - background-color: @theme_base_color; - background-image: none; - color: @theme_text_color; -} - -.content-view .button { - border-width: 1px; - border-style: solid; - border-color: shade(@theme_base_color, 0.8); - border-radius: 2px; - background-color: shade(@theme_base_color, 1.02); - background-image: none; - color: @theme_text_color; -} - -.content-view .button:hover { - border-color: shade(@theme_base_color, 0.7); - background-color: shade(@theme_base_color, 1.10); - background-image: none; -} - -.content-view .button:active { - border-color: shade(@theme_base_color, 0.6); - background-color: shade(@theme_base_color, 0.85); - background-image: none; -} - -.content-view .button:active:hover { - border-color: shade(@theme_base_color, 0.7); - color: shade(@theme_text_color, 1.10); -} - -.content-view .button:insensitive { - border-color: shade(@theme_base_color, 0.8); - background-color: shade(@theme_base_color, 0.95); - background-image: none; -} - -.content-view .help_button * { - color: @theme_text_color; -} - -.content-view .toolbar { - -GtkWidget-window-dragging: true; - - padding: 1px; - border-width: 0 0 1px 0; - border-style: solid; - border-color: shade(@theme_base_color, 0.8); - background-color: @theme_base_color; - background-image: none; -} - -.content-view .menu { - padding: 0; - border-radius: 0; - border-style: none; - background-color: @menu_bg_color; - background-image: none; - color: @menu_fg_color; -} - -/************** - * sourcelist * - **************/ -.source-list, -.source-list.view { - border-radius: 0; - background-color: @theme_bg_color; - background-image: none; - color: mix(@theme_fg_color, @theme_bg_color, 0.1); -} - -.source-list { - -GtkTreeView-horizontal-separator: 1; - -GtkTreeView-vertical-separator: 1; -} - -.source-list.view:selected, -.source-list.view:prelight:selected { - border-width: 1px 0; - border-style: solid; - border-top-color: shade(@theme_bg_color, 0.85); - border-bottom-color: shade(@theme_bg_color, 1.12); - background-image: linear-gradient(to bottom, - shade(mix(shade(@theme_base_color, 0.9), shade(@theme_selected_bg_color, 1.35), 0.1), 0.87), - shade(mix(shade(@theme_base_color, 0.9), shade(@theme_selected_bg_color, 1.35), 0.1), 0.95) 10%, - shade(mix(shade(@theme_base_color, 0.9), shade(@theme_selected_bg_color, 1.35), 0.1), 0.99) 92%, - shade(mix(shade(@theme_base_color, 0.9), shade(@theme_selected_bg_color, 1.35), 0.1), 0.92) - ); - - color: mix(@theme_text_color, @theme_base_color, 0.3); -} - -.source-list.view:prelight { - border-color: mix(shade(@theme_base_color, 0.9), shade(@theme_selected_bg_color, 1.35), 0.3); - background-color: mix(shade(@theme_base_color, 0.9), shade(@theme_selected_bg_color, 1.35), 0.3); - background-image: none; -} - -.source-list.badge, -.source-list.badge:prelight, -.source-list.badge:selected, -.source-list.badge:prelight:selected { - margin: 0 3px; - padding: 0 6px; - border-width: 0; - border-radius: 10px; - background-image: linear-gradient(to bottom, - shade(@theme_selected_bg_color, 1.1), - shade(@theme_selected_bg_color, 0.9) - ); - color: @theme_selected_fg_color; -} - -/****************** - * no undo button * - ******************/ -.button.noundo, -.content-view .button.noundo { - border-color: shade(@error_bg_color, 0.8); - background-color: shade(@error_bg_color, 1.05); - background-image: none; - color: @error_fg_color; -} - -.button.noundo:hover, -.content-view .button.noundo:hover { - border-color: shade(@error_bg_color, 0.7); - background-color: @error_bg_color; - background-image: none; -} - -.button.noundo:active, -.content-view .button.noundo:active { - border-color: shade(@error_bg_color, 0.8); - background-color: shade(@error_bg_color, 0.95); - background-image: none; -} - -.button.noundo:active:hover, -.content-view .button.noundo:active:hover { - border-color: shade(@error_bg_color, 0.7); - background-color: shade(@error_bg_color, 0.97); - background-image: none; -} - -.button.noundo GtkLabel, -.button.noundo Gtklabel:prelight { - color: @error_fg_color; -} - -/********************** - * affirmative button * - **********************/ -.button.affirmative, -.content-view .button.affirmative { - border-color: shade(@theme_selected_bg_color, 0.8); - background-color: shade(@theme_selected_bg_color, 1.05); - background-image: none; - color: @theme_selected_fg_color; -} - -.button.affirmative:hover, -.content-view .button.affirmative:hover { - border-color: shade(@theme_selected_bg_color, 0.7); - background-color: @theme_selected_bg_color; - background-image: none; -} - -.button.affirmative:active, -.content-view .button.affirmative:active { - border-color: shade(@theme_selected_bg_color, 0.8); - background-color: shade(@theme_selected_bg_color, 0.95); - background-image: none; -} - -.button.affirmative:active:hover, -.content-view .button.affirmative:active:hover { - border-color: shade(@theme_selected_bg_color, 0.7); - background-color: shade(@theme_selected_bg_color, 0.97); - background-image: none; -} - -.button.affirmative GtkLabel, -.button.affirmative Gtklabel:prelight { - color: @theme_selected_fg_color; -} - -/********************** - * secondary toolbars * - **********************/ -.secondary-toolbar.toolbar { - padding: 2px; - border-color: shade(@toolbar_bg_color, 0.8); - background-color: @toolbar_bg_color; - background-image: none; -} - -.secondary-toolbar.toolbar .button { - border-color: shade(@toolbar_bg_color, 0.8); - background-color: shade(@toolbar_bg_color, 1.05); - background-image: none; - color: @toolbar_fg_color; -} - -.secondary-toolbar.toolbar .button:hover { - border-color: shade(@toolbar_bg_color, 0.7); - background-color: shade(@toolbar_bg_color, 1.10); - background-image: none; -} - -.secondary-toolbar.toolbar .button:active { - border-color: shade(@toolbar_bg_color, 0.8); - background-color: shade(@toolbar_bg_color, 0.95); - background-image: none; -} - -.secondary-toolbar.toolbar .button:active:hover { - border-color: shade(@toolbar_bg_color, 0.7); -} - -.secondary-toolbar.toolbar .button:focus, -.secondary-toolbar.toolbar .button:hover:focus, -.secondary-toolbar.toolbar .button:active:focus, -.secondary-toolbar.toolbar .button:active:hover:focus { - border-color: shade(@toolbar_bg_color, 0.7); -} - -.secondary-toolbar.toolbar .button:insensitive { - border-color: shade(@toolbar_bg_color, 0.85); - background-color: shade(@toolbar_bg_color, 0.9); - background-image: none; -} - -.secondary-toolbar.toolbar .button:active *:insensitive { - border-color: shade(@toolbar_bg_color, 0.75); - background-color: shade(@toolbar_bg_color, 0.80); - background-image: none; -} - -/******************* - * bottom toolbars * - *******************/ -.bottom-toolbar.toolbar { - padding: 6px; - border-width: 1px 0 0 0; - border-color: shade(@theme_bg_color, 0.8); - background-color: @theme_bg_color; - background-image: none; -} - -.bottom-toolbar.toolbar .button { - border-color: shade(@theme_bg_color, 0.8); - background-color: shade(@theme_bg_color, 1.05); - background-image: none; - color: @theme_fg_color; -} - -.bottom-toolbar.toolbar .button:hover { - border-color: shade(@theme_bg_color, 0.7); - background-color: shade(@theme_bg_color, 1.10); - background-image: none; -} - -.bottom-toolbar.toolbar .button:active { - border-color: shade(@theme_bg_color, 0.8); - background-color: shade(@theme_bg_color, 0.95); - background-image: none; -} - -.bottom-toolbar.toolbar .button:active:hover { - border-color: shade(@theme_bg_color, 0.7); -} - -.bottom-toolbar.toolbar .button:focus, -.bottom-toolbar.toolbar .button:hover:focus, -.bottom-toolbar.toolbar .button:active:focus, -.bottom-toolbar.toolbar .button:active:hover:focus { - border-color: shade(@theme_bg_color, 0.7); -} - -.bottom-toolbar.toolbar .button:insensitive { - border-color: shade(@theme_bg_color, 0.85); - background-color: shade(@theme_bg_color, 0.9); - background-image: none; -} - -.bottom-toolbar.toolbar .button:active *:insensitive { - border-color: shade(@theme_bg_color, 0.75); - background-color: shade(@theme_bg_color, 0.80); - background-image: none; -} - -/************* - * statusbar * - *************/ -GraniteWidgetsStatusBar { - padding: 1px; - background-image: linear-gradient(to bottom, - shade(@theme_bg_color, 1.0), - shade(@theme_bg_color, 0.88) - ); - - box-shadow: inset 0 1px shade(@theme_bg_color, 0.8); -} - -/*********** - * popover * - ***********/ -GraniteWidgetsPopOver { - -GraniteWidgetsPopOver-arrow-width: 21; - -GraniteWidgetsPopOver-arrow-height: 12; - -GraniteWidgetsPopOver-border-radius: 5px; - -GraniteWidgetsPopOver-border-width: 1; - -GraniteWidgetsPopOver-shadow-size: 15; - - margin: 0; - border-style: solid; - border-color: shade(@menu_bg_color, 0.8); - color: @menu_fg_color; -} - -.popover_bg { - background-color: transparent; - background-image: linear-gradient(to bottom, - @menu_bg_color, - shade(@menu_bg_color, 0.98) - ); -} - -GraniteWidgetsPopOver .sidebar.view, -GraniteWidgetsPopOver * { - background-color: transparent; - background-image: none; - color: @menu_fg_color; -} - -GraniteWidgetsPopOver .sidebar.view:selected, -GraniteWidgetsPopOver .sidebar.view:selected:focus, -GraniteWidgetsPopOver *:selected, -GraniteWidgetsPopOver *:selected:focus { - background-color: @theme_selected_bg_color; - background-image: none; - color: @theme_selected_fg_color; -} - -GraniteWidgetsPopOver .button { - border-color: shade(@menu_bg_color, 0.8); - background-color: shade(@menu_bg_color, 1.08); - background-image: none; - color: @menu_fg_color; -} - -GraniteWidgetsPopOver .button:hover { - border-color: shade(@menu_bg_color, 0.7); - background-color: shade(@menu_bg_color, 1.10); - background-image: none; - color: shade(@menu_fg_color, 0.7); -} - -GraniteWidgetsPopOver .button:active { - border-color: shade(@menu_bg_color, 0.8); - background-color: shade(@menu_bg_color, 0.95); - background-image: none; -} - -GraniteWidgetsPopOver .button:active:hover { - border-color: shade(@menu_bg_color, 0.7); - color: shade(@menu_fg_color, 0.7); -} - -/* linked buttons */ -GraniteWidgetsPopOver .linked .button { - box-shadow: inset -1px 0 shade(@menu_bg_color, 0.9); -} - -GraniteWidgetsPopOver .linked .button:active { - box-shadow: inset -1px 0 shade(@menu_bg_color, 0.8), - inset 1px 1px alpha(@dark_shadow, 0.06), - inset -1px -1px alpha(@dark_shadow, 0.06); -} - -GraniteWidgetsPopOver .linked .button:insensitive { - box-shadow: inset -1px 0 shade(@menu_bg_color, 0.8), - inset 1px 1px alpha(@light_shadow, 0.2); -} - -GraniteWidgetsPopOver .linked .button:last-child, -GraniteWidgetsPopOver .linked .button:only-child, -GraniteWidgetsPopOver .linked .button:insensitive:last-child, -GraniteWidgetsPopOver .linked .button:insensitive:only-child, -GraniteWidgetsPopOver .linked .button:active *:insensitive:last-child, -GraniteWidgetsPopOver .linked .button:active *:insensitive:only-child { - box-shadow: inset 1px 1px alpha(@light_shadow, 0.4), - inset -1px 0 alpha(@light_shadow, 0.4); -} - -GraniteWidgetsPopOver .linked .button:active:last-child, -GraniteWidgetsPopOver .linked .button:active:only-child { - box-shadow: inset 1px 1px alpha(@dark_shadow, 0.06), - inset -1px -1px alpha(@dark_shadow, 0.06); -} - -GraniteWidgetsPopOver .entry { - border-color: shade(@menu_bg_color, 0.7); - background-color: @menu_bg_color; - background-image: none; - color: @menu_fg_color; -} - -GraniteWidgetsPopOver .entry:active, -GraniteWidgetsPopOver .entry:focus { - border-color: shade(@menu_bg_color, 0.7); -} - -GraniteWidgetsPopOver *.separator { - border-color: shade(@menu_bg_color, 0.9); - color: transparent; -} - -.button.app { - border-width: 0; - border-radius: 2px; - background-color: transparent; - background-image: none; -} - -.button.app:hover { - border-color: shade(@theme_selected_bg_color, 0.8); - background-image: linear-gradient(to bottom, - shade(@theme_selected_bg_color, 1.1), - shade(@theme_selected_bg_color, 0.9) - ); - - color: @theme_selected_fg_color; -} - -.button.app:focus { - border-color: shade(@theme_selected_bg_color, 0.8); - background-image: linear-gradient(to bottom, - shade(@theme_selected_bg_color, 1.1), - shade(@theme_selected_bg_color, 0.9) - ); - - color: @theme_selected_fg_color; -} - -/******** - * gala * - ********/ -.gala-workspaces-background { - border-width: 1px 0 0 0; - border-color: shade(@panel_bg_color, 0.8); - background-color: @panel_bg_color; - background-image: none; -} - -.gala-workspace-selected { - border-width: 1px; - border-radius: 2px; - border-color: shade(@theme_selected_bg_color, 0.9); - background-color: @theme_selected_bg_color; - background-image: none; -} - -/********* - * files * - *********/ -.files-overlay-bar { - margin: 3px; - padding: 3px 6px; - border-width: 1px; - border-color: shade(@theme_base_color, 0.7); - border-radius: 2px; - background-image: linear-gradient(to bottom, - shade(@theme_bg_color, 1.1), - shade(@theme_bg_color, 0.9) - ); -} - -.files-overlay-bar GtkLabel { - color: @theme_text_color; -} - -/********* - * noise * - *********/ -.album-list-view, -.album-list-view * { - border-color: shade(@theme_base_color, 0.7); - border-radius: 0; - background-color: @theme_base_color; - background-image: none; - color: @theme_text_color; -} - -.album-list-view GtkTreeView { - -GtkTreeView-vertical-separator: 1; - -GtkTreeView-grid-line-width: 0; - - background-color: @theme_base_color; - background-image: none; - color: @theme_text_color; -} - -.album-list-view GtkTreeView row:nth-child(even) { - border-width: 0; - border-style: none; - background-color: shade(@theme_base_color, 0.9); - background-image: none; -} - - -.album-list-view GtkTreeView row:nth-child(odd) { - border-width: 0; - border-style: none; - background-color: shade(@theme_base_color, 1.0); - background-image: none; -} - -.album-list-view GtkTreeView row:selected { - background-color: @selected_bg_color; - background-image: none; - color: @selected_fg_color; -} - -/********** - * birdie * - **********/ -BirdieWidgetsTweetList * { - background-color: transparent; - background-image: none; -} - -/********* - * tweet * - *********/ -.tweet { - padding: 0; -} - -/********** - * notify * - **********/ -.notify { - border-width: 1px; - border-style: solid; - border-color: shade(@theme_base_color, 0.7); - border-radius: 2px; - background-color: @theme_base_color; - background-image: none; - color: @theme_text_color; -} - -.notify .low { -} - -.notify .critical { -} - -/********* - * panel * - *********/ -.panel { - background-color: @panel_bg_color; - background-image: none; - color: @panel_fg_color; - font: bold; -} - -.panel .menubar .menuitem { - padding: 1px 3px; -} - -.shadow { - background-color: transparent; - background-image: linear-gradient(to bottom, - rgba(0, 0, 0, 0.3), - transparent - ); -} - -.composited-indicator, -.wingpanel-app-button, -.wingpanel-indicator-button { - padding: 0 2px; - background-color: transparent; - background-image: none; - color: @panel_fg_color; -} - -.composited-indicator.menuitem:active, -.composited-indicator.menuitem:prelight { - border-style: none; - background-image: none; -} diff --git a/dark/gtk-3.0/apps/lightdm-unity-greeter.css b/dark/gtk-3.0/apps/lightdm-unity-greeter.css deleted file mode 100644 index c0dd6f8a..00000000 --- a/dark/gtk-3.0/apps/lightdm-unity-greeter.css +++ /dev/null @@ -1,67 +0,0 @@ -.lightdm.menu { - background-image: none; - background-color: alpha(black, 0.6); - border-color: alpha(white, 0.2); - border-radius: 3px; - padding: 1px; - color: white; -} - -.lightdm-combo .menu { - background-color: alpha(black, 0.6); - border-radius: 0; - padding: 0; - color: white; -} - -.lightdm.menu .menuitem *, -.lightdm.menu .menuitem.check:active, -.lightdm.menu .menuitem.radio:active { - color: white; -} - -.lightdm.menubar { - background-image: none; - background-color: alpha(black, 0.5); -} - -.lightdm-combo.combobox-entry .button, -.lightdm-combo .cell, -.lightdm-combo .button, -.lightdm-combo .entry, -.lightdm.button, -.lightdm.entry { - background-image: none; - background-color: alpha(black, 0.3); - border-color: alpha(white, 0.6); - border-radius: 3px; - padding: 7px; - color: white; - text-shadow: none; -} - -.lightdm.button, -.lightdm.button:hover, -.lightdm.button:active, -.lightdm.button:active:focus, -.lightdm.entry, -.lightdm.entry:hover, -.lightdm.entry:active, -.lightdm.entry:active:focus { - background-image: none; -} - -.lightdm.button:focus, -.lightdm.entry:focus { - border-color: alpha(white, 0.9); - color: white; -} - -@keyframes dashentry_spinner { - to { -gtk-icon-transform: rotate(1turn); } -} - -.lightdm.entry:active { - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); - animation: dashentry_spinner 1s infinite linear; -} diff --git a/dark/gtk-3.0/assets b/dark/gtk-3.0/assets new file mode 120000 index 00000000..387f8e1c --- /dev/null +++ b/dark/gtk-3.0/assets @@ -0,0 +1 @@ +../../light/gtk-3.0/assets \ No newline at end of file diff --git a/dark/gtk-3.0/assets/bullet-symbolic.svg b/dark/gtk-3.0/assets/bullet-symbolic.svg deleted file mode 100644 index c0299734..00000000 --- a/dark/gtk-3.0/assets/bullet-symbolic.svg +++ /dev/null @@ -1,155 +0,0 @@ - - - - - - - - image/svg+xml - - Gnome Symbolic Icon Theme - - - - - - - Gnome Symbolic Icon Theme - - - - - - - - - - - - - - - - - diff --git a/dark/gtk-3.0/assets/bullet-symbolic.symbolic.png b/dark/gtk-3.0/assets/bullet-symbolic.symbolic.png deleted file mode 100644 index 2ccb0e861afdca8a43bb6c1016fc67817865e41b..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 147 zcmeAS@N?(olHy`uVBq!ia0vp^d?3uh1|;P@bT0xamSQK*5Dp-y;YjHK^1VD=978lF zCMQVDZ0K!lTsXC{@u8r|b^`;04MK}If_U~)d1`KtlXaxz7ilLQTJ+K0FzJSgo>CAG p^9Cb_KVJm8q$N9e<~(F$@O&n`dE0-6tw2*5JYD@<);T3K0RWo^EJpwU diff --git a/dark/gtk-3.0/assets/check-symbolic.svg b/dark/gtk-3.0/assets/check-symbolic.svg deleted file mode 100644 index bac5cd6a..00000000 --- a/dark/gtk-3.0/assets/check-symbolic.svg +++ /dev/null @@ -1,154 +0,0 @@ - - - - - - - - image/svg+xml - - Gnome Symbolic Icon Theme - - - - - - - Gnome Symbolic Icon Theme - - - - - - - - - - - - - - - - - diff --git a/dark/gtk-3.0/assets/check-symbolic.symbolic.png b/dark/gtk-3.0/assets/check-symbolic.symbolic.png deleted file mode 100644 index eed1f45a58d8b995087a28451a5935079a749cb9..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 231 zcmeAS@N?(olHy`uVBq!ia0vp^d?3uh1|;P@bT0xawj^(N7l!{JxM1({$v_d#0*}aI z1_o|n5N2eUHAey{$X?><>&pIsNkmB5N^)5S4FIsKl-zT zC0y{M%Ay7A3xmXqCH97JY}63_;>hp&Ns!~uoL{_I4YsTj2^<<+#RuFjXk1_oTeyQO zr@?cf-y$bd+X;+*SEKiyZA-M=va-Iuydjcz{`por&5BAV!#B#|`+8YVg?x$SoA*t7 Uhxr_FMxgx+p00i_>zopr0HlaYL;wH) diff --git a/dark/gtk-3.0/assets/checkbox-active-selectionmode.png b/dark/gtk-3.0/assets/checkbox-active-selectionmode.png deleted file mode 100644 index 283ae530cb7bb7b374b61529be11b995acc72ea1..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 346 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`Y)RhkE)4%caKYZ?lYt_f1s;*b z3=G`DAk4@xYmNj^kiEpy*OmPqk1!vvd|=BQTcD6+iEBiObAE1aYF-J0b5UwyNotBh zd1gt5g1e`0KzJjcI8f0cPZ!4!i_>=}+pat0z|*q->okR38uslT=OzfNxcmA|FkW&; zcum+!fdH%Dv)EY_IXpZ(b`%;LZ#pjbqip8?eXn=rz2BQY?|FNIpyK)BTifn3ws$++ z|GrU!>(r(rQNIHmLM4w2zPI(gEWyCYp}1xe=}pIv*%fv07Eg`ljg{$dk~sP{(`E_y56+EdpXEizf;k z+S<^uC*_WeK0~0$-e-S!{?Fswm%ix_ q(q)bx)j3k=6B=s$;KwwRc?|WAjuTcq@3;l@6N9I#pUXO@geCxjM}`vs diff --git a/dark/gtk-3.0/assets/checkbox-checked-active-selectionmode.png b/dark/gtk-3.0/assets/checkbox-checked-active-selectionmode.png deleted file mode 100644 index 2f21288b6a1c37beb11a81b411f408f56730e5ba..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 583 zcmV-N0=WH&P)e zSad^gZEa<4bO1wgWnpw>WFU8GbZ8()Nlj2!fese{00FN_L_t(I%f*wiOXOe>#eYez zu}ZZzUMcKWRyJ!Fk%fgcYq$S_<@U<{4_1K%i*z>H%G%%NT7#vXhgSpwrZGDCd{!Ga z;GNCE4Gc5GH;;MqF%SN?dF$l%_Etqv@c#b($7bL6>GgVyMx!-u1i*5+)ZN{k%uIhX zGt>S3y>4!91pEM&0HkRuGm~@fOE1e(gTX++Z{WKR;G81}0wf{nQ~Hv4etss7V;&wJ z04BgMfBh&4&+{;|w%+urs)*y5)oR7b$qB$u03T>S?)?0m!^1fqo&fR2ui^!E0qi;IhP&klqA{e1wkEF+F%9v>gu z$-BF|TwY${`#xsYWsoF^%uHsc`Ft)wfVQ@_1Skwc<$12x*H@XDk|g<@fthi3cE)@@ z2jJ!9g&+t>)0BR{k8_UAet>TPp65~5H9-*2G!3Vxr-WfhmSsdy#CSYz!F65Zd0zLF zudlDQy}ixe-X1{^0JL#^C+nE!IYm)0nM}Nn7Ot+Y^z`)fr51K}b~rvh_Wqd~KLD)D VMTJE*NH_oh002ovPDHLkV1m7q1g-!8 diff --git a/dark/gtk-3.0/assets/checkbox-checked-backdrop-selectionmode.png b/dark/gtk-3.0/assets/checkbox-checked-backdrop-selectionmode.png deleted file mode 100644 index f29b8016f09660b8bd63e9cbc314f0603c3fc826..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 577 zcmV-H0>1r;P)e zSad^gZEa<4bO1wgWnpw>WFU8GbZ8()Nlj2!fese{00F5#Dc>@U|1k)&9gII~ZVqs}#YiDO;w$=+s3OhT&E+FovF@Yt4{B5(zD!U(F zv#)g z=|h7!j=5g1IF5s^>)(K=1n_t~&@>HE6h9@X*XxW%BY-mSRRlm6h+1Swfnx0VHjAJ#bh!8_zoZf1@>mMLDMvR-+w#( zRXm%`P*wH!wQ>T0^ZATz+w}YW!sJ!l?RHtO*F2xkcY~au)9Ce1VJDSLnKKej$`KYIkGHc+cv7IqU(Ag4#N;Z5Z+7KG|h3f zTBY4?BS{iK5%W69e zSad^gZEa<4bO1wgWnpw>WFU8GbZ8()Nlj2!fese{00GWPL_t(I%f*wwixWW<$3HW> zLJkagU_wa9d4j)KL$DHrU~`y4MM=Oy4zUmpL9g+TIJC1mwY)n!N&2L)vC=9RuSpR} zP6?51va8_6*`2YFT@y6e2o5~n8|Hn#?>lei!T(+&4%+Ruaa|X!^}=K+C7DcyYPBi= zUcK%b0nlo-OfHwhaU5*hUPuszA-!IY4~HXm-Y=0lB9Q>&@fgQ(kW!+xUT9KE^7%Z^ z-@#`;WWCI`4G={UmSrXKg%H10H^$)mKAU@eKKYWZdWNf&(gPVE8ew?+3&v^8!G@fIQ+u?(Bt85KOva~ zUplkQqiZLbOeXULv4Zo(GywZUkIlV4V{e*(SB@|7_|^%elqjVV0y|cqwPw9i;A;@_ ztUaJJ@VN2hEmNgAnzDI%w?sOfN_z4~1xhJ4)>gQGWfg#_(nu-Tx_yq-Oo}Lqn9WZV z2q6f90L!un!;p=&BI%SxXXtbB)G;b&mlJRh1ar?U0GiFF$!4>Z%VjLf0!V!PPh#Kg zc5z*oTCFDLW}(q&n9*qT*I6hO3e@X$@z1952cG!>D%+;cY5)KL07*qoM6N<$f(H== A_W%F@ diff --git a/dark/gtk-3.0/assets/checkbox-checked-insensitive.png b/dark/gtk-3.0/assets/checkbox-checked-insensitive.png deleted file mode 100644 index f29b8016f09660b8bd63e9cbc314f0603c3fc826..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 577 zcmV-H0>1r;P)e zSad^gZEa<4bO1wgWnpw>WFU8GbZ8()Nlj2!fese{00F5#Dc>@U|1k)&9gII~ZVqs}#YiDO;w$=+s3OhT&E+FovF@Yt4{B5(zD!U(F zv#)g z=|h7!j=5g1IF5s^>)(K=1n_t~&@>HE6h9@X*XxW%BY-mSRRlm6h+1Swfnx0VHjAJ#bh!8_zoZf1@>mMLDMvR-+w#( zRXm%`P*wH!wQ>T0^ZATz+w}YW!sJ!l?RHtO*F2xkcY~au)9Ce1VJDSLnKKej$`KYIkGHc+cv7IqU(Ag4#N;Z5Z+7KG|h3f zTBY4?BS{iK5%W69=}+pat0z|*q->okR38uslT=OzfNxcmA|FkW&; zcum+!fdH%Dv)EY_IXpZ(b`%;LZ#pjbqip8?eXn=rz2BQY?|FNIpyK)BTifn3ws$++ z|GrU!>(r(rQNIHmLM4w2zPI(gEWyCYp}1xe79^7Cd=QFNC&PxjcOCZ3SKu} zN@LAr$`x=?)t=6>P|a=9q(#!v6J<|yJ!D99e(>R5`{R#tf4&R0S4W0kJtyIO|NG=5 zP1Qn~;Au~Ven>Es#{O3E^tddt^oq&>OZVH`B$73{oESV9vfr+ebkKC2mKu@0e>c;I zd*^2z7kK|y)4{9q>VspySQ`YAG}g?&uhy$STm9VE?&3$Uzy1BicdYg5aiF4?o-U3d7N?I+KAYQOAmAo%=EdGIUuglGR)f$Y+a;_Tj8QiZ zFJoQNAZ4+O>GYzOHHCVShu(FmUUciypXPS|yN&U@#{YKruK&GMdUy4;S(Wq5k2-NY zvRI~by8J;hvax4;Zh!Nb Zzm>XI#&kw?CZMMoJYD@<);T3K0RRtilN|s6 diff --git a/dark/gtk-3.0/assets/checkbox-mixed.png b/dark/gtk-3.0/assets/checkbox-mixed.png deleted file mode 100644 index 7b266a19a4d2dd575c4ccfaa6273aa80b11cab08..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 381 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`Y)RhkE)4%caKYZ?lYt_f1s;*b z3=G`DAk4@xYmNj^kiEpy*OmPqk1!vP?6Qex0)Rr2C9V-A&iT2ysd*&~&PAz-C8;S2 z<(VZJ3hti10pX2&;y^`DJzX3_EKVPt?3>qYAmBFt?VG67_8*oka~g#Y-04Yd%o{}W_qN$ zo_9jfzg30Ve;FM(HnPlGcGKiq>Djga3cPb}mx&ilKWG&YdNo^hPJE?>jrQNuzA+5v zb}m12Zs%(K=?sA)3%Ax;982GPZI%Jg`?80*5^d)*XO)#Jaxi_esb}B!FGYGkW1qKI V#`(|lR{=fD;OXk;vd$@?2>=JhlnDR; diff --git a/dark/gtk-3.0/assets/checkbox-selectionmode.png b/dark/gtk-3.0/assets/checkbox-selectionmode.png deleted file mode 100644 index 283ae530cb7bb7b374b61529be11b995acc72ea1..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 346 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`Y)RhkE)4%caKYZ?lYt_f1s;*b z3=G`DAk4@xYmNj^kiEpy*OmPqk1!vvd|=BQTcD6+iEBiObAE1aYF-J0b5UwyNotBh zd1gt5g1e`0KzJjcI8f0cPZ!4!i_>=}+pat0z|*q->okR38uslT=OzfNxcmA|FkW&; zcum+!fdH%Dv)EY_IXpZ(b`%;LZ#pjbqip8?eXn=rz2BQY?|FNIpyK)BTifn3ws$++ z|GrU!>(r(rQNIHmLM4w2zPI(gEWyCYp}1xe=}pIv*%fv07Eg`ljg{$dk~sP{(`E_y56+EdpXEizf;k z+S<^uC*_WeK0~0$-e-S!{?Fswm%ix_ q(q)bx)j3k=6B=s$;KwwRc?|WAjuTcq@3;l@6N9I#pUXO@geCxjM}`vs diff --git a/dark/gtk-3.0/assets/dash-symbolic.svg b/dark/gtk-3.0/assets/dash-symbolic.svg deleted file mode 100644 index 7886d541..00000000 --- a/dark/gtk-3.0/assets/dash-symbolic.svg +++ /dev/null @@ -1,153 +0,0 @@ - - - - - - - - image/svg+xml - - Gnome Symbolic Icon Theme - - - - - - - Gnome Symbolic Icon Theme - - - - - - - - - - - - - - - - - diff --git a/dark/gtk-3.0/assets/dash-symbolic.symbolic.png b/dark/gtk-3.0/assets/dash-symbolic.symbolic.png deleted file mode 100644 index c20d4bac52551bd00de0a3e70d1a2f543d2256d1..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 130 zcmeAS@N?(olHy`uVBq!ia0vp^d?3uh1|;P@bT0xamSQK*5Dp-y;YjHK@-01G978lF zCMQU+x-jOmv9+o5@bLUEd~h5{#oaKmJGPj!P5z*Wap2*VaV$BtM-Ci#;K|$FX3M}J Xy+bPFNlOG1&=3YsS3j3^P6xplFeVMFc_gLJS(Th!$y!U}i4Nrj&sh+6@E|1IE+^0~OPr=b42! z$+VkUS&REy9?$=r4-eQvD@u99FFe*0}uh`RaN~B9%z!6#@+1Ua=AD@J_gVN ze*r(={Ql})yu7^3;o%{XNCY4Nw5h79-2DEk!2SJw#>U2oL?Yzm za2QFFn3_n2Jgt2He%IWDTO-)V6 zvYb>CjYer~Y~<|h3`J4UXfzZT7qhmu_9$Fhz?zyG91cekG8_)$^?K>+>r1M!SS%bJ z9dUJa1;ozX-rio)8qWd*XlrX@VPPR@gHR~M_VzYYQ&aJ=iHQl^Za1M&2#B4#)zwvu zM&qM#@QAy3U|@iYiwmZwr{jknVohVS*{Gt|a7boYU!~yuAELIC#Qcyt1-FdwY8lQj#PF2M1|sX?ZdZo&Xd= zu(7d0Yiny9snh8&8jaZP_GiI82?#Ny)9GYp-Ak0eR#?(U+~J>QG^v#c~eK91RJ zrl6pJl9H0=STdfk0%ciF`@eB@b#+F7R9EHg+z0#&yq}w!%V^UK^EuUE$}^}aiWxY6 xQBGpczwDWmH~0DNZeIP<$3yuBd}`i2@P8|yYFv3#6!HK7002ovPDHLkV1ht75di=I diff --git a/dark/gtk-3.0/assets/grid-selection-unchecked.png b/dark/gtk-3.0/assets/grid-selection-unchecked.png deleted file mode 100644 index 318f4176e9d3867486aa20dcd8acf152d70334ee..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 330 zcmeAS@N?(olHy`uVBq!ia0vp^8X(NU1|)m_?Z^dEEX7WqAsj$Z!;#Vf2?p zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4icZF0OJrH~v;Y5^V>c2@niX554OE`in4d8Y7v05VrnX?~o5uXa9hyAH0w?wX Py~N<@>gTe~DWM4fhnRe3 diff --git a/dark/gtk-3.0/assets/pane-separator-vertical.png b/dark/gtk-3.0/assets/pane-separator-vertical.png deleted file mode 100644 index 060cf03151ef8531a287cd73a3dd39373f920eb6..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 148 zcmeAS@N?(olHy`uVBq!ia0vp^96-#>!3HGPo$&JjQfx`y?k)`fL2$v|<&%LToCO|{ z#S9GG!XV7ZFl&wkP>{XE)7O>#E|WB`q=D929gt2%PZ!4!j_b*DY^%T3ySpFPoo`qB k3CPxAo88&Sps<30q35-T?^*Hc5TIfPPgg&ebxsLQ0HszY%K!iX diff --git a/dark/gtk-3.0/assets/pane-separator.png b/dark/gtk-3.0/assets/pane-separator.png deleted file mode 100644 index 616ec90946787b41dc9dd55b10268580d47b8f6d..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 151 zcmeAS@N?(olHy`uVBq!ia0vp^%s|Y+!3HF4-n-TSDYhhUcNd2LAh=-f^2tCE&H|6f zVg?3oVGw3ym^DWND9B#o>FdgVmr068*<3>|>i|$l#nZ(xgyVYh9NX$|^=ujmdy1c* qOOt4SdU?73zJhZ%H>Ya`u`%@NNuK$%tUME_p25@A&t;ucLK6UKO)BaD diff --git a/dark/gtk-3.0/assets/resize-grip.png b/dark/gtk-3.0/assets/resize-grip.png deleted file mode 100644 index 4aabef3b8ba1528af43bb096bb0985987052fc49..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 187 zcmeAS@N?(olHy`uVBq!ia0vp@Ak4%JB>7u;-UBJd;vjb?hIQv;UIICs0X`wF3=HYh zrcK+tdGo9tv6dheB|(0{3=Yq3q=7g|-tI089jvk*Ams%fk;M!Q+`=Ht$S`Y;1W=H@ z#M9T6{Wh081HYoJnCMoZkesKBV+hCf*v}LOBXfTrMqa3s$o*cx5qN UcX7PC5vY>E)78&qol`;+0I)_X-v9sr diff --git a/dark/gtk-3.0/assets/titlebutton-close-active-dark.png b/dark/gtk-3.0/assets/titlebutton-close-active-dark.png deleted file mode 100644 index 6add62f7679ec898bc2e35aceaed432fc7d7fbcc..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 298 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`Y)RhkE)4%caKYZ?lYt_f1s;*b z3=G`DAk4@xYmNj^kiEpy*OmPdGqsT-+Q{s; zJ9YV;YNm#*VwpRZrqoVc*lr?{zve)}&Gk=LFNn0uea<8xC!gnGl*@hQO#M{z%G%AV oyehuUk^IabA{r`twqC*i`y}s8^ZDkq0lmQB>FVdQ&MBb@0O#s$@Bjb+ diff --git a/dark/gtk-3.0/assets/titlebutton-close-active-dark@2.png b/dark/gtk-3.0/assets/titlebutton-close-active-dark@2.png deleted file mode 100644 index d4cb6dd8a67862eb6a9eb0af4c84826e87b670e9..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 834 zcmV-I1HJr-P)4Q_K~z|U?Uc<=6G0fp-}jw@9w@ur?e4Z{yWO^c@dS-%{0B&k zQ4_g%6M_Up|A-z<5KK&vL~-%vO2WaDM2Ket2R~xG35bxI@YMnb1UlmZmV!aHO}*JC znaj+x@AI44cLt!MivD+@m%-{BGX>wh$R*~@QsI4L5W0u=q6@4oT!djhCRt!71a&=kLloK2hrVRkqv1eypc zwTcxnKvn#D*#L^JW3s3^m;fnT!%~Vn0r2*_iTp##22v9hQKMZzi zqq*pCfFhdkh!Dl6uiu`n<<_@|2o8^IZgczdmzk%fgqI8uYaeX_k)J@I)5I7Y83@$? zeEjh3C~8logbNarvFI693o6HYmRHtbZf-G~7rgbyi(AwG48RSy%(JSlsf7grHUVsN zgo7)(w7d$lvkOH-c>V%6JZ?tSkf8$++Z&A8=a(A0oZiM>LN?^i8@dLGcvNOc<7S7G zDjPsB@hV}NYB;PHnht5?Tqe2K?TEtZN!}wyL+-j^Xpl_C6a;e02B^2JU|l$LuyaPt zZpg&%9O-sM(Xbf5PsD~@U&zp*zTOI!4G^j`eD2$hM0R4qJocWa)5wzxW;YQIyZ%r} z_mvI6$k$IqD@5#ZVm@->Ba==ekIzTDiRcj#Ei+_&UiB-gsG^E~1H<|AP7%cuNdN!< M07*qoM6N<$f - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/dark/gtk-3.0/assets/titlebutton-close-active.png b/dark/gtk-3.0/assets/titlebutton-close-active.png deleted file mode 100644 index bdba751b7f745cb9756785affc95e08235354faa..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 337 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`Y)RhkE)4%caKYZ?lYt_f1s;*b z3=G`DAk4@xYmNj^kiEpy*OmP~2a~84bEH?bBv9y{r;B5V#p$<`?6a5x1={y-*UJ9W z9HqN4Vgu(BruPin}Rs}1u&h9ts>R(NW zH@`po=L~k{|0j=Ht-n^ecRG9Ig*$6A-i6IEkAD93$Y#Sx1tqIlx{MxL{VPQh%w7o| z-?&rD!n5st{EYkQtaiul-YIw}-Z1~zhTgE-88@0Xgj&=TGQZw4ZFTRKFrMGJhaP=B zc}FDTx#_Dbj1|&v7%P726dw4n_udngr)wVUjAova`G3MXT_vlT>@Hi`#kRk5a0zkw e68De2h~;H^xYk6w1Zkj889ZJ6T-G@yGywonSBCBY diff --git a/dark/gtk-3.0/assets/titlebutton-close-active@2.png b/dark/gtk-3.0/assets/titlebutton-close-active@2.png deleted file mode 100644 index 632113fb4c4719d500730574a93ca9550312ee9f..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 995 zcmV<9104K`P)06IT>H_l_OMUm1JG^I^x1?Itt?+A4`swHr2F zP-q%eA}T`NG$?-}i3DA>sVcSqfT}wT1gX?eC`6UI3Ir0T?V_KMKpVvpBysFOKd|R@ zW1A4Ao~hg&InpfVy));WcXi(#U>Cc1)F^yVqKS7iolN`| zOVatpQ^R)~aoJAHvL0U%z$YZiv&qrZeRllh@k~E6&4R?omQ}uN$F~ijDs5W2Lx-jW zRkEaOjY1@kXZi_zEuyq3>4X7Q3F=J;P~@P;?Q$U;3PRW9e+^MH*ELyDLIJql5|mJ| zrRe}k-G7ysLCgrr0T_B%B}@7`F_L+?#z~Ew?IrM4Lk}q-Ie;2JrTM?I)3{%g^!Y3^<^g;`M53tx+e5rJb$jr;d!>P$c>CJ@x%c1R$jSbH!4r%*@#OluDbGSCgK(|6&d}tUwK2qf>n(iEpB&8H_~2PwlO( zu48#Q|FA5?Ym29j&N|g}93VAvwpXy2PIa`aT145A^I&xyOH0dzim(p;_SvzU|672X zc{&+abxp0W?~QtMZsyAO%Ma^4asR;@78iea971wx{#>#{H4P0!3?fEP%%3|sl*k^~ z+xGJ>`M(4AH!CqBM!@ff$J5eUC=`d~zTxSOg{hTB`nF9dBypxQom8Vyz20y=QQyLe zH`}w!m}lVD_)zT9iwXa&+P-0E=;}%-1kTv$yX**i(&>n4KKZ9~8=l<68)p5gRZk(t z4n=A5a-M(8|J4rwrlEs~B1<;oZCUhIi^=WBe^ z)NK!F8=%|pUGTO@f4mg;-IzF}?>J<(gqRz9UBB3y@Ll)1rAOU{?{hnSC!=@_Kx_3i zx7~ajmjDa_=&vsQNkktu(swcmX8=3`aHEkqP_IN5!1d}kGY<53v5RLM{{U!)Eo=PF R)cgPd002ovPDHLkV1i5G(Qp6& diff --git a/dark/gtk-3.0/assets/titlebutton-close-active@2.svg b/dark/gtk-3.0/assets/titlebutton-close-active@2.svg deleted file mode 100644 index bf439ce8..00000000 --- a/dark/gtk-3.0/assets/titlebutton-close-active@2.svg +++ /dev/null @@ -1,145 +0,0 @@ - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/dark/gtk-3.0/assets/titlebutton-close-backdrop-dark.png b/dark/gtk-3.0/assets/titlebutton-close-backdrop-dark.png deleted file mode 120000 index 2ecf5c51..00000000 --- a/dark/gtk-3.0/assets/titlebutton-close-backdrop-dark.png +++ /dev/null @@ -1 +0,0 @@ -titlebutton-close-dark.png \ No newline at end of file diff --git a/dark/gtk-3.0/assets/titlebutton-close-backdrop-dark@2.png b/dark/gtk-3.0/assets/titlebutton-close-backdrop-dark@2.png deleted file mode 120000 index 192233bb..00000000 --- a/dark/gtk-3.0/assets/titlebutton-close-backdrop-dark@2.png +++ /dev/null @@ -1 +0,0 @@ -titlebutton-close-dark@2.png \ No newline at end of file diff --git a/dark/gtk-3.0/assets/titlebutton-close-backdrop.png b/dark/gtk-3.0/assets/titlebutton-close-backdrop.png deleted file mode 120000 index 097102ee..00000000 --- a/dark/gtk-3.0/assets/titlebutton-close-backdrop.png +++ /dev/null @@ -1 +0,0 @@ -titlebutton-close.png \ No newline at end of file diff --git a/dark/gtk-3.0/assets/titlebutton-close-backdrop@2.png b/dark/gtk-3.0/assets/titlebutton-close-backdrop@2.png deleted file mode 120000 index d3b43d17..00000000 --- a/dark/gtk-3.0/assets/titlebutton-close-backdrop@2.png +++ /dev/null @@ -1 +0,0 @@ -titlebutton-close@2.png \ No newline at end of file diff --git a/dark/gtk-3.0/assets/titlebutton-close-dark.png b/dark/gtk-3.0/assets/titlebutton-close-dark.png deleted file mode 100644 index eb3b181905232f61f56309d4d905ce25affa6d0c..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 325 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`Y)RhkE)4%caKYZ?lYt_f1s;*b z3=G`DAk4@xYmNj^kiEpy*OmPdGqmbDKq z3h!6Hp?TDA<@WC7r)OS%`sPX_qtEOkVp7)g6ykhk_?9w8#2esgC?vzyISuzTvG zZ1$+hOlzifKfAhXhu!a6j15zaKH3}#f3!(QdAW#Lp-k-NHIea~d;WeDuw2eC!&AVd zx-4%_@P=O(XKlHbTU+42aP7_Sf0wL!ml)2~?60|nSG!ATQjl7#T*v?aKKye|WN7Q3 Sulxn{9fPNWjIOI!j`+$fQdNZS}=+c_?1u@>kpx`eZu zIdks!{pOx~W`NT;jguZED!ALn^ogEC2vz zj+xEnrhNLs9gt;ZCUfm@IMCwvnITKB`UeL+nf!y{VJ9S-$u>`~ofhc}cYv9DW3gyQ zGMR8^a%<}wc(b_lU1Gk*DkmgX=9;`7v)yLfU#F@{MAM3&64AYU`ickuz^bmB&ctF- zWFQ=N8;GbR9A2D@F3V^KZCS*g{ZB+oEGcz3aL(Sg<`2Q9F z05cPSRsil;EZUmgj_k-WA0r|bX$ub_0HlQ`0leM%w!N~xzLCtW`Lwy2+S=M)IgWY3 z02zp2F!*I+V!ShD7zbKs7=}E*uyFI?qlaG$H9rHcYwY?z{x~&&3>Ob+gw$Zh@zI(~0wP-Y%Ox#cu^@FCFrgP1Ky%9}A$a@gc zUx`GbPF0JZi}VZm8QlSJHhmk(HP5Lf0Bry=hwmp5-Os0A$QXtJ`~a|&&m7qQVvYk? jOs@$Spnn>tal+#_4~8rZe3tW{00000NkvXXu0mjfEvk|j diff --git a/dark/gtk-3.0/assets/titlebutton-close-dark@2.svg b/dark/gtk-3.0/assets/titlebutton-close-dark@2.svg deleted file mode 100644 index f1e5978e..00000000 --- a/dark/gtk-3.0/assets/titlebutton-close-dark@2.svg +++ /dev/null @@ -1,123 +0,0 @@ - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/dark/gtk-3.0/assets/titlebutton-close-hover-dark.png b/dark/gtk-3.0/assets/titlebutton-close-hover-dark.png deleted file mode 120000 index 2ecf5c51..00000000 --- a/dark/gtk-3.0/assets/titlebutton-close-hover-dark.png +++ /dev/null @@ -1 +0,0 @@ -titlebutton-close-dark.png \ No newline at end of file diff --git a/dark/gtk-3.0/assets/titlebutton-close-hover-dark@2.png b/dark/gtk-3.0/assets/titlebutton-close-hover-dark@2.png deleted file mode 120000 index 192233bb..00000000 --- a/dark/gtk-3.0/assets/titlebutton-close-hover-dark@2.png +++ /dev/null @@ -1 +0,0 @@ -titlebutton-close-dark@2.png \ No newline at end of file diff --git a/dark/gtk-3.0/assets/titlebutton-close-hover.png b/dark/gtk-3.0/assets/titlebutton-close-hover.png deleted file mode 100644 index b962c9ad8b24c3afa7c6f6320bf23a3c5aba2862..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 245 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`Y)RhkE)4%caKYZ?lYt_f1s;*b z3=G`DAk4@xYmNj^kiEpy*OmP~2a~9V6u46X=j)|T=z_ymNu>YZ@8&PlghW_Y12-xpOod|(r0+> zX9H8i?&c+bSVB$&h2L@e@ke7-)t%6-y8mt+JQcI+(41gB#_El`nHj##4Ds0AYHREn lxgd}GErYVs`(OMQq@ONu<}?f_GzPkc!PC{xWt~$(69B>~S;_za diff --git a/dark/gtk-3.0/assets/titlebutton-close-hover@2.png b/dark/gtk-3.0/assets/titlebutton-close-hover@2.png deleted file mode 100644 index 6b507c05e94ef415ec7121b7437151dba30153cf..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 816 zcmV-01JC@4P)C2J0;q%$ z6@Y4?P?!?c+qOMTL{;DSUoytti|T~{nx@?~O%usva)^kwxCbgL9Sk}sXl_cqTH+^9Ti0F7>VWFJOX7__!JRXN(7&_Bj}GRC09F}eeop`*i1xUxIS^qB0H7sQCZezTeEz_7-QVFF z*LA&IE_ZMnb0A^|f|#3|n_`T8Q4~dOZ#!_c9haAvzli8zsZ^>))r`~u;A+%7&)d4m z9Jo4|nx-Y1&E`h?i2f4*%d#drjarB4*o+Dx^qW_KchEc^Rcn91uan4_h^o0Prt`CR5d~tDc zH8|~PO-HdR?20Jz38SNWej%! u)B)^uGY76au?AqbwPq)Ren0y0pT{3L#t5UKoB`7S0000 - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - diff --git a/dark/gtk-3.0/assets/titlebutton-close.png b/dark/gtk-3.0/assets/titlebutton-close.png deleted file mode 100644 index d11e432dc725b2ba646837daea76f6b4852cdc97..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 259 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`Y)RhkE)4%caKYZ?lYt_f1s;*b z3=G`DAk4@xYmNj^kiEpy*OmPdGq;E#?-HxI(LkXIo-U3d7N_4%yvTdlfWt*UmRT%e zdKIf!f}H*X(Mb~%_@1Ah`1F$5{m}R4)!&_DKM=2Pv^g*B@4EjHylHI4$#Q0!?f!(` z&T=_&FRGfUVRw80L%`MMj#KUjxFk;<%4B6wSfr$MJ=$eL>-~QTCG(!XTd_4Sp0PM0 zl%HWn`6j1J+Gpl=uHXqMYb|LM+<5R8P^*#U@{YZe#Ft^>bP0l+XkK6_Q*( diff --git a/dark/gtk-3.0/assets/titlebutton-close@2.png b/dark/gtk-3.0/assets/titlebutton-close@2.png deleted file mode 100644 index deba07e84de023f8a6970024f80d634e46aaeff5..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 803 zcmV+;1Kj+HP)a_u7G~zLBq;g4Co@)G~CbsI}!cmh~psj5CgKnRKcLVrLowN3grGayAB*eWs*TLSK7sEv%3#J37t^G)`r z@1Apf{GAK*t6$f>NZLT9QYlF(7o?P{D=RBsRX{z@yCZ~n2;j}~@^YiwELFgJPY8KI zDXn>)H?1IeMhH;@@EpLqwE0v4rfJ?99v%kgJST+M?Ixm9smuV_<(%93d>*E0-tJid zW9+7;X<&@Ow(X80B67>JY{nQUrO0NpH+mM3%jI^W=fT0jNW@3ib?-)f*L9}=>{ym% z8-@`-yPbxgx`a~7C)H|oq0wl}M!i<6g^P=e?^4S90De+R_c-UdIQhuP$Z5G;eywTR z({A`GOL*ou&St4pI*J;h6CA(?O6jK#1u2MB<90JGI`6eHhM)F&n;j)Nfhm7MW?|M&R#`0-W90YwL*@;q-^)3ncw zv25IS;BqmW&E^j&<-Mh)rJ5?Hk^{hH)TETV?Z|=4#WYRR5JGInBl=$ixUM_ZDQfM~ zK?vDV6``q;o2Hp#jQvAiE|=FQCnvw0pP#d4vzZ5gOeO - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - diff --git a/dark/gtk-3.0/assets/titlebutton-maximize-active-dark.png b/dark/gtk-3.0/assets/titlebutton-maximize-active-dark.png deleted file mode 100644 index 160ae8df75d4d2b440a0fc63fbc238b7109f29fc..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 218 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`Y)RhkE)4%caKYZ?lYt_f1s;*b z3=G`DAk4@xYmNj^kiEpy*OmPdGqmNLw|nzANKV2 z|Hr|HoBTi7D+@b%&(J7URo>N*dem=^pWVHO=Q{3lzp0tB^TFNSmdK II;Vst03Z8InE(I) diff --git a/dark/gtk-3.0/assets/titlebutton-maximize-active-dark@2.png b/dark/gtk-3.0/assets/titlebutton-maximize-active-dark@2.png deleted file mode 100644 index 407b189f8554277c1faa07045e1b33ebda0ff7dc..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 407 zcmV;I0cie-P)5Lven@ z$dS<|mW$jJw)do4&(6-C4v2_2cZhXkp69)|C<;>^wG#OFS@RUdm&v6v1YUlDJOklo{{GAS~2QK2JFe2jY@e4%gU(g?u)3X2o002ovPDHLkV1f#6 BrY-;g diff --git a/dark/gtk-3.0/assets/titlebutton-maximize-active.png b/dark/gtk-3.0/assets/titlebutton-maximize-active.png deleted file mode 100644 index e42c7462ab23042273c52d48f482eebfd3f6c1cc..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 229 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`Y)RhkE)4%caKYZ?lYt_f1s;*b z3=G`DAk4@xYmNj^kiEpy*OmP~2a~9%xq`yd2|%GDPZ!4!i_^&o608-Cp+CR<4|{t1 z|Ks4pP5z(km4zL>KS&)oaL)Y#gIfvX>0gg4=GN@FI7x6n_YYAIE_EL9J=Nd&-Z8yr zwU?9tf^BLW4nJ*eY5B05A=2^Irs@ATW-3_;u-^C|JdN+(-sr5)Af0RaLLP`Mc+8!A1oFxW7!_eCv`Vx!AP}-n|=D7tVy6*Nt`=-8_EM z)tGp=KK~;ul4o) zPm%uc?(XdW@9*tBn9U%(bY059XE`-VS4Bm8P89XrnA3aSO;J(MZI9lM&(H6R?NH&K l%)je~0EbJ=J;`GX3~!fc*=5^L{tq;q!PC{xWt~$(698r$LYx2q diff --git a/dark/gtk-3.0/assets/titlebutton-maximize-dark@2.png b/dark/gtk-3.0/assets/titlebutton-maximize-dark@2.png deleted file mode 100644 index 655fc309605e71114ad6beeb8fe119a48b2e7f2f..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 263 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzwj^(N7l!{JxM1({$v_d#0*}aI z1_o|n5N2eUHAey{$X?><>&pI!SyDhnF~(0J1t>Jd)5S3);&5_;1nc62CCqL`rfKQv zi$5&)o9i{rQs;@4gICx$ds7?dZOlJ@{9rTVy0^EwS%}HWNhxLKQIiXu1y>kZgcGyf zkJl&h99p_=*P^D0O6&r&Z=F0V+OuR?SrFsGJBB|lADD0de_O)U6NjES_gH03X<1&_ z@mpYJ-WC;^Qij}B$wk4oS7jXXR>=dMAi`tCz+ibnb(XJ1^-ZAr7(8A5T-G@yGywp< C7h6IA diff --git a/dark/gtk-3.0/assets/titlebutton-maximize-hover-dark.png b/dark/gtk-3.0/assets/titlebutton-maximize-hover-dark.png deleted file mode 120000 index 79b54681..00000000 --- a/dark/gtk-3.0/assets/titlebutton-maximize-hover-dark.png +++ /dev/null @@ -1 +0,0 @@ -titlebutton-maximize-dark.png \ No newline at end of file diff --git a/dark/gtk-3.0/assets/titlebutton-maximize-hover-dark@2.png b/dark/gtk-3.0/assets/titlebutton-maximize-hover-dark@2.png deleted file mode 120000 index a1263c60..00000000 --- a/dark/gtk-3.0/assets/titlebutton-maximize-hover-dark@2.png +++ /dev/null @@ -1 +0,0 @@ -titlebutton-maximize-dark@2.png \ No newline at end of file diff --git a/dark/gtk-3.0/assets/titlebutton-maximize-hover.png b/dark/gtk-3.0/assets/titlebutton-maximize-hover.png deleted file mode 100644 index a351489c3791bf245f49d4606e44d9805823f7c5..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 223 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`Y)RhkE)4%caKYZ?lYt_f1s;*b z3=G`DAk4@xYmNj^kiEpy*OmP~2a~9XTy-bUUZ7Bpr;B5V#p$;bF7h@QaJcY4=2>%y zf#-;h>ebW9Pj#1`+0f6T@_WxU zt(C2kWob`c95xBNurMr`Vk9@&ggJET-c9$`3Y_Ih`(~3kDR;}4z+A_fGJAKq=t=|a OW$<+Mb6Mw<&;$TKZcHQq diff --git a/dark/gtk-3.0/assets/titlebutton-maximize-hover@2.png b/dark/gtk-3.0/assets/titlebutton-maximize-hover@2.png deleted file mode 100644 index 239ec52ec25ebba4c6a1b8f160b71687f2a6b38a..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 301 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzwj^(N7lty1wG1ylEa1unif|Tq zL>4nJa0`PlBg3pY5H=O_D9T;0s;ctc3oZx6x!wK;usQfI5|Orb#cNHX15~K zwDk1FAC~*g^_pg>^Tg`Gv0mx_D<4X3l2y>q@R+KhaGP<>nl&MX43{0$4+XLd`0PA) z?%e;4o!yB zJ~Q8<@R68I=F#bwnqHXj70N4Jy|~P%tEb21r0nVG`sp&0G8^9PatLxtN|04h*SFum tEA-`#qsG=?Tb2{PUl%8c^fWoLGhCNZyrQ-x{5sGV44$rjF6*2UngG}8a1a0h diff --git a/dark/gtk-3.0/assets/titlebutton-maximize.png b/dark/gtk-3.0/assets/titlebutton-maximize.png deleted file mode 100644 index 68ada5a23eb91e13c494b44a71eb7a76f9ea9236..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 230 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`Y)RhkE)4%caKYZ?lYt_f1s;*b z3=G`DAk4@xYmNj^kiEpy*OmPdGq;GbXlp`xKTxRH)5S5w;&gI?1Z#z3S=qP$Z{EE5 z|KrMr2a~5vo2Hh*DZF%D%8_R|CE_-lr*<{an^LB{Ts52%Ax6 diff --git a/dark/gtk-3.0/assets/titlebutton-maximize@2.png b/dark/gtk-3.0/assets/titlebutton-maximize@2.png deleted file mode 100644 index 83f440cdbea2e88e5abb8b6a95933a6cdfa73cfe..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 294 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzwj^(N7l!{JxM1({$v_d#0*}aI z1_o|n5N2eUHAey{$X?><>&pI!nOmHdA^G_l51`OyPZ!6Kh{MSV60D08mN2^&nWm+u zFaEIHZ?4xgOPwcH4;~-y|G)B~s=gy=L%NxVj$K@VVvr9iGBcD>| z<#kFd=hcxTM`|>6JNzCCd{+#T&DC1GZJXJYJAt90M=ew?A6UVB!jJjI&gOuu&t3SQ1 zxVquNfg=V0iFJl=17^9|=G!89ZJ6T-G@y GGywoOs!Hkr diff --git a/dark/gtk-3.0/assets/titlebutton-minimize-active-dark@2.png b/dark/gtk-3.0/assets/titlebutton-minimize-active-dark@2.png deleted file mode 100644 index d118a56fc987a871430b67d55ada213f966a4246..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 363 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzwj^(N7lty1wG1ylEa1unif|Tq zL>4nJa0`PlBg3pY5H=O_D9T;0(@-K^dr@QLO(oR977@wzn!|#kJ(Vb<^Hki z5J4r8c8!corH_s!AslzV&zX?%;>AzVS5rdNKXOZQxr_HPsaVf(tl&DGefnF4&F;3Y zuK#@Au{TQZs=WJcmnrYB`r*$uyAGz4EPmnYlYf-vF`a%K8p-O!A)&ycE zniniQtVQb#c-Oz1w@L43QGISCm&~c0lPr4Y&bxK09%y0d@|9sflOyDwuQlJHK>mKF zc4MRGM*Rt#+uC$z95Hfpij75k-fk3@AWiCS6A11qN0X1u2|yzlJYD@< J);T3K0RYIEFtq>x diff --git a/dark/gtk-3.0/assets/titlebutton-minimize-active@2.png b/dark/gtk-3.0/assets/titlebutton-minimize-active@2.png deleted file mode 100644 index 9778a9a6d2b1c1482ab212b8af10510d343e5b07..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 369 zcmV-%0gnEOP)**6~~duU}VtQ6QVZ+46K0e@;!{_+&Y+ z0wDwp5CY9W;K&`N?PpS;agequ{NXjcet0Q5-Xb}K7J*#w#kNvDf+Ds$FS!2w`MJF{Yoo(- lhm?crKcAo9KXJkx#`teCKV$q?xdDx5@O1TaS?83{1OT3wK-2&L diff --git a/dark/gtk-3.0/assets/titlebutton-minimize-dark@2.png b/dark/gtk-3.0/assets/titlebutton-minimize-dark@2.png deleted file mode 100644 index 60f950e5feb10342cb7b5cf03d660f1bb748d7f5..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 204 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzwj^(N7l!{JxM1({$v_d#0*}aI z1_o|n5N2eUHAey{$X?><>&pI!SyDhvMNVj2CQvBS)5S3);&5_;1nc4ik)EbN11>fR z1EHV`w=RC1FT}k{TkFHEgH9(H?Ckb6@-~*gzZW3F-d>HWhzp_}ot=Ttn#}X>Jt%GL=-_yqafH{5f#LmI4o{A44EKQg89ZJ6T-G@y GGywpW<}rH! diff --git a/dark/gtk-3.0/assets/titlebutton-minimize-hover@2.png b/dark/gtk-3.0/assets/titlebutton-minimize-hover@2.png deleted file mode 100644 index 75889dc09477237146c8496eea7eea087fd92684..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 205 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzwj^(N7lty1wG1ylEa1unif|Tq zL>4nJa0`PlBg3pY5H=O_D9T;0)i}CtIehYg`zxN977@wCnrd-E=~~XX$myp zVv{fs3VQJ7&7b)~+~3~a?Y_<@=ETOq#dXPqg~O_0>eQ*r_!6YPWInjMI()X~Mh73C sGt(DoBqStQ*v<-fKd1pVh$owYL1q=FoRoaFBG48FPgg&ebxsLQ0A~6*rT_o{ diff --git a/dark/gtk-3.0/assets/titlebutton-minimize.png b/dark/gtk-3.0/assets/titlebutton-minimize.png deleted file mode 100644 index 49b6385d6510f39ba1e601e0740e70a9643175a2..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 182 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`Y)RhkE)4%caKYZ?lYt_f1s;*b z3=G`DAk4@xYmNj^kiEpy*OmPdGq;Edm%HYly+9#nPZ!4!i_^(_%HPW|t2T5tIvHd! zi1H*jiobaK_HVzxb77&OavbxLrAs}F7?rD>9zA}1yT||Va{u`?AEgXt@v$8MI^v&z UV_5K_TA*zopr0HM@2r2qf` diff --git a/dark/gtk-3.0/assets/titlebutton-minimize@2.png b/dark/gtk-3.0/assets/titlebutton-minimize@2.png deleted file mode 100644 index 6740a6cf29854a38d720b0a05f722e16a10936a0..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 205 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzwj^(N7l!{JxM1({$v_d#0*}aI z1_o|n5N2eUHAey{$X?><>&pI!nOmGi*IxNx4Nxe`)5S3);&5_;1nc4ik)EbN11>fR z1EC-RVd2m7g}A5bL^fUL6LVtw@cHv)6BZ6Dhp4Do%lHzczGObQx;lKe=0*n}pEJ`J pX(S{hSlG@AcR#2BHi##ifkCZ}Gpc~8>@Uz322WQ%mvv4FO#ptaIrjhn diff --git a/dark/gtk-3.0/gtk-contained-dark.scss b/dark/gtk-3.0/gtk-contained-dark.scss deleted file mode 100644 index 1277d416..00000000 --- a/dark/gtk-3.0/gtk-contained-dark.scss +++ /dev/null @@ -1,7 +0,0 @@ -$variant: 'dark'; - -@import 'colors'; -@import 'drawing'; -@import 'common'; -@import 'colors-public'; -@import 'gnome-apps'; diff --git a/dark/gtk-3.0/gtk-contained-dark.scss b/dark/gtk-3.0/gtk-contained-dark.scss new file mode 120000 index 00000000..85436a4b --- /dev/null +++ b/dark/gtk-3.0/gtk-contained-dark.scss @@ -0,0 +1 @@ +../../light/gtk-3.0/gtk-contained-dark.scss \ No newline at end of file diff --git a/dark/gtk-3.0/gtk.gresource.xml b/dark/gtk-3.0/gtk.gresource.xml deleted file mode 100644 index 7b7411e7..00000000 --- a/dark/gtk-3.0/gtk.gresource.xml +++ /dev/null @@ -1,37 +0,0 @@ - - - - assets/bullet-symbolic.svg - assets/bullet-symbolic.symbolic.png - assets/checkbox-active-selectionmode.png - assets/checkbox-backdrop-selectionmode.png - assets/checkbox-checked-active-selectionmode.png - assets/checkbox-checked-backdrop-selectionmode.png - assets/checkbox-checked-hover-selectionmode.png - assets/checkbox-checked-insensitive.png - assets/checkbox-hover-selectionmode.png - assets/checkbox-mixed-hover.png - assets/checkbox-mixed-insensitive.png - assets/checkbox-mixed.png - assets/checkbox-selectionmode.png - assets/checkbox-unchecked-insensitive.png - assets/check-symbolic.svg - assets/check-symbolic.symbolic.png - assets/dash-symbolic.svg - assets/dash-symbolic.symbolic.png - assets/grid-selection-checked.png - assets/grid-selection-unchecked.png - assets/pane-separator.png - assets/pane-separator-vertical.png - assets/resize-grip.png - assets/titlebutton-close-active.png - assets/titlebutton-close-hover.png - assets/titlebutton-close.png - assets/titlebutton-maximize-active.png - assets/titlebutton-maximize-hover.png - assets/titlebutton-maximize.png - assets/titlebutton-minimize-active.png - assets/titlebutton-minimize-hover.png - assets/titlebutton-minimize.png - - diff --git a/dark/gtk-3.0/gtk.gresource.xml b/dark/gtk-3.0/gtk.gresource.xml new file mode 120000 index 00000000..28cd94e7 --- /dev/null +++ b/dark/gtk-3.0/gtk.gresource.xml @@ -0,0 +1 @@ +../../light/gtk-3.0/gtk.gresource.xml \ No newline at end of file diff --git a/dark/gtk-3.0/settings.ini b/dark/gtk-3.0/settings.ini deleted file mode 100644 index 9aa01e55..00000000 --- a/dark/gtk-3.0/settings.ini +++ /dev/null @@ -1,3 +0,0 @@ -[Settings] -gtk-auto-mnemonics = 1 -gtk-visible-focus = automatic diff --git a/dark/gtk-3.0/settings.ini b/dark/gtk-3.0/settings.ini new file mode 120000 index 00000000..b552f6d6 --- /dev/null +++ b/dark/gtk-3.0/settings.ini @@ -0,0 +1 @@ +../../light/gtk-3.0/settings.ini \ No newline at end of file