diff --git a/common/gnome-shell/3.20 b/common/gnome-shell/3.20 new file mode 120000 index 0000000..55b698c --- /dev/null +++ b/common/gnome-shell/3.20 @@ -0,0 +1 @@ +3.18 \ No newline at end of file diff --git a/common/gtk-3.0/3.20/.nvmrc b/common/gtk-3.0/3.20/.nvmrc new file mode 100644 index 0000000..2bf5ad0 --- /dev/null +++ b/common/gtk-3.0/3.20/.nvmrc @@ -0,0 +1 @@ +stable diff --git a/common/gtk-3.0/3.20/README.md b/common/gtk-3.0/3.20/README.md new file mode 100644 index 0000000..4a159a5 --- /dev/null +++ b/common/gtk-3.0/3.20/README.md @@ -0,0 +1,27 @@ +This theme uses libsass/gulp to process the sass/*.scss. Never edit any of the .css files manually. + +#### Editing the theme + +* Install `nvm` (https://github.com/creationix/nvm) + +* Run `nvm i` from the directory containing `.nvmrc` + +* Run `npm i` from the directory containing `gulpfile.js`. It's the same directory as the one that contains `.nvmrc` in this case. + +* Install `gulp` with `npm i -g gulp` + +* Edit the sass/*.scss files + +* Regenerate the .css files by executing `gulp` from the directory that contains `gulpfile.js` + +-- + +#### Editing the images in the `assets` folder + +* Open the `assets.svg` file in inkscape. Each object in the .svg file corresponds to an image in the `assets` folder. + +* Find the object you want to edit and make your changes. Important: Don't change the obejct id. + +* Save `assets.svg` and delete the images corresponding to the edited .svg objects from the `assets` folder (or just delete everything in the `assets` folder). + +* Run `./render-assets.sh` from a terminal. diff --git a/common/gtk-3.0/3.20/assets.svg b/common/gtk-3.0/3.20/assets.svg new file mode 100644 index 0000000..b1ca40c --- /dev/null +++ b/common/gtk-3.0/3.20/assets.svg @@ -0,0 +1,5525 @@ + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/common/gtk-3.0/3.20/assets.txt b/common/gtk-3.0/3.20/assets.txt new file mode 100644 index 0000000..6746aca --- /dev/null +++ b/common/gtk-3.0/3.20/assets.txt @@ -0,0 +1,84 @@ +checkbox-checked +checkbox-checked-insensitive +checkbox-unchecked +checkbox-unchecked-insensitive +checkbox-mixed +checkbox-mixed-insensitive +radio-checked +radio-checked-insensitive +radio-unchecked +radio-unchecked-insensitive +radio-mixed +radio-mixed-insensitive +checkbox-checked-selected +checkbox-checked-insensitive-selected +checkbox-unchecked-selected +checkbox-unchecked-insensitive-selected +checkbox-mixed-selected +checkbox-mixed-insensitive-selected +checkbox-checked-selectionmode +checkbox-selectionmode +radio-checked-selected +radio-checked-insensitive-selected +radio-unchecked-selected +radio-unchecked-insensitive-selected +radio-mixed-selected +radio-mixed-insensitive-selected +switch +switch-active +switch-insensitive +switch-active-insensitive +switch-header +switch-active-header +switch-insensitive-header +switch-active-insensitive-header +switch-selected +switch-active-selected +switch-insensitive-selected +switch-active-insensitive-selected +titlebutton-close +titlebutton-close-backdrop +titlebutton-close-hover +titlebutton-close-active +titlebutton-max +titlebutton-max-backdrop +titlebutton-max-hover +titlebutton-max-active +titlebutton-min +titlebutton-min-backdrop +titlebutton-min-hover +titlebutton-min-active +checkbox-checked-dark +checkbox-checked-insensitive-dark +checkbox-unchecked-dark +checkbox-unchecked-insensitive-dark +checkbox-mixed-dark +checkbox-mixed-insensitive-dark +checkbox-checked-selectionmode-dark +checkbox-selectionmode-dark +radio-checked-dark +radio-checked-insensitive-dark +radio-unchecked-dark +radio-unchecked-insensitive-dark +radio-mixed-dark +radio-mixed-insensitive-dark +switch-dark +switch-active-dark +switch-insensitive-dark +switch-active-insensitive-dark +switch-header-dark +switch-active-header-dark +switch-insensitive-header-dark +switch-active-insensitive-header-dark +titlebutton-close-dark +titlebutton-close-backdrop-dark +titlebutton-close-hover-dark +titlebutton-close-active-dark +titlebutton-max-dark +titlebutton-max-backdrop-dark +titlebutton-max-hover-dark +titlebutton-max-active-dark +titlebutton-min-dark +titlebutton-min-backdrop-dark +titlebutton-min-hover-dark +titlebutton-min-active-dark diff --git a/common/gtk-3.0/3.20/assets/checkbox-checked-dark.png b/common/gtk-3.0/3.20/assets/checkbox-checked-dark.png new file mode 100644 index 0000000..48e8435 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-checked-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-checked-dark@2.png b/common/gtk-3.0/3.20/assets/checkbox-checked-dark@2.png new file mode 100644 index 0000000..bfcde3f Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-checked-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-checked-insensitive-dark.png b/common/gtk-3.0/3.20/assets/checkbox-checked-insensitive-dark.png new file mode 100644 index 0000000..6d85515 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-checked-insensitive-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-checked-insensitive-dark@2.png b/common/gtk-3.0/3.20/assets/checkbox-checked-insensitive-dark@2.png new file mode 100644 index 0000000..2fb1a07 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-checked-insensitive-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-checked-insensitive-selected.png b/common/gtk-3.0/3.20/assets/checkbox-checked-insensitive-selected.png new file mode 100644 index 0000000..5bf4e57 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-checked-insensitive-selected.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-checked-insensitive-selected@2.png b/common/gtk-3.0/3.20/assets/checkbox-checked-insensitive-selected@2.png new file mode 100644 index 0000000..95ea1e5 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-checked-insensitive-selected@2.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-checked-insensitive.png b/common/gtk-3.0/3.20/assets/checkbox-checked-insensitive.png new file mode 100644 index 0000000..0c9682e Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-checked-insensitive.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-checked-insensitive@2.png b/common/gtk-3.0/3.20/assets/checkbox-checked-insensitive@2.png new file mode 100644 index 0000000..288d9fa Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-checked-insensitive@2.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-checked-selected.png b/common/gtk-3.0/3.20/assets/checkbox-checked-selected.png new file mode 100644 index 0000000..ff3d653 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-checked-selected.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-checked-selected@2.png b/common/gtk-3.0/3.20/assets/checkbox-checked-selected@2.png new file mode 100644 index 0000000..5bed17d Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-checked-selected@2.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-checked-selectionmode-dark.png b/common/gtk-3.0/3.20/assets/checkbox-checked-selectionmode-dark.png new file mode 100644 index 0000000..e44c358 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-checked-selectionmode-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-checked-selectionmode-dark@2.png b/common/gtk-3.0/3.20/assets/checkbox-checked-selectionmode-dark@2.png new file mode 100644 index 0000000..2fc2d1c Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-checked-selectionmode-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-checked-selectionmode.png b/common/gtk-3.0/3.20/assets/checkbox-checked-selectionmode.png new file mode 100644 index 0000000..6a3774b Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-checked-selectionmode.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-checked-selectionmode@2.png b/common/gtk-3.0/3.20/assets/checkbox-checked-selectionmode@2.png new file mode 100644 index 0000000..287275b Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-checked-selectionmode@2.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-checked.png b/common/gtk-3.0/3.20/assets/checkbox-checked.png new file mode 100644 index 0000000..b63a30d Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-checked.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-checked@2.png b/common/gtk-3.0/3.20/assets/checkbox-checked@2.png new file mode 100644 index 0000000..223beff Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-checked@2.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-mixed-dark.png b/common/gtk-3.0/3.20/assets/checkbox-mixed-dark.png new file mode 100644 index 0000000..09ddef6 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-mixed-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-mixed-dark@2.png b/common/gtk-3.0/3.20/assets/checkbox-mixed-dark@2.png new file mode 100644 index 0000000..e189f93 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-mixed-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-mixed-insensitive-dark.png b/common/gtk-3.0/3.20/assets/checkbox-mixed-insensitive-dark.png new file mode 100644 index 0000000..2436a9e Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-mixed-insensitive-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-mixed-insensitive-dark@2.png b/common/gtk-3.0/3.20/assets/checkbox-mixed-insensitive-dark@2.png new file mode 100644 index 0000000..44cbfca Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-mixed-insensitive-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-mixed-insensitive-selected.png b/common/gtk-3.0/3.20/assets/checkbox-mixed-insensitive-selected.png new file mode 100644 index 0000000..be95726 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-mixed-insensitive-selected.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-mixed-insensitive-selected@2.png b/common/gtk-3.0/3.20/assets/checkbox-mixed-insensitive-selected@2.png new file mode 100644 index 0000000..63ee434 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-mixed-insensitive-selected@2.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-mixed-insensitive.png b/common/gtk-3.0/3.20/assets/checkbox-mixed-insensitive.png new file mode 100644 index 0000000..7a91e23 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-mixed-insensitive.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-mixed-insensitive@2.png b/common/gtk-3.0/3.20/assets/checkbox-mixed-insensitive@2.png new file mode 100644 index 0000000..f741ba4 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-mixed-insensitive@2.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-mixed-selected.png b/common/gtk-3.0/3.20/assets/checkbox-mixed-selected.png new file mode 100644 index 0000000..c7b5cf2 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-mixed-selected.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-mixed-selected@2.png b/common/gtk-3.0/3.20/assets/checkbox-mixed-selected@2.png new file mode 100644 index 0000000..883477e Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-mixed-selected@2.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-mixed.png b/common/gtk-3.0/3.20/assets/checkbox-mixed.png new file mode 100644 index 0000000..5707c92 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-mixed.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-mixed@2.png b/common/gtk-3.0/3.20/assets/checkbox-mixed@2.png new file mode 100644 index 0000000..ed851e7 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-mixed@2.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-selectionmode-dark.png b/common/gtk-3.0/3.20/assets/checkbox-selectionmode-dark.png new file mode 100644 index 0000000..c613027 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-selectionmode-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-selectionmode-dark@2.png b/common/gtk-3.0/3.20/assets/checkbox-selectionmode-dark@2.png new file mode 100644 index 0000000..069b32b Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-selectionmode-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-selectionmode.png b/common/gtk-3.0/3.20/assets/checkbox-selectionmode.png new file mode 100644 index 0000000..2318217 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-selectionmode.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-selectionmode@2.png b/common/gtk-3.0/3.20/assets/checkbox-selectionmode@2.png new file mode 100644 index 0000000..a17e5b5 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-selectionmode@2.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-unchecked-dark.png b/common/gtk-3.0/3.20/assets/checkbox-unchecked-dark.png new file mode 100644 index 0000000..8c18460 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-unchecked-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-unchecked-dark@2.png b/common/gtk-3.0/3.20/assets/checkbox-unchecked-dark@2.png new file mode 100644 index 0000000..2e7a50e Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-unchecked-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-unchecked-insensitive-dark.png b/common/gtk-3.0/3.20/assets/checkbox-unchecked-insensitive-dark.png new file mode 100644 index 0000000..0099ce4 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-unchecked-insensitive-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-unchecked-insensitive-dark@2.png b/common/gtk-3.0/3.20/assets/checkbox-unchecked-insensitive-dark@2.png new file mode 100644 index 0000000..305ab4d Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-unchecked-insensitive-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-unchecked-insensitive-selected.png b/common/gtk-3.0/3.20/assets/checkbox-unchecked-insensitive-selected.png new file mode 100644 index 0000000..4b4356b Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-unchecked-insensitive-selected.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-unchecked-insensitive-selected@2.png b/common/gtk-3.0/3.20/assets/checkbox-unchecked-insensitive-selected@2.png new file mode 100644 index 0000000..bdafd33 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-unchecked-insensitive-selected@2.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-unchecked-insensitive.png b/common/gtk-3.0/3.20/assets/checkbox-unchecked-insensitive.png new file mode 100644 index 0000000..ed2ee8f Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-unchecked-insensitive.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-unchecked-insensitive@2.png b/common/gtk-3.0/3.20/assets/checkbox-unchecked-insensitive@2.png new file mode 100644 index 0000000..f59d6be Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-unchecked-insensitive@2.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-unchecked-selected.png b/common/gtk-3.0/3.20/assets/checkbox-unchecked-selected.png new file mode 100644 index 0000000..4d32106 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-unchecked-selected.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-unchecked-selected@2.png b/common/gtk-3.0/3.20/assets/checkbox-unchecked-selected@2.png new file mode 100644 index 0000000..7b361e3 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-unchecked-selected@2.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-unchecked.png b/common/gtk-3.0/3.20/assets/checkbox-unchecked.png new file mode 100644 index 0000000..9fddfb5 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-unchecked.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-unchecked@2.png b/common/gtk-3.0/3.20/assets/checkbox-unchecked@2.png new file mode 100644 index 0000000..6812606 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-unchecked@2.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-checked-dark.png b/common/gtk-3.0/3.20/assets/radio-checked-dark.png new file mode 100644 index 0000000..28f3469 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-checked-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-checked-dark@2.png b/common/gtk-3.0/3.20/assets/radio-checked-dark@2.png new file mode 100644 index 0000000..35a1baf Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-checked-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-checked-insensitive-dark.png b/common/gtk-3.0/3.20/assets/radio-checked-insensitive-dark.png new file mode 100644 index 0000000..bd28d8e Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-checked-insensitive-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-checked-insensitive-dark@2.png b/common/gtk-3.0/3.20/assets/radio-checked-insensitive-dark@2.png new file mode 100644 index 0000000..867695e Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-checked-insensitive-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-checked-insensitive-selected.png b/common/gtk-3.0/3.20/assets/radio-checked-insensitive-selected.png new file mode 100644 index 0000000..f64ba8f Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-checked-insensitive-selected.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-checked-insensitive-selected@2.png b/common/gtk-3.0/3.20/assets/radio-checked-insensitive-selected@2.png new file mode 100644 index 0000000..1646d37 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-checked-insensitive-selected@2.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-checked-insensitive.png b/common/gtk-3.0/3.20/assets/radio-checked-insensitive.png new file mode 100644 index 0000000..2a657ef Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-checked-insensitive.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-checked-insensitive@2.png b/common/gtk-3.0/3.20/assets/radio-checked-insensitive@2.png new file mode 100644 index 0000000..30169f6 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-checked-insensitive@2.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-checked-selected.png b/common/gtk-3.0/3.20/assets/radio-checked-selected.png new file mode 100644 index 0000000..aa261d0 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-checked-selected.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-checked-selected@2.png b/common/gtk-3.0/3.20/assets/radio-checked-selected@2.png new file mode 100644 index 0000000..c7205c0 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-checked-selected@2.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-checked.png b/common/gtk-3.0/3.20/assets/radio-checked.png new file mode 100644 index 0000000..9690dfd Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-checked.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-checked@2.png b/common/gtk-3.0/3.20/assets/radio-checked@2.png new file mode 100644 index 0000000..60f57a7 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-checked@2.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-mixed-dark.png b/common/gtk-3.0/3.20/assets/radio-mixed-dark.png new file mode 100644 index 0000000..4116619 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-mixed-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-mixed-dark@2.png b/common/gtk-3.0/3.20/assets/radio-mixed-dark@2.png new file mode 100644 index 0000000..69ef707 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-mixed-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-mixed-insensitive-dark.png b/common/gtk-3.0/3.20/assets/radio-mixed-insensitive-dark.png new file mode 100644 index 0000000..afef7e2 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-mixed-insensitive-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-mixed-insensitive-dark@2.png b/common/gtk-3.0/3.20/assets/radio-mixed-insensitive-dark@2.png new file mode 100644 index 0000000..6279e38 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-mixed-insensitive-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-mixed-insensitive-selected.png b/common/gtk-3.0/3.20/assets/radio-mixed-insensitive-selected.png new file mode 100644 index 0000000..1e0a667 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-mixed-insensitive-selected.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-mixed-insensitive-selected@2.png b/common/gtk-3.0/3.20/assets/radio-mixed-insensitive-selected@2.png new file mode 100644 index 0000000..0b67660 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-mixed-insensitive-selected@2.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-mixed-insensitive.png b/common/gtk-3.0/3.20/assets/radio-mixed-insensitive.png new file mode 100644 index 0000000..69c253b Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-mixed-insensitive.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-mixed-insensitive@2.png b/common/gtk-3.0/3.20/assets/radio-mixed-insensitive@2.png new file mode 100644 index 0000000..fa1893a Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-mixed-insensitive@2.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-mixed-selected.png b/common/gtk-3.0/3.20/assets/radio-mixed-selected.png new file mode 100644 index 0000000..4378bca Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-mixed-selected.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-mixed-selected@2.png b/common/gtk-3.0/3.20/assets/radio-mixed-selected@2.png new file mode 100644 index 0000000..58468d2 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-mixed-selected@2.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-mixed.png b/common/gtk-3.0/3.20/assets/radio-mixed.png new file mode 100644 index 0000000..04720ee Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-mixed.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-mixed@2.png b/common/gtk-3.0/3.20/assets/radio-mixed@2.png new file mode 100644 index 0000000..6992c23 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-mixed@2.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-unchecked-dark.png b/common/gtk-3.0/3.20/assets/radio-unchecked-dark.png new file mode 100644 index 0000000..298ae3c Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-unchecked-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-unchecked-dark@2.png b/common/gtk-3.0/3.20/assets/radio-unchecked-dark@2.png new file mode 100644 index 0000000..e57ae38 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-unchecked-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-unchecked-insensitive-dark.png b/common/gtk-3.0/3.20/assets/radio-unchecked-insensitive-dark.png new file mode 100644 index 0000000..87560b2 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-unchecked-insensitive-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-unchecked-insensitive-dark@2.png b/common/gtk-3.0/3.20/assets/radio-unchecked-insensitive-dark@2.png new file mode 100644 index 0000000..c98869c Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-unchecked-insensitive-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-unchecked-insensitive-selected.png b/common/gtk-3.0/3.20/assets/radio-unchecked-insensitive-selected.png new file mode 100644 index 0000000..7e5c6e3 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-unchecked-insensitive-selected.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-unchecked-insensitive-selected@2.png b/common/gtk-3.0/3.20/assets/radio-unchecked-insensitive-selected@2.png new file mode 100644 index 0000000..1dd9a00 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-unchecked-insensitive-selected@2.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-unchecked-insensitive.png b/common/gtk-3.0/3.20/assets/radio-unchecked-insensitive.png new file mode 100644 index 0000000..ce86f90 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-unchecked-insensitive.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-unchecked-insensitive@2.png b/common/gtk-3.0/3.20/assets/radio-unchecked-insensitive@2.png new file mode 100644 index 0000000..917f048 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-unchecked-insensitive@2.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-unchecked-selected.png b/common/gtk-3.0/3.20/assets/radio-unchecked-selected.png new file mode 100644 index 0000000..aba589e Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-unchecked-selected.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-unchecked-selected@2.png b/common/gtk-3.0/3.20/assets/radio-unchecked-selected@2.png new file mode 100644 index 0000000..b820fd2 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-unchecked-selected@2.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-unchecked.png b/common/gtk-3.0/3.20/assets/radio-unchecked.png new file mode 100644 index 0000000..8c61899 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-unchecked.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-unchecked@2.png b/common/gtk-3.0/3.20/assets/radio-unchecked@2.png new file mode 100644 index 0000000..a6210d6 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-unchecked@2.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-active-dark.png b/common/gtk-3.0/3.20/assets/switch-active-dark.png new file mode 100644 index 0000000..dbf7c5e Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-active-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-active-dark@2.png b/common/gtk-3.0/3.20/assets/switch-active-dark@2.png new file mode 100644 index 0000000..8046628 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-active-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-active-header-dark.png b/common/gtk-3.0/3.20/assets/switch-active-header-dark.png new file mode 100644 index 0000000..e1f82aa Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-active-header-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-active-header-dark@2.png b/common/gtk-3.0/3.20/assets/switch-active-header-dark@2.png new file mode 100644 index 0000000..9ea31ff Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-active-header-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-active-header.png b/common/gtk-3.0/3.20/assets/switch-active-header.png new file mode 100644 index 0000000..1850dae Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-active-header.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-active-header@2.png b/common/gtk-3.0/3.20/assets/switch-active-header@2.png new file mode 100644 index 0000000..92770a3 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-active-header@2.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-active-insensitive-dark.png b/common/gtk-3.0/3.20/assets/switch-active-insensitive-dark.png new file mode 100644 index 0000000..8826a75 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-active-insensitive-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-active-insensitive-dark@2.png b/common/gtk-3.0/3.20/assets/switch-active-insensitive-dark@2.png new file mode 100644 index 0000000..6ba25b4 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-active-insensitive-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-active-insensitive-header-dark.png b/common/gtk-3.0/3.20/assets/switch-active-insensitive-header-dark.png new file mode 100644 index 0000000..c018801 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-active-insensitive-header-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-active-insensitive-header-dark@2.png b/common/gtk-3.0/3.20/assets/switch-active-insensitive-header-dark@2.png new file mode 100644 index 0000000..870d931 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-active-insensitive-header-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-active-insensitive-header.png b/common/gtk-3.0/3.20/assets/switch-active-insensitive-header.png new file mode 100644 index 0000000..9a6db07 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-active-insensitive-header.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-active-insensitive-header@2.png b/common/gtk-3.0/3.20/assets/switch-active-insensitive-header@2.png new file mode 100644 index 0000000..daf07bf Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-active-insensitive-header@2.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-active-insensitive-selected.png b/common/gtk-3.0/3.20/assets/switch-active-insensitive-selected.png new file mode 100644 index 0000000..1afd341 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-active-insensitive-selected.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-active-insensitive-selected@2.png b/common/gtk-3.0/3.20/assets/switch-active-insensitive-selected@2.png new file mode 100644 index 0000000..87d6356 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-active-insensitive-selected@2.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-active-insensitive.png b/common/gtk-3.0/3.20/assets/switch-active-insensitive.png new file mode 100644 index 0000000..9a6db07 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-active-insensitive.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-active-insensitive@2.png b/common/gtk-3.0/3.20/assets/switch-active-insensitive@2.png new file mode 100644 index 0000000..daf07bf Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-active-insensitive@2.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-active-selected.png b/common/gtk-3.0/3.20/assets/switch-active-selected.png new file mode 100644 index 0000000..08480e0 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-active-selected.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-active-selected@2.png b/common/gtk-3.0/3.20/assets/switch-active-selected@2.png new file mode 100644 index 0000000..22586c1 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-active-selected@2.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-active.png b/common/gtk-3.0/3.20/assets/switch-active.png new file mode 100644 index 0000000..1850dae Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-active.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-active@2.png b/common/gtk-3.0/3.20/assets/switch-active@2.png new file mode 100644 index 0000000..92770a3 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-active@2.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-dark.png b/common/gtk-3.0/3.20/assets/switch-dark.png new file mode 100644 index 0000000..90918e1 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-dark@2.png b/common/gtk-3.0/3.20/assets/switch-dark@2.png new file mode 100644 index 0000000..b2935b0 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-header-dark.png b/common/gtk-3.0/3.20/assets/switch-header-dark.png new file mode 100644 index 0000000..54a297a Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-header-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-header-dark@2.png b/common/gtk-3.0/3.20/assets/switch-header-dark@2.png new file mode 100644 index 0000000..f7333eb Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-header-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-header.png b/common/gtk-3.0/3.20/assets/switch-header.png new file mode 100644 index 0000000..3e45db3 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-header.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-header@2.png b/common/gtk-3.0/3.20/assets/switch-header@2.png new file mode 100644 index 0000000..7feaadf Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-header@2.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-insensitive-dark.png b/common/gtk-3.0/3.20/assets/switch-insensitive-dark.png new file mode 100644 index 0000000..3d25f7b Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-insensitive-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-insensitive-dark@2.png b/common/gtk-3.0/3.20/assets/switch-insensitive-dark@2.png new file mode 100644 index 0000000..857b3e8 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-insensitive-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-insensitive-header-dark.png b/common/gtk-3.0/3.20/assets/switch-insensitive-header-dark.png new file mode 100644 index 0000000..7bfead4 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-insensitive-header-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-insensitive-header-dark@2.png b/common/gtk-3.0/3.20/assets/switch-insensitive-header-dark@2.png new file mode 100644 index 0000000..e0ebce4 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-insensitive-header-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-insensitive-header.png b/common/gtk-3.0/3.20/assets/switch-insensitive-header.png new file mode 100644 index 0000000..009545d Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-insensitive-header.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-insensitive-header@2.png b/common/gtk-3.0/3.20/assets/switch-insensitive-header@2.png new file mode 100644 index 0000000..e85297d Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-insensitive-header@2.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-insensitive-selected.png b/common/gtk-3.0/3.20/assets/switch-insensitive-selected.png new file mode 100644 index 0000000..f4398f6 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-insensitive-selected.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-insensitive-selected@2.png b/common/gtk-3.0/3.20/assets/switch-insensitive-selected@2.png new file mode 100644 index 0000000..67ea825 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-insensitive-selected@2.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-insensitive.png b/common/gtk-3.0/3.20/assets/switch-insensitive.png new file mode 100644 index 0000000..ce5e538 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-insensitive.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-insensitive@2.png b/common/gtk-3.0/3.20/assets/switch-insensitive@2.png new file mode 100644 index 0000000..b0a2b56 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-insensitive@2.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-selected.png b/common/gtk-3.0/3.20/assets/switch-selected.png new file mode 100644 index 0000000..c2d2186 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-selected.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-selected@2.png b/common/gtk-3.0/3.20/assets/switch-selected@2.png new file mode 100644 index 0000000..6e1b894 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-selected@2.png differ diff --git a/common/gtk-3.0/3.20/assets/switch.png b/common/gtk-3.0/3.20/assets/switch.png new file mode 100644 index 0000000..3bc5587 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch.png differ diff --git a/common/gtk-3.0/3.20/assets/switch@2.png b/common/gtk-3.0/3.20/assets/switch@2.png new file mode 100644 index 0000000..10b98e4 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch@2.png differ diff --git a/common/gtk-3.0/3.20/assets/thumbnail-frame.png b/common/gtk-3.0/3.20/assets/thumbnail-frame.png new file mode 100644 index 0000000..ba5d721 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/thumbnail-frame.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-close-active-dark.png b/common/gtk-3.0/3.20/assets/titlebutton-close-active-dark.png new file mode 100644 index 0000000..caa0384 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-close-active-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-close-active-dark@2.png b/common/gtk-3.0/3.20/assets/titlebutton-close-active-dark@2.png new file mode 100644 index 0000000..1d93059 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-close-active-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-close-active.png b/common/gtk-3.0/3.20/assets/titlebutton-close-active.png new file mode 100644 index 0000000..ef392dc Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-close-active.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-close-active@2.png b/common/gtk-3.0/3.20/assets/titlebutton-close-active@2.png new file mode 100644 index 0000000..5f79a47 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-close-active@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-close-backdrop-dark.png b/common/gtk-3.0/3.20/assets/titlebutton-close-backdrop-dark.png new file mode 100644 index 0000000..7611f5d Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-close-backdrop-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-close-backdrop-dark@2.png b/common/gtk-3.0/3.20/assets/titlebutton-close-backdrop-dark@2.png new file mode 100644 index 0000000..0c58794 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-close-backdrop-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-close-backdrop.png b/common/gtk-3.0/3.20/assets/titlebutton-close-backdrop.png new file mode 100644 index 0000000..47ec30d Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-close-backdrop.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-close-backdrop@2.png b/common/gtk-3.0/3.20/assets/titlebutton-close-backdrop@2.png new file mode 100644 index 0000000..3a27f10 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-close-backdrop@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-close-dark.png b/common/gtk-3.0/3.20/assets/titlebutton-close-dark.png new file mode 100644 index 0000000..95eb2e4 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-close-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-close-dark@2.png b/common/gtk-3.0/3.20/assets/titlebutton-close-dark@2.png new file mode 100644 index 0000000..ef6e11d Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-close-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-close-hover-dark.png b/common/gtk-3.0/3.20/assets/titlebutton-close-hover-dark.png new file mode 100644 index 0000000..9a0e371 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-close-hover-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-close-hover-dark@2.png b/common/gtk-3.0/3.20/assets/titlebutton-close-hover-dark@2.png new file mode 100644 index 0000000..212abd9 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-close-hover-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-close-hover.png b/common/gtk-3.0/3.20/assets/titlebutton-close-hover.png new file mode 100644 index 0000000..ee915d6 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-close-hover.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-close-hover@2.png b/common/gtk-3.0/3.20/assets/titlebutton-close-hover@2.png new file mode 100644 index 0000000..6c9afb6 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-close-hover@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-close.png b/common/gtk-3.0/3.20/assets/titlebutton-close.png new file mode 100644 index 0000000..62ee2d0 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-close.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-close@2.png b/common/gtk-3.0/3.20/assets/titlebutton-close@2.png new file mode 100644 index 0000000..28b625e Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-close@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-max-active-dark.png b/common/gtk-3.0/3.20/assets/titlebutton-max-active-dark.png new file mode 100644 index 0000000..c6a82b7 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-max-active-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-max-active-dark@2.png b/common/gtk-3.0/3.20/assets/titlebutton-max-active-dark@2.png new file mode 100644 index 0000000..5ed5c6c Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-max-active-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-max-active.png b/common/gtk-3.0/3.20/assets/titlebutton-max-active.png new file mode 100644 index 0000000..c6a82b7 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-max-active.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-max-active@2.png b/common/gtk-3.0/3.20/assets/titlebutton-max-active@2.png new file mode 100644 index 0000000..5ed5c6c Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-max-active@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-max-backdrop-dark.png b/common/gtk-3.0/3.20/assets/titlebutton-max-backdrop-dark.png new file mode 100644 index 0000000..0883ca7 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-max-backdrop-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-max-backdrop-dark@2.png b/common/gtk-3.0/3.20/assets/titlebutton-max-backdrop-dark@2.png new file mode 100644 index 0000000..4542b7f Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-max-backdrop-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-max-backdrop.png b/common/gtk-3.0/3.20/assets/titlebutton-max-backdrop.png new file mode 100644 index 0000000..36858b0 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-max-backdrop.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-max-backdrop@2.png b/common/gtk-3.0/3.20/assets/titlebutton-max-backdrop@2.png new file mode 100644 index 0000000..061e356 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-max-backdrop@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-max-dark.png b/common/gtk-3.0/3.20/assets/titlebutton-max-dark.png new file mode 100644 index 0000000..8addbf8 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-max-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-max-dark@2.png b/common/gtk-3.0/3.20/assets/titlebutton-max-dark@2.png new file mode 100644 index 0000000..dedcc38 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-max-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-max-hover-dark.png b/common/gtk-3.0/3.20/assets/titlebutton-max-hover-dark.png new file mode 100644 index 0000000..84a5583 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-max-hover-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-max-hover-dark@2.png b/common/gtk-3.0/3.20/assets/titlebutton-max-hover-dark@2.png new file mode 100644 index 0000000..d2ef62a Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-max-hover-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-max-hover.png b/common/gtk-3.0/3.20/assets/titlebutton-max-hover.png new file mode 100644 index 0000000..128a39d Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-max-hover.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-max-hover@2.png b/common/gtk-3.0/3.20/assets/titlebutton-max-hover@2.png new file mode 100644 index 0000000..66cdeda Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-max-hover@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-max.png b/common/gtk-3.0/3.20/assets/titlebutton-max.png new file mode 100644 index 0000000..14e5e3e Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-max.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-max@2.png b/common/gtk-3.0/3.20/assets/titlebutton-max@2.png new file mode 100644 index 0000000..a1a13bb Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-max@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-min-active-dark.png b/common/gtk-3.0/3.20/assets/titlebutton-min-active-dark.png new file mode 100644 index 0000000..4785503 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-min-active-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-min-active-dark@2.png b/common/gtk-3.0/3.20/assets/titlebutton-min-active-dark@2.png new file mode 100644 index 0000000..fb9325f Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-min-active-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-min-active.png b/common/gtk-3.0/3.20/assets/titlebutton-min-active.png new file mode 100644 index 0000000..4785503 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-min-active.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-min-active@2.png b/common/gtk-3.0/3.20/assets/titlebutton-min-active@2.png new file mode 100644 index 0000000..fb9325f Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-min-active@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-min-backdrop-dark.png b/common/gtk-3.0/3.20/assets/titlebutton-min-backdrop-dark.png new file mode 100644 index 0000000..b04db91 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-min-backdrop-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-min-backdrop-dark@2.png b/common/gtk-3.0/3.20/assets/titlebutton-min-backdrop-dark@2.png new file mode 100644 index 0000000..5b8cf4d Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-min-backdrop-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-min-backdrop.png b/common/gtk-3.0/3.20/assets/titlebutton-min-backdrop.png new file mode 100644 index 0000000..b83cb7d Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-min-backdrop.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-min-backdrop@2.png b/common/gtk-3.0/3.20/assets/titlebutton-min-backdrop@2.png new file mode 100644 index 0000000..f83b673 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-min-backdrop@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-min-dark.png b/common/gtk-3.0/3.20/assets/titlebutton-min-dark.png new file mode 100644 index 0000000..b5c9732 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-min-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-min-dark@2.png b/common/gtk-3.0/3.20/assets/titlebutton-min-dark@2.png new file mode 100644 index 0000000..29b6465 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-min-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-min-hover-dark.png b/common/gtk-3.0/3.20/assets/titlebutton-min-hover-dark.png new file mode 100644 index 0000000..c38e8b3 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-min-hover-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-min-hover-dark@2.png b/common/gtk-3.0/3.20/assets/titlebutton-min-hover-dark@2.png new file mode 100644 index 0000000..59b63da Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-min-hover-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-min-hover.png b/common/gtk-3.0/3.20/assets/titlebutton-min-hover.png new file mode 100644 index 0000000..c250748 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-min-hover.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-min-hover@2.png b/common/gtk-3.0/3.20/assets/titlebutton-min-hover@2.png new file mode 100644 index 0000000..965ce3d Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-min-hover@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-min.png b/common/gtk-3.0/3.20/assets/titlebutton-min.png new file mode 100644 index 0000000..f4b6db0 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-min.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-min@2.png b/common/gtk-3.0/3.20/assets/titlebutton-min@2.png new file mode 100644 index 0000000..9a35819 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-min@2.png differ diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css new file mode 100644 index 0000000..11df0ba --- /dev/null +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -0,0 +1,4210 @@ +* { + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkTreeView-expander-size: 11; + -GtkTreeView-horizontal-separator: 4; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: rgba(211, 218, 227, 0.3); + outline-style: dashed; + outline-offset: -3px; + outline-width: 1px; + -gtk-outline-radius: 2px; } + +.background { + color: #D3DAE3; + background-color: rgba(56, 60, 74, 0.999); } + +*:disabled { + -gtk-icon-effect: dim; } + +.gtkstyle-fallback { + background-color: #383C4A; + color: #D3DAE3; } + .gtkstyle-fallback:hover { + background-color: #4e5467; + color: #D3DAE3; } + .gtkstyle-fallback:active { + background-color: #22242d; + color: #D3DAE3; } + .gtkstyle-fallback:disabled { + background-color: #3c4150; + color: rgba(211, 218, 227, 0.45); } + .gtkstyle-fallback:selected { + background-color: #5294E2; + color: #ffffff; } + +.view, +textview text { + color: #D3DAE3; + background-color: #404552; } + .view.dim-label, label.view.separator, + popover.background label.view.separator, headerbar .view.subtitle, + textview text.dim-label, + textview headerbar text.subtitle, headerbar + textview text.subtitle { + color: rgba(211, 218, 227, 0.55); } + .view.dim-label selection, label.view.separator selection, headerbar .view.subtitle selection, .view.dim-label selection:focus, label.view.separator selection:focus, headerbar .view.subtitle selection:focus, + textview text.dim-label selection, + textview headerbar text.subtitle selection, headerbar + textview text.subtitle selection, + textview text.dim-label selection:focus, + textview headerbar text.subtitle selection:focus, headerbar + textview text.subtitle selection:focus { + color: rgba(255, 255, 255, 0.65); + text-shadow: none; } + +iconview { + color: #D3DAE3; + background-color: #404552; } + iconview:selected, iconview:selected:focus { + border-radius: 3px; } + +rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, +.rubberband { + border: 1px solid #2679db; + background-color: rgba(38, 121, 219, 0.2); } + +flowbox flowboxchild { + padding: 3px; + border-radius: 2px; } + flowbox flowboxchild:selected { + outline-offset: -2px; } + +label.separator, popover label.separator, +popover.background label.separator { + color: #D3DAE3; } + +label:disabled { + color: rgba(211, 218, 227, 0.45); } + +.dim-label, label.separator, popover label.separator, +popover.background label.separator, headerbar .subtitle { + opacity: 0.55; } + +assistant .sidebar { + background-color: #404552; + border-top: 1px solid #2b2e39; } + assistant .sidebar:dir(ltr) { + border-right: 1px solid #2b2e39; } + assistant .sidebar:dir(rtl) { + border-left: 1px solid #2b2e39; } + +assistant.csd .sidebar { + border-top-style: none; } + +assistant .sidebar label { + padding: 6px 12px; } + +assistant .sidebar label.highlight { + background-color: #5294E2; + color: #ffffff; } + +textview { + background-color: #3c414e; } + +popover.osd, popover.magnifier, +popover.background.osd, +popover.background.magnifier, .osd { + color: #BAC3CF; + border: none; + background-color: rgba(53, 57, 69, 0.95); + background-clip: padding-box; + outline-color: rgba(186, 195, 207, 0.3); + box-shadow: none; } + +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); } } + +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } + spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; } + spinner:checked:disabled { + opacity: 0.5; } + +entry, spinbutton { + min-height: 26px; + border: 1px solid; + padding-left: 8px; + padding-right: 8px; + border-radius: 3px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: #D3DAE3; + caret-color: #D3DAE3; + border-color: #2b2e39; + background-color: #404552; + background-image: linear-gradient(to bottom, #404552); } + entry.search, spinbutton.search { + border-radius: 20px; } + entry image, spinbutton image { + color: #b6bcc6; } + entry image.left, spinbutton image.left { + padding-left: 0; + padding-right: 5px; } + entry image.right, spinbutton image.right { + padding-right: 0; + padding-left: 5px; } + entry.flat, spinbutton.flat, entry.flat:focus, spinbutton.flat:focus { + color: #D3DAE3; + caret-color: #D3DAE3; + border-color: #2b2e39; + background-color: #404552; + background-image: linear-gradient(to bottom, #404552); + padding-left: 2px; + padding-right: 2px; + border: none; + border-radius: 0; } + entry:focus, spinbutton:focus { + background-clip: border-box; + color: #D3DAE3; + caret-color: #D3DAE3; + border-color: #2b2e39; + background-color: #404552; + background-image: linear-gradient(to bottom, #404552); + box-shadow: inset 1px 0 #5294E2, inset -1px 0 #5294E2, inset 0 1px #5294E2, inset 0 -1px #5294E2; } + entry:disabled, spinbutton:disabled { + color: rgba(211, 218, 227, 0.45); + border-color: rgba(43, 46, 57, 0.55); + background-color: rgba(64, 69, 82, 0.55); + background-image: linear-gradient(to bottom, rgba(64, 69, 82, 0.55)); } + entry selection, spinbutton selection, + entry selection:focus, spinbutton selection:focus { + background-color: #5294E2; + color: #ffffff; } + entry progress, spinbutton progress { + margin: 2px 12px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #5294E2; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; } + entry.warning, spinbutton.warning { + color: #ffffff; + border-color: #2b2e39; + background-image: linear-gradient(to bottom, #ab6441); } + entry.warning:focus, spinbutton.warning:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, #F27835); + box-shadow: none; } + entry.warning selection, spinbutton.warning selection, entry.warning selection:focus, spinbutton.warning selection:focus { + background-color: #ffffff; + color: #F27835; } + entry.error, spinbutton.error { + color: #ffffff; + border-color: #2b2e39; + background-image: linear-gradient(to bottom, #b14342); } + entry.error:focus, spinbutton.error:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, #FC4138); + box-shadow: none; } + entry.error selection, spinbutton.error selection, entry.error selection:focus, spinbutton.error selection:focus { + background-color: #ffffff; + color: #FC4138; } + .osd entry, .osd spinbutton { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.35); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.35)); + background-color: transparent; } + .osd entry image, .osd spinbutton image, .osd entry image:hover, .osd spinbutton image:hover { + color: inherit; } + .osd entry:focus, .osd spinbutton:focus { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.35); + background-image: linear-gradient(to bottom, #5294E2); } + .osd entry:disabled, .osd spinbutton:disabled { + color: rgba(186, 195, 207, 0.55); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.2)); } + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#5294E2), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); } } + +button { + min-height: 26px; + min-width: 20px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 3px; + padding: 0 6px; + color: #D3DAE3; + outline-color: rgba(211, 218, 227, 0.3); + border-color: #2b2e39; + background-color: #444a58; } + button separator, button .sidebar separator, .sidebar button separator, button .sidebar .view separator, .sidebar .view button separator { + margin: 4px 1px; } + button.flat, button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + background-color: rgba(68, 74, 88, 0); + border-color: rgba(43, 46, 57, 0); + transition: none; } + button.flat:hover, button.sidebar-button:hover { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; } + button.flat:hover:active, button.sidebar-button:hover:active { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + button:hover { + color: #D3DAE3; + outline-color: rgba(211, 218, 227, 0.3); + border-color: #2b2e39; + background-color: #505666; + -gtk-icon-effect: highlight; } + button:active, button:checked { + background-clip: padding-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #2b2e39; + background-color: #5294E2; + transition-duration: 50ms; } + button:active { + color: #D3DAE3; } + button:active:hover, button:checked { + color: #ffffff; } + button.flat:disabled, button.sidebar-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; } + button:disabled { + color: rgba(211, 218, 227, 0.45); + border-color: rgba(43, 46, 57, 0.55); + background-color: rgba(68, 74, 88, 0.55); } + button:disabled > label { + color: inherit; } + button:disabled:active, button:disabled:checked { + color: rgba(255, 255, 255, 0.8); + border-color: rgba(82, 148, 226, 0.75); + background-color: rgba(82, 148, 226, 0.75); + opacity: 0.6; } + button:disabled:active > label, button:disabled:checked > label { + color: inherit; } + button.osd { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + background-color: rgba(53, 57, 69, 0.95); + border-color: rgba(35, 38, 46, 0.95); } + button.osd.image-button { + min-height: 48px; + min-width: 48px; } + button.osd:hover { + color: #5294E2; } + button.osd:active, button.osd:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: #5294E2; } + button.osd:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); } + .osd button { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.35); } + .osd button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + .osd button:active, .osd button:checked { + background-clip: padding-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: #5294E2; } + .osd button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); } + .osd button.flat, .osd button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } + .osd button.flat:hover, .osd button.sidebar-button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + .osd button.flat:disabled, .osd button.sidebar-button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); + background-image: none; } + .osd button.flat:active, .osd button.sidebar-button:active, .osd button.flat:checked, .osd button.sidebar-button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: #5294E2; } + button.suggested-action { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #4DADD4; + border-color: #4DADD4; } + button.suggested-action.flat, button.suggested-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #4DADD4; + outline-color: rgba(77, 173, 212, 0.3); } + button.suggested-action:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #76c0de; + border-color: #76c0de; } + button.suggested-action:active, button.suggested-action:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #2e96c0; + border-color: #2e96c0; } + button.suggested-action.flat:disabled, button.suggested-action.sidebar-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(211, 218, 227, 0.45); } + button.suggested-action:disabled { + color: rgba(211, 218, 227, 0.45); + border-color: rgba(43, 46, 57, 0.55); + background-color: rgba(68, 74, 88, 0.55); } + button.suggested-action:disabled > label { + color: inherit; } + button.destructive-action { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #F04A50; + border-color: #F04A50; } + button.destructive-action.flat, button.destructive-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #F04A50; + outline-color: rgba(240, 74, 80, 0.3); } + button.destructive-action:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #f4797e; + border-color: #f4797e; } + button.destructive-action:active, button.destructive-action:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ec1b22; + border-color: #ec1b22; } + button.destructive-action.flat:disabled, button.destructive-action.sidebar-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(211, 218, 227, 0.45); } + button.destructive-action:disabled { + color: rgba(211, 218, 227, 0.45); + border-color: rgba(43, 46, 57, 0.55); + background-color: rgba(68, 74, 88, 0.55); } + button.destructive-action:disabled > label { + color: inherit; } + button.text-button { + padding-left: 16px; + padding-right: 16px; } + button.text-button.image-button label:first-child { + padding-left: 8px; } + button.text-button.image-button label:last-child { + padding-right: 8px; } + .stack-switcher > button { + outline-offset: -3px; } + .stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; } + .stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; + padding-top: 3px; + padding-bottom: 3px; } + .stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; } + .stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; } + .stack-switcher > button.needs-attention:active > label, + .stack-switcher > button.needs-attention:active > image, + .stack-switcher > button.needs-attention:checked > label, + .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; } + .stack-switcher > button.needs-attention > label, + .stack-switcher > button.needs-attention > image, button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 2px; } + .stack-switcher > button.needs-attention > label:dir(rtl), + .stack-switcher > button.needs-attention > image:dir(rtl), button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl) { + background-position: left 3px, left 2px; } + .inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 2px; + border-width: 1px; } + +.inline-toolbar toolbutton > button { + color: #D3DAE3; + outline-color: rgba(211, 218, 227, 0.3); + border-color: #2b2e39; + background-color: #444a58; } + .inline-toolbar toolbutton > button:hover { + color: #D3DAE3; + outline-color: rgba(211, 218, 227, 0.3); + border-color: #2b2e39; + background-color: #505666; } + .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #2b2e39; + background-color: #5294E2; } + .inline-toolbar toolbutton > button:disabled { + color: rgba(211, 218, 227, 0.45); + border-color: rgba(43, 46, 57, 0.55); + background-color: rgba(68, 74, 88, 0.55); } + .inline-toolbar toolbutton > button:disabled > label { + color: inherit; } + .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); + border-color: rgba(82, 148, 226, 0.75); + background-color: rgba(82, 148, 226, 0.75); + opacity: 0.6; } + .inline-toolbar toolbutton > button:disabled:active > label, .inline-toolbar toolbutton > button:disabled:checked > label { + color: inherit; } + +.linked:not(.vertical):not(.pathbar) > entry + entry, .linked:not(.vertical):not(.pathbar) > spinbutton + entry, .linked:not(.vertical):not(.pathbar) > entry + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton { + border-left-color: rgba(43, 46, 57, 0.3); } + +.linked:not(.vertical):not(.pathbar) > entry.error + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry, .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton, +.linked:not(.vertical):not(.pathbar) > entry + entry.error, +.linked:not(.vertical):not(.pathbar) > spinbutton + entry.error, +.linked:not(.vertical):not(.pathbar) > entry + spinbutton.error, +.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error { + border-left-color: rgba(43, 46, 57, 0.3); } + +.linked:not(.vertical):not(.pathbar) > entry.warning + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.warning + entry, .linked:not(.vertical):not(.pathbar) > entry.warning + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.warning + spinbutton, +.linked:not(.vertical):not(.pathbar) > entry + entry.warning, +.linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning, +.linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning, +.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning { + border-left-color: rgba(43, 46, 57, 0.3); } + +.linked:not(.vertical):not(.pathbar) > entry.error + entry.warning, .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry.warning, .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton.warning, .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton.warning { + border-left-color: rgba(43, 46, 57, 0.3); } + +.linked:not(.vertical):not(.pathbar) > entry + entry:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:not(:last-child), +.linked:not(.vertical):not(.pathbar) > entry + entry:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:last-child, +.linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:last-child { + border-left-color: #2b2e39; } + +.linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:not(:last-child), +.linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:last-child, +.linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:last-child { + border-left-color: #2b2e39; } + +.linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:not(:last-child), +.linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:last-child, +.linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:last-child { + border-left-color: #2b2e39; } + +.linked:not(.vertical):not(.pathbar) > entry + button, .linked:not(.vertical):not(.pathbar) > spinbutton + button, +.linked:not(.vertical):not(.pathbar) > entry + button:hover, +.linked:not(.vertical):not(.pathbar) > spinbutton + button:hover, +.linked:not(.vertical):not(.pathbar) > entry + button:active, +.linked:not(.vertical):not(.pathbar) > spinbutton + button:active, +.linked:not(.vertical):not(.pathbar) > entry + button:checked, +.linked:not(.vertical):not(.pathbar) > spinbutton + button:checked, +.linked:not(.vertical):not(.pathbar) > entry + button:disabled, +.linked:not(.vertical):not(.pathbar) > spinbutton + button:disabled { + border-left-style: solid; } + +.linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + combobox > button.combo, +.linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + combobox > button.combo { + border-left-color: #2b2e39; } + +.linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + combobox > button.combo, +.linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { + border-left-color: #2b2e39; } + +.linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + combobox > button.combo, +.linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + combobox > button.combo { + border-left-color: #2b2e39; } + +.linked:not(.vertical):not(.pathbar) > button:hover:not(:checked):not(:active):not(:only-child), +.linked:not(.vertical):not(.pathbar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: -1px 0 #2b2e39; } + +.linked:not(.vertical):not(.pathbar) > button:first-child:hover:not(:checked):not(:active) { + box-shadow: none; } + +.linked:not(.vertical):not(.pathbar) > button:checked + button:not(:checked):not(:active):hover { + box-shadow: none; } + +.linked:not(.vertical):not(.pathbar) > button:checked + entry, .linked:not(.vertical):not(.pathbar) > button:checked + spinbutton { + border-left-color: #2b2e39; } + +.linked:not(.vertical):not(.pathbar) > entry + button:not(:checked):not(:active):hover, .linked:not(.vertical):not(.pathbar) > spinbutton + button:not(:checked):not(:active):hover { + box-shadow: none; } + +.linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover { + box-shadow: inset 1px 0 rgba(43, 46, 57, 0.5), inset -1px 0 rgba(43, 46, 57, 0.5); } + +.linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { + box-shadow: inset -1px 0 rgba(43, 46, 57, 0.5); } + +.linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { + box-shadow: inset 1px 0 rgba(43, 46, 57, 0.5); } + +.linked.vertical > entry + entry, .linked.vertical > spinbutton + entry, .linked.vertical > entry + spinbutton, .linked.vertical > spinbutton + spinbutton { + border-top-color: rgba(43, 46, 57, 0.3); } + +.linked.vertical > entry.error + entry, .linked.vertical > spinbutton.error + entry, .linked.vertical > entry.error + spinbutton, .linked.vertical > spinbutton.error + spinbutton, +.linked.vertical > entry + entry.error, +.linked.vertical > spinbutton + entry.error, +.linked.vertical > entry + spinbutton.error, +.linked.vertical > spinbutton + spinbutton.error { + border-top-color: rgba(43, 46, 57, 0.3); } + +.linked.vertical > entry.warning + entry, .linked.vertical > spinbutton.warning + entry, .linked.vertical > entry.warning + spinbutton, .linked.vertical > spinbutton.warning + spinbutton, +.linked.vertical > entry + entry.warning, +.linked.vertical > spinbutton + entry.warning, +.linked.vertical > entry + spinbutton.warning, +.linked.vertical > spinbutton + spinbutton.warning { + border-top-color: rgba(43, 46, 57, 0.3); } + +.linked.vertical > entry.error + entry.warning, .linked.vertical > spinbutton.error + entry.warning, .linked.vertical > entry.error + spinbutton.warning, .linked.vertical > spinbutton.error + spinbutton.warning { + border-top-color: rgba(43, 46, 57, 0.3); } + +.linked.vertical > entry + entry:focus:not(:last-child), .linked.vertical > spinbutton + entry:focus:not(:last-child), .linked.vertical > entry + spinbutton:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton:focus:not(:last-child), +.linked.vertical > entry + entry:focus:last-child, +.linked.vertical > spinbutton + entry:focus:last-child, +.linked.vertical > entry + spinbutton:focus:last-child, +.linked.vertical > spinbutton + spinbutton:focus:last-child { + border-top-color: #2b2e39; } + +.linked.vertical > entry + entry.warning:focus:not(:last-child), .linked.vertical > spinbutton + entry.warning:focus:not(:last-child), .linked.vertical > entry + spinbutton.warning:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton.warning:focus:not(:last-child), +.linked.vertical > entry + entry.warning:focus:last-child, +.linked.vertical > spinbutton + entry.warning:focus:last-child, +.linked.vertical > entry + spinbutton.warning:focus:last-child, +.linked.vertical > spinbutton + spinbutton.warning:focus:last-child { + border-top-color: #2b2e39; } + +.linked.vertical > entry + entry.error:focus:not(:last-child), .linked.vertical > spinbutton + entry.error:focus:not(:last-child), .linked.vertical > entry + spinbutton.error:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton.error:focus:not(:last-child), +.linked.vertical > entry + entry.error:focus:last-child, +.linked.vertical > spinbutton + entry.error:focus:last-child, +.linked.vertical > entry + spinbutton.error:focus:last-child, +.linked.vertical > spinbutton + spinbutton.error:focus:last-child { + border-top-color: #2b2e39; } + +.linked.vertical > entry + button, .linked.vertical > spinbutton + button, +.linked.vertical > entry + button:hover, +.linked.vertical > spinbutton + button:hover, +.linked.vertical > entry + button:active, +.linked.vertical > spinbutton + button:active, +.linked.vertical > entry + button:checked, +.linked.vertical > spinbutton + button:checked, +.linked.vertical > entry + button:disabled, +.linked.vertical > spinbutton + button:disabled { + border-top-style: solid; } + +.linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > spinbutton:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton:focus:not(:only-child) + spinbutton, +.linked.vertical > entry:focus:not(:only-child) + button, +.linked.vertical > spinbutton:focus:not(:only-child) + button, +.linked.vertical > entry:focus:not(:only-child) + combobox > button.combo, +.linked.vertical > spinbutton:focus:not(:only-child) + combobox > button.combo { + border-top-color: #2b2e39; } + +.linked.vertical > entry.warning:focus:not(:only-child) + entry, .linked.vertical > spinbutton.warning:focus:not(:only-child) + entry, .linked.vertical > entry.warning:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton.warning:focus:not(:only-child) + spinbutton, +.linked.vertical > entry.warning:focus:not(:only-child) + button, +.linked.vertical > spinbutton.warning:focus:not(:only-child) + button, +.linked.vertical > entry.warning:focus:not(:only-child) + combobox > button.combo, +.linked.vertical > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { + border-top-color: #2b2e39; } + +.linked.vertical > entry.error:focus:not(:only-child) + entry, .linked.vertical > spinbutton.error:focus:not(:only-child) + entry, .linked.vertical > entry.error:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton.error:focus:not(:only-child) + spinbutton, +.linked.vertical > entry.error:focus:not(:only-child) + button, +.linked.vertical > spinbutton.error:focus:not(:only-child) + button, +.linked.vertical > entry.error:focus:not(:only-child) + combobox > button.combo, +.linked.vertical > spinbutton.error:focus:not(:only-child) + combobox > button.combo { + border-top-color: #2b2e39; } + +.linked.vertical > button:hover:not(:checked):not(:active):not(:only-child), +.linked.vertical > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: 0 -1px #2b2e39; } + +.linked.vertical > button:first-child:hover:not(:checked):not(:active) { + box-shadow: none; } + +.linked.vertical > button:checked + button:not(:checked):not(:active):hover { + box-shadow: none; } + +.linked.vertical > button:checked + entry, .linked.vertical > button:checked + spinbutton { + border-top-color: #2b2e39; } + +.linked.vertical > entry + button:not(:checked):not(:active):hover, .linked.vertical > spinbutton + button:not(:checked):not(:active):hover { + box-shadow: none; } + +toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, +.linked:not(.vertical) > button:hover, +.linked:not(.vertical) > button:active, +.linked:not(.vertical) > button:checked, .linked:not(.vertical):not(.pathbar) > entry, .linked:not(.vertical):not(.pathbar) > spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled, .linked > combobox > button.combo:dir(ltr) { + border-radius: 0; + border-right-style: none; } + +.inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:first-child, .linked:not(.vertical):not(.pathbar) > spinbutton:first-child, .linked > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; } + +.inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:last-child, .linked:not(.vertical):not(.pathbar) > spinbutton:last-child, .linked > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right-style: solid; } + +.inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:only-child, .linked:not(.vertical):not(.pathbar) > spinbutton:only-child, .linked > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:only-child { + border-radius: 3px; + border-style: solid; } + +.linked.vertical > button, +.linked.vertical > button:hover, +.linked.vertical > button:active, +.linked.vertical > button:checked, .linked.vertical > entry, .linked.vertical > spinbutton, .linked.vertical > combobox > button.combo { + border-radius: 0; + border-bottom-style: none; } + +.linked.vertical > button:first-child, .linked.vertical > entry:first-child, .linked.vertical > spinbutton:first-child, .linked.vertical > combobox:first-child > button.combo { + border-top-left-radius: 3px; + border-top-right-radius: 3px; } + +.linked.vertical > button:last-child, .linked.vertical > entry:last-child, .linked.vertical > spinbutton:last-child, .linked.vertical > combobox:last-child > button.combo { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border-bottom-style: solid; } + +.linked.vertical > button:only-child, .linked.vertical > entry:only-child, .linked.vertical > spinbutton:only-child, .linked.vertical > combobox:only-child > button.combo { + border-radius: 3px; + border-style: solid; } + +.linked:not(.vertical) > button, +.linked:not(.vertical) > button:hover, +.linked:not(.vertical) > button:active, +.linked:not(.vertical) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled { + border-left-style: none; } + .linked:not(.vertical) > button:first-child, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { + border-left-style: solid; } + +.linked.vertical > button, +.linked.vertical > button:hover, +.linked.vertical > button:active, +.linked.vertical > button:checked { + border-top-style: none; } + .linked.vertical > button:first-child { + border-top-style: solid; } + +menuitem.button.flat, +modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow, +.menu arrow, notebook tab button, notebook tab button:hover, notebook tab button:active, notebook tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled, TerminalWindow .notebook tab:active button, TerminalWindow .notebook tab:hover button, TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover, TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } + +menuitem.button.flat, +modelbutton.flat { + transition: none; + min-height: 22px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -2px; + border-radius: 2px; } + menuitem.button.flat:hover, + modelbutton.flat:hover { + background-color: #484c59; } + menuitem.button.flat:checked, + modelbutton.flat:checked { + color: #D3DAE3; } + menuitem.button.flat check:last-child, + menuitem.button.flat radio:last-child, + modelbutton.flat check:last-child, + modelbutton.flat radio:last-child { + margin-left: 8px; } + menuitem.button.flat check:first-child, + menuitem.button.flat radio:first-child, + modelbutton.flat check:first-child, + modelbutton.flat radio:first-child { + margin-right: 8px; } + +modelbutton.flat arrow, modelbutton.flat arrow:hover { + background: none; } + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +*:link, button:link, button:visited { + color: #a9caf1; } + *:link:visited, button:visited { + color: #7eafe9; } + *:selected *:link:visited, *:selected button:visited:link, *:selected button:visited { + color: #bad4f3; } + *:link:hover, button:hover:link, button:hover:visited { + color: #d5e5f8; } + *:selected *:link:hover, *:selected button:hover:link, *:selected button:hover:visited { + color: #eef4fc; } + *:link:active, button:active:link, button:active:visited { + color: #a9caf1; } + *:selected *:link:active, *:selected button:active:link, *:selected button:active:visited { + color: #dceaf9; } + *:link:selected, button:selected:link, button:selected:visited, headerbar.selection-mode .subtitle:link, headerbar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited { + color: #dceaf9; } + +button:link > label, button:visited > label { + text-decoration-line: underline; } + +spinbutton:not(.vertical) button { + background-image: none; + border: 1px solid rgba(43, 46, 57, 0.6); + border-style: none none none solid; + color: #ccd3dc; + border-radius: 0; + box-shadow: none; } + spinbutton:not(.vertical) button:dir(rtl) { + border-style: none solid none none; } + spinbutton:not(.vertical) button:disabled { + color: rgba(211, 218, 227, 0.45); } + spinbutton:not(.vertical) button:active { + background-color: #5294E2; + color: #ffffff; } + +spinbutton.vertical { + border-radius: 0; + padding-left: 5px; + padding-right: 5px; } + spinbutton.vertical button:first-child { + color: #D3DAE3; + outline-color: rgba(211, 218, 227, 0.3); + border-color: #2b2e39; + background-color: #444a58; } + spinbutton.vertical button:first-child:active { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #2b2e39; + background-color: #5294E2; } + spinbutton.vertical button:first-child:hover { + color: #D3DAE3; + outline-color: rgba(211, 218, 227, 0.3); + border-color: #2b2e39; + background-color: #505666; } + spinbutton.vertical button:first-child:disabled { + color: rgba(211, 218, 227, 0.45); + border-color: rgba(43, 46, 57, 0.55); + background-color: rgba(68, 74, 88, 0.55); } + spinbutton.vertical button:first-child:disabled > label { + color: inherit; } + spinbutton.vertical button:last-child { + color: #D3DAE3; + outline-color: rgba(211, 218, 227, 0.3); + border-color: #2b2e39; + background-color: #444a58; } + spinbutton.vertical button:last-child:active { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #2b2e39; + background-color: #5294E2; } + spinbutton.vertical button:last-child:hover { + color: #D3DAE3; + outline-color: rgba(211, 218, 227, 0.3); + border-color: #2b2e39; + background-color: #505666; } + spinbutton.vertical button:last-child:disabled { + color: rgba(211, 218, 227, 0.45); + border-color: rgba(43, 46, 57, 0.55); + background-color: rgba(68, 74, 88, 0.55); } + spinbutton.vertical button:last-child:disabled > label { + color: inherit; } + spinbutton.vertical button:first-child, spinbutton.vertical button:first-child:active, spinbutton.vertical button:first-child:hover, spinbutton.vertical button:first-child:disabled { + border-radius: 2px 2px 0 0; + border-style: solid solid none solid; } + spinbutton.vertical button:last-child, spinbutton.vertical button:last-child:active, spinbutton.vertical button:last-child:hover, spinbutton.vertical button:last-child:disabled { + border-radius: 0 0 2px 2px; + border-style: none solid solid solid; } + +treeview spinbutton entry, treeview spinbutton spinbutton, treeview spinbutton entry:focus, treeview spinbutton spinbutton:focus { + padding: 1px; + border-width: 1px 0; + border-color: #5294E2; + border-radius: 0; + box-shadow: none; } + +combobox > button.combo { + padding-left: 8px; + padding-right: 8px; } + +combobox:disabled { + color: rgba(211, 218, 227, 0.45); } + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; } + +combobox > entry.combo:dir(ltr), combobox > spinbutton.combo:dir(ltr) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-right-style: none; } + +combobox > entry.combo:dir(rtl), combobox > spinbutton.combo:dir(rtl) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left-style: none; } + +combobox > button.combo:not(:only-child):dir(ltr) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + +combobox > button.combo:not(:only-child):dir(rtl) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + +toolbar, .inline-toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #383C4A; } + toolbar separator, .inline-toolbar separator, toolbar .sidebar separator, .sidebar toolbar separator, toolbar .sidebar .view separator, .sidebar .view toolbar separator, .inline-toolbar .sidebar .view separator, .sidebar .view .inline-toolbar separator { + background: none; } + toolbar.horizontal separator, .horizontal.inline-toolbar separator, toolbar.horizontal .sidebar .view separator, .sidebar .view toolbar.horizontal separator { + margin: 0 6px; } + toolbar.vertical separator, .vertical.inline-toolbar separator, toolbar.vertical .sidebar .view separator, .sidebar .view toolbar.vertical separator { + margin: 6px 0; } + .osd toolbar, .osd .inline-toolbar, toolbar.osd, .osd.inline-toolbar { + padding: 7px; + border: 1px solid rgba(0, 0, 0, 0.5); + border-radius: 3px; + background-color: rgba(53, 57, 69, 0.85); } + +.primary-toolbar { + color: rgba(207, 218, 231, 0.8); + background-color: #2f343f; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, #2f343f, rgba(32, 35, 43, 0.97)) 1 0 1 0; } + +.inline-toolbar { + background-color: #313541; + border-style: solid; + border-color: #2b2e39; + border-width: 0 1px 1px; + padding: 3px; + border-radius: 0 0 3px 3px; } + +searchbar { + background-color: #383C4A; + border-style: solid; + border-color: #2b2e39; + border-width: 0 0 1px; + padding: 3px; } + +actionbar { + padding: 6px; + border-top: 1px solid #2b2e39; + background-color: #313541; } + +headerbar { + min-height: 42px; + padding: 0 5px; + border-width: 0 0 1px; + border-style: solid; + border-radius: 0; + border-color: #262a33; + color: rgba(207, 218, 231, 0.8); + background-color: #2f343f; } + .csd headerbar { + background-color: rgba(47, 52, 63, 0.97); + border-color: rgba(38, 42, 51, 0.97); } + headerbar:backdrop { + color: rgba(207, 218, 231, 0.5); } + headerbar .title { + padding-left: 12px; + padding-right: 12px; } + headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; } + headerbar.selection-mode, headerbar.titlebar.selection-mode { + color: #ffffff; + background-color: rgba(82, 148, 226, 0.95); + border-color: rgba(65, 137, 223, 0.95); + box-shadow: none; } + headerbar.selection-mode:backdrop, headerbar.titlebar.selection-mode:backdrop { + background-color: rgba(82, 148, 226, 0.95); + color: rgba(255, 255, 255, 0.6); } + headerbar.selection-mode button, headerbar.titlebar.selection-mode button { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0); } + headerbar.selection-mode button.flat, headerbar.selection-mode button.sidebar-button, headerbar.titlebar.selection-mode button.flat, headerbar.titlebar.selection-mode button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0); } + headerbar.selection-mode button:hover, headerbar.titlebar.selection-mode button:hover { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0.05); + border-color: rgba(255, 255, 255, 0.5); } + headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.titlebar.selection-mode button:active, headerbar.titlebar.selection-mode button:checked { + color: rgba(82, 148, 226, 0.95); + outline-color: rgba(82, 148, 226, 0.25); + background-color: #ffffff; + border-color: #ffffff; } + headerbar.selection-mode button:disabled, headerbar.titlebar.selection-mode button:disabled { + color: rgba(255, 255, 255, 0.4); + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0); } + headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked, headerbar.titlebar.selection-mode button:disabled:active, headerbar.titlebar.selection-mode button:disabled:checked { + color: rgba(82, 148, 226, 0.35); + background-color: rgba(255, 255, 255, 0.15); + border-color: rgba(255, 255, 255, 0.15); } + headerbar.selection-mode .selection-menu, headerbar.titlebar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; } + headerbar.selection-mode .selection-menu GtkArrow, headerbar.titlebar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; } + headerbar.selection-mode .selection-menu .arrow, headerbar.titlebar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + .maximized headerbar.selection-mode, .maximized headerbar.titlebar.selection-mode { + background-color: #5294e2; } + .tiled headerbar, .tiled headerbar:backdrop, + .maximized headerbar, .maximized headerbar:backdrop { + border-radius: 0; } + .maximized headerbar { + background-color: #2f343f; + border-color: #262a33; } + headerbar.default-decoration, + .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, + .csd headerbar.default-decoration:backdrop { + padding-top: 5px; + padding-bottom: 5px; + background-color: #2f343f; + border-bottom-width: 0; } + .maximized headerbar.default-decoration, .maximized + .csd headerbar.default-decoration, .maximized headerbar.default-decoration:backdrop, .maximized + .csd headerbar.default-decoration:backdrop { + background-color: #2f343f; } + +.titlebar { + padding: 0 7px; + border-radius: 3px 3px 0 0; + color: rgba(207, 218, 231, 0.8); + background-color: #2f343f; + box-shadow: inset 0 1px rgba(54, 59, 72, 0.97); } + .csd .titlebar { + background-color: rgba(47, 52, 63, 0.97); } + .titlebar:backdrop { + color: rgba(207, 218, 231, 0.5); + background-color: #323843; } + .csd .titlebar:backdrop { + background-color: rgba(50, 56, 67, 0.97); } + .maximized .titlebar { + background-color: #2f343f; } + .maximized .titlebar:backdrop, .csd .maximized .titlebar:backdrop { + background-color: #323843; } + window > .titlebar:not(headerbar), + window.csd > .titlebar:not(headerbar) { + padding: 0; + border: none; + background: none; } + .titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator { + background-color: rgba(38, 42, 51, 0.97); } + +.primary-toolbar separator, .primary-toolbar .sidebar .view separator, .sidebar .view .primary-toolbar separator, headerbar separator.titlebutton, headerbar .sidebar .view separator.titlebutton, .sidebar .view headerbar separator.titlebutton { + min-width: 1px; + min-height: 1px; + background: none; + border-width: 0 1px; + border-image: linear-gradient(to bottom, rgba(207, 218, 231, 0) 25%, rgba(207, 218, 231, 0.15) 25%, rgba(207, 218, 231, 0.15) 75%, rgba(207, 218, 231, 0) 75%) 0 1/0 1px stretch; } + .primary-toolbar separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.6; } + +.primary-toolbar entry, headerbar entry, .primary-toolbar spinbutton, headerbar spinbutton, .primary-toolbar button, headerbar button, .primary-toolbar separator, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator, .primary-toolbar .sidebar .view separator, .sidebar .view .primary-toolbar separator, headerbar .sidebar .view separator, .sidebar .view headerbar separator { + margin-top: 6px; + margin-bottom: 6px; } + +.primary-toolbar entry, headerbar entry, .primary-toolbar spinbutton, headerbar spinbutton, .primary-toolbar spinbutton, headerbar spinbutton { + color: rgba(207, 218, 231, 0.8); + caret-color: rgba(207, 218, 231, 0.8); + border-color: rgba(21, 23, 28, 0.37); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.37)); + background-color: transparent; } + .primary-toolbar entry image, headerbar entry image, .primary-toolbar spinbutton image, headerbar spinbutton image, .primary-toolbar entry image:hover, headerbar entry image:hover, .primary-toolbar spinbutton image:hover, headerbar spinbutton image:hover, .primary-toolbar spinbutton image, headerbar spinbutton image, .primary-toolbar spinbutton image:hover, headerbar spinbutton image:hover { + color: inherit; } + .primary-toolbar entry:backdrop, headerbar entry:backdrop, .primary-toolbar spinbutton:backdrop, headerbar spinbutton:backdrop, .primary-toolbar spinbutton:backdrop, headerbar spinbutton:backdrop { + opacity: 0.85; } + .primary-toolbar entry:focus, headerbar entry:focus, .primary-toolbar spinbutton:focus, headerbar spinbutton:focus, .primary-toolbar spinbutton:focus, headerbar spinbutton:focus { + color: #ffffff; + caret-color: #ffffff; + border-color: transparent; + background-image: linear-gradient(to bottom, #5294E2); + background-clip: padding-box; } + .primary-toolbar entry:focus image, headerbar entry:focus image, .primary-toolbar spinbutton:focus image, headerbar spinbutton:focus image, .primary-toolbar spinbutton:focus image, headerbar spinbutton:focus image { + color: #ffffff; } + .primary-toolbar entry:disabled, headerbar entry:disabled, .primary-toolbar spinbutton:disabled, headerbar spinbutton:disabled, .primary-toolbar spinbutton:disabled, headerbar spinbutton:disabled { + color: rgba(207, 218, 231, 0.35); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.22)); } + .primary-toolbar entry selection:focus, headerbar entry selection:focus, .primary-toolbar spinbutton selection:focus, headerbar spinbutton selection:focus, .primary-toolbar spinbutton selection:focus, headerbar spinbutton selection:focus { + background-color: #ffffff; + color: #5294E2; } + .primary-toolbar entry progress, headerbar entry progress, .primary-toolbar spinbutton progress, headerbar spinbutton progress, .primary-toolbar spinbutton progress, headerbar spinbutton progress { + border-color: #5294E2; + background-image: none; + background-color: transparent; } + .primary-toolbar entry.warning, headerbar entry.warning, .primary-toolbar spinbutton.warning, headerbar spinbutton.warning, .primary-toolbar spinbutton.warning, headerbar spinbutton.warning { + color: #ffffff; + border-color: rgba(21, 23, 28, 0.37); + background-image: linear-gradient(to bottom, rgba(167, 94, 57, 0.988)); } + .primary-toolbar entry.warning:focus, headerbar entry.warning:focus, .primary-toolbar spinbutton.warning:focus, headerbar spinbutton.warning:focus, .primary-toolbar spinbutton.warning:focus, headerbar spinbutton.warning:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, #F27835); } + .primary-toolbar entry.warning selection, headerbar entry.warning selection, .primary-toolbar spinbutton.warning selection, headerbar spinbutton.warning selection, .primary-toolbar entry.warning selection:focus, headerbar entry.warning selection:focus, .primary-toolbar spinbutton.warning selection:focus, headerbar spinbutton.warning selection:focus, .primary-toolbar spinbutton.warning selection, headerbar spinbutton.warning selection, .primary-toolbar spinbutton.warning selection:focus, headerbar spinbutton.warning selection:focus { + background-color: #ffffff; + color: #F27835; } + .primary-toolbar entry.error, headerbar entry.error, .primary-toolbar spinbutton.error, headerbar spinbutton.error, .primary-toolbar spinbutton.error, headerbar spinbutton.error { + color: #ffffff; + border-color: rgba(21, 23, 28, 0.37); + background-image: linear-gradient(to bottom, rgba(173, 60, 59, 0.988)); } + .primary-toolbar entry.error:focus, headerbar entry.error:focus, .primary-toolbar spinbutton.error:focus, headerbar spinbutton.error:focus, .primary-toolbar spinbutton.error:focus, headerbar spinbutton.error:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, #FC4138); } + .primary-toolbar entry.error selection, headerbar entry.error selection, .primary-toolbar spinbutton.error selection, headerbar spinbutton.error selection, .primary-toolbar entry.error selection:focus, headerbar entry.error selection:focus, .primary-toolbar spinbutton.error selection:focus, headerbar spinbutton.error selection:focus, .primary-toolbar spinbutton.error selection, headerbar spinbutton.error selection, .primary-toolbar spinbutton.error selection:focus, headerbar spinbutton.error selection:focus { + background-color: #ffffff; + color: #FC4138; } + +.primary-toolbar button, headerbar button { + color: rgba(207, 218, 231, 0.8); + outline-color: rgba(207, 218, 231, 0.1); + outline-offset: -3px; + background-color: rgba(47, 52, 63, 0); + border-color: rgba(47, 52, 63, 0); } + .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.7; } + .primary-toolbar button:hover, headerbar button:hover { + color: rgba(207, 218, 231, 0.8); + outline-color: rgba(207, 218, 231, 0.1); + border-color: rgba(21, 23, 28, 0.37); + background-color: rgba(95, 105, 127, 0.37); } + .primary-toolbar button:active, headerbar button:active, .primary-toolbar button:checked, headerbar button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + background-color: #5294E2; + background-clip: padding-box; } + .primary-toolbar button:disabled, headerbar button:disabled { + color: rgba(207, 218, 231, 0.35); + background-color: rgba(47, 52, 63, 0); + border-color: rgba(47, 52, 63, 0); } + .primary-toolbar button:disabled > label, headerbar button:disabled > label { + color: inherit; } + .primary-toolbar button:disabled:active, headerbar button:disabled:active, .primary-toolbar button:disabled:checked, headerbar button:disabled:checked { + color: rgba(255, 255, 255, 0.75); + border-color: rgba(82, 148, 226, 0.65); + background-color: rgba(82, 148, 226, 0.65); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button, headerbar .linked:not(.vertical):not(.path-bar) > button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover, headerbar .linked:not(.vertical):not(.path-bar) > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:active, headerbar .linked:not(.vertical):not(.path-bar) > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked, headerbar .linked:not(.vertical):not(.path-bar) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:disabled, headerbar .linked:not(.vertical):not(.path-bar) > button:disabled { + border-radius: 3px; + border-style: solid; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), headerbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), headerbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child), headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child), .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button { + color: rgba(207, 218, 231, 0.8); + outline-color: rgba(207, 218, 231, 0.1); + border-color: rgba(21, 23, 28, 0.37); + background-color: rgba(95, 105, 127, 0.37); } + .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover { + background-color: rgba(134, 144, 165, 0.37); } + .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + background-color: #5294E2; } + .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled { + color: rgba(207, 218, 231, 0.4); } + +.primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37), inset -1px 0 rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { + box-shadow: inset -1px 0 rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton { + border-left-color: rgba(21, 23, 28, 0); } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.error, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.error, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error { + border-left-color: rgba(21, 23, 28, 0); } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning { + border-left-color: rgba(21, 23, 28, 0); } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton.warning { + border-left-color: rgba(21, 23, 28, 0); } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:last-child { + border-left-color: rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:last-child { + border-left-color: rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:last-child { + border-left-color: rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + combobox > button.combo { + border-left-color: rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { + border-left-color: rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button.combo > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button.combo > button.combo, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button.combo > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button.combo > button.combo { + border-left-color: rgba(21, 23, 28, 0.37); } + +.primary-toolbar button.suggested-action, headerbar button.suggested-action { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #4DADD4; + border-color: #4DADD4; } + .primary-toolbar button.suggested-action.flat, headerbar button.suggested-action.flat, .primary-toolbar button.suggested-action.sidebar-button, headerbar button.suggested-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #4DADD4; + outline-color: rgba(77, 173, 212, 0.3); } + .primary-toolbar button.suggested-action:hover, headerbar button.suggested-action:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #76c0de; + border-color: #76c0de; } + .primary-toolbar button.suggested-action:active, headerbar button.suggested-action:active, .primary-toolbar button.suggested-action:checked, headerbar button.suggested-action:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #2e96c0; + border-color: #2e96c0; } + .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { + color: rgba(207, 218, 231, 0.35); + background-color: rgba(47, 52, 63, 0); + border-color: rgba(47, 52, 63, 0); } + .primary-toolbar button.suggested-action.flat:disabled > label, headerbar button.suggested-action.flat:disabled > label, .primary-toolbar button.suggested-action.sidebar-button:disabled > label, headerbar button.suggested-action.sidebar-button:disabled > label, .primary-toolbar button.suggested-action:disabled > label, headerbar button.suggested-action:disabled > label { + color: inherit; } + +.primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop, .primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop { + opacity: 0.8; } + +.primary-toolbar button.destructive-action, headerbar button.destructive-action { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #F04A50; + border-color: #F04A50; } + .primary-toolbar button.destructive-action.flat, headerbar button.destructive-action.flat, .primary-toolbar button.destructive-action.sidebar-button, headerbar button.destructive-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #F04A50; + outline-color: rgba(240, 74, 80, 0.3); } + .primary-toolbar button.destructive-action:hover, headerbar button.destructive-action:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #f4797e; + border-color: #f4797e; } + .primary-toolbar button.destructive-action:active, headerbar button.destructive-action:active, .primary-toolbar button.destructive-action:checked, headerbar button.destructive-action:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ec1b22; + border-color: #ec1b22; } + .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { + color: rgba(207, 218, 231, 0.35); + background-color: rgba(47, 52, 63, 0); + border-color: rgba(47, 52, 63, 0); } + .primary-toolbar button.destructive-action.flat:disabled > label, headerbar button.destructive-action.flat:disabled > label, .primary-toolbar button.destructive-action.sidebar-button:disabled > label, headerbar button.destructive-action.sidebar-button:disabled > label, .primary-toolbar button.destructive-action:disabled > label, headerbar button.destructive-action:disabled > label { + color: inherit; } + +.primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop, .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop { + opacity: 0.8; } + +.primary-toolbar spinbutton:focus button, headerbar spinbutton:focus button { + color: #ffffff; } + .primary-toolbar spinbutton:focus button:hover, headerbar spinbutton:focus button:hover { + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; } + .primary-toolbar spinbutton:focus button:disabled, headerbar spinbutton:focus button:disabled { + color: rgba(255, 255, 255, 0.4); } + +.primary-toolbar spinbutton button, headerbar spinbutton button { + color: rgba(207, 218, 231, 0.8); } + .primary-toolbar spinbutton button:hover, headerbar spinbutton button:hover { + background-color: rgba(207, 218, 231, 0.05); + border-color: transparent; } + .primary-toolbar spinbutton button:disabled, headerbar spinbutton button:disabled { + color: rgba(207, 218, 231, 0.5); } + .primary-toolbar spinbutton button:active, headerbar spinbutton button:active { + background-color: rgba(0, 0, 0, 0.1); } + +.primary-toolbar combobox:disabled, headerbar combobox:disabled { + color: rgba(207, 218, 231, 0.2); } + +.primary-toolbar combobox.combobox-entry button, headerbar combobox.combobox-entry button { + color: rgba(207, 218, 231, 0.8); + caret-color: rgba(207, 218, 231, 0.8); + border-color: rgba(21, 23, 28, 0.37); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.37)); + background-color: transparent; } + .primary-toolbar combobox.combobox-entry button image, headerbar combobox.combobox-entry button image, .primary-toolbar combobox.combobox-entry button image:hover, headerbar combobox.combobox-entry button image:hover { + color: inherit; } + .primary-toolbar combobox.combobox-entry button:hover, headerbar combobox.combobox-entry button:hover { + color: #ffffff; + caret-color: #ffffff; + border-color: transparent; + background-image: linear-gradient(to bottom, #5294E2); + box-shadow: none; } + .primary-toolbar combobox.combobox-entry button:disabled, headerbar combobox.combobox-entry button:disabled { + color: rgba(207, 218, 231, 0.35); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.22)); } + +.primary-toolbar combobox.combobox-entry entry:dir(ltr), headerbar combobox.combobox-entry entry:dir(ltr), .primary-toolbar combobox.combobox-entry spinbutton:dir(ltr), headerbar combobox.combobox-entry spinbutton:dir(ltr) { + border-right-style: none; } + .primary-toolbar combobox.combobox-entry entry:dir(ltr):focus, headerbar combobox.combobox-entry entry:dir(ltr):focus, .primary-toolbar combobox.combobox-entry spinbutton:dir(ltr):focus, headerbar combobox.combobox-entry spinbutton:dir(ltr):focus { + box-shadow: none; } + +.primary-toolbar combobox.combobox-entry entry:dir(rtl), headerbar combobox.combobox-entry entry:dir(rtl), .primary-toolbar combobox.combobox-entry spinbutton:dir(rtl), headerbar combobox.combobox-entry spinbutton:dir(rtl) { + border-left-style: none; } + .primary-toolbar combobox.combobox-entry entry:dir(rtl):focus, headerbar combobox.combobox-entry entry:dir(rtl):focus, .primary-toolbar combobox.combobox-entry spinbutton:dir(rtl):focus, headerbar combobox.combobox-entry spinbutton:dir(rtl):focus { + box-shadow: none; } + +.primary-toolbar switch:backdrop, headerbar switch:backdrop { + opacity: 0.75; } + +.primary-toolbar progressbar trough, headerbar progressbar trough { + background-color: rgba(21, 23, 28, 0.37); } + +.primary-toolbar progressbar:backdrop, headerbar progressbar:backdrop { + opacity: 0.75; } + +.primary-toolbar scale:backdrop, headerbar scale:backdrop { + opacity: 0.75; } + +.primary-toolbar scale slider, headerbar scale slider { + background-image: linear-gradient(to bottom, #454c5c); + border-color: rgba(21, 23, 28, 0.67); } + .primary-toolbar scale slider:hover, headerbar scale slider:hover { + background-image: linear-gradient(to bottom, #50586b); + border-color: rgba(21, 23, 28, 0.67); } + .primary-toolbar scale slider:active, headerbar scale slider:active { + background-image: linear-gradient(to bottom, #5294E2); + border-color: #5294E2; } + .primary-toolbar scale slider:disabled, headerbar scale slider:disabled { + background-image: linear-gradient(to bottom, rgba(63, 69, 84, 0.991)); + border-color: rgba(21, 23, 28, 0.67); } + +.primary-toolbar scale trough, headerbar scale trough { + background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.37)); } + .primary-toolbar scale trough:disabled, headerbar scale trough:disabled { + background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.27)); } + +.path-bar button:first-child { + padding-left: 10px; } + +.path-bar button:last-child { + padding-right: 10px; } + +.path-bar button:only-child { + padding-left: 10px; + padding-right: 10px; } + +.path-bar button label:last-child { + padding-left: 4px; } + +.path-bar button label:first-child { + padding-right: 4px; } + +.path-bar button label:only-child, .path-bar button label { + padding-right: 0; + padding-left: 0; } + +treeview.view { + -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: rgba(211, 218, 227, 0.15); + border-top-color: rgba(0, 0, 0, 0.1); } + treeview.view:selected { + border-radius: 0; + border-left-color: #a9caf1; + border-top-color: rgba(211, 218, 227, 0.1); } + treeview.view:disabled { + color: rgba(211, 218, 227, 0.45); } + treeview.view:disabled:selected { + color: #97bfee; } + treeview.view.separator { + min-height: 2px; } + treeview.view.dnd { + border-style: solid none; + border-width: 1px; + border-color: #93b7e3; } + treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #8a909b; } + treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + treeview.view.expander:hover { + color: #D3DAE3; } + treeview.view.expander:selected { + color: #cbdff6; } + treeview.view.expander:selected:hover { + color: #ffffff; } + treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + treeview.view.progressbar { + color: #ffffff; + border-radius: 3px; + background-image: linear-gradient(to bottom, #5294E2); } + treeview.view.progressbar:selected { + color: #5294E2; + box-shadow: none; + background-image: linear-gradient(to bottom, #ffffff); } + treeview.view.trough, treeview.view.trough:selected { + color: #D3DAE3; + background-image: linear-gradient(to bottom, #2b2e39); + border-radius: 3px; + border-width: 0; } + treeview.view header button { + color: #b6bcc6; + background-color: #404552; + font-weight: bold; } + treeview.view header button:hover { + color: #5294E2; + box-shadow: none; + transition: none; } + treeview.view header button:active { + color: #D3DAE3; + transition: none; } + treeview.view header button:last-child, + treeview.view header button:last-child:hover, + treeview.view header button:last-child:active { + border-right-style: none; + border-image: none; } + treeview.view header.button.dnd, treeview.view header button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover { + transition: none; + color: #5294E2; + box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #404552, inset -1px 0 #404552; } + +treeview.view header button, treeview.view header button:hover, treeview.view header button:active { + min-height: 0; + min-width: 0; + padding: 3px 6px; + background-image: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, rgba(255, 255, 255, 0) 80%) 0 1 0 0/0 1px 0 0 stretch; } + treeview.view header button:active, treeview.view header button:hover { + background-color: #404552; } + treeview.view header button:active:hover { + color: #D3DAE3; } + treeview.view header button:disabled { + border-color: #383C4A; + background-image: none; } + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0px; + background-color: #2f343f; + color: rgba(207, 218, 231, 0.8); } + menubar:backdrop, + .menubar:backdrop { + color: rgba(207, 218, 231, 0.5); } + menubar > menuitem, + .menubar > menuitem { + padding: 6px 8px; + border: solid transparent; + border-width: 0; } + menubar > menuitem:hover, + .menubar > menuitem:hover { + background-color: #5294E2; + color: #ffffff; } + menubar > menuitem:disabled, + .menubar > menuitem:disabled { + color: rgba(207, 218, 231, 0.2); + border-color: transparent; } + +menu, +.menu { + margin: 4px; + padding: 0; + border-radius: 0; + background-color: #383C4A; + border: 1px solid #2b2e39; } + .csd menu, .csd + .menu { + padding: 4px 0px; + border-radius: 2px; + border: none; } + menu separator, menu .sidebar separator, .sidebar menu separator, menu .sidebar .view separator, .sidebar .view menu separator, + .csd menu separator, + .csd menu .sidebar .view separator, .sidebar .view + .csd menu separator, + .menu separator, + .menu .sidebar .view separator, .sidebar .view + .menu separator, + .csd + .menu separator { + min-height: 10px; + background-color: #383C4A; } + menu menuitem, + .menu menuitem { + padding: 4px; + min-width: 40px; + border: solid transparent; + border-width: 1px 0 1px 0; } + menu menuitem:hover, + .menu menuitem:hover { + color: #D3DAE3; + background-color: rgba(255, 255, 255, 0.05); + border: solid rgba(255, 255, 255, 0.07); + border-width: 1px 0 1px 0; } + menu menuitem:disabled, + .menu menuitem:disabled { + color: rgba(211, 218, 227, 0.45); } + menu menuitem arrow, + .menu menuitem arrow { + min-height: 16px; + min-width: 16px; } + menu menuitem arrow:dir(ltr), + .menu menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-left: 10px; } + menu menuitem arrow:dir(rtl), + .menu menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-right: 10px; } + menuitem accelerator { + color: alpha(currentColor,0.55); } + menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; } + menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 7px; } + menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 7px; } + menu arrow, + .menu arrow { + border-style: none; + border-radius: 0; + min-width: 16px; + min-height: 16px; } + menu arrow.top, + .menu arrow.top { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); + border-bottom: 1px solid #4f5461; } + menu arrow.bottom, + .menu arrow.bottom { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + border-top: 1px solid #4f5461; } + menu arrow:hover, + .menu arrow:hover { + background-color: #4f5461; } + menu arrow:disabled, + .menu arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; } + +popover, +popover.background { + padding: 2px; + border-radius: 3px; + background-clip: border-box; + background-color: #383C4A; + box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.35); } + .csd popover, popover, .csd + popover.background, + popover.background { + border: 1px solid #20222a; } + popover separator, popover .sidebar separator, .sidebar popover separator, popover .sidebar .view separator, .sidebar .view popover separator, + popover.background separator, + popover.background .sidebar .view separator, .sidebar .view + popover.background separator { + background-color: #383C4A; } + popover > list, + popover > .view, + popover > toolbar, + popover > .inline-toolbar, + popover.osd > toolbar, + popover.osd > .inline-toolbar, + popover.background > list, + popover.background > .view, + popover.background > toolbar, + popover.background > .inline-toolbar, + popover.background.osd > toolbar, + popover.background.osd > .inline-toolbar { + border-style: none; + background-color: transparent; } + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; } + cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); } + cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } + +notebook { + -GtkNotebook-initial-gap: 4; + -GtkNotebook-arrow-spacing: 5; + -GtkNotebook-tab-curvature: 0; + -GtkNotebook-tab-overlap: 1; + -GtkNotebook-has-tab-gap: false; + padding: 0; + background-color: #404552; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + notebook.frame { + border: 1px solid #2b2e39; } + notebook header { + background-color: #383C4A; } + .frame notebook header { + border: 0px solid #2b2e39; } + .frame notebook header.top { + border-bottom-width: 0; } + .frame notebook header.bottom { + border-top-width: 0; } + .frame notebook header.right { + border-left-width: 0; } + .frame notebook header.left { + border-right-width: 0; } + notebook header.top { + box-shadow: inset 0 -1px #2b2e39; } + notebook header.bottom { + box-shadow: inset 0 1px #2b2e39; } + notebook header.right { + box-shadow: inset 1px 0 #2b2e39; } + notebook header.left { + box-shadow: inset -1px 0 #2b2e39; } + notebook header.top tab { + border-width: 0; + background-color: rgba(64, 69, 82, 0); + padding: 4px 15px; + border-top: 2px solid transparent; + padding-top: 6px; + border-radius: 3.5px 2px 0 0; } + notebook header.top tab.reorderable-page { + padding-left: 12px; + padding-right: 12px; } + notebook header.top tab:hover { + background-color: rgba(64, 69, 82, 0.5); + box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } + notebook header.top tab:active, notebook header.top tab:active:hover { + background-color: #404552; + box-shadow: inset 0 1px #2b2e39, inset 0 -1px #404552, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } + notebook header.bottom tab { + border-width: 0; + background-color: rgba(64, 69, 82, 0); + padding: 4px 15px; + border-bottom: 2px solid transparent; + padding-bottom: 6px; + border-radius: 0 0 2px 3.5px; } + notebook header.bottom tab.reorderable-page { + padding-left: 12px; + padding-right: 12px; } + notebook header.bottom tab:hover { + background-color: rgba(64, 69, 82, 0.5); + box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } + notebook header.bottom tab:active, notebook header.bottom tab:active:hover { + background-color: #404552; + box-shadow: inset 0 -1px #404552, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } + notebook header.right tab { + border-width: 0; + background-color: rgba(64, 69, 82, 0); + padding: 4px 15px; + border-right: 2px solid transparent; + padding-right: 17px; + border-radius: 0 3.5px 3.5px 0; } + notebook header.right tab:hover { + background-color: rgba(64, 69, 82, 0.5); + box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } + notebook header.right tab:active, notebook header.right tab:active:hover { + background-color: #404552; + box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #404552, inset -1px 0 #2b2e39; } + notebook header.left tab { + border-width: 0; + background-color: rgba(64, 69, 82, 0); + padding: 4px 15px; + border-left: 2px solid transparent; + padding-left: 17px; + border-radius: 3.5px 0 0 3.5px; } + notebook header.left tab:hover { + background-color: rgba(64, 69, 82, 0.5); + box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } + notebook header.left tab:active, notebook header.left tab:active:hover { + background-color: #404552; + box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #404552; } + notebook header.top tabs arrow.up, notebook header.bottom tabs arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + notebook header.top tabs arrow.down, notebook header.bottom tabs arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + notebook header.left tabs arrow.up, notebook header.right tabs arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + notebook header.left tabs arrow.down, notebook header.right tabs arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + notebook header tabs arrow { + color: rgba(211, 218, 227, 0.45); } + notebook header tabs arrow:hover { + color: rgba(211, 218, 227, 0.725); } + notebook header tabs arrow:active { + color: #D3DAE3; } + notebook header tabs arrow:disabled { + color: rgba(211, 218, 227, 0.15); } + notebook tab label { + padding: 0 2px; + color: rgba(211, 218, 227, 0.45); } + notebook tab:hover label { + color: rgba(211, 218, 227, 0.725); } + notebook tab:active label { + color: #D3DAE3; } + notebook tab button { + min-height: 18px; + min-width: 16px; + padding: 0; + color: #9da3ad; } + notebook tab button:hover { + color: #ff4d4d; } + notebook tab button:active, notebook tab button:active:hover { + color: #5294E2; } + +* { + -GtkRange-slider-width: 13; + -GtkRange-trough-border: 0; + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + -GtkScrollbar-min-slider-length: 42; + -GtkRange-stepper-spacing: 0; + -GtkRange-trough-under-steppers: 1; } + +scrollbar button { + border: none; } + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + -GtkRange-slider-width: 6px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + background-color: #a5abb5; + border: 1px solid rgba(0, 0, 0, 0.3); + background-clip: padding-box; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) trough { + border-style: none; + background-color: transparent; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { + margin-top: 2px; + margin-bottom: 2px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + margin-left: 2px; + margin-right: 2px; } + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; } + +scrollbar trough { + background-color: #3e434f; + border: 1px none #2b2e39; } + +scrollbar slider { + background-color: #767b87; } + scrollbar slider:hover { + background-color: #676b78; } + scrollbar slider:hover:active { + background-color: #5294E2; } + scrollbar slider:disabled { + background-color: transparent; } + +scrollbar slider { + border-radius: 100px; + margin: 3px; } + +scrollbar.fine-tune slider { + margin: 4px; } + +scrollbar.vertical slider { + margin-left: 4px; } + scrollbar.vertical slider:dir(rtl) { + margin-left: 3px; + margin-right: 4px; } + +scrollbar.vertical.fine-tune .slider { + margin-left: 5px; } + scrollbar.vertical.fine-tune .slider:dir(rtl) { + margin-left: 4px; + margin-right: 5px; } + +scrollbar.vertical trough { + border-left-style: solid; } + scrollbar.vertical trough:dir(rtl) { + border-left-style: none; + border-right-style: solid; } + +scrollbar.horizontal slider { + margin-top: 4px; } + +scrollbar.horizontal.fine-tune slider { + margin-top: 5px; } + +scrollbar.horizontal trough { + border-top-style: solid; } + +switch { + font: 1; + outline-color: transparent; } + switch, switch slider { + background-size: 52px 24px; + background-repeat: no-repeat; + background-position: right center; + color: transparent; + border-color: transparent; + border-image: none; + border-style: none; + box-shadow: none; } + switch:dir(rtl), switch slider:dir(rtl) { + background-position: left center; } + switch slider { + min-width: 52px; + min-height: 24px; } + +switch { + background-image: -gtk-scaled(url("assets/switch-dark.png"), url("assets/switch-dark@2.png")); } + +row:selected switch, +infobar switch { + background-image: -gtk-scaled(url("assets/switch-selected.png"), url("assets/switch-selected@2.png")); } + +headerbar switch, +.primary-toolbar switch { + background-image: -gtk-scaled(url("assets/switch-header-dark.png"), url("assets/switch-header-dark@2.png")); } + +switch:active { + background-image: -gtk-scaled(url("assets/switch-active-dark.png"), url("assets/switch-active-dark@2.png")); } + +row:selected switch:active, +infobar switch:active { + background-image: -gtk-scaled(url("assets/switch-active-selected.png"), url("assets/switch-active-selected@2.png")); } + +headerbar switch:active, +.primary-toolbar switch:active { + background-image: -gtk-scaled(url("assets/switch-active-header-dark.png"), url("assets/switch-active-header-dark@2.png")); } + +switch:disabled { + background-image: -gtk-scaled(url("assets/switch-insensitive-dark.png"), url("assets/switch-insensitive-dark@2.png")); } + +row:selected switch:disabled, +infobar switch:disabled { + background-image: -gtk-scaled(url("assets/switch-insensitive-selected.png"), url("assets/switch-insensitive-selected@2.png")); } + +headerbar switch:disabled, +.primary-toolbar switch:disabled { + background-image: -gtk-scaled(url("assets/switch-insensitive-header-dark.png"), url("assets/switch-insensitive-header-dark@2.png")); } + +switch:active:disabled { + background-image: -gtk-scaled(url("assets/switch-active-insensitive-dark.png"), url("assets/switch-active-insensitive-dark@2.png")); } + +row:selected switch:active:disabled, +infobar switch:active:disabled { + background-image: -gtk-scaled(url("assets/switch-active-insensitive-selected.png"), url("assets/switch-active-insensitive-selected@2.png")); } + +headerbar switch:active:disabled, +.primary-toolbar switch:active:disabled { + background-image: -gtk-scaled(url("assets/switch-active-insensitive-header-dark.png"), url("assets/switch-active-insensitive-header-dark@2.png")); } + +check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check, +GtkFileChooserDialog .dialog-vbox > .frame check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } + +.view check:selected, +row:selected check, +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); } + +check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:disabled, +GtkFileChooserDialog .dialog-vbox > .frame check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } + +.view check:disabled:selected, +row:selected check:disabled, +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); } + +check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate, +GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } + +.view check:indeterminate:selected, +row:selected check:indeterminate, +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); } + +check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate:disabled, +GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } + +.view check:indeterminate:disabled:selected, +row:selected check:indeterminate:disabled, +infobar check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); } + +check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked, +GtkFileChooserDialog .dialog-vbox > .frame check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } + +.view check:checked:selected, +row:selected check:checked, +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); } + +check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked:disabled, +GtkFileChooserDialog .dialog-vbox > .frame check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + +.view check:checked:disabled:selected, +row:selected check:checked:disabled, +infobar check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); } + +radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio, +GtkFileChooserDialog .dialog-vbox > .frame radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } + +.view radio:selected, +row:selected radio, +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); } + +radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:disabled, +GtkFileChooserDialog .dialog-vbox > .frame radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } + +.view radio:disabled:selected, +row:selected radio:disabled, +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); } + +radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate, +GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } + +.view radio:indeterminate:selected, +row:selected radio:indeterminate, +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); } + +radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate:disabled, +GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } + +.view radio:indeterminate:disabled:selected, +row:selected radio:indeterminate:disabled, +infobar radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); } + +radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked, +GtkFileChooserDialog .dialog-vbox > .frame radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } + +.view radio:checked:selected, +row:selected radio:checked, +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); } + +radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked:disabled, +GtkFileChooserDialog .dialog-vbox > .frame radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + +.view radio:checked:disabled:selected, +row:selected radio:checked:disabled, +infobar radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); } + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); + background-color: transparent; } + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); + background-color: transparent; } + +checkbutton.text-button, radiobutton.text-button { + padding: 1px 2px 4px; + outline-offset: 0; } + checkbutton.text-button:disabled, checkbutton.text-button:disabled:active, checkbutton.text-button:disabled:indeterminate, radiobutton.text-button:disabled, radiobutton.text-button:disabled:active, radiobutton.text-button:disabled:indeterminate { + color: rgba(211, 218, 227, 0.45); } + +radiobutton radio, +checkbutton check { + min-width: 16px; + min-height: 16px; + margin: 0 2px; } + radiobutton radio:only-child, + checkbutton check:only-child { + margin: 0; } + +scale { + -GtkScale-slider-length: 15; + -GtkRange-slider-width: 15; + -GtkRange-trough-border: 0; + outline-offset: -1px; + -gtk-outline-radius: 2px; } + scale marks { + color: alpha(currentColor,0.7); } + scale.fine-tune trough, scale.fine-tune fill, scale.fine-tune highlight { + border-radius: 5px; + margin: 3px; } + scale trough, scale fill, scale highlight { + border-radius: 2.5px; } + scale slider { + background-clip: border-box; + background-image: linear-gradient(to bottom, #444a58); + border: 1px solid #262933; + border-radius: 50%; + box-shadow: none; } + scale slider:hover { + background-image: linear-gradient(to bottom, #505666); + border-color: #262933; } + scale slider:disabled { + background-image: linear-gradient(to bottom, #3c414e); + border-color: rgba(38, 41, 51, 0.8); } + scale slider:active { + background-image: linear-gradient(to bottom, #5294E2); + border-color: #5294E2; } + .osd scale slider { + background-image: linear-gradient(to bottom, rgba(53, 57, 69, 0.95)); + border-color: #5294E2; } + .osd scale slider:hover { + background-image: linear-gradient(to bottom, #5294E2); } + .osd scale slider:active { + background-image: linear-gradient(to bottom, #2679db); + border-color: #2679db; } + row:selected scale slider, + infobar scale slider { + background-image: linear-gradient(to bottom, #ffffff); + border-color: #ffffff; } + row:selected scale slider:hover, + infobar scale slider:hover { + background-image: linear-gradient(to bottom, #e5effb); + border-color: #e5effb; } + row:selected scale slider:active, + infobar scale slider:active { + background-image: linear-gradient(to bottom, #a9caf1); + border-color: #a9caf1; } + row:selected scale slider:disabled, + infobar scale slider:disabled { + background-image: linear-gradient(to bottom, #b1cff2); + border-color: #b1cff2; } + scale trough { + margin: 5px; + border: none; + background-image: linear-gradient(to bottom, #2d303b); } + scale trough highlight { + background-image: linear-gradient(to bottom, #5294E2); } + scale trough highlight:disabled { + background-image: linear-gradient(to bottom, rgba(82, 148, 226, 0.55)); } + scale trough fill { + background: none; + background-color: red; } + scale trough:disabled { + background-image: linear-gradient(to bottom, rgba(45, 48, 59, 0.55)); } + .osd scale trough { + background-image: linear-gradient(to bottom, rgba(69, 74, 89, 0.95)); + outline-color: rgba(186, 195, 207, 0.2); } + .osd scale trough highlight { + background-image: none; + background-image: linear-gradient(to bottom, #5294E2); } + row:selected scale trough, + infobar scale trough { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); } + row:selected scale trough highlight, + infobar scale trough highlight { + background-image: linear-gradient(to bottom, #ffffff); } + row:selected scale trough highlight:disabled, + infobar scale trough highlight:disabled { + background-image: linear-gradient(to bottom, #b1cff2); } + row:selected scale trough:disabled, + infobar scale trough:disabled { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(211, 218, 227, 0.7); } + progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; } + progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; } + progressbar progress { + background-color: #5294E2; + border: none; + border-radius: 3px; + box-shadow: none; } + row:selected progressbar progress, + infobar progressbar progress { + background-color: #ffffff; } + progressbar trough { + border: none; + border-radius: 3px; + background-color: #2d303b; } + row:selected progressbar trough, + infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); } + +levelbar block { + min-width: 32px; + min-height: 1px; } + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; } + +levelbar trough { + border: none; + padding: 3px; + border-radius: 3px; + background-color: #2d303b; } + +levelbar.horizontal.discrete block { + margin: 0 1px; } + +levelbar.vertical.discrete block { + margin: 1px 0; } + +levelbar block:not(.empty) { + border: 1px solid #5294E2; + background-color: #5294E2; + border-radius: 2px; } + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; } + +levelbar block.high { + border-color: #5294E2; + background-color: #5294E2; } + +levelbar block.full { + border-color: #73d216; + background-color: #73d216; } + +levelbar block.empty { + background-color: #404552; + border-color: #404552; } + +frame border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid #2b2e39; + padding: 0; } + frame border.flat, + .frame.flat { + border-style: none; } + +paper { + border: 1px solid #2b2e39; + background: white; + padding: 0; } + +scrolledwindow viewport.frame, placessidebar viewport.frame { + border-style: none; } + +scrolledwindow overshoot.top, placessidebar overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow overshoot.bottom, placessidebar overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow overshoot.left, placessidebar overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow overshoot.right, placessidebar overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow undershoot.top, placessidebar undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; } + +scrolledwindow undershoot.bottom, placessidebar undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; } + +scrolledwindow undershoot.left, placessidebar undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; } + +scrolledwindow undershoot.right, placessidebar undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; } + +scrolledwindow junction, placessidebar junction { + border-color: transparent; + border-image: linear-gradient(to bottom, #2b2e39 1px, transparent 1px) 0 0 0 1/0 1px stretch; + background-color: #3e434f; } + scrolledwindow junction:dir(rtl), placessidebar junction:dir(rtl) { + border-image-slice: 0 1 0 0; } + +separator, .sidebar separator, .sidebar .view separator { + background-color: rgba(0, 0, 0, 0.1); + min-width: 1px; + min-height: 1px; } + +list { + background-color: #404552; + border-color: #2b2e39; } + +row { + padding: 2px; } + +row.activatable.has-open-popup, row.activatable:hover { + background-color: rgba(255, 255, 255, 0.03); } + +row.activatable:active { + color: #D3DAE3; } + +row.activatable:selected:active { + color: #ffffff; } + +row.activatable:selected.has-open-popup, row.activatable:selected:hover { + background-color: #4a85cb; } + +row.activatable:selected:disabled { + color: rgba(255, 255, 255, 0.7); + background-color: rgba(82, 148, 226, 0.7); } + row.activatable:selected:disabled label { + color: inherit; } + +row, row.activatable { + transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + row:hover, row.activatable:hover { + transition: none; } + +.app-notification { + padding: 10px; + color: #BAC3CF; + background-color: rgba(53, 57, 69, 0.95); + background-clip: border-box; + border-radius: 0 0 2px 2px; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: rgba(31, 33, 40, 0.95); } + .app-notification border { + border: none; } + .app-notification button { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.35); } + .app-notification button.flat, .app-notification button.sidebar-button { + border-color: rgba(82, 148, 226, 0); } + .app-notification button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + .app-notification button:active, .app-notification button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: #5294E2; + background-clip: padding-box; } + .app-notification button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); } + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + expander arrow:hover { + color: white; } + expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +calendar { + color: #D3DAE3; + border: 1px solid #2b2e39; + border-radius: 3px; + padding: 2px; } + calendar:selected { + background-color: #5294E2; + color: #ffffff; + border-radius: 1.5px; } + calendar.header { + color: #D3DAE3; + border: none; + border-radius: 0; } + calendar.button, calendar.button:focus { + color: rgba(211, 218, 227, 0.45); + border-color: transparent; + background-color: transparent; + background-image: none; } + calendar.button:hover, calendar.button:focus:hover { + color: #D3DAE3; } + calendar.button:disabled, calendar.button:focus:disabled { + color: rgba(211, 218, 227, 0.45); + background-color: transparent; + background-image: none; } + calendar:indeterminate { + color: alpha(currentColor,0.55); } + calendar.highlight { + color: #D3DAE3; } + +messagedialog { + -GtkDialog-button-spacing: 0; } + messagedialog .titlebar { + background-color: rgba(47, 52, 63, 0.97); + border-bottom: 1px solid rgba(32, 35, 43, 0.97); } + messagedialog .dialog-action-area button { + padding: 2px; } + messagedialog.csd.background { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: none; } + messagedialog.csd .dialog-action-area button { + padding: 2px; + border-radius: 0; } + messagedialog.csd .dialog-action-area button, messagedialog.csd .dialog-action-area button:hover, messagedialog.csd .dialog-action-area button:active, messagedialog.csd .dialog-action-area button:disabled { + border-right-style: none; + border-bottom-style: none; } + messagedialog.csd .dialog-action-area button:last-child { + border-bottom-right-radius: 3px; } + messagedialog.csd .dialog-action-area button:first-child { + border-left-style: none; + border-bottom-left-radius: 3px; } + +.sidebar, .sidebar .view { + border: none; + background-color: #383C4A; } + +stacksidebar row { + padding: 10px 4px; } + stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; } + stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; } + +placessidebar row { + padding: 0px; } + placessidebar row > revealer { + padding: 8px 10px; } + placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 8px; } + placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 8px; } + placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 2px; } + placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 2px; } + button.sidebar-button { + min-width: 26px; + min-height: 26px; + padding: 0; + border-radius: 100%; + -gtk-outline-radius: 100%; } + button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.5; } + +placessidebar row.sidebar-placeholder-row { + border: solid 1px #5294E2; } + +placessidebar row.sidebar-new-bookmark-row { + background-color: #22242d; } + +placesview .server-list-button > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(0turn); } + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); } + +placesview row.activatable:hover { + background-color: transparent; } + +paned > separator, .sidebar paned > separator, .sidebar .view paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to top, #2b2e39); + background-size: 1px 1px; } + paned > separator:selected, .sidebar paned > separator:selected, .sidebar .view paned > separator:selected { + background-image: linear-gradient(to top, #5294E2); } + paned > separator.wide, .sidebar paned > separator.wide, .sidebar .view paned > separator.wide { + margin: 0; + padding: 0; + min-width: 5px; + min-height: 5px; + background-image: linear-gradient(to top, #2b2e39), linear-gradient(to top, #2b2e39); + background-size: 1px 1px, 1px 1px; } + +paned.horizontal > separator, .sidebar paned.horizontal > separator, .sidebar .view paned.horizontal > separator { + background-repeat: repeat-y; } + paned.horizontal > separator:dir(ltr), .sidebar paned.horizontal > separator:dir(ltr), .sidebar .view paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; } + paned.horizontal > separator:dir(rtl), .sidebar paned.horizontal > separator:dir(rtl), .sidebar .view paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; } + paned.horizontal > separator.wide, .sidebar paned.horizontal > separator.wide, .sidebar .view paned.horizontal > separator.wide { + background-repeat: repeat-y, repeat-y; + background-position: left, right; } + +paned.vertical > separator, .sidebar paned.vertical > separator, .sidebar .view paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; } + paned.vertical > separator.wide, .sidebar paned.vertical > separator.wide, .sidebar .view paned.vertical > separator.wide { + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; } + +infobar { + border-style: none; } + +.info, +.question, +.warning, +.error, +infobar { + background-color: #5294E2; + color: #ffffff; } + +row:selected button, infobar button { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); } + row:selected button.flat, row:selected button.sidebar-button, infobar button.flat, infobar button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0); } + row:selected button:hover, infobar button:hover { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.8); } + row:selected button:active, infobar button:active, row:selected button:active:hover, infobar button:active:hover, row:selected button:checked, infobar button:checked { + color: #5294E2; + outline-color: rgba(82, 148, 226, 0.3); + background-color: #ffffff; + border-color: #ffffff; } + row:selected button:disabled, infobar button:disabled { + color: rgba(255, 255, 255, 0.4); + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.2); } + row:selected button:disabled:active, infobar button:disabled:active, row:selected button:disabled:checked, infobar button:disabled:checked { + color: rgba(82, 148, 226, 0.4); + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.2); } + +tooltip { + border-radius: 2px; + box-shadow: none; } + tooltip.background { + background-color: rgba(53, 57, 69, 0.95); + background-clip: padding-box; } + tooltip decoration { + background-color: transparent; } + tooltip * { + padding: 4px; + background-color: transparent; + color: #BAC3CF; } + +colorswatch, colorswatch:drop(active) { + border-style: none; } + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; } + colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; } + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; } + colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; } + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; } + colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; } + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; } + colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; } + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); } + colorswatch.dark overlay:hover { + border-color: #2b2e39; } + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); } + colorswatch.light overlay:hover { + border-color: #2b2e39; } + +colorswatch overlay { + border: 1px solid #2b2e39; } + colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); } + +colorswatch:disabled { + opacity: 0.5; } + colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; } + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #D3DAE3; + outline-color: rgba(211, 218, 227, 0.3); + border-color: #2b2e39; + background-color: #444a58; } + colorswatch#add-color-button:hover { + color: #D3DAE3; + outline-color: rgba(211, 218, 227, 0.3); + border-color: #2b2e39; + background-color: #505666; } + colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; } + +button.color { + padding: 0; } + button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; } + +.content-view { + background-color: #404552; } + .content-view:hover { + -gtk-icon-effect: highlight; } + +.scale-popup button { + padding: 6px; } + .scale-popup button:hover { + color: #D3DAE3; + outline-color: rgba(211, 218, 227, 0.3); + border-color: #2b2e39; + background-color: #505666; } + +button.scale { + padding: 8px; } + +.context-menu, popover.touch-selection, +popover.background.touch-selection { + font: initial; } + +.monospace { + font: Monospace; } + +button.circular, +button.circular-button { + padding: 0; + min-width: 26px; + min-height: 26px; + border-radius: 50%; + -gtk-outline-radius: 50%; } + button.circular label, + button.circular-button label { + padding: 0; } + +.keycap { + background-color: #404552; + border: 1px solid #2b2e39; + border-radius: 2px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); + color: #D3DAE3; + padding: 3px 8px 3px 8px; } + .keycap border { + border-style: none; } + +stackswitcher button.text-button { + min-width: 80px; } + +stackswitcher button.circular { + min-width: 0; } + +*:drop(active):focus, +*:drop(active) { + border: 1px solid black; } + +.overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; } + +.overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; } + +.overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; } + +.overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } + +.undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; } + +.undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; } + +.undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; } + +.undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; } + +decoration { + border-radius: 3px 3px 0 0; + border-width: 0px; + box-shadow: 0 0 0 1px rgba(32, 35, 43, 0.97), 0 8px 8px 0 rgba(0, 0, 0, 0.35); + margin: 10px; } + decoration:backdrop { + box-shadow: 0 0 0 1px rgba(32, 35, 43, 0.87), 0 8px 8px 0 transparent, 0 5px 5px 0 rgba(0, 0, 0, 0.35); } + .tiled decoration { + border-radius: 0; } + .popup decoration { + box-shadow: none; + border-radius: 0; } + decoration.popup { + box-shadow: none; + border-radius: 0; } + decoration.ssd { + border-radius: 3px 3px 0 0; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.65); } + decoration.ssd.maximized { + border-radius: 0; } + .csd.popup decoration { + border-radius: 2px; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.45), 0 0 0 1px #22242d; } + tooltip.csd decoration { + border-radius: 2px; + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.55); } + messagedialog.csd decoration { + border-radius: 3px; } + .solid-csd decoration { + border-radius: 0; + margin: 1px; + background-color: rgba(47, 52, 63, 0.97); + box-shadow: none; } + +headerbar.default-decoration button.titlebutton, +.titlebar.default-decoration button.titlebutton { + padding: 0 4px; + min-width: 0; } + +headerbar button.titlebutton, +.titlebar button.titlebutton { + padding: 0; + min-width: 24px; + border-color: transparent; + background-color: transparent; + background-image: none; + background-color: rgba(47, 52, 63, 0); } + headerbar button.titlebutton:hover, + .titlebar button.titlebutton:hover { + color: rgba(207, 218, 231, 0.8); + outline-color: rgba(207, 218, 231, 0.1); + border-color: rgba(21, 23, 28, 0.37); + background-color: rgba(95, 105, 127, 0.37); } + headerbar button.titlebutton:active, headerbar button.titlebutton:checked, + .titlebar button.titlebutton:active, + .titlebar button.titlebutton:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + background-color: #5294E2; } + headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, + .titlebar button.titlebutton.close, + .titlebar button.titlebutton.maximize, + .titlebar button.titlebutton.minimize { + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + border-width: 0; } + headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, + .titlebar button.titlebutton.close:backdrop, + .titlebar button.titlebutton.maximize:backdrop, + .titlebar button.titlebutton.minimize:backdrop { + opacity: 1; } + headerbar button.titlebutton.close, + .titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("assets/titlebutton-close-dark.png"), url("assets/titlebutton-close-dark@2.png")); } + headerbar button.titlebutton.close:backdrop, + .titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop-dark.png"), url("assets/titlebutton-close-backdrop-dark@2.png")); } + headerbar button.titlebutton.close:hover, + .titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("assets/titlebutton-close-hover-dark.png"), url("assets/titlebutton-close-hover-dark@2.png")); } + headerbar button.titlebutton.close:active, + .titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("assets/titlebutton-close-active-dark.png"), url("assets/titlebutton-close-active-dark@2.png")); } + headerbar button.titlebutton.maximize, + .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("assets/titlebutton-max-dark.png"), url("assets/titlebutton-max-dark@2.png")); } + headerbar button.titlebutton.maximize:backdrop, + .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-max-backdrop-dark.png"), url("assets/titlebutton-max-backdrop-dark@2.png")); } + headerbar button.titlebutton.maximize:hover, + .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("assets/titlebutton-max-hover-dark.png"), url("assets/titlebutton-max-hover-dark@2.png")); } + headerbar button.titlebutton.maximize:active, + .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("assets/titlebutton-max-active-dark.png"), url("assets/titlebutton-max-active-dark@2.png")); } + headerbar button.titlebutton.minimize, + .titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("assets/titlebutton-min-dark.png"), url("assets/titlebutton-min-dark@2.png")); } + headerbar button.titlebutton.minimize:backdrop, + .titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-min-backdrop-dark.png"), url("assets/titlebutton-min-backdrop-dark@2.png")); } + headerbar button.titlebutton.minimize:hover, + .titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("assets/titlebutton-min-hover-dark.png"), url("assets/titlebutton-min-hover-dark@2.png")); } + headerbar button.titlebutton.minimize:active, + .titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("assets/titlebutton-min-active-dark.png"), url("assets/titlebutton-min-active-dark@2.png")); } + +.view:selected, +.view selection, +.view selection:focus, +.view selection:hover, +textview text:selected, +textview text selection, +textview text selection:focus, +textview text selection:hover, iconview:selected, iconview:selected:focus, flowbox flowboxchild:selected, label:selected, +label selection, +label selection:focus, +label selection:hover, menuitem.button.flat:active, menuitem.button.flat:selected, +modelbutton.flat:active, +modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected, entry.gb-command-bar-entry.flat:selected, spinbutton.gb-command-bar-entry.flat:selected, entry.gb-command-bar-entry.flat:selected:focus, spinbutton.gb-command-bar-entry.flat:selected:focus, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected:hover, GtkFileChooserDialog placessidebar.sidebar row.activatable:active:hover, +NautilusWindow placessidebar.sidebar row.activatable:selected, +NautilusWindow placessidebar.sidebar row.activatable:selected:hover, +NautilusWindow placessidebar.sidebar row.activatable:active:hover { + background-image: none; + background-color: #5294E2; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); } + +GeditNotebook.notebook header.top tab:active, +ScratchMainWindow .notebook header.top tab:active, +EphyNotebook.notebook header.top tab:active, +MidoriNotebook .notebook header.top tab:active, +TerminalWindow .notebook header.top tab:active, +PantheonTerminalPantheonTerminalWindow .notebook header.top tab:active { + box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } + +TerminalWindow .notebook.header.top, +PantheonTerminalPantheonTerminalWindow .notebook.header.top { + box-shadow: inset 0 1px #262a33, inset 0 -1px #2b2e39; } + TerminalWindow .notebook.header.top tab, + PantheonTerminalPantheonTerminalWindow .notebook.header.top tab { + padding-top: 7px; + border-top-width: 3px; } + +GtkHTML { + background-color: #404552; + color: #D3DAE3; } + GtkHTML:active { + color: #ffffff; + background-color: #5294E2; } + +SushiFontWidget { + padding: 6px 12px; } + +TerminalWindow .background { + background-color: transparent; } + +TerminalWindow scrollbar.vertical slider { + margin-left: 3px; } + +TerminalWindow scrollbar trough { + border-width: 0; } + +TerminalWindow .notebook tab button { + color: #9da3ad; } + TerminalWindow .notebook tab button:hover { + color: #D3DAE3; + border-color: #2b2e39; + background-color: #444a58; } + +TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover { + color: #ff4d4d; } + +TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { + color: #5294E2; } + +.nautilus-canvas-item { + border-radius: 2px; } + +.nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item { + color: #ffffff; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } + .nautilus-desktop.nautilus-canvas-item:active, .nemo-desktop.nemo-canvas-item:active { + color: #D3DAE3; } + .nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected { + color: #ffffff; } + +.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, +popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, +.nautilus-list-dim-label { + color: #868b97; } + .nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, headerbar .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, label.nautilus-canvas-item.separator:selected:focus, headerbar .nautilus-canvas-item.subtitle:selected:focus, + .nautilus-list-dim-label:selected, + .nautilus-list-dim-label:selected:focus { + color: #dceaf9; } + +NautilusQueryEditor searchbar { + padding: 5px; + box-shadow: none; + background-color: #404552; } + +button.nautilus-circular-button.image-button { + border-radius: 50%; + -gtk-outline-radius: 50%; + padding: 8px; } + +.disk-space-display { + border-style: solid; + border-width: 1px; } + .disk-space-display.unknown { + background-color: rgba(211, 218, 227, 0.5); + border-color: rgba(180, 192, 207, 0.5); } + .disk-space-display.used { + background-color: rgba(82, 148, 226, 0.8); + border-color: rgba(38, 121, 219, 0.8); } + .disk-space-display.free { + background-color: #313541; + border-color: #1b1d24; } + +NautilusListView .view { + border-bottom: 1px solid #2b2e39; } + +NemoWindow EelEditableLabel { + transition: none; } + +NemoWindow .sidebar .frame { + border-width: 0; } + +NemoWindow separator.horizontal, NemoWindow .sidebar .view separator.horizontal, .sidebar .view NemoWindow separator.horizontal { + color: #2b2e39; } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button { + color: rgba(207, 218, 231, 0.8); + outline-color: rgba(207, 218, 231, 0.1); + border-color: rgba(21, 23, 28, 0.37); + background-color: rgba(95, 105, 127, 0.37); } + NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover { + background-color: rgba(134, 144, 165, 0.37); } + NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + background-color: #5294E2; } + NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled { + color: rgba(207, 218, 231, 0.4); } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):hover { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37), inset -1px 0 rgba(21, 23, 28, 0.37); } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { + box-shadow: inset -1px 0 rgba(21, 23, 28, 0.37); } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37); } + +.gedit-headerbar-paned { + color: rgba(38, 42, 51, 0.97); } + +.open-document-selector-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #404552; } + .open-document-selector-treeview.view:hover { + background-color: rgba(0, 0, 0, 0.05); } + .open-document-selector-treeview.view:hover:selected { + color: #ffffff; + background-color: #5294E2; } + +.open-document-selector-name-label { + color: #D3DAE3; } + +.open-document-selector-path-label { + color: #8a909b; + font-size: smaller; } + .open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); } + +.gedit-document-panel row button { + color: transparent; + background-image: none; + background-color: transparent; + border: none; + box-shadow: none; + padding: 4px; } + .gedit-document-panel row button image { + color: inherit; } + +.gedit-document-panel .prelight-row button { + color: #9da3ad; } + +.gedit-document-panel row button:hover, +.gedit-document-panel .prelight-row button:hover { + color: #ff4d4d; } + +.gedit-document-panel .prelight-row:selected button:hover { + color: #ff6666; + background-image: none; + background-color: transparent; + border: none; + box-shadow: none; } + .gedit-document-panel .prelight-row:selected button:hover:active { + color: #ffffff; } + +.gedit-document-panel .prelight-row button:active { + color: #D3DAE3; } + +.gedit-document-panel-dragged-row { + border: 1px solid #2b2e39; + background-color: #22242d; + color: #D3DAE3; } + +GeditStatusbar { + border-top: 1px solid #2b2e39; + background-color: #383C4A; } + +GeditStatusMenuButton.button.flat, +GeditStatusMenuButton:hover.button.flat, +GeditStatusMenuButton:checked.button.flat { + border-bottom-style: none; + border-radius: 0; } + +GeditFileBrowserWidget toolbar, GeditFileBrowserWidget .inline-toolbar { + border-bottom: 1px solid #2b2e39; } + +.gedit-search-entry-occurrences-tag { + color: rgba(211, 218, 227, 0.6); + border: none; + margin: 2px; + padding: 2px; } + +GeditViewFrame .gedit-search-slider { + background-color: #3c4150; + padding: 6px; + border-color: #2b2e39; + border-radius: 0 0 2px 2px; + border-width: 0 1px 1px 1px; + border-style: solid; } + +GbWorkbench .floating-bar { + color: #D3DAE3; } + +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr), +GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) { + padding: 0 10px; + color: rgba(207, 218, 231, 0.8); + caret-color: rgba(207, 218, 231, 0.8); + border-color: rgba(21, 23, 28, 0.37); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.37)); + background-color: transparent; } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr) image, GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr) image:hover, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) image, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) image:hover { + color: inherit; } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):hover, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):hover { + color: #ffffff; + caret-color: #ffffff; + border-color: transparent; + background-image: linear-gradient(to bottom, #5294E2); } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):active, GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):checked, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):active, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):checked { + color: #ffffff; + caret-color: #ffffff; + border-color: transparent; + background-image: linear-gradient(to bottom, #5294E2); } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):disabled, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):disabled { + color: rgba(207, 218, 231, 0.35); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.22)); } + +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr), +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):hover, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):active, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):checked { + border-left-style: none; + border-radius: 0 3px 3px 0; + -gtk-outline-radius: 0 1px 1px 0; } + +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl), +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):hover, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):active, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):checked { + border-right-style: none; + border-radius: 3px 0 0 3px; + -gtk-outline-radius: 1px 0 0 1px; } + +GbPreferencesPageLanguage entry, GbPreferencesPageLanguage spinbutton { + border-radius: 3px 3px 0 0; } + +GbPreferencesPageLanguage .frame { + border-top-width: 0; } + +GbEditorTweakWidget .linked.vertical > entry, GbEditorTweakWidget .linked.vertical > spinbutton { + border-bottom-style: solid; } + +GbEditorTweakWidget scrolledwindow, GbEditorTweakWidget placessidebar { + border-top: none; } + +GbViewStack box.header.notebook { + border-bottom: 1px solid #2b2e39; } + +GbViewStack.focused box.header.notebook, +#project_sidebar_header.focused { + background-color: #404552; } + +GbEditorWorkspace > paned > box > box.header.notebook { + border-bottom: 1px solid #2b2e39; } + +GbNewProjectDialog button.file.linked-on-right button { + border-radius: 3px 0 0 3px; } + +GbWorkspacePane box.header.notebook { + border-bottom: 1px solid #2b2e39; } + +GbWorkspacePane:not(.focused) box.header.notebook { + background-color: #383C4A; } + +DhSidebar entry.search, DhSidebar spinbutton.search, +SymbolTree entry.search, +SymbolTree spinbutton.search { + border-left: none; + border-right: none; + border-top: none; + border-radius: 0px; } + +entry.gb-command-bar-entry.flat, spinbutton.gb-command-bar-entry.flat, +entry.gb-command-bar-entry.flat:focus, +spinbutton.gb-command-bar-entry.flat:focus { + font-family: Monospace; + color: #BAC3CF; + background-image: none; + background-color: #353945; + padding: 6px 6px 6px 6px; + border: none; } + +GbTerminalView { + background-color: #404552; + color: #D3DAE3; } + +GbSourceStyleSchemeWidget GtkSourceView { + font-family: Monospace; } + +scrolledwindow.gb-linked-scroller, placessidebar.gb-linked-scroller { + border-top: none; } + +GbSearchDisplayGroup list row +GbDocumentStack button { + transition: none; } + +GbViewStack box.header.notebook, +GbEditorWorkspace > paned > box > box.header.notebook { + border-bottom: 1px solid #2b2e39; } + +GbViewStack.focused box.header.notebook { + background-color: #404552; } + GbViewStack.focused box.header.notebook button.dim-label, GbViewStack.focused box.header.notebook headerbar button.subtitle, headerbar GbViewStack.focused box.header.notebook button.subtitle { + opacity: 1; } + +EphyWindow .floating-bar { + color: #D3DAE3; } + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; } + +.documents-icon-bg { + background-color: #5294E2; + color: #ffffff; + border-radius: 2px; } + +.documents-collection-icon { + background-color: rgba(211, 218, 227, 0.3); + border-radius: 2px; } + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #a9caf1; } + +.documents-entry-tag { + background-color: #5294E2; + color: #ffffff; + border-radius: 2px; + border-width: 0; + margin: 2px; + padding: 4px; } + .documents-entry-tag:hover { + color: #ffffff; + background-color: #639fe5; } + .documents-entry-tag:active { + color: #ffffff; + background-color: #4189df; } + toolbar .linked .documents-entry-tag button, .inline-toolbar .linked .documents-entry-tag button { + background: none; + border: none; + box-shadow: none; + -gtk-icon-shadow: none; } + toolbar .linked .documents-entry-tag button:hover, .inline-toolbar .linked .documents-entry-tag button:hover { + color: rgba(255, 255, 255, 0.7); } + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } + +TotemGrilo.vertical GdMainView.frame { + border-width: 0; } + +SynapseGuiSelectionContainer *:selected, +SynapseGuiViewVirgilio *:selected { + background-color: #5294E2; } + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; } + +.gnome-panel-menu-bar, +PanelApplet > menubar, +PanelToplevel, +PanelWidget, +PanelAppletFrame, +PanelApplet { + color: #BAC3CF; + background-image: linear-gradient(to bottom, rgba(43, 46, 55, 0.95)); } + +PanelApplet button, PanelApplet button:backdrop { + padding: 4px; + border: 2px solid transparent; + border-radius: 0; + background-image: none; + background-color: transparent; + color: #BAC3CF; } + +PanelApplet button:hover { + color: #d8dde4; + background-color: rgba(0, 0, 0, 0.17); + border-color: rgba(0, 0, 0, 0.17); } + +PanelApplet button:active, PanelApplet button:active:backdrop, +PanelApplet button:checked, PanelApplet button:checked:backdrop { + background-clip: padding-box; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.25); + border-radius: 0; + border-color: rgba(0, 0, 0, 0.25); + box-shadow: inset 0 -2px #5294E2; } + +PanelApplet:hover { + color: #ffffff; } + +PanelApplet:active, +PanelApplet:hover:active { + color: #5294E2; } + +WnckPager { + color: #5d6268; } + WnckPager:selected { + color: #5294E2; } + +NaTrayApplet { + -NaTrayApplet-icon-padding: 12; + -NaTrayApplet-icon-size: 16; } + +ClockBox { + color: #BAC3CF; } + +.xfce4-panel.panel { + background-color: rgba(43, 46, 55, 0.95); } + .xfce4-panel.panel button.flat, .xfce4-panel.panel button.sidebar-button { + color: #BAC3CF; + background-color: rgba(43, 46, 55, 0); + border-radius: 0; } + .xfce4-panel.panel button.flat:hover, .xfce4-panel.panel button.sidebar-button:hover { + border: none; + background-color: rgba(65, 70, 84, 0.95); } + .xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.sidebar-button:active, .xfce4-panel.panel button.flat:checked, .xfce4-panel.panel button.sidebar-button:checked { + color: #5294E2; + border: none; + background-color: rgba(27, 29, 35, 0.95); } + +.floating-bar { + background-color: #5294E2; + color: #ffffff; } + .floating-bar.top { + border-radius: 0 0 2px 2px; } + .floating-bar.right { + border-radius: 2px 0 0 2px; } + .floating-bar.bottom { + border-radius: 2px 2px 0 0; } + .floating-bar.left { + border-radius: 0 2px 2px 0; } + .floating-bar button { + background-color: transparent; + box-shadow: none; + border: none; } + +BirdieWidgetsTweetList * { + background-image: none; + background-color: transparent; } + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: #ffffff; + background-color: #5294E2; + outline-color: transparent; } + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; } + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; } + +.marlin-pathbar.pathbar { + border-radius: 3px; + padding-left: 4px; + padding-right: 4px; + color: rgba(207, 218, 231, 0.8); + caret-color: rgba(207, 218, 231, 0.8); + border-color: rgba(21, 23, 28, 0.37); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.37)); + background-color: transparent; } + .marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; } + .marlin-pathbar.pathbar:focus { + color: #ffffff; + caret-color: #ffffff; + border-color: transparent; + background-image: linear-gradient(to bottom, #5294E2); } + .marlin-pathbar.pathbar:disabled { + color: rgba(207, 218, 231, 0.35); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.22)); } + .marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { + color: #5294E2; } + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.35); + border-radius: 3px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, white); + background-color: transparent; } + .gala-notification .title, .gala-notification .label { + color: #5c616c; } + +.panel { + background-color: transparent; + color: white; + font-weight: bold; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } + .panel-shadow { + background-image: none; + background-color: transparent; } + .panel .menu { + box-shadow: none; } + .panel .menu .menuitem { + font-weight: normal; + text-shadow: none; + -gtk-icon-shadow: none; } + .panel .menu .window-frame.menu.csd, + .panel .menu .window-frame.popup.csd { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } + .panel .menubar > .menuitem { + padding: 3px 6px; } + .panel .menubar > .menuitem:hover { + background-color: transparent; } + .panel .window-frame.menu.csd, + .panel .window-frame.popup.csd { + box-shadow: none; } + +.composited-indicator { + background-color: transparent; + color: white; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } + .composited-indicator > GtkWidget > GtkWidget:first-child { + padding: 0 2px; } + .composited-indicator .menuitem:active, .composited-indicator .menuitem:hover { + border-style: none; + background-image: none; + box-shadow: none; } + .composited-indicator > .popup > .menu { + padding-top: 8px; + padding-bottom: 8px; } + +.panel-app-button > GtkWidget > GtkWidget:first-child { + padding: 0 2px 0 4px; } + +.panel .menu .spinner, +.menu .spinner { + opacity: 1; } + +WingpanelWidgetsIndicatorPopover.popover { + padding: 0; + text-shadow: none; + -gtk-icon-shadow: none; } + WingpanelWidgetsIndicatorPopover.popover menuitem { + padding: 5px; + outline-color: transparent; + text-shadow: none; + -gtk-icon-shadow: none; + border: solid transparent; + border-width: 1px 0; } + WingpanelWidgetsIndicatorPopover.popover menuitem label, WingpanelWidgetsIndicatorPopover.popover menuitem image { + padding: 0 3px; } + WingpanelWidgetsIndicatorPopover.popover menuitem:hover, WingpanelWidgetsIndicatorPopover.popover menuitem:active { + background-color: rgba(255, 255, 255, 0.05); + border: solid rgba(255, 255, 255, 0.07); + border-width: 1px 0; } + WingpanelWidgetsIndicatorPopover.popover menuitem *:disabled { + color: rgba(211, 218, 227, 0.45); } + +PantheonTerminalPantheonTerminalWindow.background { + background-color: transparent; } + +SwitchboardCategoryView .view:selected, +SwitchboardCategoryView .view:selected:focus { + color: #D3DAE3; } + +UnityDecoration { + -UnityDecoration-extents: 28px 1 1 1; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 3px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.2); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.07); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #5294E2; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; } + UnityDecoration.top { + border: 1px solid rgba(32, 35, 43, 0.97); + border-bottom-width: 0; + border-radius: 4px 4px 0 0; + padding: 1px 6px 0 6px; + background-image: linear-gradient(to bottom, #2f343f); + color: rgba(207, 218, 231, 0.8); + box-shadow: inset 0 1px rgba(54, 59, 72, 0.97); } + UnityDecoration.top:backdrop { + border-bottom-width: 0; + color: rgba(207, 218, 231, 0.5); } + UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { + background-image: linear-gradient(to bottom, rgba(32, 35, 43, 0.97)); } + +UnityPanelWidget, +.unity-panel { + background-image: linear-gradient(to bottom, #2b2e37); + color: #f6f7f9; + box-shadow: none; } + UnityPanelWidget:backdrop, + .unity-panel:backdrop { + color: #bdc6d1; } + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: #ffffff; + background-image: linear-gradient(to bottom, #5294E2); + border-bottom: none; } + +.overlay-bar { + background-color: #5294E2; + border-color: #5294E2; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; } + .overlay-bar label { + color: #ffffff; } + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid #2b2e39; + border-right: 1px solid #2b2e39; } + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; } + +.help_button { + border-radius: 100px; + padding: 3px 9px; } + +toolbar.secondary-toolbar, .secondary-toolbar.inline-toolbar { + padding: 3px; + border-bottom: 1px solid #2b2e39; } + toolbar.secondary-toolbar button, .secondary-toolbar.inline-toolbar button { + padding: 0 3px 0 3px; } + +toolbar.bottom-toolbar, .bottom-toolbar.inline-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: #2b2e39; + background-color: #383C4A; } + toolbar.bottom-toolbar button, .bottom-toolbar.inline-toolbar button { + padding: 2px 3px 2px 3px; } + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; } + +.source-list, +.source-list.view { + background-color: #383C4A; + color: #D3DAE3; + -gtk-icon-style: regular; } + +.source-list.category-expander { + color: transparent; } + +.source-list.view:hover { + background-color: #434859; } + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: #ffffff; + background-color: #5294E2; } + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #383C4A; + background-image: none; } + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #5294E2; + color: #ffffff; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; } + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: #ffffff; + color: #5294E2; } + +.source-list.category-expander { + color: #D3DAE3; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; } + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; } + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +GraniteWidgetsWelcome { + background-color: #404552; } + +GraniteWidgetsWelcome label { + color: #868b97; + font: open sans 11; + text-shadow: none; } + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(211, 218, 227, 0.8); } + +.help_button { + border-radius: 0; } + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; } + +.popover_bg { + background-image: linear-gradient(to bottom, #404552); + border: 1px solid rgba(0, 0, 0, 0.3); } + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; } + +GraniteWidgetsXsEntry entry, GraniteWidgetsXsEntry spinbutton { + padding: 4px; } + +.h1 { + font: open sans 24px; } + +.h2 { + font: open sans light 18px; } + +.h3 { + font: open sans 11px; } + +.h4, +.category-label { + color: #a5abb5; + font-weight: 600; } + +.h4 { + padding-bottom: 6px; + padding-top: 6px; } + +GtkListBox .h4 { + padding-left: 6px; } + +#panel_window { + background-color: rgba(43, 46, 55, 0.95); + color: #BAC3CF; + font: bold; + box-shadow: inset 0 -1px rgba(27, 29, 35, 0.95); } + #panel_window .menubar, + #panel_window .menubar > .menuitem { + background-color: transparent; + color: #BAC3CF; + font: bold; } + #panel_window .menubar .menuitem:disabled { + color: rgba(186, 195, 207, 0.5); } + #panel_window .menubar .menuitem:disabled label { + color: inherit; } + #panel_window .menubar .menu .menuitem { + font: normal; } + +#login_window, +#shutdown_dialog, +#restart_dialog { + font: normal; + border-style: none; + background-color: transparent; + color: #D3DAE3; } + +#content_frame { + padding-bottom: 14px; + background-color: #383C4A; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; } + +#content_frame button { + color: #D3DAE3; + outline-color: rgba(211, 218, 227, 0.3); + border-color: #2b2e39; + background-color: #444a58; } + #content_frame button:hover { + color: #D3DAE3; + outline-color: rgba(211, 218, 227, 0.3); + border-color: #2b2e39; + background-color: #505666; } + #content_frame button:active, #content_frame button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #2b2e39; + background-color: #5294E2; } + #content_frame button:disabled { + color: rgba(211, 218, 227, 0.45); + border-color: rgba(43, 46, 57, 0.55); + background-color: rgba(68, 74, 88, 0.55); } + #content_frame button:disabled > label { + color: inherit; } + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: rgba(47, 52, 63, 0.97); + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px rgba(38, 42, 51, 0.97); } + +#buttonbox_frame button { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.35); } + #buttonbox_frame button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + #buttonbox_frame button:active, #buttonbox_frame button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: #5294E2; } + #buttonbox_frame button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); } + +#login_window #user_combobox { + color: #D3DAE3; + font: 13px; } + #login_window #user_combobox .menu { + font: normal; } + +#user_image { + padding: 3px; + border-radius: 2px; } + +#shutdown_button.button { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #F04A50; + border-color: #F04A50; } + #shutdown_button.button:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #f4797e; + border-color: #f4797e; } + #shutdown_button.button:active, #shutdown_button.button:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ec1b22; + border-color: #ec1b22; } + +#restart_button.button { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #4DADD4; + border-color: #4DADD4; } + #restart_button.button:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #76c0de; + border-color: #76c0de; } + #restart_button.button:active, #restart_button.button:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #2e96c0; + border-color: #2e96c0; } + +#greeter_infobar { + border-bottom-width: 0; + font: bold; } + +.titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator { + color: rgba(38, 42, 51, 0.97); } + +NemoWindow GtkEventBox { + background-color: #383C4A; } + +GtkFileChooserDialog .sidebar, +NautilusWindow .sidebar, +NemoWindow .sidebar { + border-right: 1px solid rgba(42, 45, 55, 0.95); } + +GtkFileChooserDialog .sidebar:dir(rtl), +NautilusWindow .sidebar:dir(rtl), +NemoWindow .sidebar:dir(rtl) { + border-left: 1px solid rgba(42, 45, 55, 0.95); } + +GtkFileChooserDialog.csd.background, GtkFileChooserDialog placessidebar list, +NautilusWindow.csd.background, +NautilusWindow placessidebar list { + background-color: transparent; } + +GtkFileChooserDialog placessidebar.sidebar, +NautilusWindow placessidebar.sidebar { + background-color: rgba(53, 57, 69, 0.95); } + GtkFileChooserDialog placessidebar.sidebar row.sidebar-placeholder-row, + NautilusWindow placessidebar.sidebar row.sidebar-placeholder-row { + border: 1px solid #5294E2; } + GtkFileChooserDialog placessidebar.sidebar row.sidebar-new-bookmark-row, + NautilusWindow placessidebar.sidebar row.sidebar-new-bookmark-row { + background-color: rgba(75, 81, 98, 0.95); } + GtkFileChooserDialog placessidebar.sidebar row.activatable, + NautilusWindow placessidebar.sidebar row.activatable { + border: none; + color: #BAC3CF; } + GtkFileChooserDialog placessidebar.sidebar row.activatable .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable .sidebar-icon { + color: rgba(186, 195, 207, 0.6); } + GtkFileChooserDialog placessidebar.sidebar row.activatable:hover, + NautilusWindow placessidebar.sidebar row.activatable:hover { + background-color: rgba(186, 195, 207, 0.15); } + GtkFileChooserDialog placessidebar.sidebar row.activatable:selected .sidebar-icon, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, GtkFileChooserDialog placessidebar.sidebar row.activatable:active:hover .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable:selected .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable:active:hover .sidebar-icon { + color: inherit; } + GtkFileChooserDialog placessidebar.sidebar separator, GtkFileChooserDialog placessidebar.sidebar .view separator, + NautilusWindow placessidebar.sidebar separator, + NautilusWindow placessidebar.sidebar .view separator { + color: transparent; } + +GtkFileChooserDialog.maximized placessidebar.sidebar, +NautilusWindow.maximized placessidebar.sidebar { + background-color: #353945; } + +GtkFileChooserDialog .sidebar-button.button, +NautilusWindow .sidebar-button.button { + color: #BAC3CF; } + GtkFileChooserDialog .sidebar-button.button:hover, + NautilusWindow .sidebar-button.button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + GtkFileChooserDialog .sidebar-button.button:active, + NautilusWindow .sidebar-button.button:active { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: #5294E2; } + GtkFileChooserDialog .sidebar-button.button:not(:hover):not(:active) > image, + NautilusWindow .sidebar-button.button:not(:hover):not(:active) > image { + opacity: 0.5; } + +NemoWindow.csd.background, +NemoWindow .source-list, NemoWindow .source-list.view, NemoWindow .source-list.view:hover, +MarlinViewWindow.csd.background, +MarlinViewWindow .source-list, +MarlinViewWindow .source-list.view, +MarlinViewWindow .source-list.view:hover { + background-color: transparent; } + +NemoWindow .sidebar, NemoWindow .source-list.sidebar.view, +MarlinViewWindow .sidebar, +MarlinViewWindow .source-list.sidebar.view { + background-color: rgba(53, 57, 69, 0.95); } + NemoWindow .sidebar .view, NemoWindow .sidebar row, NemoWindow .source-list.sidebar.view .view, NemoWindow .source-list.sidebar.view row, + MarlinViewWindow .sidebar .view, + MarlinViewWindow .sidebar row, + MarlinViewWindow .source-list.sidebar.view .view, + MarlinViewWindow .source-list.sidebar.view row { + background-color: transparent; + color: #BAC3CF; } + NemoWindow .sidebar .view.cell:selected, NemoWindow .sidebar row.cell:selected, NemoWindow .source-list.sidebar.view .view.cell:selected, NemoWindow .source-list.sidebar.view row.cell:selected, + MarlinViewWindow .sidebar .view.cell:selected, + MarlinViewWindow .sidebar row.cell:selected, + MarlinViewWindow .source-list.sidebar.view .view.cell:selected, + MarlinViewWindow .source-list.sidebar.view row.cell:selected { + background-color: #5294E2; + color: #ffffff; } + NemoWindow .sidebar.frame, NemoWindow .source-list.sidebar.view.frame, + MarlinViewWindow .sidebar.frame, + MarlinViewWindow .source-list.sidebar.view.frame { + color: #BAC3CF; } + NemoWindow .sidebar separator, NemoWindow .sidebar .view separator, NemoWindow .source-list.sidebar.view separator, + MarlinViewWindow .sidebar separator, + MarlinViewWindow .sidebar separator, + MarlinViewWindow .sidebar .view separator, + MarlinViewWindow .source-list.sidebar.view separator { + color: transparent; } + +NemoWindow.maximized .sidebar, +MarlinViewWindow.maximized .sidebar { + background-color: #353945; } + +NemoWindow.background > GtkGrid > paned > separator, .sidebar NemoWindow.background > GtkGrid > paned > separator, .sidebar .view NemoWindow.background > GtkGrid > paned > separator, +MarlinViewWindow.background > GtkBox > paned > separator, .sidebar +MarlinViewWindow.background > GtkBox > paned > separator, .sidebar .view +MarlinViewWindow.background > GtkBox > paned > separator { + background-color: rgba(42, 45, 55, 0.95); } + +NautilusWindow NautilusWindowSlot { + background-color: #404552; } + +NautilusDesktopWindow NautilusWindowSlot { + background-color: transparent; } + +GtkFileChooserDialog.background.csd, GtkFileChooserDialog.background { + background-color: rgba(53, 57, 69, 0.95); } + +GtkFileChooserDialog scrolledwindow.sidebar, GtkFileChooserDialog placessidebar.sidebar { + background-color: transparent; } + +GtkFileChooserDialog paned > .vertical > .horizontal { + background-color: #383C4A; } + +GtkFileChooserDialog .dialog-action-box { + background-color: #383C4A; } + +GtkFileChooserDialog .dialog-vbox > .frame { + color: #BAC3CF; + border-color: transparent; } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame { + background-color: transparent; + border-color: rgba(20, 21, 26, 0.95); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame label, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame combobox, +GtkFileChooserDialog .dialog-vbox > .frame label, +GtkFileChooserDialog .dialog-vbox > .frame combobox { + color: #BAC3CF; } + +FeedReaderreaderUI.background.csd > .titlebar .pane-separator, +FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator, +FeedReaderreaderUI.background.csd > .titlebar .pane-separator:backdrop, +FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator:backdrop, +GeditWindow.background.csd > .titlebar .pane-separator, +GeditWindow.background.csd.maximized > .titlebar .pane-separator, +GeditWindow.background.csd > .titlebar .pane-separator:backdrop, +GeditWindow.background.csd.maximized > .titlebar .pane-separator:backdrop { + background-color: rgba(38, 42, 51, 0.97); } + +FeedReaderreaderUI.background.csd > .titlebar > headerbar.titlebar, +GeditWindow.background.csd > .titlebar > headerbar.titlebar { + background-color: rgba(47, 52, 63, 0.97); } + FeedReaderreaderUI.background.csd > .titlebar > headerbar.titlebar:backdrop, + GeditWindow.background.csd > .titlebar > headerbar.titlebar:backdrop { + background-color: rgba(50, 56, 67, 0.97); } + +FeedReaderreaderUI.background.csd.maximized > .titlebar > headerbar.titlebar, +GeditWindow.background.csd.maximized > .titlebar > headerbar.titlebar { + background-color: #2f343f; } + FeedReaderreaderUI.background.csd.maximized > .titlebar > headerbar.titlebar:backdrop, + GeditWindow.background.csd.maximized > .titlebar > headerbar.titlebar:backdrop { + background-color: #323843; } + +FeedReaderreaderUI.background.csd > FeedReaderreaderHeaderbar.titlebar, +GeditWindow.background.csd > .titlebar { + background-color: transparent; } + +GeditWindow.background.csd { + background-color: transparent; } + +GeditWindow.background .gedit-side-panel-paned .pane-separator { + background-color: rgba(42, 45, 55, 0.95); } + +GeditWindow.background .gedit-bottom-panel-paned .pane-separator { + background-color: #2b2e39; } + +.gedit-bottom-panel-paned { + background-color: #404552; } + +.gedit-document-panel { + background-color: rgba(53, 57, 69, 0.95); } + .maximized .gedit-document-panel { + background-color: #353945; } + .gedit-document-panel row { + color: #BAC3CF; } + .gedit-document-panel row { + background-color: rgba(186, 195, 207, 0); + border: solid rgba(186, 195, 207, 0); + border-width: 3px 2px 3px 2px; } + .gedit-document-panel row:hover { + border: solid rgba(186, 195, 207, 0.15); + border-width: 3px 2px 3px 2px; + background-color: rgba(186, 195, 207, 0.15); } + .gedit-document-panel row:active { + color: #ffffff; + background-color: #5294E2; + border: solid #5294E2; + border-width: 3px 2px 3px 2px; } + .gedit-document-panel row:active button { + color: #ffffff; } + .gedit-document-panel row:selected, .gedit-document-panel row:selected:hover { + color: #ffffff; + background-color: #5294E2; + border: solid #5294E2; + border-width: 3px 2px 3px 2px; } + .gedit-document-panel .prelight-row button:active { + color: #BAC3CF; } + +GeditFileBrowserWidget { + background-color: rgba(53, 57, 69, 0.95); } + .maximized GeditFileBrowserWidget { + background-color: #353945; } + GeditFileBrowserWidget .horizontal { + background-color: transparent; + border-color: rgba(37, 40, 49, 0.95); } + GeditFileBrowserWidget .horizontal combobox { + color: #BAC3CF; } + +GeditWindow.background.csd GeditFileBrowserView.view { + background-color: transparent; + color: #BAC3CF; } + GeditWindow.background.csd GeditFileBrowserView.view.expander { + color: #BAC3CF; } + GeditWindow.background.csd GeditFileBrowserView.view.expander:hover { + color: #5294E2; } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button, +GtkFileChooserDialog .dialog-vbox > .frame button, GeditFileBrowserWidget .horizontal button { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.35); } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:hover, + GtkFileChooserDialog .dialog-vbox > .frame button:hover, GeditFileBrowserWidget .horizontal button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:active, + GtkFileChooserDialog .dialog-vbox > .frame button:active, GeditFileBrowserWidget .horizontal button:active, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:checked, + GtkFileChooserDialog .dialog-vbox > .frame button:checked, GeditFileBrowserWidget .horizontal button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: #5294E2; } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:disabled, + GtkFileChooserDialog .dialog-vbox > .frame button:disabled, GeditFileBrowserWidget .horizontal button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton, +GtkFileChooserDialog .dialog-vbox > .frame entry, +GtkFileChooserDialog .dialog-vbox > .frame spinbutton { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.35); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.35)); + background-color: transparent; } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry image, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton image, + GtkFileChooserDialog .dialog-vbox > .frame entry image, + GtkFileChooserDialog .dialog-vbox > .frame spinbutton image, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry image:hover, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton image:hover, + GtkFileChooserDialog .dialog-vbox > .frame entry image:hover, + GtkFileChooserDialog .dialog-vbox > .frame spinbutton image:hover { + color: inherit; } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry:focus, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton:focus, + GtkFileChooserDialog .dialog-vbox > .frame entry:focus, + GtkFileChooserDialog .dialog-vbox > .frame spinbutton:focus { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.35); + background-image: linear-gradient(to bottom, #5294E2); } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry:disabled, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton:disabled, + GtkFileChooserDialog .dialog-vbox > .frame entry:disabled, + GtkFileChooserDialog .dialog-vbox > .frame spinbutton:disabled { + color: rgba(186, 195, 207, 0.55); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.2)); } + +GtkFileChooserDialog placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, +NautilusWindow placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, NemoWindow .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, +MarlinViewWindow .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, GeditFileBrowserWidget scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: #e7eaee; + border: 1px solid rgba(0, 0, 0, 0.3); } + +GtkFileChooserDialog placessidebar.sidebar scrollbar slider, +NautilusWindow placessidebar.sidebar scrollbar slider, NemoWindow .sidebar scrollbar slider, NemoWindow .source-list.sidebar.view scrollbar slider, +MarlinViewWindow .sidebar scrollbar slider, +MarlinViewWindow .source-list.sidebar.view scrollbar slider, GeditFileBrowserWidget scrollbar slider { + background-color: rgba(231, 234, 238, 0.7); } + GtkFileChooserDialog placessidebar.sidebar scrollbar slider:hover, + NautilusWindow placessidebar.sidebar scrollbar slider:hover, NemoWindow .sidebar scrollbar slider:hover, NemoWindow .source-list.sidebar.view scrollbar slider:hover, + MarlinViewWindow .sidebar scrollbar slider:hover, + MarlinViewWindow .source-list.sidebar.view scrollbar slider:hover, GeditFileBrowserWidget scrollbar slider:hover { + background-color: #f6f7f9; } + GtkFileChooserDialog placessidebar.sidebar scrollbar slider:hover:active, + NautilusWindow placessidebar.sidebar scrollbar slider:hover:active, NemoWindow .sidebar scrollbar slider:hover:active, + MarlinViewWindow .sidebar scrollbar slider:hover:active, GeditFileBrowserWidget scrollbar slider:hover:active { + background-color: #5294E2; } + GtkFileChooserDialog placessidebar.sidebar scrollbar slider:disabled, + NautilusWindow placessidebar.sidebar scrollbar slider:disabled, NemoWindow .sidebar scrollbar slider:disabled, NemoWindow .source-list.sidebar.view scrollbar slider:disabled, + MarlinViewWindow .sidebar scrollbar slider:disabled, + MarlinViewWindow .source-list.sidebar.view scrollbar slider:disabled, GeditFileBrowserWidget scrollbar slider:disabled { + background-color: transparent; } + +GtkFileChooserDialog placessidebar.sidebar scrollbar trough, +NautilusWindow placessidebar.sidebar scrollbar trough, NemoWindow .sidebar scrollbar trough, NemoWindow .source-list.sidebar.view scrollbar trough, +MarlinViewWindow .sidebar scrollbar trough, +MarlinViewWindow .source-list.sidebar.view scrollbar trough, GeditFileBrowserWidget scrollbar trough { + background-color: rgba(0, 0, 0, 0.2); + border: none; } + +@define-color theme_fg_color #D3DAE3; +@define-color theme_text_color #D3DAE3; +@define-color theme_bg_color #383C4A; +@define-color theme_base_color #404552; +@define-color theme_selected_bg_color #5294E2; +@define-color theme_selected_fg_color #ffffff; +@define-color fg_color #D3DAE3; +@define-color text_color #D3DAE3; +@define-color bg_color #383C4A; +@define-color base_color #404552; +@define-color selected_bg_color #5294E2; +@define-color selected_fg_color #ffffff; +@define-color insensitive_bg_color #3c4150; +@define-color insensitive_fg_color alpha(#d3dae3,0.5); +@define-color insensitive_base_color #404552; +@define-color theme_unfocused_fg_color #D3DAE3; +@define-color theme_unfocused_text_color #D3DAE3; +@define-color theme_unfocused_bg_color #383C4A; +@define-color theme_unfocused_base_color #404552; +@define-color borders #2b2e39; +@define-color unfocused_borders #2b2e39; +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #73d216; +@define-color placeholder_text_color #A8A8A8; +@define-color content_view_bg #404552; +@define-color wm_title alpha(#cfdae7,0.8); +@define-color wm_unfocused_title alpha(#cfdae7,0.5); +@define-color wm_bg #2f343f; +@define-color wm_bg_unfocused #323843; +@define-color wm_highlight #363b48; +@define-color wm_shadow alpha(black,0.35); +@define-color wm_button_close_bg #cc575d; +@define-color wm_button_close_hover_bg #d7787d; +@define-color wm_button_close_active_bg #be3841; +@define-color wm_icon_close_bg #2f343f; +@define-color wm_button_hover_bg #454C5C; +@define-color wm_button_active_bg #5294E2; +@define-color wm_button_hover_border #262932; +@define-color wm_icon_bg #90939B; +@define-color wm_icon_unfocused_bg #666A74; +@define-color wm_icon_hover_bg #C4C7CC; +@define-color wm_icon_active_bg #ffffff; diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css new file mode 100644 index 0000000..c358c44 --- /dev/null +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -0,0 +1,4203 @@ +* { + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkTreeView-expander-size: 11; + -GtkTreeView-horizontal-separator: 4; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: rgba(92, 97, 108, 0.3); + outline-style: dashed; + outline-offset: -3px; + outline-width: 1px; + -gtk-outline-radius: 2px; } + +.background { + color: #5c616c; + background-color: rgba(245, 246, 247, 0.999); } + +*:disabled { + -gtk-icon-effect: dim; } + +.gtkstyle-fallback { + background-color: #F5F6F7; + color: #5c616c; } + .gtkstyle-fallback:hover { + background-color: white; + color: #5c616c; } + .gtkstyle-fallback:active { + background-color: #d9dde0; + color: #5c616c; } + .gtkstyle-fallback:disabled { + background-color: #fbfbfc; + color: rgba(92, 97, 108, 0.55); } + .gtkstyle-fallback:selected { + background-color: #5294E2; + color: #ffffff; } + +.view, +textview text { + color: #5c616c; + background-color: #ffffff; } + .view.dim-label, label.view.separator, + popover.background label.view.separator, headerbar .view.subtitle, + textview text.dim-label, + textview headerbar text.subtitle, headerbar + textview text.subtitle { + color: rgba(92, 97, 108, 0.55); } + .view.dim-label selection, label.view.separator selection, headerbar .view.subtitle selection, .view.dim-label selection:focus, label.view.separator selection:focus, headerbar .view.subtitle selection:focus, + textview text.dim-label selection, + textview headerbar text.subtitle selection, headerbar + textview text.subtitle selection, + textview text.dim-label selection:focus, + textview headerbar text.subtitle selection:focus, headerbar + textview text.subtitle selection:focus { + color: rgba(255, 255, 255, 0.65); + text-shadow: none; } + +iconview { + color: #5c616c; + background-color: #ffffff; } + iconview:selected, iconview:selected:focus { + border-radius: 3px; } + +rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, +.rubberband { + border: 1px solid #2679db; + background-color: rgba(38, 121, 219, 0.2); } + +flowbox flowboxchild { + padding: 3px; + border-radius: 2px; } + flowbox flowboxchild:selected { + outline-offset: -2px; } + +label.separator, popover label.separator, +popover.background label.separator { + color: #5c616c; } + +label:disabled { + color: rgba(92, 97, 108, 0.55); } + +.dim-label, label.separator, popover label.separator, +popover.background label.separator, headerbar .subtitle { + opacity: 0.55; } + +assistant .sidebar { + background-color: #ffffff; + border-top: 1px solid #dcdfe3; } + assistant .sidebar:dir(ltr) { + border-right: 1px solid #dcdfe3; } + assistant .sidebar:dir(rtl) { + border-left: 1px solid #dcdfe3; } + +assistant.csd .sidebar { + border-top-style: none; } + +assistant .sidebar label { + padding: 6px 12px; } + +assistant .sidebar label.highlight { + background-color: #5294E2; + color: #ffffff; } + +textview { + background-color: #fafbfb; } + +popover.osd, popover.magnifier, +popover.background.osd, +popover.background.magnifier, .osd { + color: #BAC3CF; + border: none; + background-color: rgba(53, 57, 69, 0.95); + background-clip: padding-box; + outline-color: rgba(186, 195, 207, 0.3); + box-shadow: none; } + +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); } } + +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } + spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; } + spinner:checked:disabled { + opacity: 0.5; } + +entry, spinbutton { + min-height: 26px; + border: 1px solid; + padding-left: 8px; + padding-right: 8px; + border-radius: 3px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: #5c616c; + caret-color: #5c616c; + border-color: #cfd6e6; + background-color: #ffffff; + background-image: linear-gradient(to bottom, #ffffff); } + entry.search, spinbutton.search { + border-radius: 20px; } + entry image, spinbutton image { + color: #7d8189; } + entry image.left, spinbutton image.left { + padding-left: 0; + padding-right: 5px; } + entry image.right, spinbutton image.right { + padding-right: 0; + padding-left: 5px; } + entry.flat, spinbutton.flat, entry.flat:focus, spinbutton.flat:focus { + color: #5c616c; + caret-color: #5c616c; + border-color: #cfd6e6; + background-color: #ffffff; + background-image: linear-gradient(to bottom, #ffffff); + padding-left: 2px; + padding-right: 2px; + border: none; + border-radius: 0; } + entry:focus, spinbutton:focus { + background-clip: border-box; + color: #5c616c; + caret-color: #5c616c; + border-color: #5294E2; + background-color: #ffffff; + background-image: linear-gradient(to bottom, #ffffff); } + entry:disabled, spinbutton:disabled { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(255, 255, 255, 0.55); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.55)); } + entry selection, spinbutton selection, + entry selection:focus, spinbutton selection:focus { + background-color: #5294E2; + color: #ffffff; } + entry progress, spinbutton progress { + margin: 2px 12px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #5294E2; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; } + entry.warning, spinbutton.warning { + color: #ffffff; + border-color: #F27835; + background-image: linear-gradient(to bottom, #f7ae86); } + entry.warning:focus, spinbutton.warning:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, #F27835); + box-shadow: none; } + entry.warning selection, spinbutton.warning selection, entry.warning selection:focus, spinbutton.warning selection:focus { + background-color: #ffffff; + color: #F27835; } + entry.error, spinbutton.error { + color: #ffffff; + border-color: #FC4138; + background-image: linear-gradient(to bottom, #fd8d88); } + entry.error:focus, spinbutton.error:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, #FC4138); + box-shadow: none; } + entry.error selection, spinbutton.error selection, entry.error selection:focus, spinbutton.error selection:focus { + background-color: #ffffff; + color: #FC4138; } + .osd entry, .osd spinbutton { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.35); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.35)); + background-color: transparent; } + .osd entry image, .osd spinbutton image, .osd entry image:hover, .osd spinbutton image:hover { + color: inherit; } + .osd entry:focus, .osd spinbutton:focus { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.35); + background-image: linear-gradient(to bottom, #5294E2); } + .osd entry:disabled, .osd spinbutton:disabled { + color: rgba(186, 195, 207, 0.55); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.2)); } + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#5294E2), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); } } + +button { + min-height: 26px; + min-width: 20px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 3px; + padding: 0 6px; + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: #fbfbfc; } + button separator, button .sidebar separator, .sidebar button separator, button .sidebar .view separator, .sidebar .view button separator { + margin: 4px 1px; } + button.flat, button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + background-color: rgba(251, 251, 252, 0); + border-color: rgba(207, 214, 230, 0); + transition: none; } + button.flat:hover, button.sidebar-button:hover { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; } + button.flat:hover:active, button.sidebar-button:hover:active { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + button:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: white; + -gtk-icon-effect: highlight; } + button:active, button:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; + transition-duration: 50ms; } + button:active { + color: #5c616c; } + button:active:hover, button:checked { + color: #ffffff; } + button.flat:disabled, button.sidebar-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; } + button:disabled { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + button:disabled > label { + color: inherit; } + button:disabled:active, button:disabled:checked { + color: rgba(255, 255, 255, 0.8); + border-color: rgba(82, 148, 226, 0.75); + background-color: rgba(82, 148, 226, 0.75); + opacity: 0.6; } + button:disabled:active > label, button:disabled:checked > label { + color: inherit; } + button.osd { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + background-color: rgba(53, 57, 69, 0.95); + border-color: rgba(35, 38, 46, 0.95); } + button.osd.image-button { + min-height: 48px; + min-width: 48px; } + button.osd:hover { + color: #5294E2; } + button.osd:active, button.osd:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: #5294E2; } + button.osd:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); } + .osd button { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.35); } + .osd button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + .osd button:active, .osd button:checked { + background-clip: padding-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: #5294E2; } + .osd button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); } + .osd button.flat, .osd button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } + .osd button.flat:hover, .osd button.sidebar-button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + .osd button.flat:disabled, .osd button.sidebar-button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); + background-image: none; } + .osd button.flat:active, .osd button.sidebar-button:active, .osd button.flat:checked, .osd button.sidebar-button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: #5294E2; } + button.suggested-action { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #4DADD4; + border-color: #4DADD4; } + button.suggested-action.flat, button.suggested-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #4DADD4; + outline-color: rgba(77, 173, 212, 0.3); } + button.suggested-action:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #76c0de; + border-color: #76c0de; } + button.suggested-action:active, button.suggested-action:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #2e96c0; + border-color: #2e96c0; } + button.suggested-action.flat:disabled, button.suggested-action.sidebar-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(92, 97, 108, 0.55); } + button.suggested-action:disabled { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + button.suggested-action:disabled > label { + color: inherit; } + button.destructive-action { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #F04A50; + border-color: #F04A50; } + button.destructive-action.flat, button.destructive-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #F04A50; + outline-color: rgba(240, 74, 80, 0.3); } + button.destructive-action:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #f4797e; + border-color: #f4797e; } + button.destructive-action:active, button.destructive-action:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ec1b22; + border-color: #ec1b22; } + button.destructive-action.flat:disabled, button.destructive-action.sidebar-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(92, 97, 108, 0.55); } + button.destructive-action:disabled { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + button.destructive-action:disabled > label { + color: inherit; } + button.text-button { + padding-left: 16px; + padding-right: 16px; } + button.text-button.image-button label:first-child { + padding-left: 8px; } + button.text-button.image-button label:last-child { + padding-right: 8px; } + .stack-switcher > button { + outline-offset: -3px; } + .stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; } + .stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; + padding-top: 3px; + padding-bottom: 3px; } + .stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; } + .stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; } + .stack-switcher > button.needs-attention:active > label, + .stack-switcher > button.needs-attention:active > image, + .stack-switcher > button.needs-attention:checked > label, + .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; } + .stack-switcher > button.needs-attention > label, + .stack-switcher > button.needs-attention > image, button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 4px; } + .stack-switcher > button.needs-attention > label:dir(rtl), + .stack-switcher > button.needs-attention > image:dir(rtl), button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl) { + background-position: left 3px, left 4px; } + .inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 2px; + border-width: 1px; } + +.inline-toolbar toolbutton > button { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: #fbfbfc; } + .inline-toolbar toolbutton > button:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: white; } + .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + .inline-toolbar toolbutton > button:disabled { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + .inline-toolbar toolbutton > button:disabled > label { + color: inherit; } + .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); + border-color: rgba(82, 148, 226, 0.75); + background-color: rgba(82, 148, 226, 0.75); + opacity: 0.6; } + .inline-toolbar toolbutton > button:disabled:active > label, .inline-toolbar toolbutton > button:disabled:checked > label { + color: inherit; } + +.linked:not(.vertical):not(.pathbar) > entry + entry, .linked:not(.vertical):not(.pathbar) > spinbutton + entry, .linked:not(.vertical):not(.pathbar) > entry + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton { + border-left-color: rgba(207, 214, 230, 0.3); } + +.linked:not(.vertical):not(.pathbar) > entry.error + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry, .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton, +.linked:not(.vertical):not(.pathbar) > entry + entry.error, +.linked:not(.vertical):not(.pathbar) > spinbutton + entry.error, +.linked:not(.vertical):not(.pathbar) > entry + spinbutton.error, +.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error { + border-left-color: #FC4138; } + +.linked:not(.vertical):not(.pathbar) > entry.warning + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.warning + entry, .linked:not(.vertical):not(.pathbar) > entry.warning + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.warning + spinbutton, +.linked:not(.vertical):not(.pathbar) > entry + entry.warning, +.linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning, +.linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning, +.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning { + border-left-color: #F27835; } + +.linked:not(.vertical):not(.pathbar) > entry.error + entry.warning, .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry.warning, .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton.warning, .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton.warning { + border-left-color: #FC4138; } + +.linked:not(.vertical):not(.pathbar) > entry + entry:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:not(:last-child), +.linked:not(.vertical):not(.pathbar) > entry + entry:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:last-child, +.linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:last-child { + border-left-color: #5294E2; } + +.linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:not(:last-child), +.linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:last-child, +.linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:last-child { + border-left-color: #F27835; } + +.linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:not(:last-child), +.linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:last-child, +.linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:last-child { + border-left-color: #FC4138; } + +.linked:not(.vertical):not(.pathbar) > entry + button, .linked:not(.vertical):not(.pathbar) > spinbutton + button, +.linked:not(.vertical):not(.pathbar) > entry + button:hover, +.linked:not(.vertical):not(.pathbar) > spinbutton + button:hover, +.linked:not(.vertical):not(.pathbar) > entry + button:active, +.linked:not(.vertical):not(.pathbar) > spinbutton + button:active, +.linked:not(.vertical):not(.pathbar) > entry + button:checked, +.linked:not(.vertical):not(.pathbar) > spinbutton + button:checked, +.linked:not(.vertical):not(.pathbar) > entry + button:disabled, +.linked:not(.vertical):not(.pathbar) > spinbutton + button:disabled { + border-left-style: solid; } + +.linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + combobox > button.combo, +.linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + combobox > button.combo { + border-left-color: #5294E2; } + +.linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + combobox > button.combo, +.linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { + border-left-color: #F27835; } + +.linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + combobox > button.combo, +.linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + combobox > button.combo { + border-left-color: #FC4138; } + +.linked:not(.vertical):not(.pathbar) > button:hover:not(:checked):not(:active):not(:only-child), +.linked:not(.vertical):not(.pathbar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: -1px 0 #cfd6e6; } + +.linked:not(.vertical):not(.pathbar) > button:first-child:hover:not(:checked):not(:active) { + box-shadow: none; } + +.linked:not(.vertical):not(.pathbar) > button:checked + button:not(:checked):not(:active):hover { + box-shadow: none; } + +.linked:not(.vertical):not(.pathbar) > button:checked + entry, .linked:not(.vertical):not(.pathbar) > button:checked + spinbutton { + border-left-color: #5294E2; } + +.linked:not(.vertical):not(.pathbar) > entry + button:not(:checked):not(:active):hover, .linked:not(.vertical):not(.pathbar) > spinbutton + button:not(:checked):not(:active):hover { + box-shadow: none; } + +.linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover { + box-shadow: inset 1px 0 rgba(207, 214, 230, 0.4), inset -1px 0 rgba(207, 214, 230, 0.4); } + +.linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { + box-shadow: inset -1px 0 rgba(207, 214, 230, 0.4); } + +.linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { + box-shadow: inset 1px 0 rgba(207, 214, 230, 0.4); } + +.linked.vertical > entry + entry, .linked.vertical > spinbutton + entry, .linked.vertical > entry + spinbutton, .linked.vertical > spinbutton + spinbutton { + border-top-color: rgba(207, 214, 230, 0.3); } + +.linked.vertical > entry.error + entry, .linked.vertical > spinbutton.error + entry, .linked.vertical > entry.error + spinbutton, .linked.vertical > spinbutton.error + spinbutton, +.linked.vertical > entry + entry.error, +.linked.vertical > spinbutton + entry.error, +.linked.vertical > entry + spinbutton.error, +.linked.vertical > spinbutton + spinbutton.error { + border-top-color: #FC4138; } + +.linked.vertical > entry.warning + entry, .linked.vertical > spinbutton.warning + entry, .linked.vertical > entry.warning + spinbutton, .linked.vertical > spinbutton.warning + spinbutton, +.linked.vertical > entry + entry.warning, +.linked.vertical > spinbutton + entry.warning, +.linked.vertical > entry + spinbutton.warning, +.linked.vertical > spinbutton + spinbutton.warning { + border-top-color: #F27835; } + +.linked.vertical > entry.error + entry.warning, .linked.vertical > spinbutton.error + entry.warning, .linked.vertical > entry.error + spinbutton.warning, .linked.vertical > spinbutton.error + spinbutton.warning { + border-top-color: #FC4138; } + +.linked.vertical > entry + entry:focus:not(:last-child), .linked.vertical > spinbutton + entry:focus:not(:last-child), .linked.vertical > entry + spinbutton:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton:focus:not(:last-child), +.linked.vertical > entry + entry:focus:last-child, +.linked.vertical > spinbutton + entry:focus:last-child, +.linked.vertical > entry + spinbutton:focus:last-child, +.linked.vertical > spinbutton + spinbutton:focus:last-child { + border-top-color: #5294E2; } + +.linked.vertical > entry + entry.warning:focus:not(:last-child), .linked.vertical > spinbutton + entry.warning:focus:not(:last-child), .linked.vertical > entry + spinbutton.warning:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton.warning:focus:not(:last-child), +.linked.vertical > entry + entry.warning:focus:last-child, +.linked.vertical > spinbutton + entry.warning:focus:last-child, +.linked.vertical > entry + spinbutton.warning:focus:last-child, +.linked.vertical > spinbutton + spinbutton.warning:focus:last-child { + border-top-color: #F27835; } + +.linked.vertical > entry + entry.error:focus:not(:last-child), .linked.vertical > spinbutton + entry.error:focus:not(:last-child), .linked.vertical > entry + spinbutton.error:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton.error:focus:not(:last-child), +.linked.vertical > entry + entry.error:focus:last-child, +.linked.vertical > spinbutton + entry.error:focus:last-child, +.linked.vertical > entry + spinbutton.error:focus:last-child, +.linked.vertical > spinbutton + spinbutton.error:focus:last-child { + border-top-color: #FC4138; } + +.linked.vertical > entry + button, .linked.vertical > spinbutton + button, +.linked.vertical > entry + button:hover, +.linked.vertical > spinbutton + button:hover, +.linked.vertical > entry + button:active, +.linked.vertical > spinbutton + button:active, +.linked.vertical > entry + button:checked, +.linked.vertical > spinbutton + button:checked, +.linked.vertical > entry + button:disabled, +.linked.vertical > spinbutton + button:disabled { + border-top-style: solid; } + +.linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > spinbutton:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton:focus:not(:only-child) + spinbutton, +.linked.vertical > entry:focus:not(:only-child) + button, +.linked.vertical > spinbutton:focus:not(:only-child) + button, +.linked.vertical > entry:focus:not(:only-child) + combobox > button.combo, +.linked.vertical > spinbutton:focus:not(:only-child) + combobox > button.combo { + border-top-color: #5294E2; } + +.linked.vertical > entry.warning:focus:not(:only-child) + entry, .linked.vertical > spinbutton.warning:focus:not(:only-child) + entry, .linked.vertical > entry.warning:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton.warning:focus:not(:only-child) + spinbutton, +.linked.vertical > entry.warning:focus:not(:only-child) + button, +.linked.vertical > spinbutton.warning:focus:not(:only-child) + button, +.linked.vertical > entry.warning:focus:not(:only-child) + combobox > button.combo, +.linked.vertical > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { + border-top-color: #F27835; } + +.linked.vertical > entry.error:focus:not(:only-child) + entry, .linked.vertical > spinbutton.error:focus:not(:only-child) + entry, .linked.vertical > entry.error:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton.error:focus:not(:only-child) + spinbutton, +.linked.vertical > entry.error:focus:not(:only-child) + button, +.linked.vertical > spinbutton.error:focus:not(:only-child) + button, +.linked.vertical > entry.error:focus:not(:only-child) + combobox > button.combo, +.linked.vertical > spinbutton.error:focus:not(:only-child) + combobox > button.combo { + border-top-color: #FC4138; } + +.linked.vertical > button:hover:not(:checked):not(:active):not(:only-child), +.linked.vertical > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: 0 -1px #cfd6e6; } + +.linked.vertical > button:first-child:hover:not(:checked):not(:active) { + box-shadow: none; } + +.linked.vertical > button:checked + button:not(:checked):not(:active):hover { + box-shadow: none; } + +.linked.vertical > button:checked + entry, .linked.vertical > button:checked + spinbutton { + border-top-color: #5294E2; } + +.linked.vertical > entry + button:not(:checked):not(:active):hover, .linked.vertical > spinbutton + button:not(:checked):not(:active):hover { + box-shadow: none; } + +toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, +.linked:not(.vertical) > button:hover, +.linked:not(.vertical) > button:active, +.linked:not(.vertical) > button:checked, .linked:not(.vertical):not(.pathbar) > entry, .linked:not(.vertical):not(.pathbar) > spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled, .linked > combobox > button.combo:dir(ltr) { + border-radius: 0; + border-right-style: none; } + +.inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:first-child, .linked:not(.vertical):not(.pathbar) > spinbutton:first-child, .linked > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; } + +.inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:last-child, .linked:not(.vertical):not(.pathbar) > spinbutton:last-child, .linked > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right-style: solid; } + +.inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:only-child, .linked:not(.vertical):not(.pathbar) > spinbutton:only-child, .linked > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:only-child { + border-radius: 3px; + border-style: solid; } + +.linked.vertical > button, +.linked.vertical > button:hover, +.linked.vertical > button:active, +.linked.vertical > button:checked, .linked.vertical > entry, .linked.vertical > spinbutton, .linked.vertical > combobox > button.combo { + border-radius: 0; + border-bottom-style: none; } + +.linked.vertical > button:first-child, .linked.vertical > entry:first-child, .linked.vertical > spinbutton:first-child, .linked.vertical > combobox:first-child > button.combo { + border-top-left-radius: 3px; + border-top-right-radius: 3px; } + +.linked.vertical > button:last-child, .linked.vertical > entry:last-child, .linked.vertical > spinbutton:last-child, .linked.vertical > combobox:last-child > button.combo { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border-bottom-style: solid; } + +.linked.vertical > button:only-child, .linked.vertical > entry:only-child, .linked.vertical > spinbutton:only-child, .linked.vertical > combobox:only-child > button.combo { + border-radius: 3px; + border-style: solid; } + +.linked:not(.vertical) > button, +.linked:not(.vertical) > button:hover, +.linked:not(.vertical) > button:active, +.linked:not(.vertical) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled { + border-left-style: none; } + .linked:not(.vertical) > button:first-child, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { + border-left-style: solid; } + +.linked.vertical > button, +.linked.vertical > button:hover, +.linked.vertical > button:active, +.linked.vertical > button:checked { + border-top-style: none; } + .linked.vertical > button:first-child { + border-top-style: solid; } + +menuitem.button.flat, +modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow, +.menu arrow, notebook tab button, notebook tab button:hover, notebook tab button:active, notebook tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled, TerminalWindow .notebook tab:active button, TerminalWindow .notebook tab:hover button, TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover, TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } + +menuitem.button.flat, +modelbutton.flat { + transition: none; + min-height: 22px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -2px; + border-radius: 2px; } + menuitem.button.flat:hover, + modelbutton.flat:hover { + background-color: #edeff0; } + menuitem.button.flat:checked, + modelbutton.flat:checked { + color: #5c616c; } + menuitem.button.flat check:last-child, + menuitem.button.flat radio:last-child, + modelbutton.flat check:last-child, + modelbutton.flat radio:last-child { + margin-left: 8px; } + menuitem.button.flat check:first-child, + menuitem.button.flat radio:first-child, + modelbutton.flat check:first-child, + modelbutton.flat radio:first-child { + margin-right: 8px; } + +modelbutton.flat arrow, modelbutton.flat arrow:hover { + background: none; } + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +*:link, button:link, button:visited { + color: #2679db; } + *:link:visited, button:visited { + color: #1e61b0; } + *:selected *:link:visited, *:selected button:visited:link, *:selected button:visited { + color: #bad4f3; } + *:link:hover, button:hover:link, button:hover:visited { + color: #5294e2; } + *:selected *:link:hover, *:selected button:hover:link, *:selected button:hover:visited { + color: #eef4fc; } + *:link:active, button:active:link, button:active:visited { + color: #2679db; } + *:selected *:link:active, *:selected button:active:link, *:selected button:active:visited { + color: #dceaf9; } + *:link:selected, button:selected:link, button:selected:visited, headerbar.selection-mode .subtitle:link, headerbar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited { + color: #dceaf9; } + +button:link > label, button:visited > label { + text-decoration-line: underline; } + +spinbutton:not(.vertical) button { + background-image: none; + border: 1px solid rgba(220, 223, 227, 0.6); + border-style: none none none solid; + color: #646973; + border-radius: 0; + box-shadow: none; } + spinbutton:not(.vertical) button:dir(rtl) { + border-style: none solid none none; } + spinbutton:not(.vertical) button:disabled { + color: rgba(92, 97, 108, 0.55); } + spinbutton:not(.vertical) button:active { + background-color: #5294E2; + color: #ffffff; } + +spinbutton.vertical { + border-radius: 0; + padding-left: 5px; + padding-right: 5px; } + spinbutton.vertical button:first-child { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: #fbfbfc; } + spinbutton.vertical button:first-child:active { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + spinbutton.vertical button:first-child:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: white; } + spinbutton.vertical button:first-child:disabled { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + spinbutton.vertical button:first-child:disabled > label { + color: inherit; } + spinbutton.vertical button:last-child { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: #fbfbfc; } + spinbutton.vertical button:last-child:active { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + spinbutton.vertical button:last-child:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: white; } + spinbutton.vertical button:last-child:disabled { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + spinbutton.vertical button:last-child:disabled > label { + color: inherit; } + spinbutton.vertical button:first-child, spinbutton.vertical button:first-child:active, spinbutton.vertical button:first-child:hover, spinbutton.vertical button:first-child:disabled { + border-radius: 2px 2px 0 0; + border-style: solid solid none solid; } + spinbutton.vertical button:last-child, spinbutton.vertical button:last-child:active, spinbutton.vertical button:last-child:hover, spinbutton.vertical button:last-child:disabled { + border-radius: 0 0 2px 2px; + border-style: none solid solid solid; } + +treeview spinbutton entry, treeview spinbutton spinbutton, treeview spinbutton entry:focus, treeview spinbutton spinbutton:focus { + padding: 1px; + border-width: 1px 0; + border-color: #5294E2; + border-radius: 0; + box-shadow: none; } + +combobox > button.combo { + padding-left: 8px; + padding-right: 8px; } + +combobox:disabled { + color: rgba(92, 97, 108, 0.55); } + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; } + +combobox > entry.combo:dir(ltr), combobox > spinbutton.combo:dir(ltr) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-right-style: none; } + combobox > entry.combo:dir(ltr):focus, combobox > spinbutton.combo:dir(ltr):focus { + box-shadow: 1px 0 #5294E2; } + +combobox > entry.combo:dir(rtl), combobox > spinbutton.combo:dir(rtl) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left-style: none; } + combobox > entry.combo:dir(rtl):focus, combobox > spinbutton.combo:dir(rtl):focus { + box-shadow: -1px 0 #5294E2; } + +combobox > button.combo:not(:only-child):dir(ltr) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + +combobox > button.combo:not(:only-child):dir(rtl) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + +toolbar, .inline-toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #F5F6F7; } + toolbar separator, .inline-toolbar separator, toolbar .sidebar separator, .sidebar toolbar separator, toolbar .sidebar .view separator, .sidebar .view toolbar separator, .inline-toolbar .sidebar .view separator, .sidebar .view .inline-toolbar separator { + background: none; } + toolbar.horizontal separator, .horizontal.inline-toolbar separator, toolbar.horizontal .sidebar .view separator, .sidebar .view toolbar.horizontal separator { + margin: 0 6px; } + toolbar.vertical separator, .vertical.inline-toolbar separator, toolbar.vertical .sidebar .view separator, .sidebar .view toolbar.vertical separator { + margin: 6px 0; } + .osd toolbar, .osd .inline-toolbar, toolbar.osd, .osd.inline-toolbar { + padding: 7px; + border: 1px solid rgba(0, 0, 0, 0.5); + border-radius: 3px; + background-color: rgba(53, 57, 69, 0.85); } + +.primary-toolbar { + color: rgba(207, 218, 231, 0.8); + background-color: #2f343f; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, #2f343f, rgba(32, 35, 43, 0.97)) 1 0 1 0; } + +.inline-toolbar { + background-color: #edeef0; + border-style: solid; + border-color: #dcdfe3; + border-width: 0 1px 1px; + padding: 3px; + border-radius: 0 0 3px 3px; } + +searchbar { + background-color: #F5F6F7; + border-style: solid; + border-color: #dcdfe3; + border-width: 0 0 1px; + padding: 3px; } + +actionbar { + padding: 6px; + border-top: 1px solid #dcdfe3; + background-color: #edeef0; } + +headerbar { + min-height: 42px; + padding: 0 5px; + border-width: 0 0 1px; + border-style: solid; + border-radius: 0; + border-color: #262a33; + color: rgba(207, 218, 231, 0.8); + background-color: #2f343f; } + .csd headerbar { + background-color: rgba(47, 52, 63, 0.97); + border-color: rgba(38, 42, 51, 0.97); } + headerbar:backdrop { + color: rgba(207, 218, 231, 0.5); } + headerbar .title { + padding-left: 12px; + padding-right: 12px; } + headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; } + headerbar.selection-mode, headerbar.titlebar.selection-mode { + color: #ffffff; + background-color: rgba(82, 148, 226, 0.95); + border-color: rgba(65, 137, 223, 0.95); + box-shadow: none; } + headerbar.selection-mode:backdrop, headerbar.titlebar.selection-mode:backdrop { + background-color: rgba(82, 148, 226, 0.95); + color: rgba(255, 255, 255, 0.6); } + headerbar.selection-mode button, headerbar.titlebar.selection-mode button { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0); } + headerbar.selection-mode button.flat, headerbar.selection-mode button.sidebar-button, headerbar.titlebar.selection-mode button.flat, headerbar.titlebar.selection-mode button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0); } + headerbar.selection-mode button:hover, headerbar.titlebar.selection-mode button:hover { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0.05); + border-color: rgba(255, 255, 255, 0.5); } + headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.titlebar.selection-mode button:active, headerbar.titlebar.selection-mode button:checked { + color: rgba(82, 148, 226, 0.95); + outline-color: rgba(82, 148, 226, 0.25); + background-color: #ffffff; + border-color: #ffffff; } + headerbar.selection-mode button:disabled, headerbar.titlebar.selection-mode button:disabled { + color: rgba(255, 255, 255, 0.4); + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0); } + headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked, headerbar.titlebar.selection-mode button:disabled:active, headerbar.titlebar.selection-mode button:disabled:checked { + color: rgba(82, 148, 226, 0.35); + background-color: rgba(255, 255, 255, 0.15); + border-color: rgba(255, 255, 255, 0.15); } + headerbar.selection-mode .selection-menu, headerbar.titlebar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; } + headerbar.selection-mode .selection-menu GtkArrow, headerbar.titlebar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; } + headerbar.selection-mode .selection-menu .arrow, headerbar.titlebar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + .maximized headerbar.selection-mode, .maximized headerbar.titlebar.selection-mode { + background-color: #5294e2; } + .tiled headerbar, .tiled headerbar:backdrop, + .maximized headerbar, .maximized headerbar:backdrop { + border-radius: 0; } + .maximized headerbar { + background-color: #2f343f; + border-color: #262a33; } + headerbar.default-decoration, + .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, + .csd headerbar.default-decoration:backdrop { + padding-top: 5px; + padding-bottom: 5px; + background-color: #2f343f; + border-bottom-width: 0; } + .maximized headerbar.default-decoration, .maximized + .csd headerbar.default-decoration, .maximized headerbar.default-decoration:backdrop, .maximized + .csd headerbar.default-decoration:backdrop { + background-color: #2f343f; } + +.titlebar { + padding: 0 7px; + border-radius: 3px 3px 0 0; + color: rgba(207, 218, 231, 0.8); + background-color: #2f343f; + box-shadow: inset 0 1px rgba(54, 59, 72, 0.97); } + .csd .titlebar { + background-color: rgba(47, 52, 63, 0.97); } + .titlebar:backdrop { + color: rgba(207, 218, 231, 0.5); + background-color: #323843; } + .csd .titlebar:backdrop { + background-color: rgba(50, 56, 67, 0.97); } + .maximized .titlebar { + background-color: #2f343f; } + .maximized .titlebar:backdrop, .csd .maximized .titlebar:backdrop { + background-color: #323843; } + window > .titlebar:not(headerbar), + window.csd > .titlebar:not(headerbar) { + padding: 0; + border: none; + background: none; } + .titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator { + background-color: rgba(38, 42, 51, 0.97); } + +.primary-toolbar separator, .primary-toolbar .sidebar .view separator, .sidebar .view .primary-toolbar separator, headerbar separator.titlebutton, headerbar .sidebar .view separator.titlebutton, .sidebar .view headerbar separator.titlebutton { + min-width: 1px; + min-height: 1px; + background: none; + border-width: 0 1px; + border-image: linear-gradient(to bottom, rgba(207, 218, 231, 0) 25%, rgba(207, 218, 231, 0.15) 25%, rgba(207, 218, 231, 0.15) 75%, rgba(207, 218, 231, 0) 75%) 0 1/0 1px stretch; } + .primary-toolbar separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.6; } + +.primary-toolbar entry, headerbar entry, .primary-toolbar spinbutton, headerbar spinbutton, .primary-toolbar button, headerbar button, .primary-toolbar separator, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator, .primary-toolbar .sidebar .view separator, .sidebar .view .primary-toolbar separator, headerbar .sidebar .view separator, .sidebar .view headerbar separator { + margin-top: 6px; + margin-bottom: 6px; } + +.primary-toolbar entry, headerbar entry, .primary-toolbar spinbutton, headerbar spinbutton, .primary-toolbar spinbutton, headerbar spinbutton { + color: rgba(207, 218, 231, 0.8); + caret-color: rgba(207, 218, 231, 0.8); + border-color: rgba(21, 23, 28, 0.37); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.37)); + background-color: transparent; } + .primary-toolbar entry image, headerbar entry image, .primary-toolbar spinbutton image, headerbar spinbutton image, .primary-toolbar entry image:hover, headerbar entry image:hover, .primary-toolbar spinbutton image:hover, headerbar spinbutton image:hover, .primary-toolbar spinbutton image, headerbar spinbutton image, .primary-toolbar spinbutton image:hover, headerbar spinbutton image:hover { + color: inherit; } + .primary-toolbar entry:backdrop, headerbar entry:backdrop, .primary-toolbar spinbutton:backdrop, headerbar spinbutton:backdrop, .primary-toolbar spinbutton:backdrop, headerbar spinbutton:backdrop { + opacity: 0.85; } + .primary-toolbar entry:focus, headerbar entry:focus, .primary-toolbar spinbutton:focus, headerbar spinbutton:focus, .primary-toolbar spinbutton:focus, headerbar spinbutton:focus { + color: #ffffff; + caret-color: #ffffff; + border-color: transparent; + background-image: linear-gradient(to bottom, #5294E2); + background-clip: padding-box; } + .primary-toolbar entry:focus image, headerbar entry:focus image, .primary-toolbar spinbutton:focus image, headerbar spinbutton:focus image, .primary-toolbar spinbutton:focus image, headerbar spinbutton:focus image { + color: #ffffff; } + .primary-toolbar entry:disabled, headerbar entry:disabled, .primary-toolbar spinbutton:disabled, headerbar spinbutton:disabled, .primary-toolbar spinbutton:disabled, headerbar spinbutton:disabled { + color: rgba(207, 218, 231, 0.35); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.22)); } + .primary-toolbar entry selection:focus, headerbar entry selection:focus, .primary-toolbar spinbutton selection:focus, headerbar spinbutton selection:focus, .primary-toolbar spinbutton selection:focus, headerbar spinbutton selection:focus { + background-color: #ffffff; + color: #5294E2; } + .primary-toolbar entry progress, headerbar entry progress, .primary-toolbar spinbutton progress, headerbar spinbutton progress, .primary-toolbar spinbutton progress, headerbar spinbutton progress { + border-color: #5294E2; + background-image: none; + background-color: transparent; } + .primary-toolbar entry.warning, headerbar entry.warning, .primary-toolbar spinbutton.warning, headerbar spinbutton.warning, .primary-toolbar spinbutton.warning, headerbar spinbutton.warning { + color: #ffffff; + border-color: rgba(21, 23, 28, 0.37); + background-image: linear-gradient(to bottom, rgba(167, 94, 57, 0.988)); } + .primary-toolbar entry.warning:focus, headerbar entry.warning:focus, .primary-toolbar spinbutton.warning:focus, headerbar spinbutton.warning:focus, .primary-toolbar spinbutton.warning:focus, headerbar spinbutton.warning:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, #F27835); } + .primary-toolbar entry.warning selection, headerbar entry.warning selection, .primary-toolbar spinbutton.warning selection, headerbar spinbutton.warning selection, .primary-toolbar entry.warning selection:focus, headerbar entry.warning selection:focus, .primary-toolbar spinbutton.warning selection:focus, headerbar spinbutton.warning selection:focus, .primary-toolbar spinbutton.warning selection, headerbar spinbutton.warning selection, .primary-toolbar spinbutton.warning selection:focus, headerbar spinbutton.warning selection:focus { + background-color: #ffffff; + color: #F27835; } + .primary-toolbar entry.error, headerbar entry.error, .primary-toolbar spinbutton.error, headerbar spinbutton.error, .primary-toolbar spinbutton.error, headerbar spinbutton.error { + color: #ffffff; + border-color: rgba(21, 23, 28, 0.37); + background-image: linear-gradient(to bottom, rgba(173, 60, 59, 0.988)); } + .primary-toolbar entry.error:focus, headerbar entry.error:focus, .primary-toolbar spinbutton.error:focus, headerbar spinbutton.error:focus, .primary-toolbar spinbutton.error:focus, headerbar spinbutton.error:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, #FC4138); } + .primary-toolbar entry.error selection, headerbar entry.error selection, .primary-toolbar spinbutton.error selection, headerbar spinbutton.error selection, .primary-toolbar entry.error selection:focus, headerbar entry.error selection:focus, .primary-toolbar spinbutton.error selection:focus, headerbar spinbutton.error selection:focus, .primary-toolbar spinbutton.error selection, headerbar spinbutton.error selection, .primary-toolbar spinbutton.error selection:focus, headerbar spinbutton.error selection:focus { + background-color: #ffffff; + color: #FC4138; } + +.primary-toolbar button, headerbar button { + color: rgba(207, 218, 231, 0.8); + outline-color: rgba(207, 218, 231, 0.1); + outline-offset: -3px; + background-color: rgba(47, 52, 63, 0); + border-color: rgba(47, 52, 63, 0); } + .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.7; } + .primary-toolbar button:hover, headerbar button:hover { + color: rgba(207, 218, 231, 0.8); + outline-color: rgba(207, 218, 231, 0.1); + border-color: rgba(21, 23, 28, 0.37); + background-color: rgba(95, 105, 127, 0.37); } + .primary-toolbar button:active, headerbar button:active, .primary-toolbar button:checked, headerbar button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + background-color: #5294E2; + background-clip: padding-box; } + .primary-toolbar button:disabled, headerbar button:disabled { + color: rgba(207, 218, 231, 0.35); + background-color: rgba(47, 52, 63, 0); + border-color: rgba(47, 52, 63, 0); } + .primary-toolbar button:disabled > label, headerbar button:disabled > label { + color: inherit; } + .primary-toolbar button:disabled:active, headerbar button:disabled:active, .primary-toolbar button:disabled:checked, headerbar button:disabled:checked { + color: rgba(255, 255, 255, 0.75); + border-color: rgba(82, 148, 226, 0.65); + background-color: rgba(82, 148, 226, 0.65); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button, headerbar .linked:not(.vertical):not(.path-bar) > button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover, headerbar .linked:not(.vertical):not(.path-bar) > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:active, headerbar .linked:not(.vertical):not(.path-bar) > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked, headerbar .linked:not(.vertical):not(.path-bar) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:disabled, headerbar .linked:not(.vertical):not(.path-bar) > button:disabled { + border-radius: 3px; + border-style: solid; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), headerbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), headerbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child), headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child), .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button { + color: rgba(207, 218, 231, 0.8); + outline-color: rgba(207, 218, 231, 0.1); + border-color: rgba(21, 23, 28, 0.37); + background-color: rgba(95, 105, 127, 0.37); } + .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover { + background-color: rgba(134, 144, 165, 0.37); } + .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + background-color: #5294E2; } + .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled { + color: rgba(207, 218, 231, 0.4); } + +.primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37), inset -1px 0 rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { + box-shadow: inset -1px 0 rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton { + border-left-color: rgba(21, 23, 28, 0); } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.error, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.error, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error { + border-left-color: #FC4138; } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning { + border-left-color: #F27835; } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton.warning { + border-left-color: #FC4138; } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:last-child { + border-left-color: rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:last-child { + border-left-color: #F27835; } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:last-child { + border-left-color: #FC4138; } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + combobox > button.combo { + border-left-color: rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { + border-left-color: #F27835; } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button.combo > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button.combo > button.combo, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button.combo > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button.combo > button.combo { + border-left-color: #FC4138; } + +.primary-toolbar button.suggested-action, headerbar button.suggested-action { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #4DADD4; + border-color: #4DADD4; } + .primary-toolbar button.suggested-action.flat, headerbar button.suggested-action.flat, .primary-toolbar button.suggested-action.sidebar-button, headerbar button.suggested-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #4DADD4; + outline-color: rgba(77, 173, 212, 0.3); } + .primary-toolbar button.suggested-action:hover, headerbar button.suggested-action:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #76c0de; + border-color: #76c0de; } + .primary-toolbar button.suggested-action:active, headerbar button.suggested-action:active, .primary-toolbar button.suggested-action:checked, headerbar button.suggested-action:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #2e96c0; + border-color: #2e96c0; } + .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { + color: rgba(207, 218, 231, 0.35); + background-color: rgba(47, 52, 63, 0); + border-color: rgba(47, 52, 63, 0); } + .primary-toolbar button.suggested-action.flat:disabled > label, headerbar button.suggested-action.flat:disabled > label, .primary-toolbar button.suggested-action.sidebar-button:disabled > label, headerbar button.suggested-action.sidebar-button:disabled > label, .primary-toolbar button.suggested-action:disabled > label, headerbar button.suggested-action:disabled > label { + color: inherit; } + +.primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop, .primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop { + opacity: 0.8; } + +.primary-toolbar button.destructive-action, headerbar button.destructive-action { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #F04A50; + border-color: #F04A50; } + .primary-toolbar button.destructive-action.flat, headerbar button.destructive-action.flat, .primary-toolbar button.destructive-action.sidebar-button, headerbar button.destructive-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #F04A50; + outline-color: rgba(240, 74, 80, 0.3); } + .primary-toolbar button.destructive-action:hover, headerbar button.destructive-action:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #f4797e; + border-color: #f4797e; } + .primary-toolbar button.destructive-action:active, headerbar button.destructive-action:active, .primary-toolbar button.destructive-action:checked, headerbar button.destructive-action:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ec1b22; + border-color: #ec1b22; } + .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { + color: rgba(207, 218, 231, 0.35); + background-color: rgba(47, 52, 63, 0); + border-color: rgba(47, 52, 63, 0); } + .primary-toolbar button.destructive-action.flat:disabled > label, headerbar button.destructive-action.flat:disabled > label, .primary-toolbar button.destructive-action.sidebar-button:disabled > label, headerbar button.destructive-action.sidebar-button:disabled > label, .primary-toolbar button.destructive-action:disabled > label, headerbar button.destructive-action:disabled > label { + color: inherit; } + +.primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop, .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop { + opacity: 0.8; } + +.primary-toolbar spinbutton:focus button, headerbar spinbutton:focus button { + color: #ffffff; } + .primary-toolbar spinbutton:focus button:hover, headerbar spinbutton:focus button:hover { + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; } + .primary-toolbar spinbutton:focus button:disabled, headerbar spinbutton:focus button:disabled { + color: rgba(255, 255, 255, 0.4); } + +.primary-toolbar spinbutton button, headerbar spinbutton button { + color: rgba(207, 218, 231, 0.8); } + .primary-toolbar spinbutton button:hover, headerbar spinbutton button:hover { + background-color: rgba(207, 218, 231, 0.05); + border-color: transparent; } + .primary-toolbar spinbutton button:disabled, headerbar spinbutton button:disabled { + color: rgba(207, 218, 231, 0.5); } + .primary-toolbar spinbutton button:active, headerbar spinbutton button:active { + background-color: rgba(0, 0, 0, 0.1); } + +.primary-toolbar combobox:disabled, headerbar combobox:disabled { + color: rgba(207, 218, 231, 0.2); } + +.primary-toolbar combobox.combobox-entry button, headerbar combobox.combobox-entry button { + color: rgba(207, 218, 231, 0.8); + caret-color: rgba(207, 218, 231, 0.8); + border-color: rgba(21, 23, 28, 0.37); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.37)); + background-color: transparent; } + .primary-toolbar combobox.combobox-entry button image, headerbar combobox.combobox-entry button image, .primary-toolbar combobox.combobox-entry button image:hover, headerbar combobox.combobox-entry button image:hover { + color: inherit; } + .primary-toolbar combobox.combobox-entry button:hover, headerbar combobox.combobox-entry button:hover { + color: #ffffff; + caret-color: #ffffff; + border-color: transparent; + background-image: linear-gradient(to bottom, #5294E2); + box-shadow: none; } + .primary-toolbar combobox.combobox-entry button:disabled, headerbar combobox.combobox-entry button:disabled { + color: rgba(207, 218, 231, 0.35); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.22)); } + +.primary-toolbar combobox.combobox-entry entry:dir(ltr), headerbar combobox.combobox-entry entry:dir(ltr), .primary-toolbar combobox.combobox-entry spinbutton:dir(ltr), headerbar combobox.combobox-entry spinbutton:dir(ltr) { + border-right-style: none; } + .primary-toolbar combobox.combobox-entry entry:dir(ltr):focus, headerbar combobox.combobox-entry entry:dir(ltr):focus, .primary-toolbar combobox.combobox-entry spinbutton:dir(ltr):focus, headerbar combobox.combobox-entry spinbutton:dir(ltr):focus { + box-shadow: none; } + +.primary-toolbar combobox.combobox-entry entry:dir(rtl), headerbar combobox.combobox-entry entry:dir(rtl), .primary-toolbar combobox.combobox-entry spinbutton:dir(rtl), headerbar combobox.combobox-entry spinbutton:dir(rtl) { + border-left-style: none; } + .primary-toolbar combobox.combobox-entry entry:dir(rtl):focus, headerbar combobox.combobox-entry entry:dir(rtl):focus, .primary-toolbar combobox.combobox-entry spinbutton:dir(rtl):focus, headerbar combobox.combobox-entry spinbutton:dir(rtl):focus { + box-shadow: none; } + +.primary-toolbar switch:backdrop, headerbar switch:backdrop { + opacity: 0.75; } + +.primary-toolbar progressbar trough, headerbar progressbar trough { + background-color: rgba(21, 23, 28, 0.37); } + +.primary-toolbar progressbar:backdrop, headerbar progressbar:backdrop { + opacity: 0.75; } + +.primary-toolbar scale:backdrop, headerbar scale:backdrop { + opacity: 0.75; } + +.primary-toolbar scale slider, headerbar scale slider { + background-image: linear-gradient(to bottom, #454c5c); + border-color: rgba(21, 23, 28, 0.67); } + .primary-toolbar scale slider:hover, headerbar scale slider:hover { + background-image: linear-gradient(to bottom, #50586b); + border-color: rgba(21, 23, 28, 0.67); } + .primary-toolbar scale slider:active, headerbar scale slider:active { + background-image: linear-gradient(to bottom, #5294E2); + border-color: #5294E2; } + .primary-toolbar scale slider:disabled, headerbar scale slider:disabled { + background-image: linear-gradient(to bottom, rgba(63, 69, 84, 0.991)); + border-color: rgba(21, 23, 28, 0.67); } + +.primary-toolbar scale trough, headerbar scale trough { + background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.37)); } + .primary-toolbar scale trough:disabled, headerbar scale trough:disabled { + background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.27)); } + +.path-bar button:first-child { + padding-left: 10px; } + +.path-bar button:last-child { + padding-right: 10px; } + +.path-bar button:only-child { + padding-left: 10px; + padding-right: 10px; } + +.path-bar button label:last-child { + padding-left: 4px; } + +.path-bar button label:first-child { + padding-right: 4px; } + +.path-bar button label:only-child, .path-bar button label { + padding-right: 0; + padding-left: 0; } + +treeview.view { + -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: rgba(92, 97, 108, 0.15); + border-top-color: rgba(0, 0, 0, 0.1); } + treeview.view:selected { + border-radius: 0; + border-left-color: #a9caf1; + border-top-color: rgba(92, 97, 108, 0.1); } + treeview.view:disabled { + color: rgba(92, 97, 108, 0.55); } + treeview.view:disabled:selected { + color: #97bfee; } + treeview.view.separator { + min-height: 2px; } + treeview.view.dnd { + border-style: solid none; + border-width: 1px; + border-color: #577ba7; } + treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #aeb0b6; } + treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + treeview.view.expander:hover { + color: #5c616c; } + treeview.view.expander:selected { + color: #cbdff6; } + treeview.view.expander:selected:hover { + color: #ffffff; } + treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + treeview.view.progressbar { + color: #ffffff; + border-radius: 3px; + background-image: linear-gradient(to bottom, #5294E2); } + treeview.view.progressbar:selected { + color: #5294E2; + box-shadow: none; + background-image: linear-gradient(to bottom, #ffffff); } + treeview.view.trough, treeview.view.trough:selected { + color: #5c616c; + background-image: linear-gradient(to bottom, #cfd6e6); + border-radius: 3px; + border-width: 0; } + treeview.view header button { + color: #7d8189; + background-color: #ffffff; + font-weight: bold; } + treeview.view header button:hover { + color: #5294E2; + box-shadow: none; + transition: none; } + treeview.view header button:active { + color: #5c616c; + transition: none; } + treeview.view header button:last-child, + treeview.view header button:last-child:hover, + treeview.view header button:last-child:active { + border-right-style: none; + border-image: none; } + treeview.view header.button.dnd, treeview.view header button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover { + transition: none; + color: #5294E2; + box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #ffffff, inset -1px 0 #ffffff; } + +treeview.view header button, treeview.view header button:hover, treeview.view header button:active { + min-height: 0; + min-width: 0; + padding: 3px 6px; + background-image: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, transparent 80%) 0 1 0 0/0 1px 0 0 stretch; } + treeview.view header button:active, treeview.view header button:hover { + background-color: #ffffff; } + treeview.view header button:active:hover { + color: #5c616c; } + treeview.view header button:disabled { + border-color: #F5F6F7; + background-image: none; } + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0px; + background-color: #2f343f; + color: rgba(207, 218, 231, 0.8); } + menubar:backdrop, + .menubar:backdrop { + color: rgba(207, 218, 231, 0.5); } + menubar > menuitem, + .menubar > menuitem { + padding: 6px 8px; + border: solid transparent; + border-width: 0; } + menubar > menuitem:hover, + .menubar > menuitem:hover { + background-color: #5294E2; + color: #ffffff; } + menubar > menuitem:disabled, + .menubar > menuitem:disabled { + color: rgba(207, 218, 231, 0.2); + border-color: transparent; } + +menu, +.menu { + margin: 4px; + padding: 0; + border-radius: 0; + background-color: #ffffff; + border: 1px solid #dcdfe3; } + .csd menu, .csd + .menu { + padding: 4px 0px; + border-radius: 2px; + border: none; } + menu separator, menu .sidebar separator, .sidebar menu separator, menu .sidebar .view separator, .sidebar .view menu separator, + .csd menu separator, + .csd menu .sidebar .view separator, .sidebar .view + .csd menu separator, + .menu separator, + .menu .sidebar .view separator, .sidebar .view + .menu separator, + .csd + .menu separator { + min-height: 10px; + background-color: #ffffff; } + menu menuitem, + .menu menuitem { + padding: 4px; + min-width: 40px; + border: solid transparent; + border-width: 1px 0 1px 0; } + menu menuitem:hover, + .menu menuitem:hover { + color: #5c616c; + background-color: rgba(0, 0, 0, 0.04); + border: solid rgba(0, 0, 0, 0.08); + border-width: 1px 0 1px 0; } + menu menuitem:disabled, + .menu menuitem:disabled { + color: rgba(92, 97, 108, 0.55); } + menu menuitem arrow, + .menu menuitem arrow { + min-height: 16px; + min-width: 16px; } + menu menuitem arrow:dir(ltr), + .menu menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-left: 10px; } + menu menuitem arrow:dir(rtl), + .menu menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-right: 10px; } + menuitem accelerator { + color: alpha(currentColor,0.55); } + menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; } + menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 7px; } + menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 7px; } + menu arrow, + .menu arrow { + border-style: none; + border-radius: 0; + min-width: 16px; + min-height: 16px; } + menu arrow.top, + .menu arrow.top { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); + border-bottom: 1px solid #efeff0; } + menu arrow.bottom, + .menu arrow.bottom { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + border-top: 1px solid #efeff0; } + menu arrow:hover, + .menu arrow:hover { + background-color: #efeff0; } + menu arrow:disabled, + .menu arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; } + +popover, +popover.background { + padding: 2px; + border-radius: 3px; + background-clip: border-box; + background-color: #ffffff; + box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.07); } + .csd popover, popover, .csd + popover.background, + popover.background { + border: 1px solid #cdd2d7; } + popover separator, popover .sidebar separator, .sidebar popover separator, popover .sidebar .view separator, .sidebar .view popover separator, + popover.background separator, + popover.background .sidebar .view separator, .sidebar .view + popover.background separator { + background-color: #ffffff; } + popover > list, + popover > .view, + popover > toolbar, + popover > .inline-toolbar, + popover.osd > toolbar, + popover.osd > .inline-toolbar, + popover.background > list, + popover.background > .view, + popover.background > toolbar, + popover.background > .inline-toolbar, + popover.background.osd > toolbar, + popover.background.osd > .inline-toolbar { + border-style: none; + background-color: transparent; } + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; } + cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); } + cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } + +notebook { + -GtkNotebook-initial-gap: 4; + -GtkNotebook-arrow-spacing: 5; + -GtkNotebook-tab-curvature: 0; + -GtkNotebook-tab-overlap: 1; + -GtkNotebook-has-tab-gap: false; + padding: 0; + background-color: #ffffff; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + notebook.frame { + border: 1px solid #dcdfe3; } + notebook header { + background-color: #F5F6F7; } + .frame notebook header { + border: 0px solid #dcdfe3; } + .frame notebook header.top { + border-bottom-width: 0; } + .frame notebook header.bottom { + border-top-width: 0; } + .frame notebook header.right { + border-left-width: 0; } + .frame notebook header.left { + border-right-width: 0; } + notebook header.top { + box-shadow: inset 0 -1px #dcdfe3; } + notebook header.bottom { + box-shadow: inset 0 1px #dcdfe3; } + notebook header.right { + box-shadow: inset 1px 0 #dcdfe3; } + notebook header.left { + box-shadow: inset -1px 0 #dcdfe3; } + notebook header.top tab { + border-width: 0; + background-color: rgba(255, 255, 255, 0); + padding: 4px 15px; + border-top: 2px solid transparent; + padding-top: 6px; + border-radius: 3.5px 2px 0 0; } + notebook header.top tab.reorderable-page { + padding-left: 12px; + padding-right: 12px; } + notebook header.top tab:hover { + background-color: rgba(255, 255, 255, 0.5); + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + notebook header.top tab:active, notebook header.top tab:active:hover { + background-color: #ffffff; + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #ffffff, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + notebook header.bottom tab { + border-width: 0; + background-color: rgba(255, 255, 255, 0); + padding: 4px 15px; + border-bottom: 2px solid transparent; + padding-bottom: 6px; + border-radius: 0 0 2px 3.5px; } + notebook header.bottom tab.reorderable-page { + padding-left: 12px; + padding-right: 12px; } + notebook header.bottom tab:hover { + background-color: rgba(255, 255, 255, 0.5); + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + notebook header.bottom tab:active, notebook header.bottom tab:active:hover { + background-color: #ffffff; + box-shadow: inset 0 -1px #ffffff, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + notebook header.right tab { + border-width: 0; + background-color: rgba(255, 255, 255, 0); + padding: 4px 15px; + border-right: 2px solid transparent; + padding-right: 17px; + border-radius: 0 3.5px 3.5px 0; } + notebook header.right tab:hover { + background-color: rgba(255, 255, 255, 0.5); + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + notebook header.right tab:active, notebook header.right tab:active:hover { + background-color: #ffffff; + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #ffffff, inset -1px 0 #dcdfe3; } + notebook header.left tab { + border-width: 0; + background-color: rgba(255, 255, 255, 0); + padding: 4px 15px; + border-left: 2px solid transparent; + padding-left: 17px; + border-radius: 3.5px 0 0 3.5px; } + notebook header.left tab:hover { + background-color: rgba(255, 255, 255, 0.5); + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + notebook header.left tab:active, notebook header.left tab:active:hover { + background-color: #ffffff; + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #ffffff; } + notebook header.top tabs arrow.up, notebook header.bottom tabs arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + notebook header.top tabs arrow.down, notebook header.bottom tabs arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + notebook header.left tabs arrow.up, notebook header.right tabs arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + notebook header.left tabs arrow.down, notebook header.right tabs arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + notebook header tabs arrow { + color: rgba(92, 97, 108, 0.55); } + notebook header tabs arrow:hover { + color: rgba(92, 97, 108, 0.775); } + notebook header tabs arrow:active { + color: #5c616c; } + notebook header tabs arrow:disabled { + color: rgba(92, 97, 108, 0.25); } + notebook tab label { + padding: 0 2px; + color: rgba(92, 97, 108, 0.55); } + notebook tab:hover label { + color: rgba(92, 97, 108, 0.775); } + notebook tab:active label { + color: #5c616c; } + notebook tab button { + min-height: 18px; + min-width: 16px; + padding: 0; + color: #92959d; } + notebook tab button:hover { + color: #ff4d4d; } + notebook tab button:active, notebook tab button:active:hover { + color: #5294E2; } + +* { + -GtkRange-slider-width: 13; + -GtkRange-trough-border: 0; + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + -GtkScrollbar-min-slider-length: 42; + -GtkRange-stepper-spacing: 0; + -GtkRange-trough-under-steppers: 1; } + +scrollbar button { + border: none; } + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + -GtkRange-slider-width: 6px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + background-color: #8a8e96; + border: 1px solid rgba(255, 255, 255, 0.6); + background-clip: padding-box; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) trough { + border-style: none; + background-color: transparent; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { + margin-top: 2px; + margin-bottom: 2px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + margin-left: 2px; + margin-right: 2px; } + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; } + +scrollbar trough { + background-color: #fcfcfc; + border: 1px none #dcdfe3; } + +scrollbar slider { + background-color: #b8babf; } + scrollbar slider:hover { + background-color: #c7c9cd; } + scrollbar slider:hover:active { + background-color: #5294E2; } + scrollbar slider:disabled { + background-color: transparent; } + +scrollbar slider { + border-radius: 100px; + margin: 3px; } + +scrollbar.fine-tune slider { + margin: 4px; } + +scrollbar.vertical slider { + margin-left: 4px; } + scrollbar.vertical slider:dir(rtl) { + margin-left: 3px; + margin-right: 4px; } + +scrollbar.vertical.fine-tune .slider { + margin-left: 5px; } + scrollbar.vertical.fine-tune .slider:dir(rtl) { + margin-left: 4px; + margin-right: 5px; } + +scrollbar.vertical trough { + border-left-style: solid; } + scrollbar.vertical trough:dir(rtl) { + border-left-style: none; + border-right-style: solid; } + +scrollbar.horizontal slider { + margin-top: 4px; } + +scrollbar.horizontal.fine-tune slider { + margin-top: 5px; } + +scrollbar.horizontal trough { + border-top-style: solid; } + +switch { + font: 1; + outline-color: transparent; } + switch, switch slider { + background-size: 52px 24px; + background-repeat: no-repeat; + background-position: right center; + color: transparent; + border-color: transparent; + border-image: none; + border-style: none; + box-shadow: none; } + switch:dir(rtl), switch slider:dir(rtl) { + background-position: left center; } + switch slider { + min-width: 52px; + min-height: 24px; } + +switch { + background-image: -gtk-scaled(url("assets/switch.png"), url("assets/switch@2.png")); } + +row:selected switch, +infobar switch { + background-image: -gtk-scaled(url("assets/switch-selected.png"), url("assets/switch-selected@2.png")); } + +headerbar switch, +.primary-toolbar switch { + background-image: -gtk-scaled(url("assets/switch-header-dark.png"), url("assets/switch-header-dark@2.png")); } + +switch:active { + background-image: -gtk-scaled(url("assets/switch-active.png"), url("assets/switch-active@2.png")); } + +row:selected switch:active, +infobar switch:active { + background-image: -gtk-scaled(url("assets/switch-active-selected.png"), url("assets/switch-active-selected@2.png")); } + +headerbar switch:active, +.primary-toolbar switch:active { + background-image: -gtk-scaled(url("assets/switch-active-header-dark.png"), url("assets/switch-active-header-dark@2.png")); } + +switch:disabled { + background-image: -gtk-scaled(url("assets/switch-insensitive.png"), url("assets/switch-insensitive@2.png")); } + +row:selected switch:disabled, +infobar switch:disabled { + background-image: -gtk-scaled(url("assets/switch-insensitive-selected.png"), url("assets/switch-insensitive-selected@2.png")); } + +headerbar switch:disabled, +.primary-toolbar switch:disabled { + background-image: -gtk-scaled(url("assets/switch-insensitive-header-dark.png"), url("assets/switch-insensitive-header-dark@2.png")); } + +switch:active:disabled { + background-image: -gtk-scaled(url("assets/switch-active-insensitive.png"), url("assets/switch-active-insensitive@2.png")); } + +row:selected switch:active:disabled, +infobar switch:active:disabled { + background-image: -gtk-scaled(url("assets/switch-active-insensitive-selected.png"), url("assets/switch-active-insensitive-selected@2.png")); } + +headerbar switch:active:disabled, +.primary-toolbar switch:active:disabled { + background-image: -gtk-scaled(url("assets/switch-active-insensitive-header-dark.png"), url("assets/switch-active-insensitive-header-dark@2.png")); } + +check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check, +GtkFileChooserDialog .dialog-vbox > .frame check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } + +.view check:selected, +row:selected check, +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); } + +check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:disabled, +GtkFileChooserDialog .dialog-vbox > .frame check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } + +.view check:disabled:selected, +row:selected check:disabled, +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); } + +check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate, +GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } + +.view check:indeterminate:selected, +row:selected check:indeterminate, +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); } + +check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate:disabled, +GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } + +.view check:indeterminate:disabled:selected, +row:selected check:indeterminate:disabled, +infobar check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); } + +check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked, +GtkFileChooserDialog .dialog-vbox > .frame check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } + +.view check:checked:selected, +row:selected check:checked, +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); } + +check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked:disabled, +GtkFileChooserDialog .dialog-vbox > .frame check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + +.view check:checked:disabled:selected, +row:selected check:checked:disabled, +infobar check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); } + +radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio, +GtkFileChooserDialog .dialog-vbox > .frame radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } + +.view radio:selected, +row:selected radio, +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); } + +radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:disabled, +GtkFileChooserDialog .dialog-vbox > .frame radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } + +.view radio:disabled:selected, +row:selected radio:disabled, +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); } + +radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate, +GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } + +.view radio:indeterminate:selected, +row:selected radio:indeterminate, +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); } + +radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate:disabled, +GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } + +.view radio:indeterminate:disabled:selected, +row:selected radio:indeterminate:disabled, +infobar radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); } + +radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked, +GtkFileChooserDialog .dialog-vbox > .frame radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } + +.view radio:checked:selected, +row:selected radio:checked, +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); } + +radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked:disabled, +GtkFileChooserDialog .dialog-vbox > .frame radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + +.view radio:checked:disabled:selected, +row:selected radio:checked:disabled, +infobar radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); } + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); + background-color: transparent; } + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); + background-color: transparent; } + +checkbutton.text-button, radiobutton.text-button { + padding: 1px 2px 4px; + outline-offset: 0; } + checkbutton.text-button:disabled, checkbutton.text-button:disabled:active, checkbutton.text-button:disabled:indeterminate, radiobutton.text-button:disabled, radiobutton.text-button:disabled:active, radiobutton.text-button:disabled:indeterminate { + color: rgba(92, 97, 108, 0.55); } + +radiobutton radio, +checkbutton check { + min-width: 16px; + min-height: 16px; + margin: 0 2px; } + radiobutton radio:only-child, + checkbutton check:only-child { + margin: 0; } + +scale { + -GtkScale-slider-length: 15; + -GtkRange-slider-width: 15; + -GtkRange-trough-border: 0; + outline-offset: -1px; + -gtk-outline-radius: 2px; } + scale marks { + color: alpha(currentColor,0.7); } + scale.fine-tune trough, scale.fine-tune fill, scale.fine-tune highlight { + border-radius: 5px; + margin: 3px; } + scale trough, scale fill, scale highlight { + border-radius: 2.5px; } + scale slider { + background-clip: border-box; + background-image: linear-gradient(to bottom, #fbfbfc); + border: 1px solid rgba(123, 142, 186, 0.5); + border-radius: 50%; + box-shadow: none; } + scale slider:hover { + background-image: linear-gradient(to bottom, white); + border-color: rgba(123, 142, 186, 0.5); } + scale slider:disabled { + background-image: linear-gradient(to bottom, #fbfbfb); + border-color: rgba(123, 142, 186, 0.3); } + scale slider:active { + background-image: linear-gradient(to bottom, #5294E2); + border-color: #5294E2; } + .osd scale slider { + background-image: linear-gradient(to bottom, rgba(53, 57, 69, 0.95)); + border-color: #5294E2; } + .osd scale slider:hover { + background-image: linear-gradient(to bottom, #5294E2); } + .osd scale slider:active { + background-image: linear-gradient(to bottom, #2679db); + border-color: #2679db; } + row:selected scale slider, + infobar scale slider { + background-image: linear-gradient(to bottom, #ffffff); + border-color: #ffffff; } + row:selected scale slider:hover, + infobar scale slider:hover { + background-image: linear-gradient(to bottom, #e5effb); + border-color: #e5effb; } + row:selected scale slider:active, + infobar scale slider:active { + background-image: linear-gradient(to bottom, #a9caf1); + border-color: #a9caf1; } + row:selected scale slider:disabled, + infobar scale slider:disabled { + background-image: linear-gradient(to bottom, #b1cff2); + border-color: #b1cff2; } + scale trough { + margin: 5px; + border: none; + background-image: linear-gradient(to bottom, #cfd6e6); } + scale trough highlight { + background-image: linear-gradient(to bottom, #5294E2); } + scale trough highlight:disabled { + background-image: linear-gradient(to bottom, rgba(82, 148, 226, 0.55)); } + scale trough fill { + background: none; + background-color: red; } + scale trough:disabled { + background-image: linear-gradient(to bottom, rgba(207, 214, 230, 0.55)); } + .osd scale trough { + background-image: linear-gradient(to bottom, rgba(69, 74, 89, 0.95)); + outline-color: rgba(186, 195, 207, 0.2); } + .osd scale trough highlight { + background-image: none; + background-image: linear-gradient(to bottom, #5294E2); } + row:selected scale trough, + infobar scale trough { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); } + row:selected scale trough highlight, + infobar scale trough highlight { + background-image: linear-gradient(to bottom, #ffffff); } + row:selected scale trough highlight:disabled, + infobar scale trough highlight:disabled { + background-image: linear-gradient(to bottom, #b1cff2); } + row:selected scale trough:disabled, + infobar scale trough:disabled { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(92, 97, 108, 0.7); } + progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; } + progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; } + progressbar progress { + background-color: #5294E2; + border: none; + border-radius: 3px; + box-shadow: none; } + row:selected progressbar progress, + infobar progressbar progress { + background-color: #ffffff; } + progressbar trough { + border: none; + border-radius: 3px; + background-color: #cfd6e6; } + row:selected progressbar trough, + infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); } + +levelbar block { + min-width: 32px; + min-height: 1px; } + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; } + +levelbar trough { + border: none; + padding: 3px; + border-radius: 3px; + background-color: #cfd6e6; } + +levelbar.horizontal.discrete block { + margin: 0 1px; } + +levelbar.vertical.discrete block { + margin: 1px 0; } + +levelbar block:not(.empty) { + border: 1px solid #5294E2; + background-color: #5294E2; + border-radius: 2px; } + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; } + +levelbar block.high { + border-color: #5294E2; + background-color: #5294E2; } + +levelbar block.full { + border-color: #73d216; + background-color: #73d216; } + +levelbar block.empty { + background-color: rgba(92, 97, 108, 0.2); + border-color: rgba(92, 97, 108, 0.2); } + +frame border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid #dcdfe3; + padding: 0; } + frame border.flat, + .frame.flat { + border-style: none; } + +paper { + border: 1px solid #dcdfe3; + background: white; + padding: 0; } + +scrolledwindow viewport.frame, placessidebar viewport.frame { + border-style: none; } + +scrolledwindow overshoot.top, placessidebar overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow overshoot.bottom, placessidebar overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow overshoot.left, placessidebar overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow overshoot.right, placessidebar overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow undershoot.top, placessidebar undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; } + +scrolledwindow undershoot.bottom, placessidebar undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; } + +scrolledwindow undershoot.left, placessidebar undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; } + +scrolledwindow undershoot.right, placessidebar undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; } + +scrolledwindow junction, placessidebar junction { + border-color: transparent; + border-image: linear-gradient(to bottom, #dcdfe3 1px, transparent 1px) 0 0 0 1/0 1px stretch; + background-color: #fcfcfc; } + scrolledwindow junction:dir(rtl), placessidebar junction:dir(rtl) { + border-image-slice: 0 1 0 0; } + +separator, .sidebar separator, .sidebar .view separator { + background-color: rgba(0, 0, 0, 0.1); + min-width: 1px; + min-height: 1px; } + +list { + background-color: #ffffff; + border-color: #dcdfe3; } + +row { + padding: 2px; } + +row.activatable.has-open-popup, row.activatable:hover { + background-color: rgba(0, 0, 0, 0.05); } + +row.activatable:active { + color: #5c616c; } + +row.activatable:selected:active { + color: #ffffff; } + +row.activatable:selected.has-open-popup, row.activatable:selected:hover { + background-color: #4a85cb; } + +row.activatable:selected:disabled { + color: rgba(255, 255, 255, 0.7); + background-color: rgba(82, 148, 226, 0.7); } + row.activatable:selected:disabled label { + color: inherit; } + +row, row.activatable { + transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + row:hover, row.activatable:hover { + transition: none; } + +.app-notification { + padding: 10px; + color: #BAC3CF; + background-color: rgba(53, 57, 69, 0.95); + background-clip: border-box; + border-radius: 0 0 2px 2px; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: rgba(31, 33, 40, 0.95); } + .app-notification border { + border: none; } + .app-notification button { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.35); } + .app-notification button.flat, .app-notification button.sidebar-button { + border-color: rgba(82, 148, 226, 0); } + .app-notification button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + .app-notification button:active, .app-notification button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: #5294E2; + background-clip: padding-box; } + .app-notification button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); } + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + expander arrow:hover { + color: #aaaeb7; } + expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +calendar { + color: #5c616c; + border: 1px solid #dcdfe3; + border-radius: 3px; + padding: 2px; } + calendar:selected { + background-color: #5294E2; + color: #ffffff; + border-radius: 1.5px; } + calendar.header { + color: #5c616c; + border: none; + border-radius: 0; } + calendar.button, calendar.button:focus { + color: rgba(92, 97, 108, 0.45); + border-color: transparent; + background-color: transparent; + background-image: none; } + calendar.button:hover, calendar.button:focus:hover { + color: #5c616c; } + calendar.button:disabled, calendar.button:focus:disabled { + color: rgba(92, 97, 108, 0.55); + background-color: transparent; + background-image: none; } + calendar:indeterminate { + color: alpha(currentColor,0.55); } + calendar.highlight { + color: #5c616c; } + +messagedialog { + -GtkDialog-button-spacing: 0; } + messagedialog .titlebar { + background-color: rgba(47, 52, 63, 0.97); + border-bottom: 1px solid rgba(32, 35, 43, 0.97); } + messagedialog .dialog-action-area button { + padding: 2px; } + messagedialog.csd.background { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: none; } + messagedialog.csd .dialog-action-area button { + padding: 2px; + border-radius: 0; } + messagedialog.csd .dialog-action-area button, messagedialog.csd .dialog-action-area button:hover, messagedialog.csd .dialog-action-area button:active, messagedialog.csd .dialog-action-area button:disabled { + border-right-style: none; + border-bottom-style: none; } + messagedialog.csd .dialog-action-area button:last-child { + border-bottom-right-radius: 3px; } + messagedialog.csd .dialog-action-area button:first-child { + border-left-style: none; + border-bottom-left-radius: 3px; } + +.sidebar, .sidebar .view { + border: none; + background-color: #F5F6F7; } + +stacksidebar row { + padding: 10px 4px; } + stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; } + stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; } + +placessidebar row { + padding: 0px; } + placessidebar row > revealer { + padding: 8px 10px; } + placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 8px; } + placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 8px; } + placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 2px; } + placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 2px; } + button.sidebar-button { + min-width: 26px; + min-height: 26px; + padding: 0; + border-radius: 100%; + -gtk-outline-radius: 100%; } + button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.5; } + +placessidebar row.sidebar-placeholder-row { + border: solid 1px #5294E2; } + +placessidebar row.sidebar-new-bookmark-row { + background-color: #d9dde0; } + +placesview .server-list-button > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(0turn); } + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); } + +placesview row.activatable:hover { + background-color: transparent; } + +paned > separator, .sidebar paned > separator, .sidebar .view paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to top, #dcdfe3); + background-size: 1px 1px; } + paned > separator:selected, .sidebar paned > separator:selected, .sidebar .view paned > separator:selected { + background-image: linear-gradient(to top, #5294E2); } + paned > separator.wide, .sidebar paned > separator.wide, .sidebar .view paned > separator.wide { + margin: 0; + padding: 0; + min-width: 5px; + min-height: 5px; + background-image: linear-gradient(to top, #dcdfe3), linear-gradient(to top, #dcdfe3); + background-size: 1px 1px, 1px 1px; } + +paned.horizontal > separator, .sidebar paned.horizontal > separator, .sidebar .view paned.horizontal > separator { + background-repeat: repeat-y; } + paned.horizontal > separator:dir(ltr), .sidebar paned.horizontal > separator:dir(ltr), .sidebar .view paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; } + paned.horizontal > separator:dir(rtl), .sidebar paned.horizontal > separator:dir(rtl), .sidebar .view paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; } + paned.horizontal > separator.wide, .sidebar paned.horizontal > separator.wide, .sidebar .view paned.horizontal > separator.wide { + background-repeat: repeat-y, repeat-y; + background-position: left, right; } + +paned.vertical > separator, .sidebar paned.vertical > separator, .sidebar .view paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; } + paned.vertical > separator.wide, .sidebar paned.vertical > separator.wide, .sidebar .view paned.vertical > separator.wide { + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; } + +infobar { + border-style: none; } + +.info, +.question, +.warning, +.error, +infobar { + background-color: #5294E2; + color: #ffffff; } + +row:selected button, infobar button { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); } + row:selected button.flat, row:selected button.sidebar-button, infobar button.flat, infobar button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0); } + row:selected button:hover, infobar button:hover { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.8); } + row:selected button:active, infobar button:active, row:selected button:active:hover, infobar button:active:hover, row:selected button:checked, infobar button:checked { + color: #5294E2; + outline-color: rgba(82, 148, 226, 0.3); + background-color: #ffffff; + border-color: #ffffff; } + row:selected button:disabled, infobar button:disabled { + color: rgba(255, 255, 255, 0.4); + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.2); } + row:selected button:disabled:active, infobar button:disabled:active, row:selected button:disabled:checked, infobar button:disabled:checked { + color: rgba(82, 148, 226, 0.4); + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.2); } + +tooltip { + border-radius: 2px; + box-shadow: none; } + tooltip.background { + background-color: rgba(53, 57, 69, 0.95); + background-clip: padding-box; } + tooltip decoration { + background-color: transparent; } + tooltip * { + padding: 4px; + background-color: transparent; + color: #BAC3CF; } + +colorswatch, colorswatch:drop(active) { + border-style: none; } + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; } + colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; } + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; } + colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; } + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; } + colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; } + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; } + colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; } + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); } + colorswatch.dark overlay:hover { + border-color: rgba(0, 0, 0, 0.5); } + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); } + colorswatch.light overlay:hover { + border-color: rgba(0, 0, 0, 0.3); } + +colorswatch overlay { + border: 1px solid rgba(0, 0, 0, 0.15); } + colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); } + +colorswatch:disabled { + opacity: 0.5; } + colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; } + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: #fbfbfc; } + colorswatch#add-color-button:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: white; } + colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; } + +button.color { + padding: 0; } + button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; } + +.content-view { + background-color: #ffffff; } + .content-view:hover { + -gtk-icon-effect: highlight; } + +.scale-popup button { + padding: 6px; } + .scale-popup button:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: white; } + +button.scale { + padding: 8px; } + +.context-menu, popover.touch-selection, +popover.background.touch-selection { + font: initial; } + +.monospace { + font: Monospace; } + +button.circular, +button.circular-button { + padding: 0; + min-width: 26px; + min-height: 26px; + border-radius: 50%; + -gtk-outline-radius: 50%; } + button.circular label, + button.circular-button label { + padding: 0; } + +.keycap { + background-color: #ffffff; + border: 1px solid #dcdfe3; + border-radius: 2px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); + color: #5c616c; + padding: 3px 8px 3px 8px; } + .keycap border { + border-style: none; } + +stackswitcher button.text-button { + min-width: 80px; } + +stackswitcher button.circular { + min-width: 0; } + +*:drop(active):focus, +*:drop(active) { + border: 1px solid black; } + +.overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; } + +.overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; } + +.overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; } + +.overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } + +.undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; } + +.undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; } + +.undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; } + +.undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; } + +decoration { + border-radius: 3px 3px 0 0; + border-width: 0px; + box-shadow: 0 0 0 1px rgba(32, 35, 43, 0.97), 0 8px 8px 0 rgba(0, 0, 0, 0.2); + margin: 10px; } + decoration:backdrop { + box-shadow: 0 0 0 1px rgba(32, 35, 43, 0.87), 0 8px 8px 0 transparent, 0 5px 5px 0 rgba(0, 0, 0, 0.2); } + .tiled decoration { + border-radius: 0; } + .popup decoration { + box-shadow: none; + border-radius: 0; } + decoration.popup { + box-shadow: none; + border-radius: 0; } + decoration.ssd { + border-radius: 3px 3px 0 0; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.65); } + decoration.ssd.maximized { + border-radius: 0; } + .csd.popup decoration { + border-radius: 2px; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); } + tooltip.csd decoration { + border-radius: 2px; + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); } + messagedialog.csd decoration { + border-radius: 3px; } + .solid-csd decoration { + border-radius: 0; + margin: 1px; + background-color: rgba(47, 52, 63, 0.97); + box-shadow: none; } + +headerbar.default-decoration button.titlebutton, +.titlebar.default-decoration button.titlebutton { + padding: 0 4px; + min-width: 0; } + +headerbar button.titlebutton, +.titlebar button.titlebutton { + padding: 0; + min-width: 24px; + border-color: transparent; + background-color: transparent; + background-image: none; + background-color: rgba(47, 52, 63, 0); } + headerbar button.titlebutton:hover, + .titlebar button.titlebutton:hover { + color: rgba(207, 218, 231, 0.8); + outline-color: rgba(207, 218, 231, 0.1); + border-color: rgba(21, 23, 28, 0.37); + background-color: rgba(95, 105, 127, 0.37); } + headerbar button.titlebutton:active, headerbar button.titlebutton:checked, + .titlebar button.titlebutton:active, + .titlebar button.titlebutton:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + background-color: #5294E2; } + headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, + .titlebar button.titlebutton.close, + .titlebar button.titlebutton.maximize, + .titlebar button.titlebutton.minimize { + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + border-width: 0; } + headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, + .titlebar button.titlebutton.close:backdrop, + .titlebar button.titlebutton.maximize:backdrop, + .titlebar button.titlebutton.minimize:backdrop { + opacity: 1; } + headerbar button.titlebutton.close, + .titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("assets/titlebutton-close-dark.png"), url("assets/titlebutton-close-dark@2.png")); } + headerbar button.titlebutton.close:backdrop, + .titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop-dark.png"), url("assets/titlebutton-close-backdrop-dark@2.png")); } + headerbar button.titlebutton.close:hover, + .titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("assets/titlebutton-close-hover-dark.png"), url("assets/titlebutton-close-hover-dark@2.png")); } + headerbar button.titlebutton.close:active, + .titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("assets/titlebutton-close-active-dark.png"), url("assets/titlebutton-close-active-dark@2.png")); } + headerbar button.titlebutton.maximize, + .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("assets/titlebutton-max-dark.png"), url("assets/titlebutton-max-dark@2.png")); } + headerbar button.titlebutton.maximize:backdrop, + .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-max-backdrop-dark.png"), url("assets/titlebutton-max-backdrop-dark@2.png")); } + headerbar button.titlebutton.maximize:hover, + .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("assets/titlebutton-max-hover-dark.png"), url("assets/titlebutton-max-hover-dark@2.png")); } + headerbar button.titlebutton.maximize:active, + .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("assets/titlebutton-max-active-dark.png"), url("assets/titlebutton-max-active-dark@2.png")); } + headerbar button.titlebutton.minimize, + .titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("assets/titlebutton-min-dark.png"), url("assets/titlebutton-min-dark@2.png")); } + headerbar button.titlebutton.minimize:backdrop, + .titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-min-backdrop-dark.png"), url("assets/titlebutton-min-backdrop-dark@2.png")); } + headerbar button.titlebutton.minimize:hover, + .titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("assets/titlebutton-min-hover-dark.png"), url("assets/titlebutton-min-hover-dark@2.png")); } + headerbar button.titlebutton.minimize:active, + .titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("assets/titlebutton-min-active-dark.png"), url("assets/titlebutton-min-active-dark@2.png")); } + +.view:selected, +.view selection, +.view selection:focus, +.view selection:hover, +textview text:selected, +textview text selection, +textview text selection:focus, +textview text selection:hover, iconview:selected, iconview:selected:focus, flowbox flowboxchild:selected, label:selected, +label selection, +label selection:focus, +label selection:hover, menuitem.button.flat:active, menuitem.button.flat:selected, +modelbutton.flat:active, +modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected, entry.gb-command-bar-entry.flat:selected, spinbutton.gb-command-bar-entry.flat:selected, entry.gb-command-bar-entry.flat:selected:focus, spinbutton.gb-command-bar-entry.flat:selected:focus, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected:hover, GtkFileChooserDialog placessidebar.sidebar row.activatable:active:hover, +NautilusWindow placessidebar.sidebar row.activatable:selected, +NautilusWindow placessidebar.sidebar row.activatable:selected:hover, +NautilusWindow placessidebar.sidebar row.activatable:active:hover { + background-image: none; + background-color: #5294E2; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); } + +GeditNotebook.notebook header.top tab:active, +ScratchMainWindow .notebook header.top tab:active, +EphyNotebook.notebook header.top tab:active, +MidoriNotebook .notebook header.top tab:active, +TerminalWindow .notebook header.top tab:active, +PantheonTerminalPantheonTerminalWindow .notebook header.top tab:active { + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + +TerminalWindow .notebook.header.top, +PantheonTerminalPantheonTerminalWindow .notebook.header.top { + box-shadow: inset 0 1px #262a33, inset 0 -1px #dcdfe3; } + TerminalWindow .notebook.header.top tab, + PantheonTerminalPantheonTerminalWindow .notebook.header.top tab { + padding-top: 7px; + border-top-width: 3px; } + +GtkHTML { + background-color: #ffffff; + color: #5c616c; } + GtkHTML:active { + color: #ffffff; + background-color: #5294E2; } + +SushiFontWidget { + padding: 6px 12px; } + +TerminalWindow .background { + background-color: transparent; } + +TerminalWindow scrollbar.vertical slider { + margin-left: 3px; } + +TerminalWindow scrollbar trough { + border-width: 0; } + +TerminalWindow .notebook tab button { + color: #92959d; } + TerminalWindow .notebook tab button:hover { + color: #5c616c; + border-color: #cfd6e6; + background-color: #fbfbfc; } + +TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover { + color: #ff4d4d; } + +TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { + color: #5294E2; } + +.nautilus-canvas-item { + border-radius: 2px; } + +.nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item { + color: #ffffff; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } + .nautilus-desktop.nautilus-canvas-item:active, .nemo-desktop.nemo-canvas-item:active { + color: #5c616c; } + .nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected { + color: #ffffff; } + +.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, +popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, +.nautilus-list-dim-label { + color: #a9acb2; } + .nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, headerbar .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, label.nautilus-canvas-item.separator:selected:focus, headerbar .nautilus-canvas-item.subtitle:selected:focus, + .nautilus-list-dim-label:selected, + .nautilus-list-dim-label:selected:focus { + color: #dceaf9; } + +NautilusQueryEditor searchbar { + padding: 5px; + box-shadow: none; + background-color: #ffffff; } + +button.nautilus-circular-button.image-button { + border-radius: 50%; + -gtk-outline-radius: 50%; + padding: 8px; } + +.disk-space-display { + border-style: solid; + border-width: 1px; } + .disk-space-display.unknown { + background-color: rgba(92, 97, 108, 0.5); + border-color: rgba(69, 72, 80, 0.5); } + .disk-space-display.used { + background-color: rgba(82, 148, 226, 0.8); + border-color: rgba(38, 121, 219, 0.8); } + .disk-space-display.free { + background-color: #edeef0; + border-color: #d0d5da; } + +NautilusListView .view { + border-bottom: 1px solid #dcdfe3; } + +NemoWindow EelEditableLabel { + transition: none; } + +NemoWindow .sidebar .frame { + border-width: 0; } + +NemoWindow separator.horizontal, NemoWindow .sidebar .view separator.horizontal, .sidebar .view NemoWindow separator.horizontal { + color: #dcdfe3; } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button { + color: rgba(207, 218, 231, 0.8); + outline-color: rgba(207, 218, 231, 0.1); + border-color: rgba(21, 23, 28, 0.37); + background-color: rgba(95, 105, 127, 0.37); } + NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover { + background-color: rgba(134, 144, 165, 0.37); } + NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + background-color: #5294E2; } + NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled { + color: rgba(207, 218, 231, 0.4); } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):hover { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37), inset -1px 0 rgba(21, 23, 28, 0.37); } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { + box-shadow: inset -1px 0 rgba(21, 23, 28, 0.37); } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37); } + +.gedit-headerbar-paned { + color: rgba(38, 42, 51, 0.97); } + +.open-document-selector-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #ffffff; } + .open-document-selector-treeview.view:hover { + background-color: rgba(0, 0, 0, 0.05); } + .open-document-selector-treeview.view:hover:selected { + color: #ffffff; + background-color: #5294E2; } + +.open-document-selector-name-label { + color: #5c616c; } + +.open-document-selector-path-label { + color: #aeb0b6; + font-size: smaller; } + .open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); } + +.gedit-document-panel row button { + color: transparent; + background-image: none; + background-color: transparent; + border: none; + box-shadow: none; + padding: 4px; } + .gedit-document-panel row button image { + color: inherit; } + +.gedit-document-panel .prelight-row button { + color: #92959d; } + +.gedit-document-panel row button:hover, +.gedit-document-panel .prelight-row button:hover { + color: #ff4d4d; } + +.gedit-document-panel .prelight-row:selected button:hover { + color: #ff6666; + background-image: none; + background-color: transparent; + border: none; + box-shadow: none; } + .gedit-document-panel .prelight-row:selected button:hover:active { + color: #ffffff; } + +.gedit-document-panel .prelight-row button:active { + color: #5c616c; } + +.gedit-document-panel-dragged-row { + border: 1px solid #dcdfe3; + background-color: #d9dde0; + color: #5c616c; } + +GeditStatusbar { + border-top: 1px solid #dcdfe3; + background-color: #F5F6F7; } + +GeditStatusMenuButton.button.flat, +GeditStatusMenuButton:hover.button.flat, +GeditStatusMenuButton:checked.button.flat { + border-bottom-style: none; + border-radius: 0; } + +GeditFileBrowserWidget toolbar, GeditFileBrowserWidget .inline-toolbar { + border-bottom: 1px solid #dcdfe3; } + +.gedit-search-entry-occurrences-tag { + color: rgba(92, 97, 108, 0.6); + border: none; + margin: 2px; + padding: 2px; } + +GeditViewFrame .gedit-search-slider { + background-color: #fbfbfc; + padding: 6px; + border-color: #dcdfe3; + border-radius: 0 0 2px 2px; + border-width: 0 1px 1px 1px; + border-style: solid; } + +GbWorkbench .floating-bar { + color: #5c616c; } + +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr), +GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) { + padding: 0 10px; + color: rgba(207, 218, 231, 0.8); + caret-color: rgba(207, 218, 231, 0.8); + border-color: rgba(21, 23, 28, 0.37); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.37)); + background-color: transparent; } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr) image, GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr) image:hover, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) image, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) image:hover { + color: inherit; } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):hover, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):hover { + color: #ffffff; + caret-color: #ffffff; + border-color: transparent; + background-image: linear-gradient(to bottom, #5294E2); } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):active, GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):checked, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):active, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):checked { + color: #ffffff; + caret-color: #ffffff; + border-color: transparent; + background-image: linear-gradient(to bottom, #5294E2); } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):disabled, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):disabled { + color: rgba(207, 218, 231, 0.35); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.22)); } + +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr), +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):hover, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):active, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):checked { + border-left-style: none; + border-radius: 0 3px 3px 0; + -gtk-outline-radius: 0 1px 1px 0; } + +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl), +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):hover, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):active, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):checked { + border-right-style: none; + border-radius: 3px 0 0 3px; + -gtk-outline-radius: 1px 0 0 1px; } + +GbPreferencesPageLanguage entry, GbPreferencesPageLanguage spinbutton { + border-radius: 3px 3px 0 0; } + +GbPreferencesPageLanguage .frame { + border-top-width: 0; } + +GbEditorTweakWidget .linked.vertical > entry, GbEditorTweakWidget .linked.vertical > spinbutton { + border-bottom-style: solid; } + +GbEditorTweakWidget scrolledwindow, GbEditorTweakWidget placessidebar { + border-top: none; } + +GbViewStack box.header.notebook { + border-bottom: 1px solid #dcdfe3; } + +GbViewStack.focused box.header.notebook, +#project_sidebar_header.focused { + background-color: #ffffff; } + +GbEditorWorkspace > paned > box > box.header.notebook { + border-bottom: 1px solid #dcdfe3; } + +GbNewProjectDialog button.file.linked-on-right button { + border-radius: 3px 0 0 3px; } + +GbWorkspacePane box.header.notebook { + border-bottom: 1px solid #dcdfe3; } + +GbWorkspacePane:not(.focused) box.header.notebook { + background-color: #F5F6F7; } + +DhSidebar entry.search, DhSidebar spinbutton.search, +SymbolTree entry.search, +SymbolTree spinbutton.search { + border-left: none; + border-right: none; + border-top: none; + border-radius: 0px; } + +entry.gb-command-bar-entry.flat, spinbutton.gb-command-bar-entry.flat, +entry.gb-command-bar-entry.flat:focus, +spinbutton.gb-command-bar-entry.flat:focus { + font-family: Monospace; + color: #BAC3CF; + background-image: none; + background-color: #353945; + padding: 6px 6px 6px 6px; + border: none; } + +GbTerminalView { + background-color: #ffffff; + color: #5c616c; } + +GbSourceStyleSchemeWidget GtkSourceView { + font-family: Monospace; } + +scrolledwindow.gb-linked-scroller, placessidebar.gb-linked-scroller { + border-top: none; } + +GbSearchDisplayGroup list row +GbDocumentStack button { + transition: none; } + +GbViewStack box.header.notebook, +GbEditorWorkspace > paned > box > box.header.notebook { + border-bottom: 1px solid #dcdfe3; } + +GbViewStack.focused box.header.notebook { + background-color: #ffffff; } + GbViewStack.focused box.header.notebook button.dim-label, GbViewStack.focused box.header.notebook headerbar button.subtitle, headerbar GbViewStack.focused box.header.notebook button.subtitle { + opacity: 1; } + +EphyWindow .floating-bar { + color: #5c616c; } + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; } + +.documents-icon-bg { + background-color: #5294E2; + color: #ffffff; + border-radius: 2px; } + +.documents-collection-icon { + background-color: rgba(92, 97, 108, 0.3); + border-radius: 2px; } + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #a9caf1; } + +.documents-entry-tag { + background-color: #5294E2; + color: #ffffff; + border-radius: 2px; + border-width: 0; + margin: 2px; + padding: 4px; } + .documents-entry-tag:hover { + color: #ffffff; + background-color: #639fe5; } + .documents-entry-tag:active { + color: #ffffff; + background-color: #4189df; } + toolbar .linked .documents-entry-tag button, .inline-toolbar .linked .documents-entry-tag button { + background: none; + border: none; + box-shadow: none; + -gtk-icon-shadow: none; } + toolbar .linked .documents-entry-tag button:hover, .inline-toolbar .linked .documents-entry-tag button:hover { + color: rgba(255, 255, 255, 0.7); } + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } + +TotemGrilo.vertical GdMainView.frame { + border-width: 0; } + +SynapseGuiSelectionContainer *:selected, +SynapseGuiViewVirgilio *:selected { + background-color: #5294E2; } + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; } + +.gnome-panel-menu-bar, +PanelApplet > menubar, +PanelToplevel, +PanelWidget, +PanelAppletFrame, +PanelApplet { + color: #BAC3CF; + background-image: linear-gradient(to bottom, rgba(43, 46, 55, 0.95)); } + +PanelApplet button, PanelApplet button:backdrop { + padding: 4px; + border: 2px solid transparent; + border-radius: 0; + background-image: none; + background-color: transparent; + color: #BAC3CF; } + +PanelApplet button:hover { + color: #d8dde4; + background-color: rgba(0, 0, 0, 0.17); + border-color: rgba(0, 0, 0, 0.17); } + +PanelApplet button:active, PanelApplet button:active:backdrop, +PanelApplet button:checked, PanelApplet button:checked:backdrop { + background-clip: padding-box; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.25); + border-radius: 0; + border-color: rgba(0, 0, 0, 0.25); + box-shadow: inset 0 -2px #5294E2; } + +PanelApplet:hover { + color: #ffffff; } + +PanelApplet:active, +PanelApplet:hover:active { + color: #5294E2; } + +WnckPager { + color: #5d6268; } + WnckPager:selected { + color: #5294E2; } + +NaTrayApplet { + -NaTrayApplet-icon-padding: 12; + -NaTrayApplet-icon-size: 16; } + +ClockBox { + color: #BAC3CF; } + +.xfce4-panel.panel { + background-color: rgba(43, 46, 55, 0.95); } + .xfce4-panel.panel button.flat, .xfce4-panel.panel button.sidebar-button { + color: #BAC3CF; + background-color: rgba(43, 46, 55, 0); + border-radius: 0; } + .xfce4-panel.panel button.flat:hover, .xfce4-panel.panel button.sidebar-button:hover { + border: none; + background-color: rgba(65, 70, 84, 0.95); } + .xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.sidebar-button:active, .xfce4-panel.panel button.flat:checked, .xfce4-panel.panel button.sidebar-button:checked { + color: #5294E2; + border: none; + background-color: rgba(27, 29, 35, 0.95); } + +.floating-bar { + background-color: #5294E2; + color: #ffffff; } + .floating-bar.top { + border-radius: 0 0 2px 2px; } + .floating-bar.right { + border-radius: 2px 0 0 2px; } + .floating-bar.bottom { + border-radius: 2px 2px 0 0; } + .floating-bar.left { + border-radius: 0 2px 2px 0; } + .floating-bar button { + background-color: transparent; + box-shadow: none; + border: none; } + +BirdieWidgetsTweetList * { + background-image: none; + background-color: transparent; } + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: #ffffff; + background-color: #5294E2; + outline-color: transparent; } + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; } + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; } + +.marlin-pathbar.pathbar { + border-radius: 3px; + padding-left: 4px; + padding-right: 4px; + color: rgba(207, 218, 231, 0.8); + caret-color: rgba(207, 218, 231, 0.8); + border-color: rgba(21, 23, 28, 0.37); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.37)); + background-color: transparent; } + .marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; } + .marlin-pathbar.pathbar:focus { + color: #ffffff; + caret-color: #ffffff; + border-color: transparent; + background-image: linear-gradient(to bottom, #5294E2); } + .marlin-pathbar.pathbar:disabled { + color: rgba(207, 218, 231, 0.35); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.22)); } + .marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { + color: #5294E2; } + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.35); + border-radius: 3px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, white); + background-color: transparent; } + .gala-notification .title, .gala-notification .label { + color: #5c616c; } + +.panel { + background-color: transparent; + color: white; + font-weight: bold; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } + .panel-shadow { + background-image: none; + background-color: transparent; } + .panel .menu { + box-shadow: none; } + .panel .menu .menuitem { + font-weight: normal; + text-shadow: none; + -gtk-icon-shadow: none; } + .panel .menu .window-frame.menu.csd, + .panel .menu .window-frame.popup.csd { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } + .panel .menubar > .menuitem { + padding: 3px 6px; } + .panel .menubar > .menuitem:hover { + background-color: transparent; } + .panel .window-frame.menu.csd, + .panel .window-frame.popup.csd { + box-shadow: none; } + +.composited-indicator { + background-color: transparent; + color: white; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } + .composited-indicator > GtkWidget > GtkWidget:first-child { + padding: 0 2px; } + .composited-indicator .menuitem:active, .composited-indicator .menuitem:hover { + border-style: none; + background-image: none; + box-shadow: none; } + .composited-indicator > .popup > .menu { + padding-top: 8px; + padding-bottom: 8px; } + +.panel-app-button > GtkWidget > GtkWidget:first-child { + padding: 0 2px 0 4px; } + +.panel .menu .spinner, +.menu .spinner { + opacity: 1; } + +WingpanelWidgetsIndicatorPopover.popover { + padding: 0; + text-shadow: none; + -gtk-icon-shadow: none; } + WingpanelWidgetsIndicatorPopover.popover menuitem { + padding: 5px; + outline-color: transparent; + text-shadow: none; + -gtk-icon-shadow: none; + border: solid transparent; + border-width: 1px 0; } + WingpanelWidgetsIndicatorPopover.popover menuitem label, WingpanelWidgetsIndicatorPopover.popover menuitem image { + padding: 0 3px; } + WingpanelWidgetsIndicatorPopover.popover menuitem:hover, WingpanelWidgetsIndicatorPopover.popover menuitem:active { + background-color: rgba(0, 0, 0, 0.04); + border: solid rgba(0, 0, 0, 0.08); + border-width: 1px 0; } + WingpanelWidgetsIndicatorPopover.popover menuitem *:disabled { + color: rgba(92, 97, 108, 0.55); } + +PantheonTerminalPantheonTerminalWindow.background { + background-color: transparent; } + +SwitchboardCategoryView .view:selected, +SwitchboardCategoryView .view:selected:focus { + color: #5c616c; } + +UnityDecoration { + -UnityDecoration-extents: 28px 1 1 1; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 3px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.2); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.07); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #5294E2; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; } + UnityDecoration.top { + border: 1px solid rgba(32, 35, 43, 0.97); + border-bottom-width: 0; + border-radius: 4px 4px 0 0; + padding: 1px 6px 0 6px; + background-image: linear-gradient(to bottom, #2f343f); + color: rgba(207, 218, 231, 0.8); + box-shadow: inset 0 1px rgba(54, 59, 72, 0.97); } + UnityDecoration.top:backdrop { + border-bottom-width: 0; + color: rgba(207, 218, 231, 0.5); } + UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { + background-image: linear-gradient(to bottom, rgba(32, 35, 43, 0.97)); } + +UnityPanelWidget, +.unity-panel { + background-image: linear-gradient(to bottom, #2b2e37); + color: #f6f7f9; + box-shadow: none; } + UnityPanelWidget:backdrop, + .unity-panel:backdrop { + color: #bdc6d1; } + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: #ffffff; + background-image: linear-gradient(to bottom, #5294E2); + border-bottom: none; } + +.overlay-bar { + background-color: #5294E2; + border-color: #5294E2; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; } + .overlay-bar label { + color: #ffffff; } + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid #dcdfe3; + border-right: 1px solid #dcdfe3; } + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; } + +.help_button { + border-radius: 100px; + padding: 3px 9px; } + +toolbar.secondary-toolbar, .secondary-toolbar.inline-toolbar { + padding: 3px; + border-bottom: 1px solid #dcdfe3; } + toolbar.secondary-toolbar button, .secondary-toolbar.inline-toolbar button { + padding: 0 3px 0 3px; } + +toolbar.bottom-toolbar, .bottom-toolbar.inline-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: #dcdfe3; + background-color: #F5F6F7; } + toolbar.bottom-toolbar button, .bottom-toolbar.inline-toolbar button { + padding: 2px 3px 2px 3px; } + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; } + +.source-list, +.source-list.view { + background-color: #F5F6F7; + color: #5c616c; + -gtk-icon-style: regular; } + +.source-list.category-expander { + color: transparent; } + +.source-list.view:hover { + background-color: white; } + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: #ffffff; + background-color: #5294E2; } + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #F5F6F7; + background-image: none; } + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #5294E2; + color: #ffffff; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; } + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: #ffffff; + color: #5294E2; } + +.source-list.category-expander { + color: #5c616c; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; } + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; } + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +GraniteWidgetsWelcome { + background-color: #ffffff; } + +GraniteWidgetsWelcome label { + color: #a9acb2; + font: open sans 11; + text-shadow: none; } + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(92, 97, 108, 0.8); } + +.help_button { + border-radius: 0; } + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; } + +.popover_bg { + background-image: linear-gradient(to bottom, #ffffff); + border: 1px solid rgba(0, 0, 0, 0.3); } + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; } + +GraniteWidgetsXsEntry entry, GraniteWidgetsXsEntry spinbutton { + padding: 4px; } + +.h1 { + font: open sans 24px; } + +.h2 { + font: open sans light 18px; } + +.h3 { + font: open sans 11px; } + +.h4, +.category-label { + color: #8a8e96; + font-weight: 600; } + +.h4 { + padding-bottom: 6px; + padding-top: 6px; } + +GtkListBox .h4 { + padding-left: 6px; } + +#panel_window { + background-color: rgba(43, 46, 55, 0.95); + color: #BAC3CF; + font: bold; + box-shadow: inset 0 -1px rgba(27, 29, 35, 0.95); } + #panel_window .menubar, + #panel_window .menubar > .menuitem { + background-color: transparent; + color: #BAC3CF; + font: bold; } + #panel_window .menubar .menuitem:disabled { + color: rgba(186, 195, 207, 0.5); } + #panel_window .menubar .menuitem:disabled label { + color: inherit; } + #panel_window .menubar .menu .menuitem { + font: normal; } + +#login_window, +#shutdown_dialog, +#restart_dialog { + font: normal; + border-style: none; + background-color: transparent; + color: #5c616c; } + +#content_frame { + padding-bottom: 14px; + background-color: #F5F6F7; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; } + +#content_frame button { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: #fbfbfc; } + #content_frame button:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: white; } + #content_frame button:active, #content_frame button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + #content_frame button:disabled { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + #content_frame button:disabled > label { + color: inherit; } + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: rgba(53, 57, 69, 0.95); + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px rgba(53, 57, 69, 0.95); } + +#buttonbox_frame button { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.35); } + #buttonbox_frame button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + #buttonbox_frame button:active, #buttonbox_frame button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: #5294E2; } + #buttonbox_frame button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); } + +#login_window #user_combobox { + color: #5c616c; + font: 13px; } + #login_window #user_combobox .menu { + font: normal; } + +#user_image { + padding: 3px; + border-radius: 2px; } + +#shutdown_button.button { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #F04A50; + border-color: #F04A50; } + #shutdown_button.button:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #f4797e; + border-color: #f4797e; } + #shutdown_button.button:active, #shutdown_button.button:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ec1b22; + border-color: #ec1b22; } + +#restart_button.button { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #4DADD4; + border-color: #4DADD4; } + #restart_button.button:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #76c0de; + border-color: #76c0de; } + #restart_button.button:active, #restart_button.button:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #2e96c0; + border-color: #2e96c0; } + +#greeter_infobar { + border-bottom-width: 0; + font: bold; } + +.titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator { + color: rgba(38, 42, 51, 0.97); } + +NemoWindow GtkEventBox { + background-color: #F5F6F7; } + +GtkFileChooserDialog.csd.background, GtkFileChooserDialog placessidebar list, +NautilusWindow.csd.background, +NautilusWindow placessidebar list { + background-color: transparent; } + +GtkFileChooserDialog placessidebar.sidebar, +NautilusWindow placessidebar.sidebar { + background-color: rgba(53, 57, 69, 0.95); } + GtkFileChooserDialog placessidebar.sidebar row.sidebar-placeholder-row, + NautilusWindow placessidebar.sidebar row.sidebar-placeholder-row { + border: 1px solid #5294E2; } + GtkFileChooserDialog placessidebar.sidebar row.sidebar-new-bookmark-row, + NautilusWindow placessidebar.sidebar row.sidebar-new-bookmark-row { + background-color: rgba(75, 81, 98, 0.95); } + GtkFileChooserDialog placessidebar.sidebar row.activatable, + NautilusWindow placessidebar.sidebar row.activatable { + border: none; + color: #BAC3CF; } + GtkFileChooserDialog placessidebar.sidebar row.activatable .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable .sidebar-icon { + color: rgba(186, 195, 207, 0.6); } + GtkFileChooserDialog placessidebar.sidebar row.activatable:hover, + NautilusWindow placessidebar.sidebar row.activatable:hover { + background-color: rgba(186, 195, 207, 0.15); } + GtkFileChooserDialog placessidebar.sidebar row.activatable:selected .sidebar-icon, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, GtkFileChooserDialog placessidebar.sidebar row.activatable:active:hover .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable:selected .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable:active:hover .sidebar-icon { + color: inherit; } + GtkFileChooserDialog placessidebar.sidebar separator, GtkFileChooserDialog placessidebar.sidebar .view separator, + NautilusWindow placessidebar.sidebar separator, + NautilusWindow placessidebar.sidebar .view separator { + color: transparent; } + +GtkFileChooserDialog.maximized placessidebar.sidebar, +NautilusWindow.maximized placessidebar.sidebar { + background-color: #353945; } + +GtkFileChooserDialog .sidebar-button.button, +NautilusWindow .sidebar-button.button { + color: #BAC3CF; } + GtkFileChooserDialog .sidebar-button.button:hover, + NautilusWindow .sidebar-button.button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + GtkFileChooserDialog .sidebar-button.button:active, + NautilusWindow .sidebar-button.button:active { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: #5294E2; } + GtkFileChooserDialog .sidebar-button.button:not(:hover):not(:active) > image, + NautilusWindow .sidebar-button.button:not(:hover):not(:active) > image { + opacity: 0.5; } + +NemoWindow.csd.background, +NemoWindow .source-list, NemoWindow .source-list.view, NemoWindow .source-list.view:hover, +MarlinViewWindow.csd.background, +MarlinViewWindow .source-list, +MarlinViewWindow .source-list.view, +MarlinViewWindow .source-list.view:hover { + background-color: transparent; } + +NemoWindow .sidebar, NemoWindow .source-list.sidebar.view, +MarlinViewWindow .sidebar, +MarlinViewWindow .source-list.sidebar.view { + background-color: rgba(53, 57, 69, 0.95); } + NemoWindow .sidebar .view, NemoWindow .sidebar row, NemoWindow .source-list.sidebar.view .view, NemoWindow .source-list.sidebar.view row, + MarlinViewWindow .sidebar .view, + MarlinViewWindow .sidebar row, + MarlinViewWindow .source-list.sidebar.view .view, + MarlinViewWindow .source-list.sidebar.view row { + background-color: transparent; + color: #BAC3CF; } + NemoWindow .sidebar .view.cell:selected, NemoWindow .sidebar row.cell:selected, NemoWindow .source-list.sidebar.view .view.cell:selected, NemoWindow .source-list.sidebar.view row.cell:selected, + MarlinViewWindow .sidebar .view.cell:selected, + MarlinViewWindow .sidebar row.cell:selected, + MarlinViewWindow .source-list.sidebar.view .view.cell:selected, + MarlinViewWindow .source-list.sidebar.view row.cell:selected { + background-color: #5294E2; + color: #ffffff; } + NemoWindow .sidebar.frame, NemoWindow .source-list.sidebar.view.frame, + MarlinViewWindow .sidebar.frame, + MarlinViewWindow .source-list.sidebar.view.frame { + color: #BAC3CF; } + NemoWindow .sidebar separator, NemoWindow .sidebar .view separator, NemoWindow .source-list.sidebar.view separator, + MarlinViewWindow .sidebar separator, + MarlinViewWindow .sidebar separator, + MarlinViewWindow .sidebar .view separator, + MarlinViewWindow .source-list.sidebar.view separator { + color: transparent; } + +NemoWindow.maximized .sidebar, +MarlinViewWindow.maximized .sidebar { + background-color: #353945; } + +NemoWindow.background > GtkGrid > paned > separator, .sidebar NemoWindow.background > GtkGrid > paned > separator, .sidebar .view NemoWindow.background > GtkGrid > paned > separator, +MarlinViewWindow.background > GtkBox > paned > separator, .sidebar +MarlinViewWindow.background > GtkBox > paned > separator, .sidebar .view +MarlinViewWindow.background > GtkBox > paned > separator { + background-color: rgba(53, 57, 69, 0.95); } + +NautilusWindow NautilusWindowSlot { + background-color: #ffffff; } + +NautilusDesktopWindow NautilusWindowSlot { + background-color: transparent; } + +GtkFileChooserDialog.background.csd, GtkFileChooserDialog.background { + background-color: rgba(53, 57, 69, 0.95); } + +GtkFileChooserDialog scrolledwindow.sidebar, GtkFileChooserDialog placessidebar.sidebar { + background-color: transparent; } + +GtkFileChooserDialog paned > .vertical > .horizontal { + background-color: #F5F6F7; } + +GtkFileChooserDialog .dialog-action-box { + background-color: #F5F6F7; } + +GtkFileChooserDialog .dialog-vbox > .frame { + color: #BAC3CF; + border-color: transparent; } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame { + background-color: transparent; + border-color: rgba(37, 40, 49, 0.95); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame label, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame combobox, +GtkFileChooserDialog .dialog-vbox > .frame label, +GtkFileChooserDialog .dialog-vbox > .frame combobox { + color: #BAC3CF; } + +FeedReaderreaderUI.background.csd > .titlebar .pane-separator, +FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator, +FeedReaderreaderUI.background.csd > .titlebar .pane-separator:backdrop, +FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator:backdrop, +GeditWindow.background.csd > .titlebar .pane-separator, +GeditWindow.background.csd.maximized > .titlebar .pane-separator, +GeditWindow.background.csd > .titlebar .pane-separator:backdrop, +GeditWindow.background.csd.maximized > .titlebar .pane-separator:backdrop { + background-color: rgba(38, 42, 51, 0.97); } + +FeedReaderreaderUI.background.csd > .titlebar > headerbar.titlebar, +GeditWindow.background.csd > .titlebar > headerbar.titlebar { + background-color: rgba(47, 52, 63, 0.97); } + FeedReaderreaderUI.background.csd > .titlebar > headerbar.titlebar:backdrop, + GeditWindow.background.csd > .titlebar > headerbar.titlebar:backdrop { + background-color: rgba(50, 56, 67, 0.97); } + +FeedReaderreaderUI.background.csd.maximized > .titlebar > headerbar.titlebar, +GeditWindow.background.csd.maximized > .titlebar > headerbar.titlebar { + background-color: #2f343f; } + FeedReaderreaderUI.background.csd.maximized > .titlebar > headerbar.titlebar:backdrop, + GeditWindow.background.csd.maximized > .titlebar > headerbar.titlebar:backdrop { + background-color: #323843; } + +FeedReaderreaderUI.background.csd > FeedReaderreaderHeaderbar.titlebar, +GeditWindow.background.csd > .titlebar { + background-color: transparent; } + +GeditWindow.background.csd { + background-color: transparent; } + +GeditWindow.background .gedit-side-panel-paned .pane-separator { + background-color: rgba(53, 57, 69, 0.95); } + +GeditWindow.background .gedit-bottom-panel-paned .pane-separator { + background-color: #dcdfe3; } + +.gedit-bottom-panel-paned { + background-color: #ffffff; } + +.gedit-document-panel { + background-color: rgba(53, 57, 69, 0.95); } + .maximized .gedit-document-panel { + background-color: #353945; } + .gedit-document-panel row { + color: #BAC3CF; } + .gedit-document-panel row { + background-color: rgba(186, 195, 207, 0); + border: solid rgba(186, 195, 207, 0); + border-width: 3px 2px 3px 2px; } + .gedit-document-panel row:hover { + border: solid rgba(186, 195, 207, 0.15); + border-width: 3px 2px 3px 2px; + background-color: rgba(186, 195, 207, 0.15); } + .gedit-document-panel row:active { + color: #ffffff; + background-color: #5294E2; + border: solid #5294E2; + border-width: 3px 2px 3px 2px; } + .gedit-document-panel row:active button { + color: #ffffff; } + .gedit-document-panel row:selected, .gedit-document-panel row:selected:hover { + color: #ffffff; + background-color: #5294E2; + border: solid #5294E2; + border-width: 3px 2px 3px 2px; } + .gedit-document-panel .prelight-row button:active { + color: #BAC3CF; } + +GeditFileBrowserWidget { + background-color: rgba(53, 57, 69, 0.95); } + .maximized GeditFileBrowserWidget { + background-color: #353945; } + GeditFileBrowserWidget .horizontal { + background-color: transparent; + border-color: rgba(37, 40, 49, 0.95); } + GeditFileBrowserWidget .horizontal combobox { + color: #BAC3CF; } + +GeditWindow.background.csd GeditFileBrowserView.view { + background-color: transparent; + color: #BAC3CF; } + GeditWindow.background.csd GeditFileBrowserView.view.expander { + color: #BAC3CF; } + GeditWindow.background.csd GeditFileBrowserView.view.expander:hover { + color: #5294E2; } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button, +GtkFileChooserDialog .dialog-vbox > .frame button, GeditFileBrowserWidget .horizontal button { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.35); } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:hover, + GtkFileChooserDialog .dialog-vbox > .frame button:hover, GeditFileBrowserWidget .horizontal button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:active, + GtkFileChooserDialog .dialog-vbox > .frame button:active, GeditFileBrowserWidget .horizontal button:active, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:checked, + GtkFileChooserDialog .dialog-vbox > .frame button:checked, GeditFileBrowserWidget .horizontal button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: #5294E2; } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:disabled, + GtkFileChooserDialog .dialog-vbox > .frame button:disabled, GeditFileBrowserWidget .horizontal button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton, +GtkFileChooserDialog .dialog-vbox > .frame entry, +GtkFileChooserDialog .dialog-vbox > .frame spinbutton { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.35); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.35)); + background-color: transparent; } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry image, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton image, + GtkFileChooserDialog .dialog-vbox > .frame entry image, + GtkFileChooserDialog .dialog-vbox > .frame spinbutton image, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry image:hover, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton image:hover, + GtkFileChooserDialog .dialog-vbox > .frame entry image:hover, + GtkFileChooserDialog .dialog-vbox > .frame spinbutton image:hover { + color: inherit; } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry:focus, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton:focus, + GtkFileChooserDialog .dialog-vbox > .frame entry:focus, + GtkFileChooserDialog .dialog-vbox > .frame spinbutton:focus { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.35); + background-image: linear-gradient(to bottom, #5294E2); } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry:disabled, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton:disabled, + GtkFileChooserDialog .dialog-vbox > .frame entry:disabled, + GtkFileChooserDialog .dialog-vbox > .frame spinbutton:disabled { + color: rgba(186, 195, 207, 0.55); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.2)); } + +GtkFileChooserDialog placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, +NautilusWindow placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, NemoWindow .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, +MarlinViewWindow .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, GeditFileBrowserWidget scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: #e7eaee; + border: 1px solid rgba(0, 0, 0, 0.3); } + +GtkFileChooserDialog placessidebar.sidebar scrollbar slider, +NautilusWindow placessidebar.sidebar scrollbar slider, NemoWindow .sidebar scrollbar slider, NemoWindow .source-list.sidebar.view scrollbar slider, +MarlinViewWindow .sidebar scrollbar slider, +MarlinViewWindow .source-list.sidebar.view scrollbar slider, GeditFileBrowserWidget scrollbar slider { + background-color: rgba(231, 234, 238, 0.7); } + GtkFileChooserDialog placessidebar.sidebar scrollbar slider:hover, + NautilusWindow placessidebar.sidebar scrollbar slider:hover, NemoWindow .sidebar scrollbar slider:hover, NemoWindow .source-list.sidebar.view scrollbar slider:hover, + MarlinViewWindow .sidebar scrollbar slider:hover, + MarlinViewWindow .source-list.sidebar.view scrollbar slider:hover, GeditFileBrowserWidget scrollbar slider:hover { + background-color: #f6f7f9; } + GtkFileChooserDialog placessidebar.sidebar scrollbar slider:hover:active, + NautilusWindow placessidebar.sidebar scrollbar slider:hover:active, NemoWindow .sidebar scrollbar slider:hover:active, + MarlinViewWindow .sidebar scrollbar slider:hover:active, GeditFileBrowserWidget scrollbar slider:hover:active { + background-color: #5294E2; } + GtkFileChooserDialog placessidebar.sidebar scrollbar slider:disabled, + NautilusWindow placessidebar.sidebar scrollbar slider:disabled, NemoWindow .sidebar scrollbar slider:disabled, NemoWindow .source-list.sidebar.view scrollbar slider:disabled, + MarlinViewWindow .sidebar scrollbar slider:disabled, + MarlinViewWindow .source-list.sidebar.view scrollbar slider:disabled, GeditFileBrowserWidget scrollbar slider:disabled { + background-color: transparent; } + +GtkFileChooserDialog placessidebar.sidebar scrollbar trough, +NautilusWindow placessidebar.sidebar scrollbar trough, NemoWindow .sidebar scrollbar trough, NemoWindow .source-list.sidebar.view scrollbar trough, +MarlinViewWindow .sidebar scrollbar trough, +MarlinViewWindow .source-list.sidebar.view scrollbar trough, GeditFileBrowserWidget scrollbar trough { + background-color: rgba(0, 0, 0, 0.2); + border: none; } + +@define-color theme_fg_color #5c616c; +@define-color theme_text_color #5c616c; +@define-color theme_bg_color #F5F6F7; +@define-color theme_base_color #ffffff; +@define-color theme_selected_bg_color #5294E2; +@define-color theme_selected_fg_color #ffffff; +@define-color fg_color #5c616c; +@define-color text_color #5c616c; +@define-color bg_color #F5F6F7; +@define-color base_color #ffffff; +@define-color selected_bg_color #5294E2; +@define-color selected_fg_color #ffffff; +@define-color insensitive_bg_color #fbfbfc; +@define-color insensitive_fg_color alpha(#5c616c,0.5); +@define-color insensitive_base_color #ffffff; +@define-color theme_unfocused_fg_color #5c616c; +@define-color theme_unfocused_text_color #5c616c; +@define-color theme_unfocused_bg_color #F5F6F7; +@define-color theme_unfocused_base_color #ffffff; +@define-color borders #dcdfe3; +@define-color unfocused_borders #dcdfe3; +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #73d216; +@define-color placeholder_text_color #A8A8A8; +@define-color content_view_bg #ffffff; +@define-color wm_title alpha(#cfdae7,0.8); +@define-color wm_unfocused_title alpha(#cfdae7,0.5); +@define-color wm_bg #2f343f; +@define-color wm_bg_unfocused #323843; +@define-color wm_highlight #363b48; +@define-color wm_shadow alpha(black,0.35); +@define-color wm_button_close_bg #cc575d; +@define-color wm_button_close_hover_bg #d7787d; +@define-color wm_button_close_active_bg #be3841; +@define-color wm_icon_close_bg #2f343f; +@define-color wm_button_hover_bg #454C5C; +@define-color wm_button_active_bg #5294E2; +@define-color wm_button_hover_border #262932; +@define-color wm_icon_bg #90939B; +@define-color wm_icon_unfocused_bg #666A74; +@define-color wm_icon_hover_bg #C4C7CC; +@define-color wm_icon_active_bg #ffffff; diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css new file mode 100644 index 0000000..94271f5 --- /dev/null +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -0,0 +1,4210 @@ +* { + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkTreeView-expander-size: 11; + -GtkTreeView-horizontal-separator: 4; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: rgba(211, 218, 227, 0.3); + outline-style: dashed; + outline-offset: -3px; + outline-width: 1px; + -gtk-outline-radius: 2px; } + +.background { + color: #D3DAE3; + background-color: #383C4A; } + +*:disabled { + -gtk-icon-effect: dim; } + +.gtkstyle-fallback { + background-color: #383C4A; + color: #D3DAE3; } + .gtkstyle-fallback:hover { + background-color: #4e5467; + color: #D3DAE3; } + .gtkstyle-fallback:active { + background-color: #22242d; + color: #D3DAE3; } + .gtkstyle-fallback:disabled { + background-color: #3c4150; + color: rgba(211, 218, 227, 0.45); } + .gtkstyle-fallback:selected { + background-color: #5294E2; + color: #ffffff; } + +.view, +textview text { + color: #D3DAE3; + background-color: #404552; } + .view.dim-label, label.view.separator, + popover.background label.view.separator, headerbar .view.subtitle, + textview text.dim-label, + textview headerbar text.subtitle, headerbar + textview text.subtitle { + color: rgba(211, 218, 227, 0.55); } + .view.dim-label selection, label.view.separator selection, headerbar .view.subtitle selection, .view.dim-label selection:focus, label.view.separator selection:focus, headerbar .view.subtitle selection:focus, + textview text.dim-label selection, + textview headerbar text.subtitle selection, headerbar + textview text.subtitle selection, + textview text.dim-label selection:focus, + textview headerbar text.subtitle selection:focus, headerbar + textview text.subtitle selection:focus { + color: rgba(255, 255, 255, 0.65); + text-shadow: none; } + +iconview { + color: #D3DAE3; + background-color: #404552; } + iconview:selected, iconview:selected:focus { + border-radius: 3px; } + +rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, +.rubberband { + border: 1px solid #2679db; + background-color: rgba(38, 121, 219, 0.2); } + +flowbox flowboxchild { + padding: 3px; + border-radius: 2px; } + flowbox flowboxchild:selected { + outline-offset: -2px; } + +label.separator, popover label.separator, +popover.background label.separator { + color: #D3DAE3; } + +label:disabled { + color: rgba(211, 218, 227, 0.45); } + +.dim-label, label.separator, popover label.separator, +popover.background label.separator, headerbar .subtitle { + opacity: 0.55; } + +assistant .sidebar { + background-color: #404552; + border-top: 1px solid #2b2e39; } + assistant .sidebar:dir(ltr) { + border-right: 1px solid #2b2e39; } + assistant .sidebar:dir(rtl) { + border-left: 1px solid #2b2e39; } + +assistant.csd .sidebar { + border-top-style: none; } + +assistant .sidebar label { + padding: 6px 12px; } + +assistant .sidebar label.highlight { + background-color: #5294E2; + color: #ffffff; } + +textview { + background-color: #3c414e; } + +popover.osd, popover.magnifier, +popover.background.osd, +popover.background.magnifier, .osd { + color: #BAC3CF; + border: none; + background-color: #353945; + background-clip: padding-box; + outline-color: rgba(186, 195, 207, 0.3); + box-shadow: none; } + +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); } } + +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } + spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; } + spinner:checked:disabled { + opacity: 0.5; } + +entry, spinbutton { + min-height: 26px; + border: 1px solid; + padding-left: 8px; + padding-right: 8px; + border-radius: 3px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: #D3DAE3; + caret-color: #D3DAE3; + border-color: #2b2e39; + background-color: #404552; + background-image: linear-gradient(to bottom, #404552); } + entry.search, spinbutton.search { + border-radius: 20px; } + entry image, spinbutton image { + color: #b6bcc6; } + entry image.left, spinbutton image.left { + padding-left: 0; + padding-right: 5px; } + entry image.right, spinbutton image.right { + padding-right: 0; + padding-left: 5px; } + entry.flat, spinbutton.flat, entry.flat:focus, spinbutton.flat:focus { + color: #D3DAE3; + caret-color: #D3DAE3; + border-color: #2b2e39; + background-color: #404552; + background-image: linear-gradient(to bottom, #404552); + padding-left: 2px; + padding-right: 2px; + border: none; + border-radius: 0; } + entry:focus, spinbutton:focus { + background-clip: border-box; + color: #D3DAE3; + caret-color: #D3DAE3; + border-color: #2b2e39; + background-color: #404552; + background-image: linear-gradient(to bottom, #404552); + box-shadow: inset 1px 0 #5294E2, inset -1px 0 #5294E2, inset 0 1px #5294E2, inset 0 -1px #5294E2; } + entry:disabled, spinbutton:disabled { + color: rgba(211, 218, 227, 0.45); + border-color: rgba(43, 46, 57, 0.55); + background-color: rgba(64, 69, 82, 0.55); + background-image: linear-gradient(to bottom, rgba(64, 69, 82, 0.55)); } + entry selection, spinbutton selection, + entry selection:focus, spinbutton selection:focus { + background-color: #5294E2; + color: #ffffff; } + entry progress, spinbutton progress { + margin: 2px 12px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #5294E2; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; } + entry.warning, spinbutton.warning { + color: #ffffff; + border-color: #2b2e39; + background-image: linear-gradient(to bottom, #ab6441); } + entry.warning:focus, spinbutton.warning:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, #F27835); + box-shadow: none; } + entry.warning selection, spinbutton.warning selection, entry.warning selection:focus, spinbutton.warning selection:focus { + background-color: #ffffff; + color: #F27835; } + entry.error, spinbutton.error { + color: #ffffff; + border-color: #2b2e39; + background-image: linear-gradient(to bottom, #b14342); } + entry.error:focus, spinbutton.error:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, #FC4138); + box-shadow: none; } + entry.error selection, spinbutton.error selection, entry.error selection:focus, spinbutton.error selection:focus { + background-color: #ffffff; + color: #FC4138; } + .osd entry, .osd spinbutton { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.4); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.4)); + background-color: transparent; } + .osd entry image, .osd spinbutton image, .osd entry image:hover, .osd spinbutton image:hover { + color: inherit; } + .osd entry:focus, .osd spinbutton:focus { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.4); + background-image: linear-gradient(to bottom, #5294E2); } + .osd entry:disabled, .osd spinbutton:disabled { + color: rgba(186, 195, 207, 0.55); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.25)); } + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#5294E2), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); } } + +button { + min-height: 26px; + min-width: 20px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 3px; + padding: 0 6px; + color: #D3DAE3; + outline-color: rgba(211, 218, 227, 0.3); + border-color: #2b2e39; + background-color: #444a58; } + button separator, button .sidebar separator, .sidebar button separator, button .sidebar .view separator, .sidebar .view button separator { + margin: 4px 1px; } + button.flat, button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + background-color: rgba(68, 74, 88, 0); + border-color: rgba(43, 46, 57, 0); + transition: none; } + button.flat:hover, button.sidebar-button:hover { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; } + button.flat:hover:active, button.sidebar-button:hover:active { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + button:hover { + color: #D3DAE3; + outline-color: rgba(211, 218, 227, 0.3); + border-color: #2b2e39; + background-color: #505666; + -gtk-icon-effect: highlight; } + button:active, button:checked { + background-clip: padding-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #2b2e39; + background-color: #5294E2; + transition-duration: 50ms; } + button:active { + color: #D3DAE3; } + button:active:hover, button:checked { + color: #ffffff; } + button.flat:disabled, button.sidebar-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; } + button:disabled { + color: rgba(211, 218, 227, 0.45); + border-color: rgba(43, 46, 57, 0.55); + background-color: rgba(68, 74, 88, 0.55); } + button:disabled > label { + color: inherit; } + button:disabled:active, button:disabled:checked { + color: rgba(255, 255, 255, 0.8); + border-color: rgba(82, 148, 226, 0.75); + background-color: rgba(82, 148, 226, 0.75); + opacity: 0.6; } + button:disabled:active > label, button:disabled:checked > label { + color: inherit; } + button.osd { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + background-color: #353945; + border-color: #23262e; } + button.osd.image-button { + min-height: 48px; + min-width: 48px; } + button.osd:hover { + color: #5294E2; } + button.osd:active, button.osd:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: #5294E2; } + button.osd:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.25); } + .osd button { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.4); } + .osd button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(119, 127, 151, 0.5); } + .osd button:active, .osd button:checked { + background-clip: padding-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: #5294E2; } + .osd button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.25); } + .osd button.flat, .osd button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } + .osd button.flat:hover, .osd button.sidebar-button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(119, 127, 151, 0.5); } + .osd button.flat:disabled, .osd button.sidebar-button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.25); + background-image: none; } + .osd button.flat:active, .osd button.sidebar-button:active, .osd button.flat:checked, .osd button.sidebar-button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: #5294E2; } + button.suggested-action { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #4DADD4; + border-color: #4DADD4; } + button.suggested-action.flat, button.suggested-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #4DADD4; + outline-color: rgba(77, 173, 212, 0.3); } + button.suggested-action:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #76c0de; + border-color: #76c0de; } + button.suggested-action:active, button.suggested-action:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #2e96c0; + border-color: #2e96c0; } + button.suggested-action.flat:disabled, button.suggested-action.sidebar-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(211, 218, 227, 0.45); } + button.suggested-action:disabled { + color: rgba(211, 218, 227, 0.45); + border-color: rgba(43, 46, 57, 0.55); + background-color: rgba(68, 74, 88, 0.55); } + button.suggested-action:disabled > label { + color: inherit; } + button.destructive-action { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #F04A50; + border-color: #F04A50; } + button.destructive-action.flat, button.destructive-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #F04A50; + outline-color: rgba(240, 74, 80, 0.3); } + button.destructive-action:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #f4797e; + border-color: #f4797e; } + button.destructive-action:active, button.destructive-action:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ec1b22; + border-color: #ec1b22; } + button.destructive-action.flat:disabled, button.destructive-action.sidebar-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(211, 218, 227, 0.45); } + button.destructive-action:disabled { + color: rgba(211, 218, 227, 0.45); + border-color: rgba(43, 46, 57, 0.55); + background-color: rgba(68, 74, 88, 0.55); } + button.destructive-action:disabled > label { + color: inherit; } + button.text-button { + padding-left: 16px; + padding-right: 16px; } + button.text-button.image-button label:first-child { + padding-left: 8px; } + button.text-button.image-button label:last-child { + padding-right: 8px; } + .stack-switcher > button { + outline-offset: -3px; } + .stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; } + .stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; + padding-top: 3px; + padding-bottom: 3px; } + .stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; } + .stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; } + .stack-switcher > button.needs-attention:active > label, + .stack-switcher > button.needs-attention:active > image, + .stack-switcher > button.needs-attention:checked > label, + .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; } + .stack-switcher > button.needs-attention > label, + .stack-switcher > button.needs-attention > image, button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 2px; } + .stack-switcher > button.needs-attention > label:dir(rtl), + .stack-switcher > button.needs-attention > image:dir(rtl), button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl) { + background-position: left 3px, left 2px; } + .inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 2px; + border-width: 1px; } + +.inline-toolbar toolbutton > button { + color: #D3DAE3; + outline-color: rgba(211, 218, 227, 0.3); + border-color: #2b2e39; + background-color: #444a58; } + .inline-toolbar toolbutton > button:hover { + color: #D3DAE3; + outline-color: rgba(211, 218, 227, 0.3); + border-color: #2b2e39; + background-color: #505666; } + .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #2b2e39; + background-color: #5294E2; } + .inline-toolbar toolbutton > button:disabled { + color: rgba(211, 218, 227, 0.45); + border-color: rgba(43, 46, 57, 0.55); + background-color: rgba(68, 74, 88, 0.55); } + .inline-toolbar toolbutton > button:disabled > label { + color: inherit; } + .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); + border-color: rgba(82, 148, 226, 0.75); + background-color: rgba(82, 148, 226, 0.75); + opacity: 0.6; } + .inline-toolbar toolbutton > button:disabled:active > label, .inline-toolbar toolbutton > button:disabled:checked > label { + color: inherit; } + +.linked:not(.vertical):not(.pathbar) > entry + entry, .linked:not(.vertical):not(.pathbar) > spinbutton + entry, .linked:not(.vertical):not(.pathbar) > entry + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton { + border-left-color: rgba(43, 46, 57, 0.3); } + +.linked:not(.vertical):not(.pathbar) > entry.error + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry, .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton, +.linked:not(.vertical):not(.pathbar) > entry + entry.error, +.linked:not(.vertical):not(.pathbar) > spinbutton + entry.error, +.linked:not(.vertical):not(.pathbar) > entry + spinbutton.error, +.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error { + border-left-color: rgba(43, 46, 57, 0.3); } + +.linked:not(.vertical):not(.pathbar) > entry.warning + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.warning + entry, .linked:not(.vertical):not(.pathbar) > entry.warning + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.warning + spinbutton, +.linked:not(.vertical):not(.pathbar) > entry + entry.warning, +.linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning, +.linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning, +.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning { + border-left-color: rgba(43, 46, 57, 0.3); } + +.linked:not(.vertical):not(.pathbar) > entry.error + entry.warning, .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry.warning, .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton.warning, .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton.warning { + border-left-color: rgba(43, 46, 57, 0.3); } + +.linked:not(.vertical):not(.pathbar) > entry + entry:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:not(:last-child), +.linked:not(.vertical):not(.pathbar) > entry + entry:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:last-child, +.linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:last-child { + border-left-color: #2b2e39; } + +.linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:not(:last-child), +.linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:last-child, +.linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:last-child { + border-left-color: #2b2e39; } + +.linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:not(:last-child), +.linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:last-child, +.linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:last-child { + border-left-color: #2b2e39; } + +.linked:not(.vertical):not(.pathbar) > entry + button, .linked:not(.vertical):not(.pathbar) > spinbutton + button, +.linked:not(.vertical):not(.pathbar) > entry + button:hover, +.linked:not(.vertical):not(.pathbar) > spinbutton + button:hover, +.linked:not(.vertical):not(.pathbar) > entry + button:active, +.linked:not(.vertical):not(.pathbar) > spinbutton + button:active, +.linked:not(.vertical):not(.pathbar) > entry + button:checked, +.linked:not(.vertical):not(.pathbar) > spinbutton + button:checked, +.linked:not(.vertical):not(.pathbar) > entry + button:disabled, +.linked:not(.vertical):not(.pathbar) > spinbutton + button:disabled { + border-left-style: solid; } + +.linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + combobox > button.combo, +.linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + combobox > button.combo { + border-left-color: #2b2e39; } + +.linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + combobox > button.combo, +.linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { + border-left-color: #2b2e39; } + +.linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + combobox > button.combo, +.linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + combobox > button.combo { + border-left-color: #2b2e39; } + +.linked:not(.vertical):not(.pathbar) > button:hover:not(:checked):not(:active):not(:only-child), +.linked:not(.vertical):not(.pathbar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: -1px 0 #2b2e39; } + +.linked:not(.vertical):not(.pathbar) > button:first-child:hover:not(:checked):not(:active) { + box-shadow: none; } + +.linked:not(.vertical):not(.pathbar) > button:checked + button:not(:checked):not(:active):hover { + box-shadow: none; } + +.linked:not(.vertical):not(.pathbar) > button:checked + entry, .linked:not(.vertical):not(.pathbar) > button:checked + spinbutton { + border-left-color: #2b2e39; } + +.linked:not(.vertical):not(.pathbar) > entry + button:not(:checked):not(:active):hover, .linked:not(.vertical):not(.pathbar) > spinbutton + button:not(:checked):not(:active):hover { + box-shadow: none; } + +.linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover { + box-shadow: inset 1px 0 rgba(43, 46, 57, 0.5), inset -1px 0 rgba(43, 46, 57, 0.5); } + +.linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { + box-shadow: inset -1px 0 rgba(43, 46, 57, 0.5); } + +.linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { + box-shadow: inset 1px 0 rgba(43, 46, 57, 0.5); } + +.linked.vertical > entry + entry, .linked.vertical > spinbutton + entry, .linked.vertical > entry + spinbutton, .linked.vertical > spinbutton + spinbutton { + border-top-color: rgba(43, 46, 57, 0.3); } + +.linked.vertical > entry.error + entry, .linked.vertical > spinbutton.error + entry, .linked.vertical > entry.error + spinbutton, .linked.vertical > spinbutton.error + spinbutton, +.linked.vertical > entry + entry.error, +.linked.vertical > spinbutton + entry.error, +.linked.vertical > entry + spinbutton.error, +.linked.vertical > spinbutton + spinbutton.error { + border-top-color: rgba(43, 46, 57, 0.3); } + +.linked.vertical > entry.warning + entry, .linked.vertical > spinbutton.warning + entry, .linked.vertical > entry.warning + spinbutton, .linked.vertical > spinbutton.warning + spinbutton, +.linked.vertical > entry + entry.warning, +.linked.vertical > spinbutton + entry.warning, +.linked.vertical > entry + spinbutton.warning, +.linked.vertical > spinbutton + spinbutton.warning { + border-top-color: rgba(43, 46, 57, 0.3); } + +.linked.vertical > entry.error + entry.warning, .linked.vertical > spinbutton.error + entry.warning, .linked.vertical > entry.error + spinbutton.warning, .linked.vertical > spinbutton.error + spinbutton.warning { + border-top-color: rgba(43, 46, 57, 0.3); } + +.linked.vertical > entry + entry:focus:not(:last-child), .linked.vertical > spinbutton + entry:focus:not(:last-child), .linked.vertical > entry + spinbutton:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton:focus:not(:last-child), +.linked.vertical > entry + entry:focus:last-child, +.linked.vertical > spinbutton + entry:focus:last-child, +.linked.vertical > entry + spinbutton:focus:last-child, +.linked.vertical > spinbutton + spinbutton:focus:last-child { + border-top-color: #2b2e39; } + +.linked.vertical > entry + entry.warning:focus:not(:last-child), .linked.vertical > spinbutton + entry.warning:focus:not(:last-child), .linked.vertical > entry + spinbutton.warning:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton.warning:focus:not(:last-child), +.linked.vertical > entry + entry.warning:focus:last-child, +.linked.vertical > spinbutton + entry.warning:focus:last-child, +.linked.vertical > entry + spinbutton.warning:focus:last-child, +.linked.vertical > spinbutton + spinbutton.warning:focus:last-child { + border-top-color: #2b2e39; } + +.linked.vertical > entry + entry.error:focus:not(:last-child), .linked.vertical > spinbutton + entry.error:focus:not(:last-child), .linked.vertical > entry + spinbutton.error:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton.error:focus:not(:last-child), +.linked.vertical > entry + entry.error:focus:last-child, +.linked.vertical > spinbutton + entry.error:focus:last-child, +.linked.vertical > entry + spinbutton.error:focus:last-child, +.linked.vertical > spinbutton + spinbutton.error:focus:last-child { + border-top-color: #2b2e39; } + +.linked.vertical > entry + button, .linked.vertical > spinbutton + button, +.linked.vertical > entry + button:hover, +.linked.vertical > spinbutton + button:hover, +.linked.vertical > entry + button:active, +.linked.vertical > spinbutton + button:active, +.linked.vertical > entry + button:checked, +.linked.vertical > spinbutton + button:checked, +.linked.vertical > entry + button:disabled, +.linked.vertical > spinbutton + button:disabled { + border-top-style: solid; } + +.linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > spinbutton:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton:focus:not(:only-child) + spinbutton, +.linked.vertical > entry:focus:not(:only-child) + button, +.linked.vertical > spinbutton:focus:not(:only-child) + button, +.linked.vertical > entry:focus:not(:only-child) + combobox > button.combo, +.linked.vertical > spinbutton:focus:not(:only-child) + combobox > button.combo { + border-top-color: #2b2e39; } + +.linked.vertical > entry.warning:focus:not(:only-child) + entry, .linked.vertical > spinbutton.warning:focus:not(:only-child) + entry, .linked.vertical > entry.warning:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton.warning:focus:not(:only-child) + spinbutton, +.linked.vertical > entry.warning:focus:not(:only-child) + button, +.linked.vertical > spinbutton.warning:focus:not(:only-child) + button, +.linked.vertical > entry.warning:focus:not(:only-child) + combobox > button.combo, +.linked.vertical > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { + border-top-color: #2b2e39; } + +.linked.vertical > entry.error:focus:not(:only-child) + entry, .linked.vertical > spinbutton.error:focus:not(:only-child) + entry, .linked.vertical > entry.error:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton.error:focus:not(:only-child) + spinbutton, +.linked.vertical > entry.error:focus:not(:only-child) + button, +.linked.vertical > spinbutton.error:focus:not(:only-child) + button, +.linked.vertical > entry.error:focus:not(:only-child) + combobox > button.combo, +.linked.vertical > spinbutton.error:focus:not(:only-child) + combobox > button.combo { + border-top-color: #2b2e39; } + +.linked.vertical > button:hover:not(:checked):not(:active):not(:only-child), +.linked.vertical > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: 0 -1px #2b2e39; } + +.linked.vertical > button:first-child:hover:not(:checked):not(:active) { + box-shadow: none; } + +.linked.vertical > button:checked + button:not(:checked):not(:active):hover { + box-shadow: none; } + +.linked.vertical > button:checked + entry, .linked.vertical > button:checked + spinbutton { + border-top-color: #2b2e39; } + +.linked.vertical > entry + button:not(:checked):not(:active):hover, .linked.vertical > spinbutton + button:not(:checked):not(:active):hover { + box-shadow: none; } + +toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, +.linked:not(.vertical) > button:hover, +.linked:not(.vertical) > button:active, +.linked:not(.vertical) > button:checked, .linked:not(.vertical):not(.pathbar) > entry, .linked:not(.vertical):not(.pathbar) > spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled, .linked > combobox > button.combo:dir(ltr) { + border-radius: 0; + border-right-style: none; } + +.inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:first-child, .linked:not(.vertical):not(.pathbar) > spinbutton:first-child, .linked > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; } + +.inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:last-child, .linked:not(.vertical):not(.pathbar) > spinbutton:last-child, .linked > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right-style: solid; } + +.inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:only-child, .linked:not(.vertical):not(.pathbar) > spinbutton:only-child, .linked > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:only-child { + border-radius: 3px; + border-style: solid; } + +.linked.vertical > button, +.linked.vertical > button:hover, +.linked.vertical > button:active, +.linked.vertical > button:checked, .linked.vertical > entry, .linked.vertical > spinbutton, .linked.vertical > combobox > button.combo { + border-radius: 0; + border-bottom-style: none; } + +.linked.vertical > button:first-child, .linked.vertical > entry:first-child, .linked.vertical > spinbutton:first-child, .linked.vertical > combobox:first-child > button.combo { + border-top-left-radius: 3px; + border-top-right-radius: 3px; } + +.linked.vertical > button:last-child, .linked.vertical > entry:last-child, .linked.vertical > spinbutton:last-child, .linked.vertical > combobox:last-child > button.combo { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border-bottom-style: solid; } + +.linked.vertical > button:only-child, .linked.vertical > entry:only-child, .linked.vertical > spinbutton:only-child, .linked.vertical > combobox:only-child > button.combo { + border-radius: 3px; + border-style: solid; } + +.linked:not(.vertical) > button, +.linked:not(.vertical) > button:hover, +.linked:not(.vertical) > button:active, +.linked:not(.vertical) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled { + border-left-style: none; } + .linked:not(.vertical) > button:first-child, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { + border-left-style: solid; } + +.linked.vertical > button, +.linked.vertical > button:hover, +.linked.vertical > button:active, +.linked.vertical > button:checked { + border-top-style: none; } + .linked.vertical > button:first-child { + border-top-style: solid; } + +menuitem.button.flat, +modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow, +.menu arrow, notebook tab button, notebook tab button:hover, notebook tab button:active, notebook tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled, TerminalWindow .notebook tab:active button, TerminalWindow .notebook tab:hover button, TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover, TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } + +menuitem.button.flat, +modelbutton.flat { + transition: none; + min-height: 22px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -2px; + border-radius: 2px; } + menuitem.button.flat:hover, + modelbutton.flat:hover { + background-color: #484c59; } + menuitem.button.flat:checked, + modelbutton.flat:checked { + color: #D3DAE3; } + menuitem.button.flat check:last-child, + menuitem.button.flat radio:last-child, + modelbutton.flat check:last-child, + modelbutton.flat radio:last-child { + margin-left: 8px; } + menuitem.button.flat check:first-child, + menuitem.button.flat radio:first-child, + modelbutton.flat check:first-child, + modelbutton.flat radio:first-child { + margin-right: 8px; } + +modelbutton.flat arrow, modelbutton.flat arrow:hover { + background: none; } + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +*:link, button:link, button:visited { + color: #a9caf1; } + *:link:visited, button:visited { + color: #7eafe9; } + *:selected *:link:visited, *:selected button:visited:link, *:selected button:visited { + color: #bad4f3; } + *:link:hover, button:hover:link, button:hover:visited { + color: #d5e5f8; } + *:selected *:link:hover, *:selected button:hover:link, *:selected button:hover:visited { + color: #eef4fc; } + *:link:active, button:active:link, button:active:visited { + color: #a9caf1; } + *:selected *:link:active, *:selected button:active:link, *:selected button:active:visited { + color: #dceaf9; } + *:link:selected, button:selected:link, button:selected:visited, headerbar.selection-mode .subtitle:link, headerbar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited { + color: #dceaf9; } + +button:link > label, button:visited > label { + text-decoration-line: underline; } + +spinbutton:not(.vertical) button { + background-image: none; + border: 1px solid rgba(43, 46, 57, 0.6); + border-style: none none none solid; + color: #ccd3dc; + border-radius: 0; + box-shadow: none; } + spinbutton:not(.vertical) button:dir(rtl) { + border-style: none solid none none; } + spinbutton:not(.vertical) button:disabled { + color: rgba(211, 218, 227, 0.45); } + spinbutton:not(.vertical) button:active { + background-color: #5294E2; + color: #ffffff; } + +spinbutton.vertical { + border-radius: 0; + padding-left: 5px; + padding-right: 5px; } + spinbutton.vertical button:first-child { + color: #D3DAE3; + outline-color: rgba(211, 218, 227, 0.3); + border-color: #2b2e39; + background-color: #444a58; } + spinbutton.vertical button:first-child:active { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #2b2e39; + background-color: #5294E2; } + spinbutton.vertical button:first-child:hover { + color: #D3DAE3; + outline-color: rgba(211, 218, 227, 0.3); + border-color: #2b2e39; + background-color: #505666; } + spinbutton.vertical button:first-child:disabled { + color: rgba(211, 218, 227, 0.45); + border-color: rgba(43, 46, 57, 0.55); + background-color: rgba(68, 74, 88, 0.55); } + spinbutton.vertical button:first-child:disabled > label { + color: inherit; } + spinbutton.vertical button:last-child { + color: #D3DAE3; + outline-color: rgba(211, 218, 227, 0.3); + border-color: #2b2e39; + background-color: #444a58; } + spinbutton.vertical button:last-child:active { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #2b2e39; + background-color: #5294E2; } + spinbutton.vertical button:last-child:hover { + color: #D3DAE3; + outline-color: rgba(211, 218, 227, 0.3); + border-color: #2b2e39; + background-color: #505666; } + spinbutton.vertical button:last-child:disabled { + color: rgba(211, 218, 227, 0.45); + border-color: rgba(43, 46, 57, 0.55); + background-color: rgba(68, 74, 88, 0.55); } + spinbutton.vertical button:last-child:disabled > label { + color: inherit; } + spinbutton.vertical button:first-child, spinbutton.vertical button:first-child:active, spinbutton.vertical button:first-child:hover, spinbutton.vertical button:first-child:disabled { + border-radius: 2px 2px 0 0; + border-style: solid solid none solid; } + spinbutton.vertical button:last-child, spinbutton.vertical button:last-child:active, spinbutton.vertical button:last-child:hover, spinbutton.vertical button:last-child:disabled { + border-radius: 0 0 2px 2px; + border-style: none solid solid solid; } + +treeview spinbutton entry, treeview spinbutton spinbutton, treeview spinbutton entry:focus, treeview spinbutton spinbutton:focus { + padding: 1px; + border-width: 1px 0; + border-color: #5294E2; + border-radius: 0; + box-shadow: none; } + +combobox > button.combo { + padding-left: 8px; + padding-right: 8px; } + +combobox:disabled { + color: rgba(211, 218, 227, 0.45); } + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; } + +combobox > entry.combo:dir(ltr), combobox > spinbutton.combo:dir(ltr) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-right-style: none; } + +combobox > entry.combo:dir(rtl), combobox > spinbutton.combo:dir(rtl) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left-style: none; } + +combobox > button.combo:not(:only-child):dir(ltr) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + +combobox > button.combo:not(:only-child):dir(rtl) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + +toolbar, .inline-toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #383C4A; } + toolbar separator, .inline-toolbar separator, toolbar .sidebar separator, .sidebar toolbar separator, toolbar .sidebar .view separator, .sidebar .view toolbar separator, .inline-toolbar .sidebar .view separator, .sidebar .view .inline-toolbar separator { + background: none; } + toolbar.horizontal separator, .horizontal.inline-toolbar separator, toolbar.horizontal .sidebar .view separator, .sidebar .view toolbar.horizontal separator { + margin: 0 6px; } + toolbar.vertical separator, .vertical.inline-toolbar separator, toolbar.vertical .sidebar .view separator, .sidebar .view toolbar.vertical separator { + margin: 6px 0; } + .osd toolbar, .osd .inline-toolbar, toolbar.osd, .osd.inline-toolbar { + padding: 7px; + border: 1px solid rgba(0, 0, 0, 0.5); + border-radius: 3px; + background-color: rgba(53, 57, 69, 0.9); } + +.primary-toolbar { + color: rgba(207, 218, 231, 0.8); + background-color: #2f343f; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, #2f343f, #20232b) 1 0 1 0; } + +.inline-toolbar { + background-color: #313541; + border-style: solid; + border-color: #2b2e39; + border-width: 0 1px 1px; + padding: 3px; + border-radius: 0 0 3px 3px; } + +searchbar { + background-color: #383C4A; + border-style: solid; + border-color: #2b2e39; + border-width: 0 0 1px; + padding: 3px; } + +actionbar { + padding: 6px; + border-top: 1px solid #2b2e39; + background-color: #313541; } + +headerbar { + min-height: 42px; + padding: 0 5px; + border-width: 0 0 1px; + border-style: solid; + border-radius: 0; + border-color: #262a33; + color: rgba(207, 218, 231, 0.8); + background-color: #2f343f; } + .csd headerbar { + background-color: #2f343f; + border-color: #262a33; } + headerbar:backdrop { + color: rgba(207, 218, 231, 0.5); } + headerbar .title { + padding-left: 12px; + padding-right: 12px; } + headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; } + headerbar.selection-mode, headerbar.titlebar.selection-mode { + color: #ffffff; + background-color: #5294E2; + border-color: #4189df; + box-shadow: none; } + headerbar.selection-mode:backdrop, headerbar.titlebar.selection-mode:backdrop { + background-color: #5294E2; + color: rgba(255, 255, 255, 0.6); } + headerbar.selection-mode button, headerbar.titlebar.selection-mode button { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0); } + headerbar.selection-mode button.flat, headerbar.selection-mode button.sidebar-button, headerbar.titlebar.selection-mode button.flat, headerbar.titlebar.selection-mode button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0); } + headerbar.selection-mode button:hover, headerbar.titlebar.selection-mode button:hover { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0.05); + border-color: rgba(255, 255, 255, 0.5); } + headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.titlebar.selection-mode button:active, headerbar.titlebar.selection-mode button:checked { + color: #5294E2; + outline-color: rgba(82, 148, 226, 0.3); + background-color: #ffffff; + border-color: #ffffff; } + headerbar.selection-mode button:disabled, headerbar.titlebar.selection-mode button:disabled { + color: rgba(255, 255, 255, 0.4); + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0); } + headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked, headerbar.titlebar.selection-mode button:disabled:active, headerbar.titlebar.selection-mode button:disabled:checked { + color: rgba(82, 148, 226, 0.4); + background-color: rgba(255, 255, 255, 0.15); + border-color: rgba(255, 255, 255, 0.15); } + headerbar.selection-mode .selection-menu, headerbar.titlebar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; } + headerbar.selection-mode .selection-menu GtkArrow, headerbar.titlebar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; } + headerbar.selection-mode .selection-menu .arrow, headerbar.titlebar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + .maximized headerbar.selection-mode, .maximized headerbar.titlebar.selection-mode { + background-color: #5294e2; } + .tiled headerbar, .tiled headerbar:backdrop, + .maximized headerbar, .maximized headerbar:backdrop { + border-radius: 0; } + .maximized headerbar { + background-color: #2f343f; + border-color: #262a33; } + headerbar.default-decoration, + .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, + .csd headerbar.default-decoration:backdrop { + padding-top: 5px; + padding-bottom: 5px; + background-color: #2f343f; + border-bottom-width: 0; } + .maximized headerbar.default-decoration, .maximized + .csd headerbar.default-decoration, .maximized headerbar.default-decoration:backdrop, .maximized + .csd headerbar.default-decoration:backdrop { + background-color: #2f343f; } + +.titlebar { + padding: 0 7px; + border-radius: 3px 3px 0 0; + color: rgba(207, 218, 231, 0.8); + background-color: #2f343f; + box-shadow: inset 0 1px #363b48; } + .csd .titlebar { + background-color: #2f343f; } + .titlebar:backdrop { + color: rgba(207, 218, 231, 0.5); + background-color: #323843; } + .csd .titlebar:backdrop { + background-color: #323843; } + .maximized .titlebar { + background-color: #2f343f; } + .maximized .titlebar:backdrop, .csd .maximized .titlebar:backdrop { + background-color: #323843; } + window > .titlebar:not(headerbar), + window.csd > .titlebar:not(headerbar) { + padding: 0; + border: none; + background: none; } + .titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator { + background-color: #262a33; } + +.primary-toolbar separator, .primary-toolbar .sidebar .view separator, .sidebar .view .primary-toolbar separator, headerbar separator.titlebutton, headerbar .sidebar .view separator.titlebutton, .sidebar .view headerbar separator.titlebutton { + min-width: 1px; + min-height: 1px; + background: none; + border-width: 0 1px; + border-image: linear-gradient(to bottom, rgba(207, 218, 231, 0) 25%, rgba(207, 218, 231, 0.15) 25%, rgba(207, 218, 231, 0.15) 75%, rgba(207, 218, 231, 0) 75%) 0 1/0 1px stretch; } + .primary-toolbar separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.6; } + +.primary-toolbar entry, headerbar entry, .primary-toolbar spinbutton, headerbar spinbutton, .primary-toolbar button, headerbar button, .primary-toolbar separator, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator, .primary-toolbar .sidebar .view separator, .sidebar .view .primary-toolbar separator, headerbar .sidebar .view separator, .sidebar .view headerbar separator { + margin-top: 6px; + margin-bottom: 6px; } + +.primary-toolbar entry, headerbar entry, .primary-toolbar spinbutton, headerbar spinbutton, .primary-toolbar spinbutton, headerbar spinbutton { + color: rgba(207, 218, 231, 0.8); + caret-color: rgba(207, 218, 231, 0.8); + border-color: rgba(21, 23, 28, 0.4); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); + background-color: transparent; } + .primary-toolbar entry image, headerbar entry image, .primary-toolbar spinbutton image, headerbar spinbutton image, .primary-toolbar entry image:hover, headerbar entry image:hover, .primary-toolbar spinbutton image:hover, headerbar spinbutton image:hover, .primary-toolbar spinbutton image, headerbar spinbutton image, .primary-toolbar spinbutton image:hover, headerbar spinbutton image:hover { + color: inherit; } + .primary-toolbar entry:backdrop, headerbar entry:backdrop, .primary-toolbar spinbutton:backdrop, headerbar spinbutton:backdrop, .primary-toolbar spinbutton:backdrop, headerbar spinbutton:backdrop { + opacity: 0.85; } + .primary-toolbar entry:focus, headerbar entry:focus, .primary-toolbar spinbutton:focus, headerbar spinbutton:focus, .primary-toolbar spinbutton:focus, headerbar spinbutton:focus { + color: #ffffff; + caret-color: #ffffff; + border-color: transparent; + background-image: linear-gradient(to bottom, #5294E2); + background-clip: padding-box; } + .primary-toolbar entry:focus image, headerbar entry:focus image, .primary-toolbar spinbutton:focus image, headerbar spinbutton:focus image, .primary-toolbar spinbutton:focus image, headerbar spinbutton:focus image { + color: #ffffff; } + .primary-toolbar entry:disabled, headerbar entry:disabled, .primary-toolbar spinbutton:disabled, headerbar spinbutton:disabled, .primary-toolbar spinbutton:disabled, headerbar spinbutton:disabled { + color: rgba(207, 218, 231, 0.35); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); } + .primary-toolbar entry selection:focus, headerbar entry selection:focus, .primary-toolbar spinbutton selection:focus, headerbar spinbutton selection:focus, .primary-toolbar spinbutton selection:focus, headerbar spinbutton selection:focus { + background-color: #ffffff; + color: #5294E2; } + .primary-toolbar entry progress, headerbar entry progress, .primary-toolbar spinbutton progress, headerbar spinbutton progress, .primary-toolbar spinbutton progress, headerbar spinbutton progress { + border-color: #5294E2; + background-image: none; + background-color: transparent; } + .primary-toolbar entry.warning, headerbar entry.warning, .primary-toolbar spinbutton.warning, headerbar spinbutton.warning, .primary-toolbar spinbutton.warning, headerbar spinbutton.warning { + color: #ffffff; + border-color: rgba(21, 23, 28, 0.4); + background-image: linear-gradient(to bottom, #a45d39); } + .primary-toolbar entry.warning:focus, headerbar entry.warning:focus, .primary-toolbar spinbutton.warning:focus, headerbar spinbutton.warning:focus, .primary-toolbar spinbutton.warning:focus, headerbar spinbutton.warning:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, #F27835); } + .primary-toolbar entry.warning selection, headerbar entry.warning selection, .primary-toolbar spinbutton.warning selection, headerbar spinbutton.warning selection, .primary-toolbar entry.warning selection:focus, headerbar entry.warning selection:focus, .primary-toolbar spinbutton.warning selection:focus, headerbar spinbutton.warning selection:focus, .primary-toolbar spinbutton.warning selection, headerbar spinbutton.warning selection, .primary-toolbar spinbutton.warning selection:focus, headerbar spinbutton.warning selection:focus { + background-color: #ffffff; + color: #F27835; } + .primary-toolbar entry.error, headerbar entry.error, .primary-toolbar spinbutton.error, headerbar spinbutton.error, .primary-toolbar spinbutton.error, headerbar spinbutton.error { + color: #ffffff; + border-color: rgba(21, 23, 28, 0.4); + background-image: linear-gradient(to bottom, #aa3c3b); } + .primary-toolbar entry.error:focus, headerbar entry.error:focus, .primary-toolbar spinbutton.error:focus, headerbar spinbutton.error:focus, .primary-toolbar spinbutton.error:focus, headerbar spinbutton.error:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, #FC4138); } + .primary-toolbar entry.error selection, headerbar entry.error selection, .primary-toolbar spinbutton.error selection, headerbar spinbutton.error selection, .primary-toolbar entry.error selection:focus, headerbar entry.error selection:focus, .primary-toolbar spinbutton.error selection:focus, headerbar spinbutton.error selection:focus, .primary-toolbar spinbutton.error selection, headerbar spinbutton.error selection, .primary-toolbar spinbutton.error selection:focus, headerbar spinbutton.error selection:focus { + background-color: #ffffff; + color: #FC4138; } + +.primary-toolbar button, headerbar button { + color: rgba(207, 218, 231, 0.8); + outline-color: rgba(207, 218, 231, 0.1); + outline-offset: -3px; + background-color: rgba(47, 52, 63, 0); + border-color: rgba(47, 52, 63, 0); } + .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.7; } + .primary-toolbar button:hover, headerbar button:hover { + color: rgba(207, 218, 231, 0.8); + outline-color: rgba(207, 218, 231, 0.1); + border-color: rgba(21, 23, 28, 0.4); + background-color: rgba(95, 105, 127, 0.4); } + .primary-toolbar button:active, headerbar button:active, .primary-toolbar button:checked, headerbar button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + background-color: #5294E2; + background-clip: padding-box; } + .primary-toolbar button:disabled, headerbar button:disabled { + color: rgba(207, 218, 231, 0.35); + background-color: rgba(47, 52, 63, 0); + border-color: rgba(47, 52, 63, 0); } + .primary-toolbar button:disabled > label, headerbar button:disabled > label { + color: inherit; } + .primary-toolbar button:disabled:active, headerbar button:disabled:active, .primary-toolbar button:disabled:checked, headerbar button:disabled:checked { + color: rgba(255, 255, 255, 0.75); + border-color: rgba(82, 148, 226, 0.65); + background-color: rgba(82, 148, 226, 0.65); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button, headerbar .linked:not(.vertical):not(.path-bar) > button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover, headerbar .linked:not(.vertical):not(.path-bar) > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:active, headerbar .linked:not(.vertical):not(.path-bar) > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked, headerbar .linked:not(.vertical):not(.path-bar) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:disabled, headerbar .linked:not(.vertical):not(.path-bar) > button:disabled { + border-radius: 3px; + border-style: solid; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), headerbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), headerbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child), headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child), .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button { + color: rgba(207, 218, 231, 0.8); + outline-color: rgba(207, 218, 231, 0.1); + border-color: rgba(21, 23, 28, 0.4); + background-color: rgba(95, 105, 127, 0.4); } + .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover { + background-color: rgba(134, 144, 165, 0.4); } + .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + background-color: #5294E2; } + .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled { + color: rgba(207, 218, 231, 0.4); } + +.primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4), inset -1px 0 rgba(21, 23, 28, 0.4); } + +.primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { + box-shadow: inset -1px 0 rgba(21, 23, 28, 0.4); } + +.primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4); } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton { + border-left-color: rgba(21, 23, 28, 0); } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.error, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.error, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error { + border-left-color: rgba(21, 23, 28, 0); } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning { + border-left-color: rgba(21, 23, 28, 0); } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton.warning { + border-left-color: rgba(21, 23, 28, 0); } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:last-child { + border-left-color: rgba(21, 23, 28, 0.4); } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:last-child { + border-left-color: rgba(21, 23, 28, 0.4); } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:last-child { + border-left-color: rgba(21, 23, 28, 0.4); } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + combobox > button.combo { + border-left-color: rgba(21, 23, 28, 0.4); } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { + border-left-color: rgba(21, 23, 28, 0.4); } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button.combo > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button.combo > button.combo, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button.combo > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button.combo > button.combo { + border-left-color: rgba(21, 23, 28, 0.4); } + +.primary-toolbar button.suggested-action, headerbar button.suggested-action { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #4DADD4; + border-color: #4DADD4; } + .primary-toolbar button.suggested-action.flat, headerbar button.suggested-action.flat, .primary-toolbar button.suggested-action.sidebar-button, headerbar button.suggested-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #4DADD4; + outline-color: rgba(77, 173, 212, 0.3); } + .primary-toolbar button.suggested-action:hover, headerbar button.suggested-action:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #76c0de; + border-color: #76c0de; } + .primary-toolbar button.suggested-action:active, headerbar button.suggested-action:active, .primary-toolbar button.suggested-action:checked, headerbar button.suggested-action:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #2e96c0; + border-color: #2e96c0; } + .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { + color: rgba(207, 218, 231, 0.35); + background-color: rgba(47, 52, 63, 0); + border-color: rgba(47, 52, 63, 0); } + .primary-toolbar button.suggested-action.flat:disabled > label, headerbar button.suggested-action.flat:disabled > label, .primary-toolbar button.suggested-action.sidebar-button:disabled > label, headerbar button.suggested-action.sidebar-button:disabled > label, .primary-toolbar button.suggested-action:disabled > label, headerbar button.suggested-action:disabled > label { + color: inherit; } + +.primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop, .primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop { + opacity: 0.8; } + +.primary-toolbar button.destructive-action, headerbar button.destructive-action { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #F04A50; + border-color: #F04A50; } + .primary-toolbar button.destructive-action.flat, headerbar button.destructive-action.flat, .primary-toolbar button.destructive-action.sidebar-button, headerbar button.destructive-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #F04A50; + outline-color: rgba(240, 74, 80, 0.3); } + .primary-toolbar button.destructive-action:hover, headerbar button.destructive-action:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #f4797e; + border-color: #f4797e; } + .primary-toolbar button.destructive-action:active, headerbar button.destructive-action:active, .primary-toolbar button.destructive-action:checked, headerbar button.destructive-action:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ec1b22; + border-color: #ec1b22; } + .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { + color: rgba(207, 218, 231, 0.35); + background-color: rgba(47, 52, 63, 0); + border-color: rgba(47, 52, 63, 0); } + .primary-toolbar button.destructive-action.flat:disabled > label, headerbar button.destructive-action.flat:disabled > label, .primary-toolbar button.destructive-action.sidebar-button:disabled > label, headerbar button.destructive-action.sidebar-button:disabled > label, .primary-toolbar button.destructive-action:disabled > label, headerbar button.destructive-action:disabled > label { + color: inherit; } + +.primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop, .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop { + opacity: 0.8; } + +.primary-toolbar spinbutton:focus button, headerbar spinbutton:focus button { + color: #ffffff; } + .primary-toolbar spinbutton:focus button:hover, headerbar spinbutton:focus button:hover { + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; } + .primary-toolbar spinbutton:focus button:disabled, headerbar spinbutton:focus button:disabled { + color: rgba(255, 255, 255, 0.4); } + +.primary-toolbar spinbutton button, headerbar spinbutton button { + color: rgba(207, 218, 231, 0.8); } + .primary-toolbar spinbutton button:hover, headerbar spinbutton button:hover { + background-color: rgba(207, 218, 231, 0.05); + border-color: transparent; } + .primary-toolbar spinbutton button:disabled, headerbar spinbutton button:disabled { + color: rgba(207, 218, 231, 0.5); } + .primary-toolbar spinbutton button:active, headerbar spinbutton button:active { + background-color: rgba(0, 0, 0, 0.1); } + +.primary-toolbar combobox:disabled, headerbar combobox:disabled { + color: rgba(207, 218, 231, 0.2); } + +.primary-toolbar combobox.combobox-entry button, headerbar combobox.combobox-entry button { + color: rgba(207, 218, 231, 0.8); + caret-color: rgba(207, 218, 231, 0.8); + border-color: rgba(21, 23, 28, 0.4); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); + background-color: transparent; } + .primary-toolbar combobox.combobox-entry button image, headerbar combobox.combobox-entry button image, .primary-toolbar combobox.combobox-entry button image:hover, headerbar combobox.combobox-entry button image:hover { + color: inherit; } + .primary-toolbar combobox.combobox-entry button:hover, headerbar combobox.combobox-entry button:hover { + color: #ffffff; + caret-color: #ffffff; + border-color: transparent; + background-image: linear-gradient(to bottom, #5294E2); + box-shadow: none; } + .primary-toolbar combobox.combobox-entry button:disabled, headerbar combobox.combobox-entry button:disabled { + color: rgba(207, 218, 231, 0.35); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); } + +.primary-toolbar combobox.combobox-entry entry:dir(ltr), headerbar combobox.combobox-entry entry:dir(ltr), .primary-toolbar combobox.combobox-entry spinbutton:dir(ltr), headerbar combobox.combobox-entry spinbutton:dir(ltr) { + border-right-style: none; } + .primary-toolbar combobox.combobox-entry entry:dir(ltr):focus, headerbar combobox.combobox-entry entry:dir(ltr):focus, .primary-toolbar combobox.combobox-entry spinbutton:dir(ltr):focus, headerbar combobox.combobox-entry spinbutton:dir(ltr):focus { + box-shadow: none; } + +.primary-toolbar combobox.combobox-entry entry:dir(rtl), headerbar combobox.combobox-entry entry:dir(rtl), .primary-toolbar combobox.combobox-entry spinbutton:dir(rtl), headerbar combobox.combobox-entry spinbutton:dir(rtl) { + border-left-style: none; } + .primary-toolbar combobox.combobox-entry entry:dir(rtl):focus, headerbar combobox.combobox-entry entry:dir(rtl):focus, .primary-toolbar combobox.combobox-entry spinbutton:dir(rtl):focus, headerbar combobox.combobox-entry spinbutton:dir(rtl):focus { + box-shadow: none; } + +.primary-toolbar switch:backdrop, headerbar switch:backdrop { + opacity: 0.75; } + +.primary-toolbar progressbar trough, headerbar progressbar trough { + background-color: rgba(21, 23, 28, 0.4); } + +.primary-toolbar progressbar:backdrop, headerbar progressbar:backdrop { + opacity: 0.75; } + +.primary-toolbar scale:backdrop, headerbar scale:backdrop { + opacity: 0.75; } + +.primary-toolbar scale slider, headerbar scale slider { + background-image: linear-gradient(to bottom, #454c5c); + border-color: rgba(21, 23, 28, 0.7); } + .primary-toolbar scale slider:hover, headerbar scale slider:hover { + background-image: linear-gradient(to bottom, #50586b); + border-color: rgba(21, 23, 28, 0.7); } + .primary-toolbar scale slider:active, headerbar scale slider:active { + background-image: linear-gradient(to bottom, #5294E2); + border-color: #5294E2; } + .primary-toolbar scale slider:disabled, headerbar scale slider:disabled { + background-image: linear-gradient(to bottom, #3e4553); + border-color: rgba(21, 23, 28, 0.7); } + +.primary-toolbar scale trough, headerbar scale trough { + background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.4)); } + .primary-toolbar scale trough:disabled, headerbar scale trough:disabled { + background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.3)); } + +.path-bar button:first-child { + padding-left: 10px; } + +.path-bar button:last-child { + padding-right: 10px; } + +.path-bar button:only-child { + padding-left: 10px; + padding-right: 10px; } + +.path-bar button label:last-child { + padding-left: 4px; } + +.path-bar button label:first-child { + padding-right: 4px; } + +.path-bar button label:only-child, .path-bar button label { + padding-right: 0; + padding-left: 0; } + +treeview.view { + -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: rgba(211, 218, 227, 0.15); + border-top-color: rgba(0, 0, 0, 0.1); } + treeview.view:selected { + border-radius: 0; + border-left-color: #a9caf1; + border-top-color: rgba(211, 218, 227, 0.1); } + treeview.view:disabled { + color: rgba(211, 218, 227, 0.45); } + treeview.view:disabled:selected { + color: #97bfee; } + treeview.view.separator { + min-height: 2px; } + treeview.view.dnd { + border-style: solid none; + border-width: 1px; + border-color: #93b7e3; } + treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #8a909b; } + treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + treeview.view.expander:hover { + color: #D3DAE3; } + treeview.view.expander:selected { + color: #cbdff6; } + treeview.view.expander:selected:hover { + color: #ffffff; } + treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + treeview.view.progressbar { + color: #ffffff; + border-radius: 3px; + background-image: linear-gradient(to bottom, #5294E2); } + treeview.view.progressbar:selected { + color: #5294E2; + box-shadow: none; + background-image: linear-gradient(to bottom, #ffffff); } + treeview.view.trough, treeview.view.trough:selected { + color: #D3DAE3; + background-image: linear-gradient(to bottom, #2b2e39); + border-radius: 3px; + border-width: 0; } + treeview.view header button { + color: #b6bcc6; + background-color: #404552; + font-weight: bold; } + treeview.view header button:hover { + color: #5294E2; + box-shadow: none; + transition: none; } + treeview.view header button:active { + color: #D3DAE3; + transition: none; } + treeview.view header button:last-child, + treeview.view header button:last-child:hover, + treeview.view header button:last-child:active { + border-right-style: none; + border-image: none; } + treeview.view header.button.dnd, treeview.view header button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover { + transition: none; + color: #5294E2; + box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #404552, inset -1px 0 #404552; } + +treeview.view header button, treeview.view header button:hover, treeview.view header button:active { + min-height: 0; + min-width: 0; + padding: 3px 6px; + background-image: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, rgba(255, 255, 255, 0) 80%) 0 1 0 0/0 1px 0 0 stretch; } + treeview.view header button:active, treeview.view header button:hover { + background-color: #404552; } + treeview.view header button:active:hover { + color: #D3DAE3; } + treeview.view header button:disabled { + border-color: #383C4A; + background-image: none; } + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0px; + background-color: #2f343f; + color: rgba(207, 218, 231, 0.8); } + menubar:backdrop, + .menubar:backdrop { + color: rgba(207, 218, 231, 0.5); } + menubar > menuitem, + .menubar > menuitem { + padding: 6px 8px; + border: solid transparent; + border-width: 0; } + menubar > menuitem:hover, + .menubar > menuitem:hover { + background-color: #5294E2; + color: #ffffff; } + menubar > menuitem:disabled, + .menubar > menuitem:disabled { + color: rgba(207, 218, 231, 0.2); + border-color: transparent; } + +menu, +.menu { + margin: 4px; + padding: 0; + border-radius: 0; + background-color: #383C4A; + border: 1px solid #2b2e39; } + .csd menu, .csd + .menu { + padding: 4px 0px; + border-radius: 2px; + border: none; } + menu separator, menu .sidebar separator, .sidebar menu separator, menu .sidebar .view separator, .sidebar .view menu separator, + .csd menu separator, + .csd menu .sidebar .view separator, .sidebar .view + .csd menu separator, + .menu separator, + .menu .sidebar .view separator, .sidebar .view + .menu separator, + .csd + .menu separator { + min-height: 10px; + background-color: #383C4A; } + menu menuitem, + .menu menuitem { + padding: 4px; + min-width: 40px; + border: solid transparent; + border-width: 1px 0 1px 0; } + menu menuitem:hover, + .menu menuitem:hover { + color: #D3DAE3; + background-color: rgba(255, 255, 255, 0.05); + border: solid rgba(255, 255, 255, 0.07); + border-width: 1px 0 1px 0; } + menu menuitem:disabled, + .menu menuitem:disabled { + color: rgba(211, 218, 227, 0.45); } + menu menuitem arrow, + .menu menuitem arrow { + min-height: 16px; + min-width: 16px; } + menu menuitem arrow:dir(ltr), + .menu menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-left: 10px; } + menu menuitem arrow:dir(rtl), + .menu menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-right: 10px; } + menuitem accelerator { + color: alpha(currentColor,0.55); } + menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; } + menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 7px; } + menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 7px; } + menu arrow, + .menu arrow { + border-style: none; + border-radius: 0; + min-width: 16px; + min-height: 16px; } + menu arrow.top, + .menu arrow.top { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); + border-bottom: 1px solid #4f5461; } + menu arrow.bottom, + .menu arrow.bottom { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + border-top: 1px solid #4f5461; } + menu arrow:hover, + .menu arrow:hover { + background-color: #4f5461; } + menu arrow:disabled, + .menu arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; } + +popover, +popover.background { + padding: 2px; + border-radius: 3px; + background-clip: border-box; + background-color: #383C4A; + box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.35); } + .csd popover, popover, .csd + popover.background, + popover.background { + border: 1px solid #20222a; } + popover separator, popover .sidebar separator, .sidebar popover separator, popover .sidebar .view separator, .sidebar .view popover separator, + popover.background separator, + popover.background .sidebar .view separator, .sidebar .view + popover.background separator { + background-color: #383C4A; } + popover > list, + popover > .view, + popover > toolbar, + popover > .inline-toolbar, + popover.osd > toolbar, + popover.osd > .inline-toolbar, + popover.background > list, + popover.background > .view, + popover.background > toolbar, + popover.background > .inline-toolbar, + popover.background.osd > toolbar, + popover.background.osd > .inline-toolbar { + border-style: none; + background-color: transparent; } + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; } + cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); } + cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } + +notebook { + -GtkNotebook-initial-gap: 4; + -GtkNotebook-arrow-spacing: 5; + -GtkNotebook-tab-curvature: 0; + -GtkNotebook-tab-overlap: 1; + -GtkNotebook-has-tab-gap: false; + padding: 0; + background-color: #404552; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + notebook.frame { + border: 1px solid #2b2e39; } + notebook header { + background-color: #383C4A; } + .frame notebook header { + border: 0px solid #2b2e39; } + .frame notebook header.top { + border-bottom-width: 0; } + .frame notebook header.bottom { + border-top-width: 0; } + .frame notebook header.right { + border-left-width: 0; } + .frame notebook header.left { + border-right-width: 0; } + notebook header.top { + box-shadow: inset 0 -1px #2b2e39; } + notebook header.bottom { + box-shadow: inset 0 1px #2b2e39; } + notebook header.right { + box-shadow: inset 1px 0 #2b2e39; } + notebook header.left { + box-shadow: inset -1px 0 #2b2e39; } + notebook header.top tab { + border-width: 0; + background-color: rgba(64, 69, 82, 0); + padding: 4px 15px; + border-top: 2px solid transparent; + padding-top: 6px; + border-radius: 3.5px 2px 0 0; } + notebook header.top tab.reorderable-page { + padding-left: 12px; + padding-right: 12px; } + notebook header.top tab:hover { + background-color: rgba(64, 69, 82, 0.5); + box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } + notebook header.top tab:active, notebook header.top tab:active:hover { + background-color: #404552; + box-shadow: inset 0 1px #2b2e39, inset 0 -1px #404552, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } + notebook header.bottom tab { + border-width: 0; + background-color: rgba(64, 69, 82, 0); + padding: 4px 15px; + border-bottom: 2px solid transparent; + padding-bottom: 6px; + border-radius: 0 0 2px 3.5px; } + notebook header.bottom tab.reorderable-page { + padding-left: 12px; + padding-right: 12px; } + notebook header.bottom tab:hover { + background-color: rgba(64, 69, 82, 0.5); + box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } + notebook header.bottom tab:active, notebook header.bottom tab:active:hover { + background-color: #404552; + box-shadow: inset 0 -1px #404552, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } + notebook header.right tab { + border-width: 0; + background-color: rgba(64, 69, 82, 0); + padding: 4px 15px; + border-right: 2px solid transparent; + padding-right: 17px; + border-radius: 0 3.5px 3.5px 0; } + notebook header.right tab:hover { + background-color: rgba(64, 69, 82, 0.5); + box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } + notebook header.right tab:active, notebook header.right tab:active:hover { + background-color: #404552; + box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #404552, inset -1px 0 #2b2e39; } + notebook header.left tab { + border-width: 0; + background-color: rgba(64, 69, 82, 0); + padding: 4px 15px; + border-left: 2px solid transparent; + padding-left: 17px; + border-radius: 3.5px 0 0 3.5px; } + notebook header.left tab:hover { + background-color: rgba(64, 69, 82, 0.5); + box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } + notebook header.left tab:active, notebook header.left tab:active:hover { + background-color: #404552; + box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #404552; } + notebook header.top tabs arrow.up, notebook header.bottom tabs arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + notebook header.top tabs arrow.down, notebook header.bottom tabs arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + notebook header.left tabs arrow.up, notebook header.right tabs arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + notebook header.left tabs arrow.down, notebook header.right tabs arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + notebook header tabs arrow { + color: rgba(211, 218, 227, 0.45); } + notebook header tabs arrow:hover { + color: rgba(211, 218, 227, 0.725); } + notebook header tabs arrow:active { + color: #D3DAE3; } + notebook header tabs arrow:disabled { + color: rgba(211, 218, 227, 0.15); } + notebook tab label { + padding: 0 2px; + color: rgba(211, 218, 227, 0.45); } + notebook tab:hover label { + color: rgba(211, 218, 227, 0.725); } + notebook tab:active label { + color: #D3DAE3; } + notebook tab button { + min-height: 18px; + min-width: 16px; + padding: 0; + color: #9da3ad; } + notebook tab button:hover { + color: #ff4d4d; } + notebook tab button:active, notebook tab button:active:hover { + color: #5294E2; } + +* { + -GtkRange-slider-width: 13; + -GtkRange-trough-border: 0; + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + -GtkScrollbar-min-slider-length: 42; + -GtkRange-stepper-spacing: 0; + -GtkRange-trough-under-steppers: 1; } + +scrollbar button { + border: none; } + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + -GtkRange-slider-width: 6px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + background-color: #a5abb5; + border: 1px solid rgba(0, 0, 0, 0.3); + background-clip: padding-box; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) trough { + border-style: none; + background-color: transparent; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { + margin-top: 2px; + margin-bottom: 2px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + margin-left: 2px; + margin-right: 2px; } + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; } + +scrollbar trough { + background-color: #3e434f; + border: 1px none #2b2e39; } + +scrollbar slider { + background-color: #767b87; } + scrollbar slider:hover { + background-color: #676b78; } + scrollbar slider:hover:active { + background-color: #5294E2; } + scrollbar slider:disabled { + background-color: transparent; } + +scrollbar slider { + border-radius: 100px; + margin: 3px; } + +scrollbar.fine-tune slider { + margin: 4px; } + +scrollbar.vertical slider { + margin-left: 4px; } + scrollbar.vertical slider:dir(rtl) { + margin-left: 3px; + margin-right: 4px; } + +scrollbar.vertical.fine-tune .slider { + margin-left: 5px; } + scrollbar.vertical.fine-tune .slider:dir(rtl) { + margin-left: 4px; + margin-right: 5px; } + +scrollbar.vertical trough { + border-left-style: solid; } + scrollbar.vertical trough:dir(rtl) { + border-left-style: none; + border-right-style: solid; } + +scrollbar.horizontal slider { + margin-top: 4px; } + +scrollbar.horizontal.fine-tune slider { + margin-top: 5px; } + +scrollbar.horizontal trough { + border-top-style: solid; } + +switch { + font: 1; + outline-color: transparent; } + switch, switch slider { + background-size: 52px 24px; + background-repeat: no-repeat; + background-position: right center; + color: transparent; + border-color: transparent; + border-image: none; + border-style: none; + box-shadow: none; } + switch:dir(rtl), switch slider:dir(rtl) { + background-position: left center; } + switch slider { + min-width: 52px; + min-height: 24px; } + +switch { + background-image: -gtk-scaled(url("assets/switch-dark.png"), url("assets/switch-dark@2.png")); } + +row:selected switch, +infobar switch { + background-image: -gtk-scaled(url("assets/switch-selected.png"), url("assets/switch-selected@2.png")); } + +headerbar switch, +.primary-toolbar switch { + background-image: -gtk-scaled(url("assets/switch-header-dark.png"), url("assets/switch-header-dark@2.png")); } + +switch:active { + background-image: -gtk-scaled(url("assets/switch-active-dark.png"), url("assets/switch-active-dark@2.png")); } + +row:selected switch:active, +infobar switch:active { + background-image: -gtk-scaled(url("assets/switch-active-selected.png"), url("assets/switch-active-selected@2.png")); } + +headerbar switch:active, +.primary-toolbar switch:active { + background-image: -gtk-scaled(url("assets/switch-active-header-dark.png"), url("assets/switch-active-header-dark@2.png")); } + +switch:disabled { + background-image: -gtk-scaled(url("assets/switch-insensitive-dark.png"), url("assets/switch-insensitive-dark@2.png")); } + +row:selected switch:disabled, +infobar switch:disabled { + background-image: -gtk-scaled(url("assets/switch-insensitive-selected.png"), url("assets/switch-insensitive-selected@2.png")); } + +headerbar switch:disabled, +.primary-toolbar switch:disabled { + background-image: -gtk-scaled(url("assets/switch-insensitive-header-dark.png"), url("assets/switch-insensitive-header-dark@2.png")); } + +switch:active:disabled { + background-image: -gtk-scaled(url("assets/switch-active-insensitive-dark.png"), url("assets/switch-active-insensitive-dark@2.png")); } + +row:selected switch:active:disabled, +infobar switch:active:disabled { + background-image: -gtk-scaled(url("assets/switch-active-insensitive-selected.png"), url("assets/switch-active-insensitive-selected@2.png")); } + +headerbar switch:active:disabled, +.primary-toolbar switch:active:disabled { + background-image: -gtk-scaled(url("assets/switch-active-insensitive-header-dark.png"), url("assets/switch-active-insensitive-header-dark@2.png")); } + +check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check, +GtkFileChooserDialog .dialog-vbox > .frame check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } + +.view check:selected, +row:selected check, +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); } + +check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:disabled, +GtkFileChooserDialog .dialog-vbox > .frame check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } + +.view check:disabled:selected, +row:selected check:disabled, +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); } + +check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate, +GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } + +.view check:indeterminate:selected, +row:selected check:indeterminate, +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); } + +check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate:disabled, +GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } + +.view check:indeterminate:disabled:selected, +row:selected check:indeterminate:disabled, +infobar check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); } + +check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked, +GtkFileChooserDialog .dialog-vbox > .frame check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } + +.view check:checked:selected, +row:selected check:checked, +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); } + +check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked:disabled, +GtkFileChooserDialog .dialog-vbox > .frame check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + +.view check:checked:disabled:selected, +row:selected check:checked:disabled, +infobar check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); } + +radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio, +GtkFileChooserDialog .dialog-vbox > .frame radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } + +.view radio:selected, +row:selected radio, +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); } + +radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:disabled, +GtkFileChooserDialog .dialog-vbox > .frame radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } + +.view radio:disabled:selected, +row:selected radio:disabled, +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); } + +radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate, +GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } + +.view radio:indeterminate:selected, +row:selected radio:indeterminate, +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); } + +radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate:disabled, +GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } + +.view radio:indeterminate:disabled:selected, +row:selected radio:indeterminate:disabled, +infobar radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); } + +radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked, +GtkFileChooserDialog .dialog-vbox > .frame radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } + +.view radio:checked:selected, +row:selected radio:checked, +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); } + +radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked:disabled, +GtkFileChooserDialog .dialog-vbox > .frame radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + +.view radio:checked:disabled:selected, +row:selected radio:checked:disabled, +infobar radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); } + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); + background-color: transparent; } + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); + background-color: transparent; } + +checkbutton.text-button, radiobutton.text-button { + padding: 1px 2px 4px; + outline-offset: 0; } + checkbutton.text-button:disabled, checkbutton.text-button:disabled:active, checkbutton.text-button:disabled:indeterminate, radiobutton.text-button:disabled, radiobutton.text-button:disabled:active, radiobutton.text-button:disabled:indeterminate { + color: rgba(211, 218, 227, 0.45); } + +radiobutton radio, +checkbutton check { + min-width: 16px; + min-height: 16px; + margin: 0 2px; } + radiobutton radio:only-child, + checkbutton check:only-child { + margin: 0; } + +scale { + -GtkScale-slider-length: 15; + -GtkRange-slider-width: 15; + -GtkRange-trough-border: 0; + outline-offset: -1px; + -gtk-outline-radius: 2px; } + scale marks { + color: alpha(currentColor,0.7); } + scale.fine-tune trough, scale.fine-tune fill, scale.fine-tune highlight { + border-radius: 5px; + margin: 3px; } + scale trough, scale fill, scale highlight { + border-radius: 2.5px; } + scale slider { + background-clip: border-box; + background-image: linear-gradient(to bottom, #444a58); + border: 1px solid #262933; + border-radius: 50%; + box-shadow: none; } + scale slider:hover { + background-image: linear-gradient(to bottom, #505666); + border-color: #262933; } + scale slider:disabled { + background-image: linear-gradient(to bottom, #3c414e); + border-color: rgba(38, 41, 51, 0.8); } + scale slider:active { + background-image: linear-gradient(to bottom, #5294E2); + border-color: #5294E2; } + .osd scale slider { + background-image: linear-gradient(to bottom, #353945); + border-color: #5294E2; } + .osd scale slider:hover { + background-image: linear-gradient(to bottom, #5294E2); } + .osd scale slider:active { + background-image: linear-gradient(to bottom, #2679db); + border-color: #2679db; } + row:selected scale slider, + infobar scale slider { + background-image: linear-gradient(to bottom, #ffffff); + border-color: #ffffff; } + row:selected scale slider:hover, + infobar scale slider:hover { + background-image: linear-gradient(to bottom, #e5effb); + border-color: #e5effb; } + row:selected scale slider:active, + infobar scale slider:active { + background-image: linear-gradient(to bottom, #a9caf1); + border-color: #a9caf1; } + row:selected scale slider:disabled, + infobar scale slider:disabled { + background-image: linear-gradient(to bottom, #b1cff2); + border-color: #b1cff2; } + scale trough { + margin: 5px; + border: none; + background-image: linear-gradient(to bottom, #2d303b); } + scale trough highlight { + background-image: linear-gradient(to bottom, #5294E2); } + scale trough highlight:disabled { + background-image: linear-gradient(to bottom, rgba(82, 148, 226, 0.55)); } + scale trough fill { + background: none; + background-color: red; } + scale trough:disabled { + background-image: linear-gradient(to bottom, rgba(45, 48, 59, 0.55)); } + .osd scale trough { + background-image: linear-gradient(to bottom, #454a59); + outline-color: rgba(186, 195, 207, 0.2); } + .osd scale trough highlight { + background-image: none; + background-image: linear-gradient(to bottom, #5294E2); } + row:selected scale trough, + infobar scale trough { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); } + row:selected scale trough highlight, + infobar scale trough highlight { + background-image: linear-gradient(to bottom, #ffffff); } + row:selected scale trough highlight:disabled, + infobar scale trough highlight:disabled { + background-image: linear-gradient(to bottom, #b1cff2); } + row:selected scale trough:disabled, + infobar scale trough:disabled { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(211, 218, 227, 0.7); } + progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; } + progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; } + progressbar progress { + background-color: #5294E2; + border: none; + border-radius: 3px; + box-shadow: none; } + row:selected progressbar progress, + infobar progressbar progress { + background-color: #ffffff; } + progressbar trough { + border: none; + border-radius: 3px; + background-color: #2d303b; } + row:selected progressbar trough, + infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); } + +levelbar block { + min-width: 32px; + min-height: 1px; } + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; } + +levelbar trough { + border: none; + padding: 3px; + border-radius: 3px; + background-color: #2d303b; } + +levelbar.horizontal.discrete block { + margin: 0 1px; } + +levelbar.vertical.discrete block { + margin: 1px 0; } + +levelbar block:not(.empty) { + border: 1px solid #5294E2; + background-color: #5294E2; + border-radius: 2px; } + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; } + +levelbar block.high { + border-color: #5294E2; + background-color: #5294E2; } + +levelbar block.full { + border-color: #73d216; + background-color: #73d216; } + +levelbar block.empty { + background-color: #404552; + border-color: #404552; } + +frame border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid #2b2e39; + padding: 0; } + frame border.flat, + .frame.flat { + border-style: none; } + +paper { + border: 1px solid #2b2e39; + background: white; + padding: 0; } + +scrolledwindow viewport.frame, placessidebar viewport.frame { + border-style: none; } + +scrolledwindow overshoot.top, placessidebar overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow overshoot.bottom, placessidebar overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow overshoot.left, placessidebar overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow overshoot.right, placessidebar overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow undershoot.top, placessidebar undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; } + +scrolledwindow undershoot.bottom, placessidebar undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; } + +scrolledwindow undershoot.left, placessidebar undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; } + +scrolledwindow undershoot.right, placessidebar undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; } + +scrolledwindow junction, placessidebar junction { + border-color: transparent; + border-image: linear-gradient(to bottom, #2b2e39 1px, transparent 1px) 0 0 0 1/0 1px stretch; + background-color: #3e434f; } + scrolledwindow junction:dir(rtl), placessidebar junction:dir(rtl) { + border-image-slice: 0 1 0 0; } + +separator, .sidebar separator, .sidebar .view separator { + background-color: rgba(0, 0, 0, 0.1); + min-width: 1px; + min-height: 1px; } + +list { + background-color: #404552; + border-color: #2b2e39; } + +row { + padding: 2px; } + +row.activatable.has-open-popup, row.activatable:hover { + background-color: rgba(255, 255, 255, 0.03); } + +row.activatable:active { + color: #D3DAE3; } + +row.activatable:selected:active { + color: #ffffff; } + +row.activatable:selected.has-open-popup, row.activatable:selected:hover { + background-color: #4a85cb; } + +row.activatable:selected:disabled { + color: rgba(255, 255, 255, 0.7); + background-color: rgba(82, 148, 226, 0.7); } + row.activatable:selected:disabled label { + color: inherit; } + +row, row.activatable { + transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + row:hover, row.activatable:hover { + transition: none; } + +.app-notification { + padding: 10px; + color: #BAC3CF; + background-color: #353945; + background-clip: border-box; + border-radius: 0 0 2px 2px; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #1f2128; } + .app-notification border { + border: none; } + .app-notification button { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.4); } + .app-notification button.flat, .app-notification button.sidebar-button { + border-color: rgba(82, 148, 226, 0); } + .app-notification button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(119, 127, 151, 0.5); } + .app-notification button:active, .app-notification button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: #5294E2; + background-clip: padding-box; } + .app-notification button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.25); } + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + expander arrow:hover { + color: white; } + expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +calendar { + color: #D3DAE3; + border: 1px solid #2b2e39; + border-radius: 3px; + padding: 2px; } + calendar:selected { + background-color: #5294E2; + color: #ffffff; + border-radius: 1.5px; } + calendar.header { + color: #D3DAE3; + border: none; + border-radius: 0; } + calendar.button, calendar.button:focus { + color: rgba(211, 218, 227, 0.45); + border-color: transparent; + background-color: transparent; + background-image: none; } + calendar.button:hover, calendar.button:focus:hover { + color: #D3DAE3; } + calendar.button:disabled, calendar.button:focus:disabled { + color: rgba(211, 218, 227, 0.45); + background-color: transparent; + background-image: none; } + calendar:indeterminate { + color: alpha(currentColor,0.55); } + calendar.highlight { + color: #D3DAE3; } + +messagedialog { + -GtkDialog-button-spacing: 0; } + messagedialog .titlebar { + background-color: #2f343f; + border-bottom: 1px solid #20232b; } + messagedialog .dialog-action-area button { + padding: 2px; } + messagedialog.csd.background { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: none; } + messagedialog.csd .dialog-action-area button { + padding: 2px; + border-radius: 0; } + messagedialog.csd .dialog-action-area button, messagedialog.csd .dialog-action-area button:hover, messagedialog.csd .dialog-action-area button:active, messagedialog.csd .dialog-action-area button:disabled { + border-right-style: none; + border-bottom-style: none; } + messagedialog.csd .dialog-action-area button:last-child { + border-bottom-right-radius: 3px; } + messagedialog.csd .dialog-action-area button:first-child { + border-left-style: none; + border-bottom-left-radius: 3px; } + +.sidebar, .sidebar .view { + border: none; + background-color: #383C4A; } + +stacksidebar row { + padding: 10px 4px; } + stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; } + stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; } + +placessidebar row { + padding: 0px; } + placessidebar row > revealer { + padding: 8px 10px; } + placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 8px; } + placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 8px; } + placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 2px; } + placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 2px; } + button.sidebar-button { + min-width: 26px; + min-height: 26px; + padding: 0; + border-radius: 100%; + -gtk-outline-radius: 100%; } + button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.5; } + +placessidebar row.sidebar-placeholder-row { + border: solid 1px #5294E2; } + +placessidebar row.sidebar-new-bookmark-row { + background-color: #22242d; } + +placesview .server-list-button > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(0turn); } + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); } + +placesview row.activatable:hover { + background-color: transparent; } + +paned > separator, .sidebar paned > separator, .sidebar .view paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to top, #2b2e39); + background-size: 1px 1px; } + paned > separator:selected, .sidebar paned > separator:selected, .sidebar .view paned > separator:selected { + background-image: linear-gradient(to top, #5294E2); } + paned > separator.wide, .sidebar paned > separator.wide, .sidebar .view paned > separator.wide { + margin: 0; + padding: 0; + min-width: 5px; + min-height: 5px; + background-image: linear-gradient(to top, #2b2e39), linear-gradient(to top, #2b2e39); + background-size: 1px 1px, 1px 1px; } + +paned.horizontal > separator, .sidebar paned.horizontal > separator, .sidebar .view paned.horizontal > separator { + background-repeat: repeat-y; } + paned.horizontal > separator:dir(ltr), .sidebar paned.horizontal > separator:dir(ltr), .sidebar .view paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; } + paned.horizontal > separator:dir(rtl), .sidebar paned.horizontal > separator:dir(rtl), .sidebar .view paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; } + paned.horizontal > separator.wide, .sidebar paned.horizontal > separator.wide, .sidebar .view paned.horizontal > separator.wide { + background-repeat: repeat-y, repeat-y; + background-position: left, right; } + +paned.vertical > separator, .sidebar paned.vertical > separator, .sidebar .view paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; } + paned.vertical > separator.wide, .sidebar paned.vertical > separator.wide, .sidebar .view paned.vertical > separator.wide { + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; } + +infobar { + border-style: none; } + +.info, +.question, +.warning, +.error, +infobar { + background-color: #5294E2; + color: #ffffff; } + +row:selected button, infobar button { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); } + row:selected button.flat, row:selected button.sidebar-button, infobar button.flat, infobar button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0); } + row:selected button:hover, infobar button:hover { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.8); } + row:selected button:active, infobar button:active, row:selected button:active:hover, infobar button:active:hover, row:selected button:checked, infobar button:checked { + color: #5294E2; + outline-color: rgba(82, 148, 226, 0.3); + background-color: #ffffff; + border-color: #ffffff; } + row:selected button:disabled, infobar button:disabled { + color: rgba(255, 255, 255, 0.4); + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.2); } + row:selected button:disabled:active, infobar button:disabled:active, row:selected button:disabled:checked, infobar button:disabled:checked { + color: rgba(82, 148, 226, 0.4); + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.2); } + +tooltip { + border-radius: 2px; + box-shadow: none; } + tooltip.background { + background-color: #353945; + background-clip: padding-box; } + tooltip decoration { + background-color: transparent; } + tooltip * { + padding: 4px; + background-color: transparent; + color: #BAC3CF; } + +colorswatch, colorswatch:drop(active) { + border-style: none; } + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; } + colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; } + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; } + colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; } + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; } + colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; } + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; } + colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; } + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); } + colorswatch.dark overlay:hover { + border-color: #2b2e39; } + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); } + colorswatch.light overlay:hover { + border-color: #2b2e39; } + +colorswatch overlay { + border: 1px solid #2b2e39; } + colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); } + +colorswatch:disabled { + opacity: 0.5; } + colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; } + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #D3DAE3; + outline-color: rgba(211, 218, 227, 0.3); + border-color: #2b2e39; + background-color: #444a58; } + colorswatch#add-color-button:hover { + color: #D3DAE3; + outline-color: rgba(211, 218, 227, 0.3); + border-color: #2b2e39; + background-color: #505666; } + colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; } + +button.color { + padding: 0; } + button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; } + +.content-view { + background-color: #404552; } + .content-view:hover { + -gtk-icon-effect: highlight; } + +.scale-popup button { + padding: 6px; } + .scale-popup button:hover { + color: #D3DAE3; + outline-color: rgba(211, 218, 227, 0.3); + border-color: #2b2e39; + background-color: #505666; } + +button.scale { + padding: 8px; } + +.context-menu, popover.touch-selection, +popover.background.touch-selection { + font: initial; } + +.monospace { + font: Monospace; } + +button.circular, +button.circular-button { + padding: 0; + min-width: 26px; + min-height: 26px; + border-radius: 50%; + -gtk-outline-radius: 50%; } + button.circular label, + button.circular-button label { + padding: 0; } + +.keycap { + background-color: #404552; + border: 1px solid #2b2e39; + border-radius: 2px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); + color: #D3DAE3; + padding: 3px 8px 3px 8px; } + .keycap border { + border-style: none; } + +stackswitcher button.text-button { + min-width: 80px; } + +stackswitcher button.circular { + min-width: 0; } + +*:drop(active):focus, +*:drop(active) { + border: 1px solid black; } + +.overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; } + +.overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; } + +.overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; } + +.overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } + +.undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; } + +.undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; } + +.undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; } + +.undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; } + +decoration { + border-radius: 3px 3px 0 0; + border-width: 0px; + box-shadow: 0 0 0 1px #20232b, 0 8px 8px 0 rgba(0, 0, 0, 0.35); + margin: 10px; } + decoration:backdrop { + box-shadow: 0 0 0 1px rgba(32, 35, 43, 0.9), 0 8px 8px 0 transparent, 0 5px 5px 0 rgba(0, 0, 0, 0.35); } + .tiled decoration { + border-radius: 0; } + .popup decoration { + box-shadow: none; + border-radius: 0; } + decoration.popup { + box-shadow: none; + border-radius: 0; } + decoration.ssd { + border-radius: 3px 3px 0 0; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.65); } + decoration.ssd.maximized { + border-radius: 0; } + .csd.popup decoration { + border-radius: 2px; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.45), 0 0 0 1px #22242d; } + tooltip.csd decoration { + border-radius: 2px; + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.55); } + messagedialog.csd decoration { + border-radius: 3px; } + .solid-csd decoration { + border-radius: 0; + margin: 1px; + background-color: #2f343f; + box-shadow: none; } + +headerbar.default-decoration button.titlebutton, +.titlebar.default-decoration button.titlebutton { + padding: 0 4px; + min-width: 0; } + +headerbar button.titlebutton, +.titlebar button.titlebutton { + padding: 0; + min-width: 24px; + border-color: transparent; + background-color: transparent; + background-image: none; + background-color: rgba(47, 52, 63, 0); } + headerbar button.titlebutton:hover, + .titlebar button.titlebutton:hover { + color: rgba(207, 218, 231, 0.8); + outline-color: rgba(207, 218, 231, 0.1); + border-color: rgba(21, 23, 28, 0.4); + background-color: rgba(95, 105, 127, 0.4); } + headerbar button.titlebutton:active, headerbar button.titlebutton:checked, + .titlebar button.titlebutton:active, + .titlebar button.titlebutton:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + background-color: #5294E2; } + headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, + .titlebar button.titlebutton.close, + .titlebar button.titlebutton.maximize, + .titlebar button.titlebutton.minimize { + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + border-width: 0; } + headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, + .titlebar button.titlebutton.close:backdrop, + .titlebar button.titlebutton.maximize:backdrop, + .titlebar button.titlebutton.minimize:backdrop { + opacity: 1; } + headerbar button.titlebutton.close, + .titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("assets/titlebutton-close-dark.png"), url("assets/titlebutton-close-dark@2.png")); } + headerbar button.titlebutton.close:backdrop, + .titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop-dark.png"), url("assets/titlebutton-close-backdrop-dark@2.png")); } + headerbar button.titlebutton.close:hover, + .titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("assets/titlebutton-close-hover-dark.png"), url("assets/titlebutton-close-hover-dark@2.png")); } + headerbar button.titlebutton.close:active, + .titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("assets/titlebutton-close-active-dark.png"), url("assets/titlebutton-close-active-dark@2.png")); } + headerbar button.titlebutton.maximize, + .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("assets/titlebutton-max-dark.png"), url("assets/titlebutton-max-dark@2.png")); } + headerbar button.titlebutton.maximize:backdrop, + .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-max-backdrop-dark.png"), url("assets/titlebutton-max-backdrop-dark@2.png")); } + headerbar button.titlebutton.maximize:hover, + .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("assets/titlebutton-max-hover-dark.png"), url("assets/titlebutton-max-hover-dark@2.png")); } + headerbar button.titlebutton.maximize:active, + .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("assets/titlebutton-max-active-dark.png"), url("assets/titlebutton-max-active-dark@2.png")); } + headerbar button.titlebutton.minimize, + .titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("assets/titlebutton-min-dark.png"), url("assets/titlebutton-min-dark@2.png")); } + headerbar button.titlebutton.minimize:backdrop, + .titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-min-backdrop-dark.png"), url("assets/titlebutton-min-backdrop-dark@2.png")); } + headerbar button.titlebutton.minimize:hover, + .titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("assets/titlebutton-min-hover-dark.png"), url("assets/titlebutton-min-hover-dark@2.png")); } + headerbar button.titlebutton.minimize:active, + .titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("assets/titlebutton-min-active-dark.png"), url("assets/titlebutton-min-active-dark@2.png")); } + +.view:selected, +.view selection, +.view selection:focus, +.view selection:hover, +textview text:selected, +textview text selection, +textview text selection:focus, +textview text selection:hover, iconview:selected, iconview:selected:focus, flowbox flowboxchild:selected, label:selected, +label selection, +label selection:focus, +label selection:hover, menuitem.button.flat:active, menuitem.button.flat:selected, +modelbutton.flat:active, +modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected, entry.gb-command-bar-entry.flat:selected, spinbutton.gb-command-bar-entry.flat:selected, entry.gb-command-bar-entry.flat:selected:focus, spinbutton.gb-command-bar-entry.flat:selected:focus, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected:hover, GtkFileChooserDialog placessidebar.sidebar row.activatable:active:hover, +NautilusWindow placessidebar.sidebar row.activatable:selected, +NautilusWindow placessidebar.sidebar row.activatable:selected:hover, +NautilusWindow placessidebar.sidebar row.activatable:active:hover { + background-image: none; + background-color: #5294E2; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); } + +GeditNotebook.notebook header.top tab:active, +ScratchMainWindow .notebook header.top tab:active, +EphyNotebook.notebook header.top tab:active, +MidoriNotebook .notebook header.top tab:active, +TerminalWindow .notebook header.top tab:active, +PantheonTerminalPantheonTerminalWindow .notebook header.top tab:active { + box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } + +TerminalWindow .notebook.header.top, +PantheonTerminalPantheonTerminalWindow .notebook.header.top { + box-shadow: inset 0 1px #262a33, inset 0 -1px #2b2e39; } + TerminalWindow .notebook.header.top tab, + PantheonTerminalPantheonTerminalWindow .notebook.header.top tab { + padding-top: 7px; + border-top-width: 3px; } + +GtkHTML { + background-color: #404552; + color: #D3DAE3; } + GtkHTML:active { + color: #ffffff; + background-color: #5294E2; } + +SushiFontWidget { + padding: 6px 12px; } + +TerminalWindow .background { + background-color: transparent; } + +TerminalWindow scrollbar.vertical slider { + margin-left: 3px; } + +TerminalWindow scrollbar trough { + border-width: 0; } + +TerminalWindow .notebook tab button { + color: #9da3ad; } + TerminalWindow .notebook tab button:hover { + color: #D3DAE3; + border-color: #2b2e39; + background-color: #444a58; } + +TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover { + color: #ff4d4d; } + +TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { + color: #5294E2; } + +.nautilus-canvas-item { + border-radius: 2px; } + +.nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item { + color: #ffffff; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } + .nautilus-desktop.nautilus-canvas-item:active, .nemo-desktop.nemo-canvas-item:active { + color: #D3DAE3; } + .nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected { + color: #ffffff; } + +.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, +popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, +.nautilus-list-dim-label { + color: #868b97; } + .nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, headerbar .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, label.nautilus-canvas-item.separator:selected:focus, headerbar .nautilus-canvas-item.subtitle:selected:focus, + .nautilus-list-dim-label:selected, + .nautilus-list-dim-label:selected:focus { + color: #dceaf9; } + +NautilusQueryEditor searchbar { + padding: 5px; + box-shadow: none; + background-color: #404552; } + +button.nautilus-circular-button.image-button { + border-radius: 50%; + -gtk-outline-radius: 50%; + padding: 8px; } + +.disk-space-display { + border-style: solid; + border-width: 1px; } + .disk-space-display.unknown { + background-color: rgba(211, 218, 227, 0.5); + border-color: rgba(180, 192, 207, 0.5); } + .disk-space-display.used { + background-color: rgba(82, 148, 226, 0.8); + border-color: rgba(38, 121, 219, 0.8); } + .disk-space-display.free { + background-color: #313541; + border-color: #1b1d24; } + +NautilusListView .view { + border-bottom: 1px solid #2b2e39; } + +NemoWindow EelEditableLabel { + transition: none; } + +NemoWindow .sidebar .frame { + border-width: 0; } + +NemoWindow separator.horizontal, NemoWindow .sidebar .view separator.horizontal, .sidebar .view NemoWindow separator.horizontal { + color: #2b2e39; } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button { + color: rgba(207, 218, 231, 0.8); + outline-color: rgba(207, 218, 231, 0.1); + border-color: rgba(21, 23, 28, 0.4); + background-color: rgba(95, 105, 127, 0.4); } + NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover { + background-color: rgba(134, 144, 165, 0.4); } + NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + background-color: #5294E2; } + NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled { + color: rgba(207, 218, 231, 0.4); } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):hover { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4), inset -1px 0 rgba(21, 23, 28, 0.4); } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { + box-shadow: inset -1px 0 rgba(21, 23, 28, 0.4); } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4); } + +.gedit-headerbar-paned { + color: #262a33; } + +.open-document-selector-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #404552; } + .open-document-selector-treeview.view:hover { + background-color: rgba(0, 0, 0, 0.05); } + .open-document-selector-treeview.view:hover:selected { + color: #ffffff; + background-color: #5294E2; } + +.open-document-selector-name-label { + color: #D3DAE3; } + +.open-document-selector-path-label { + color: #8a909b; + font-size: smaller; } + .open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); } + +.gedit-document-panel row button { + color: transparent; + background-image: none; + background-color: transparent; + border: none; + box-shadow: none; + padding: 4px; } + .gedit-document-panel row button image { + color: inherit; } + +.gedit-document-panel .prelight-row button { + color: #9da3ad; } + +.gedit-document-panel row button:hover, +.gedit-document-panel .prelight-row button:hover { + color: #ff4d4d; } + +.gedit-document-panel .prelight-row:selected button:hover { + color: #ff6666; + background-image: none; + background-color: transparent; + border: none; + box-shadow: none; } + .gedit-document-panel .prelight-row:selected button:hover:active { + color: #ffffff; } + +.gedit-document-panel .prelight-row button:active { + color: #D3DAE3; } + +.gedit-document-panel-dragged-row { + border: 1px solid #2b2e39; + background-color: #22242d; + color: #D3DAE3; } + +GeditStatusbar { + border-top: 1px solid #2b2e39; + background-color: #383C4A; } + +GeditStatusMenuButton.button.flat, +GeditStatusMenuButton:hover.button.flat, +GeditStatusMenuButton:checked.button.flat { + border-bottom-style: none; + border-radius: 0; } + +GeditFileBrowserWidget toolbar, GeditFileBrowserWidget .inline-toolbar { + border-bottom: 1px solid #2b2e39; } + +.gedit-search-entry-occurrences-tag { + color: rgba(211, 218, 227, 0.6); + border: none; + margin: 2px; + padding: 2px; } + +GeditViewFrame .gedit-search-slider { + background-color: #3c4150; + padding: 6px; + border-color: #2b2e39; + border-radius: 0 0 2px 2px; + border-width: 0 1px 1px 1px; + border-style: solid; } + +GbWorkbench .floating-bar { + color: #D3DAE3; } + +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr), +GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) { + padding: 0 10px; + color: rgba(207, 218, 231, 0.8); + caret-color: rgba(207, 218, 231, 0.8); + border-color: rgba(21, 23, 28, 0.4); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); + background-color: transparent; } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr) image, GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr) image:hover, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) image, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) image:hover { + color: inherit; } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):hover, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):hover { + color: #ffffff; + caret-color: #ffffff; + border-color: transparent; + background-image: linear-gradient(to bottom, #5294E2); } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):active, GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):checked, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):active, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):checked { + color: #ffffff; + caret-color: #ffffff; + border-color: transparent; + background-image: linear-gradient(to bottom, #5294E2); } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):disabled, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):disabled { + color: rgba(207, 218, 231, 0.35); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); } + +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr), +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):hover, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):active, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):checked { + border-left-style: none; + border-radius: 0 3px 3px 0; + -gtk-outline-radius: 0 1px 1px 0; } + +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl), +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):hover, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):active, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):checked { + border-right-style: none; + border-radius: 3px 0 0 3px; + -gtk-outline-radius: 1px 0 0 1px; } + +GbPreferencesPageLanguage entry, GbPreferencesPageLanguage spinbutton { + border-radius: 3px 3px 0 0; } + +GbPreferencesPageLanguage .frame { + border-top-width: 0; } + +GbEditorTweakWidget .linked.vertical > entry, GbEditorTweakWidget .linked.vertical > spinbutton { + border-bottom-style: solid; } + +GbEditorTweakWidget scrolledwindow, GbEditorTweakWidget placessidebar { + border-top: none; } + +GbViewStack box.header.notebook { + border-bottom: 1px solid #2b2e39; } + +GbViewStack.focused box.header.notebook, +#project_sidebar_header.focused { + background-color: #404552; } + +GbEditorWorkspace > paned > box > box.header.notebook { + border-bottom: 1px solid #2b2e39; } + +GbNewProjectDialog button.file.linked-on-right button { + border-radius: 3px 0 0 3px; } + +GbWorkspacePane box.header.notebook { + border-bottom: 1px solid #2b2e39; } + +GbWorkspacePane:not(.focused) box.header.notebook { + background-color: #383C4A; } + +DhSidebar entry.search, DhSidebar spinbutton.search, +SymbolTree entry.search, +SymbolTree spinbutton.search { + border-left: none; + border-right: none; + border-top: none; + border-radius: 0px; } + +entry.gb-command-bar-entry.flat, spinbutton.gb-command-bar-entry.flat, +entry.gb-command-bar-entry.flat:focus, +spinbutton.gb-command-bar-entry.flat:focus { + font-family: Monospace; + color: #BAC3CF; + background-image: none; + background-color: #353945; + padding: 6px 6px 6px 6px; + border: none; } + +GbTerminalView { + background-color: #404552; + color: #D3DAE3; } + +GbSourceStyleSchemeWidget GtkSourceView { + font-family: Monospace; } + +scrolledwindow.gb-linked-scroller, placessidebar.gb-linked-scroller { + border-top: none; } + +GbSearchDisplayGroup list row +GbDocumentStack button { + transition: none; } + +GbViewStack box.header.notebook, +GbEditorWorkspace > paned > box > box.header.notebook { + border-bottom: 1px solid #2b2e39; } + +GbViewStack.focused box.header.notebook { + background-color: #404552; } + GbViewStack.focused box.header.notebook button.dim-label, GbViewStack.focused box.header.notebook headerbar button.subtitle, headerbar GbViewStack.focused box.header.notebook button.subtitle { + opacity: 1; } + +EphyWindow .floating-bar { + color: #D3DAE3; } + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; } + +.documents-icon-bg { + background-color: #5294E2; + color: #ffffff; + border-radius: 2px; } + +.documents-collection-icon { + background-color: rgba(211, 218, 227, 0.3); + border-radius: 2px; } + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #a9caf1; } + +.documents-entry-tag { + background-color: #5294E2; + color: #ffffff; + border-radius: 2px; + border-width: 0; + margin: 2px; + padding: 4px; } + .documents-entry-tag:hover { + color: #ffffff; + background-color: #639fe5; } + .documents-entry-tag:active { + color: #ffffff; + background-color: #4189df; } + toolbar .linked .documents-entry-tag button, .inline-toolbar .linked .documents-entry-tag button { + background: none; + border: none; + box-shadow: none; + -gtk-icon-shadow: none; } + toolbar .linked .documents-entry-tag button:hover, .inline-toolbar .linked .documents-entry-tag button:hover { + color: rgba(255, 255, 255, 0.7); } + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } + +TotemGrilo.vertical GdMainView.frame { + border-width: 0; } + +SynapseGuiSelectionContainer *:selected, +SynapseGuiViewVirgilio *:selected { + background-color: #5294E2; } + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; } + +.gnome-panel-menu-bar, +PanelApplet > menubar, +PanelToplevel, +PanelWidget, +PanelAppletFrame, +PanelApplet { + color: #BAC3CF; + background-image: linear-gradient(to bottom, #2b2e37); } + +PanelApplet button, PanelApplet button:backdrop { + padding: 4px; + border: 2px solid transparent; + border-radius: 0; + background-image: none; + background-color: transparent; + color: #BAC3CF; } + +PanelApplet button:hover { + color: #d8dde4; + background-color: rgba(0, 0, 0, 0.17); + border-color: rgba(0, 0, 0, 0.17); } + +PanelApplet button:active, PanelApplet button:active:backdrop, +PanelApplet button:checked, PanelApplet button:checked:backdrop { + background-clip: padding-box; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.25); + border-radius: 0; + border-color: rgba(0, 0, 0, 0.25); + box-shadow: inset 0 -2px #5294E2; } + +PanelApplet:hover { + color: #ffffff; } + +PanelApplet:active, +PanelApplet:hover:active { + color: #5294E2; } + +WnckPager { + color: #5d6268; } + WnckPager:selected { + color: #5294E2; } + +NaTrayApplet { + -NaTrayApplet-icon-padding: 12; + -NaTrayApplet-icon-size: 16; } + +ClockBox { + color: #BAC3CF; } + +.xfce4-panel.panel { + background-color: #2b2e37; } + .xfce4-panel.panel button.flat, .xfce4-panel.panel button.sidebar-button { + color: #BAC3CF; + background-color: rgba(43, 46, 55, 0); + border-radius: 0; } + .xfce4-panel.panel button.flat:hover, .xfce4-panel.panel button.sidebar-button:hover { + border: none; + background-color: #414654; } + .xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.sidebar-button:active, .xfce4-panel.panel button.flat:checked, .xfce4-panel.panel button.sidebar-button:checked { + color: #5294E2; + border: none; + background-color: #1b1d23; } + +.floating-bar { + background-color: #5294E2; + color: #ffffff; } + .floating-bar.top { + border-radius: 0 0 2px 2px; } + .floating-bar.right { + border-radius: 2px 0 0 2px; } + .floating-bar.bottom { + border-radius: 2px 2px 0 0; } + .floating-bar.left { + border-radius: 0 2px 2px 0; } + .floating-bar button { + background-color: transparent; + box-shadow: none; + border: none; } + +BirdieWidgetsTweetList * { + background-image: none; + background-color: transparent; } + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: #ffffff; + background-color: #5294E2; + outline-color: transparent; } + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; } + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; } + +.marlin-pathbar.pathbar { + border-radius: 3px; + padding-left: 4px; + padding-right: 4px; + color: rgba(207, 218, 231, 0.8); + caret-color: rgba(207, 218, 231, 0.8); + border-color: rgba(21, 23, 28, 0.4); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); + background-color: transparent; } + .marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; } + .marlin-pathbar.pathbar:focus { + color: #ffffff; + caret-color: #ffffff; + border-color: transparent; + background-image: linear-gradient(to bottom, #5294E2); } + .marlin-pathbar.pathbar:disabled { + color: rgba(207, 218, 231, 0.35); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); } + .marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { + color: #5294E2; } + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.35); + border-radius: 3px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, white); + background-color: transparent; } + .gala-notification .title, .gala-notification .label { + color: #5c616c; } + +.panel { + background-color: transparent; + color: white; + font-weight: bold; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } + .panel-shadow { + background-image: none; + background-color: transparent; } + .panel .menu { + box-shadow: none; } + .panel .menu .menuitem { + font-weight: normal; + text-shadow: none; + -gtk-icon-shadow: none; } + .panel .menu .window-frame.menu.csd, + .panel .menu .window-frame.popup.csd { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } + .panel .menubar > .menuitem { + padding: 3px 6px; } + .panel .menubar > .menuitem:hover { + background-color: transparent; } + .panel .window-frame.menu.csd, + .panel .window-frame.popup.csd { + box-shadow: none; } + +.composited-indicator { + background-color: transparent; + color: white; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } + .composited-indicator > GtkWidget > GtkWidget:first-child { + padding: 0 2px; } + .composited-indicator .menuitem:active, .composited-indicator .menuitem:hover { + border-style: none; + background-image: none; + box-shadow: none; } + .composited-indicator > .popup > .menu { + padding-top: 8px; + padding-bottom: 8px; } + +.panel-app-button > GtkWidget > GtkWidget:first-child { + padding: 0 2px 0 4px; } + +.panel .menu .spinner, +.menu .spinner { + opacity: 1; } + +WingpanelWidgetsIndicatorPopover.popover { + padding: 0; + text-shadow: none; + -gtk-icon-shadow: none; } + WingpanelWidgetsIndicatorPopover.popover menuitem { + padding: 5px; + outline-color: transparent; + text-shadow: none; + -gtk-icon-shadow: none; + border: solid transparent; + border-width: 1px 0; } + WingpanelWidgetsIndicatorPopover.popover menuitem label, WingpanelWidgetsIndicatorPopover.popover menuitem image { + padding: 0 3px; } + WingpanelWidgetsIndicatorPopover.popover menuitem:hover, WingpanelWidgetsIndicatorPopover.popover menuitem:active { + background-color: rgba(255, 255, 255, 0.05); + border: solid rgba(255, 255, 255, 0.07); + border-width: 1px 0; } + WingpanelWidgetsIndicatorPopover.popover menuitem *:disabled { + color: rgba(211, 218, 227, 0.45); } + +PantheonTerminalPantheonTerminalWindow.background { + background-color: transparent; } + +SwitchboardCategoryView .view:selected, +SwitchboardCategoryView .view:selected:focus { + color: #D3DAE3; } + +UnityDecoration { + -UnityDecoration-extents: 28px 1 1 1; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 3px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.2); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.07); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #5294E2; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; } + UnityDecoration.top { + border: 1px solid #20232b; + border-bottom-width: 0; + border-radius: 4px 4px 0 0; + padding: 1px 6px 0 6px; + background-image: linear-gradient(to bottom, #2f343f); + color: rgba(207, 218, 231, 0.8); + box-shadow: inset 0 1px #363b48; } + UnityDecoration.top:backdrop { + border-bottom-width: 0; + color: rgba(207, 218, 231, 0.5); } + UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { + background-image: linear-gradient(to bottom, #20232b); } + +UnityPanelWidget, +.unity-panel { + background-image: linear-gradient(to bottom, #2b2e37); + color: #f6f7f9; + box-shadow: none; } + UnityPanelWidget:backdrop, + .unity-panel:backdrop { + color: #bdc6d1; } + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: #ffffff; + background-image: linear-gradient(to bottom, #5294E2); + border-bottom: none; } + +.overlay-bar { + background-color: #5294E2; + border-color: #5294E2; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; } + .overlay-bar label { + color: #ffffff; } + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid #2b2e39; + border-right: 1px solid #2b2e39; } + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; } + +.help_button { + border-radius: 100px; + padding: 3px 9px; } + +toolbar.secondary-toolbar, .secondary-toolbar.inline-toolbar { + padding: 3px; + border-bottom: 1px solid #2b2e39; } + toolbar.secondary-toolbar button, .secondary-toolbar.inline-toolbar button { + padding: 0 3px 0 3px; } + +toolbar.bottom-toolbar, .bottom-toolbar.inline-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: #2b2e39; + background-color: #383C4A; } + toolbar.bottom-toolbar button, .bottom-toolbar.inline-toolbar button { + padding: 2px 3px 2px 3px; } + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; } + +.source-list, +.source-list.view { + background-color: #383C4A; + color: #D3DAE3; + -gtk-icon-style: regular; } + +.source-list.category-expander { + color: transparent; } + +.source-list.view:hover { + background-color: #434859; } + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: #ffffff; + background-color: #5294E2; } + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #383C4A; + background-image: none; } + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #5294E2; + color: #ffffff; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; } + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: #ffffff; + color: #5294E2; } + +.source-list.category-expander { + color: #D3DAE3; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; } + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; } + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +GraniteWidgetsWelcome { + background-color: #404552; } + +GraniteWidgetsWelcome label { + color: #868b97; + font: open sans 11; + text-shadow: none; } + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(211, 218, 227, 0.8); } + +.help_button { + border-radius: 0; } + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; } + +.popover_bg { + background-image: linear-gradient(to bottom, #404552); + border: 1px solid rgba(0, 0, 0, 0.3); } + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; } + +GraniteWidgetsXsEntry entry, GraniteWidgetsXsEntry spinbutton { + padding: 4px; } + +.h1 { + font: open sans 24px; } + +.h2 { + font: open sans light 18px; } + +.h3 { + font: open sans 11px; } + +.h4, +.category-label { + color: #a5abb5; + font-weight: 600; } + +.h4 { + padding-bottom: 6px; + padding-top: 6px; } + +GtkListBox .h4 { + padding-left: 6px; } + +#panel_window { + background-color: #2b2e37; + color: #BAC3CF; + font: bold; + box-shadow: inset 0 -1px #1b1d23; } + #panel_window .menubar, + #panel_window .menubar > .menuitem { + background-color: transparent; + color: #BAC3CF; + font: bold; } + #panel_window .menubar .menuitem:disabled { + color: rgba(186, 195, 207, 0.5); } + #panel_window .menubar .menuitem:disabled label { + color: inherit; } + #panel_window .menubar .menu .menuitem { + font: normal; } + +#login_window, +#shutdown_dialog, +#restart_dialog { + font: normal; + border-style: none; + background-color: transparent; + color: #D3DAE3; } + +#content_frame { + padding-bottom: 14px; + background-color: #383C4A; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; } + +#content_frame button { + color: #D3DAE3; + outline-color: rgba(211, 218, 227, 0.3); + border-color: #2b2e39; + background-color: #444a58; } + #content_frame button:hover { + color: #D3DAE3; + outline-color: rgba(211, 218, 227, 0.3); + border-color: #2b2e39; + background-color: #505666; } + #content_frame button:active, #content_frame button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #2b2e39; + background-color: #5294E2; } + #content_frame button:disabled { + color: rgba(211, 218, 227, 0.45); + border-color: rgba(43, 46, 57, 0.55); + background-color: rgba(68, 74, 88, 0.55); } + #content_frame button:disabled > label { + color: inherit; } + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #2f343f; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #262a33; } + +#buttonbox_frame button { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.4); } + #buttonbox_frame button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(119, 127, 151, 0.5); } + #buttonbox_frame button:active, #buttonbox_frame button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: #5294E2; } + #buttonbox_frame button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.25); } + +#login_window #user_combobox { + color: #D3DAE3; + font: 13px; } + #login_window #user_combobox .menu { + font: normal; } + +#user_image { + padding: 3px; + border-radius: 2px; } + +#shutdown_button.button { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #F04A50; + border-color: #F04A50; } + #shutdown_button.button:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #f4797e; + border-color: #f4797e; } + #shutdown_button.button:active, #shutdown_button.button:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ec1b22; + border-color: #ec1b22; } + +#restart_button.button { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #4DADD4; + border-color: #4DADD4; } + #restart_button.button:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #76c0de; + border-color: #76c0de; } + #restart_button.button:active, #restart_button.button:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #2e96c0; + border-color: #2e96c0; } + +#greeter_infobar { + border-bottom-width: 0; + font: bold; } + +.titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator { + color: #262a33; } + +NemoWindow GtkEventBox { + background-color: #383C4A; } + +GtkFileChooserDialog .sidebar, +NautilusWindow .sidebar, +NemoWindow .sidebar { + border-right: 1px solid #2a2d37; } + +GtkFileChooserDialog .sidebar:dir(rtl), +NautilusWindow .sidebar:dir(rtl), +NemoWindow .sidebar:dir(rtl) { + border-left: 1px solid #2a2d37; } + +GtkFileChooserDialog.csd.background, GtkFileChooserDialog placessidebar list, +NautilusWindow.csd.background, +NautilusWindow placessidebar list { + background-color: transparent; } + +GtkFileChooserDialog placessidebar.sidebar, +NautilusWindow placessidebar.sidebar { + background-color: #353945; } + GtkFileChooserDialog placessidebar.sidebar row.sidebar-placeholder-row, + NautilusWindow placessidebar.sidebar row.sidebar-placeholder-row { + border: 1px solid #5294E2; } + GtkFileChooserDialog placessidebar.sidebar row.sidebar-new-bookmark-row, + NautilusWindow placessidebar.sidebar row.sidebar-new-bookmark-row { + background-color: #4b5162; } + GtkFileChooserDialog placessidebar.sidebar row.activatable, + NautilusWindow placessidebar.sidebar row.activatable { + border: none; + color: #BAC3CF; } + GtkFileChooserDialog placessidebar.sidebar row.activatable .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable .sidebar-icon { + color: rgba(186, 195, 207, 0.6); } + GtkFileChooserDialog placessidebar.sidebar row.activatable:hover, + NautilusWindow placessidebar.sidebar row.activatable:hover { + background-color: rgba(186, 195, 207, 0.15); } + GtkFileChooserDialog placessidebar.sidebar row.activatable:selected .sidebar-icon, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, GtkFileChooserDialog placessidebar.sidebar row.activatable:active:hover .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable:selected .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable:active:hover .sidebar-icon { + color: inherit; } + GtkFileChooserDialog placessidebar.sidebar separator, GtkFileChooserDialog placessidebar.sidebar .view separator, + NautilusWindow placessidebar.sidebar separator, + NautilusWindow placessidebar.sidebar .view separator { + color: transparent; } + +GtkFileChooserDialog.maximized placessidebar.sidebar, +NautilusWindow.maximized placessidebar.sidebar { + background-color: #353945; } + +GtkFileChooserDialog .sidebar-button.button, +NautilusWindow .sidebar-button.button { + color: #BAC3CF; } + GtkFileChooserDialog .sidebar-button.button:hover, + NautilusWindow .sidebar-button.button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(119, 127, 151, 0.5); } + GtkFileChooserDialog .sidebar-button.button:active, + NautilusWindow .sidebar-button.button:active { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: #5294E2; } + GtkFileChooserDialog .sidebar-button.button:not(:hover):not(:active) > image, + NautilusWindow .sidebar-button.button:not(:hover):not(:active) > image { + opacity: 0.5; } + +NemoWindow.csd.background, +NemoWindow .source-list, NemoWindow .source-list.view, NemoWindow .source-list.view:hover, +MarlinViewWindow.csd.background, +MarlinViewWindow .source-list, +MarlinViewWindow .source-list.view, +MarlinViewWindow .source-list.view:hover { + background-color: transparent; } + +NemoWindow .sidebar, NemoWindow .source-list.sidebar.view, +MarlinViewWindow .sidebar, +MarlinViewWindow .source-list.sidebar.view { + background-color: #353945; } + NemoWindow .sidebar .view, NemoWindow .sidebar row, NemoWindow .source-list.sidebar.view .view, NemoWindow .source-list.sidebar.view row, + MarlinViewWindow .sidebar .view, + MarlinViewWindow .sidebar row, + MarlinViewWindow .source-list.sidebar.view .view, + MarlinViewWindow .source-list.sidebar.view row { + background-color: transparent; + color: #BAC3CF; } + NemoWindow .sidebar .view.cell:selected, NemoWindow .sidebar row.cell:selected, NemoWindow .source-list.sidebar.view .view.cell:selected, NemoWindow .source-list.sidebar.view row.cell:selected, + MarlinViewWindow .sidebar .view.cell:selected, + MarlinViewWindow .sidebar row.cell:selected, + MarlinViewWindow .source-list.sidebar.view .view.cell:selected, + MarlinViewWindow .source-list.sidebar.view row.cell:selected { + background-color: #5294E2; + color: #ffffff; } + NemoWindow .sidebar.frame, NemoWindow .source-list.sidebar.view.frame, + MarlinViewWindow .sidebar.frame, + MarlinViewWindow .source-list.sidebar.view.frame { + color: #BAC3CF; } + NemoWindow .sidebar separator, NemoWindow .sidebar .view separator, NemoWindow .source-list.sidebar.view separator, + MarlinViewWindow .sidebar separator, + MarlinViewWindow .sidebar separator, + MarlinViewWindow .sidebar .view separator, + MarlinViewWindow .source-list.sidebar.view separator { + color: transparent; } + +NemoWindow.maximized .sidebar, +MarlinViewWindow.maximized .sidebar { + background-color: #353945; } + +NemoWindow.background > GtkGrid > paned > separator, .sidebar NemoWindow.background > GtkGrid > paned > separator, .sidebar .view NemoWindow.background > GtkGrid > paned > separator, +MarlinViewWindow.background > GtkBox > paned > separator, .sidebar +MarlinViewWindow.background > GtkBox > paned > separator, .sidebar .view +MarlinViewWindow.background > GtkBox > paned > separator { + background-color: #2a2d37; } + +NautilusWindow NautilusWindowSlot { + background-color: #404552; } + +NautilusDesktopWindow NautilusWindowSlot { + background-color: transparent; } + +GtkFileChooserDialog.background.csd, GtkFileChooserDialog.background { + background-color: #353945; } + +GtkFileChooserDialog scrolledwindow.sidebar, GtkFileChooserDialog placessidebar.sidebar { + background-color: transparent; } + +GtkFileChooserDialog paned > .vertical > .horizontal { + background-color: #383C4A; } + +GtkFileChooserDialog .dialog-action-box { + background-color: #383C4A; } + +GtkFileChooserDialog .dialog-vbox > .frame { + color: #BAC3CF; + border-color: transparent; } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame { + background-color: transparent; + border-color: #14151a; } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame label, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame combobox, +GtkFileChooserDialog .dialog-vbox > .frame label, +GtkFileChooserDialog .dialog-vbox > .frame combobox { + color: #BAC3CF; } + +FeedReaderreaderUI.background.csd > .titlebar .pane-separator, +FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator, +FeedReaderreaderUI.background.csd > .titlebar .pane-separator:backdrop, +FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator:backdrop, +GeditWindow.background.csd > .titlebar .pane-separator, +GeditWindow.background.csd.maximized > .titlebar .pane-separator, +GeditWindow.background.csd > .titlebar .pane-separator:backdrop, +GeditWindow.background.csd.maximized > .titlebar .pane-separator:backdrop { + background-color: #262a33; } + +FeedReaderreaderUI.background.csd > .titlebar > headerbar.titlebar, +GeditWindow.background.csd > .titlebar > headerbar.titlebar { + background-color: #2f343f; } + FeedReaderreaderUI.background.csd > .titlebar > headerbar.titlebar:backdrop, + GeditWindow.background.csd > .titlebar > headerbar.titlebar:backdrop { + background-color: #323843; } + +FeedReaderreaderUI.background.csd.maximized > .titlebar > headerbar.titlebar, +GeditWindow.background.csd.maximized > .titlebar > headerbar.titlebar { + background-color: #2f343f; } + FeedReaderreaderUI.background.csd.maximized > .titlebar > headerbar.titlebar:backdrop, + GeditWindow.background.csd.maximized > .titlebar > headerbar.titlebar:backdrop { + background-color: #323843; } + +FeedReaderreaderUI.background.csd > FeedReaderreaderHeaderbar.titlebar, +GeditWindow.background.csd > .titlebar { + background-color: transparent; } + +GeditWindow.background.csd { + background-color: transparent; } + +GeditWindow.background .gedit-side-panel-paned .pane-separator { + background-color: #2a2d37; } + +GeditWindow.background .gedit-bottom-panel-paned .pane-separator { + background-color: #2b2e39; } + +.gedit-bottom-panel-paned { + background-color: #404552; } + +.gedit-document-panel { + background-color: #353945; } + .maximized .gedit-document-panel { + background-color: #353945; } + .gedit-document-panel row { + color: #BAC3CF; } + .gedit-document-panel row { + background-color: rgba(186, 195, 207, 0); + border: solid rgba(186, 195, 207, 0); + border-width: 3px 2px 3px 2px; } + .gedit-document-panel row:hover { + border: solid rgba(186, 195, 207, 0.15); + border-width: 3px 2px 3px 2px; + background-color: rgba(186, 195, 207, 0.15); } + .gedit-document-panel row:active { + color: #ffffff; + background-color: #5294E2; + border: solid #5294E2; + border-width: 3px 2px 3px 2px; } + .gedit-document-panel row:active button { + color: #ffffff; } + .gedit-document-panel row:selected, .gedit-document-panel row:selected:hover { + color: #ffffff; + background-color: #5294E2; + border: solid #5294E2; + border-width: 3px 2px 3px 2px; } + .gedit-document-panel .prelight-row button:active { + color: #BAC3CF; } + +GeditFileBrowserWidget { + background-color: #353945; } + .maximized GeditFileBrowserWidget { + background-color: #353945; } + GeditFileBrowserWidget .horizontal { + background-color: transparent; + border-color: #252831; } + GeditFileBrowserWidget .horizontal combobox { + color: #BAC3CF; } + +GeditWindow.background.csd GeditFileBrowserView.view { + background-color: transparent; + color: #BAC3CF; } + GeditWindow.background.csd GeditFileBrowserView.view.expander { + color: #BAC3CF; } + GeditWindow.background.csd GeditFileBrowserView.view.expander:hover { + color: #5294E2; } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button, +GtkFileChooserDialog .dialog-vbox > .frame button, GeditFileBrowserWidget .horizontal button { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.4); } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:hover, + GtkFileChooserDialog .dialog-vbox > .frame button:hover, GeditFileBrowserWidget .horizontal button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(119, 127, 151, 0.5); } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:active, + GtkFileChooserDialog .dialog-vbox > .frame button:active, GeditFileBrowserWidget .horizontal button:active, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:checked, + GtkFileChooserDialog .dialog-vbox > .frame button:checked, GeditFileBrowserWidget .horizontal button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: #5294E2; } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:disabled, + GtkFileChooserDialog .dialog-vbox > .frame button:disabled, GeditFileBrowserWidget .horizontal button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.25); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton, +GtkFileChooserDialog .dialog-vbox > .frame entry, +GtkFileChooserDialog .dialog-vbox > .frame spinbutton { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.4); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.4)); + background-color: transparent; } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry image, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton image, + GtkFileChooserDialog .dialog-vbox > .frame entry image, + GtkFileChooserDialog .dialog-vbox > .frame spinbutton image, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry image:hover, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton image:hover, + GtkFileChooserDialog .dialog-vbox > .frame entry image:hover, + GtkFileChooserDialog .dialog-vbox > .frame spinbutton image:hover { + color: inherit; } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry:focus, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton:focus, + GtkFileChooserDialog .dialog-vbox > .frame entry:focus, + GtkFileChooserDialog .dialog-vbox > .frame spinbutton:focus { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.4); + background-image: linear-gradient(to bottom, #5294E2); } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry:disabled, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton:disabled, + GtkFileChooserDialog .dialog-vbox > .frame entry:disabled, + GtkFileChooserDialog .dialog-vbox > .frame spinbutton:disabled { + color: rgba(186, 195, 207, 0.55); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.25)); } + +GtkFileChooserDialog placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, +NautilusWindow placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, NemoWindow .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, +MarlinViewWindow .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, GeditFileBrowserWidget scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: #e7eaee; + border: 1px solid rgba(0, 0, 0, 0.3); } + +GtkFileChooserDialog placessidebar.sidebar scrollbar slider, +NautilusWindow placessidebar.sidebar scrollbar slider, NemoWindow .sidebar scrollbar slider, NemoWindow .source-list.sidebar.view scrollbar slider, +MarlinViewWindow .sidebar scrollbar slider, +MarlinViewWindow .source-list.sidebar.view scrollbar slider, GeditFileBrowserWidget scrollbar slider { + background-color: rgba(231, 234, 238, 0.7); } + GtkFileChooserDialog placessidebar.sidebar scrollbar slider:hover, + NautilusWindow placessidebar.sidebar scrollbar slider:hover, NemoWindow .sidebar scrollbar slider:hover, NemoWindow .source-list.sidebar.view scrollbar slider:hover, + MarlinViewWindow .sidebar scrollbar slider:hover, + MarlinViewWindow .source-list.sidebar.view scrollbar slider:hover, GeditFileBrowserWidget scrollbar slider:hover { + background-color: #f6f7f9; } + GtkFileChooserDialog placessidebar.sidebar scrollbar slider:hover:active, + NautilusWindow placessidebar.sidebar scrollbar slider:hover:active, NemoWindow .sidebar scrollbar slider:hover:active, + MarlinViewWindow .sidebar scrollbar slider:hover:active, GeditFileBrowserWidget scrollbar slider:hover:active { + background-color: #5294E2; } + GtkFileChooserDialog placessidebar.sidebar scrollbar slider:disabled, + NautilusWindow placessidebar.sidebar scrollbar slider:disabled, NemoWindow .sidebar scrollbar slider:disabled, NemoWindow .source-list.sidebar.view scrollbar slider:disabled, + MarlinViewWindow .sidebar scrollbar slider:disabled, + MarlinViewWindow .source-list.sidebar.view scrollbar slider:disabled, GeditFileBrowserWidget scrollbar slider:disabled { + background-color: transparent; } + +GtkFileChooserDialog placessidebar.sidebar scrollbar trough, +NautilusWindow placessidebar.sidebar scrollbar trough, NemoWindow .sidebar scrollbar trough, NemoWindow .source-list.sidebar.view scrollbar trough, +MarlinViewWindow .sidebar scrollbar trough, +MarlinViewWindow .source-list.sidebar.view scrollbar trough, GeditFileBrowserWidget scrollbar trough { + background-color: rgba(0, 0, 0, 0.2); + border: none; } + +@define-color theme_fg_color #D3DAE3; +@define-color theme_text_color #D3DAE3; +@define-color theme_bg_color #383C4A; +@define-color theme_base_color #404552; +@define-color theme_selected_bg_color #5294E2; +@define-color theme_selected_fg_color #ffffff; +@define-color fg_color #D3DAE3; +@define-color text_color #D3DAE3; +@define-color bg_color #383C4A; +@define-color base_color #404552; +@define-color selected_bg_color #5294E2; +@define-color selected_fg_color #ffffff; +@define-color insensitive_bg_color #3c4150; +@define-color insensitive_fg_color alpha(#d3dae3,0.5); +@define-color insensitive_base_color #404552; +@define-color theme_unfocused_fg_color #D3DAE3; +@define-color theme_unfocused_text_color #D3DAE3; +@define-color theme_unfocused_bg_color #383C4A; +@define-color theme_unfocused_base_color #404552; +@define-color borders #2b2e39; +@define-color unfocused_borders #2b2e39; +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #73d216; +@define-color placeholder_text_color #A8A8A8; +@define-color content_view_bg #404552; +@define-color wm_title alpha(#cfdae7,0.8); +@define-color wm_unfocused_title alpha(#cfdae7,0.5); +@define-color wm_bg #2f343f; +@define-color wm_bg_unfocused #323843; +@define-color wm_highlight #363b48; +@define-color wm_shadow alpha(black,0.35); +@define-color wm_button_close_bg #cc575d; +@define-color wm_button_close_hover_bg #d7787d; +@define-color wm_button_close_active_bg #be3841; +@define-color wm_icon_close_bg #2f343f; +@define-color wm_button_hover_bg #454C5C; +@define-color wm_button_active_bg #5294E2; +@define-color wm_button_hover_border #262932; +@define-color wm_icon_bg #90939B; +@define-color wm_icon_unfocused_bg #666A74; +@define-color wm_icon_hover_bg #C4C7CC; +@define-color wm_icon_active_bg #ffffff; diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css new file mode 100644 index 0000000..9562145 --- /dev/null +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -0,0 +1,4203 @@ +* { + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkTreeView-expander-size: 11; + -GtkTreeView-horizontal-separator: 4; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: rgba(92, 97, 108, 0.3); + outline-style: dashed; + outline-offset: -3px; + outline-width: 1px; + -gtk-outline-radius: 2px; } + +.background { + color: #5c616c; + background-color: #F5F6F7; } + +*:disabled { + -gtk-icon-effect: dim; } + +.gtkstyle-fallback { + background-color: #F5F6F7; + color: #5c616c; } + .gtkstyle-fallback:hover { + background-color: white; + color: #5c616c; } + .gtkstyle-fallback:active { + background-color: #d9dde0; + color: #5c616c; } + .gtkstyle-fallback:disabled { + background-color: #fbfbfc; + color: rgba(92, 97, 108, 0.55); } + .gtkstyle-fallback:selected { + background-color: #5294E2; + color: #ffffff; } + +.view, +textview text { + color: #5c616c; + background-color: #ffffff; } + .view.dim-label, label.view.separator, + popover.background label.view.separator, headerbar .view.subtitle, + textview text.dim-label, + textview headerbar text.subtitle, headerbar + textview text.subtitle { + color: rgba(92, 97, 108, 0.55); } + .view.dim-label selection, label.view.separator selection, headerbar .view.subtitle selection, .view.dim-label selection:focus, label.view.separator selection:focus, headerbar .view.subtitle selection:focus, + textview text.dim-label selection, + textview headerbar text.subtitle selection, headerbar + textview text.subtitle selection, + textview text.dim-label selection:focus, + textview headerbar text.subtitle selection:focus, headerbar + textview text.subtitle selection:focus { + color: rgba(255, 255, 255, 0.65); + text-shadow: none; } + +iconview { + color: #5c616c; + background-color: #ffffff; } + iconview:selected, iconview:selected:focus { + border-radius: 3px; } + +rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, +.rubberband { + border: 1px solid #2679db; + background-color: rgba(38, 121, 219, 0.2); } + +flowbox flowboxchild { + padding: 3px; + border-radius: 2px; } + flowbox flowboxchild:selected { + outline-offset: -2px; } + +label.separator, popover label.separator, +popover.background label.separator { + color: #5c616c; } + +label:disabled { + color: rgba(92, 97, 108, 0.55); } + +.dim-label, label.separator, popover label.separator, +popover.background label.separator, headerbar .subtitle { + opacity: 0.55; } + +assistant .sidebar { + background-color: #ffffff; + border-top: 1px solid #dcdfe3; } + assistant .sidebar:dir(ltr) { + border-right: 1px solid #dcdfe3; } + assistant .sidebar:dir(rtl) { + border-left: 1px solid #dcdfe3; } + +assistant.csd .sidebar { + border-top-style: none; } + +assistant .sidebar label { + padding: 6px 12px; } + +assistant .sidebar label.highlight { + background-color: #5294E2; + color: #ffffff; } + +textview { + background-color: #fafbfb; } + +popover.osd, popover.magnifier, +popover.background.osd, +popover.background.magnifier, .osd { + color: #BAC3CF; + border: none; + background-color: #353945; + background-clip: padding-box; + outline-color: rgba(186, 195, 207, 0.3); + box-shadow: none; } + +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); } } + +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } + spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; } + spinner:checked:disabled { + opacity: 0.5; } + +entry, spinbutton { + min-height: 26px; + border: 1px solid; + padding-left: 8px; + padding-right: 8px; + border-radius: 3px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: #5c616c; + caret-color: #5c616c; + border-color: #cfd6e6; + background-color: #ffffff; + background-image: linear-gradient(to bottom, #ffffff); } + entry.search, spinbutton.search { + border-radius: 20px; } + entry image, spinbutton image { + color: #7d8189; } + entry image.left, spinbutton image.left { + padding-left: 0; + padding-right: 5px; } + entry image.right, spinbutton image.right { + padding-right: 0; + padding-left: 5px; } + entry.flat, spinbutton.flat, entry.flat:focus, spinbutton.flat:focus { + color: #5c616c; + caret-color: #5c616c; + border-color: #cfd6e6; + background-color: #ffffff; + background-image: linear-gradient(to bottom, #ffffff); + padding-left: 2px; + padding-right: 2px; + border: none; + border-radius: 0; } + entry:focus, spinbutton:focus { + background-clip: border-box; + color: #5c616c; + caret-color: #5c616c; + border-color: #5294E2; + background-color: #ffffff; + background-image: linear-gradient(to bottom, #ffffff); } + entry:disabled, spinbutton:disabled { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(255, 255, 255, 0.55); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.55)); } + entry selection, spinbutton selection, + entry selection:focus, spinbutton selection:focus { + background-color: #5294E2; + color: #ffffff; } + entry progress, spinbutton progress { + margin: 2px 12px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #5294E2; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; } + entry.warning, spinbutton.warning { + color: #ffffff; + border-color: #F27835; + background-image: linear-gradient(to bottom, #f7ae86); } + entry.warning:focus, spinbutton.warning:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, #F27835); + box-shadow: none; } + entry.warning selection, spinbutton.warning selection, entry.warning selection:focus, spinbutton.warning selection:focus { + background-color: #ffffff; + color: #F27835; } + entry.error, spinbutton.error { + color: #ffffff; + border-color: #FC4138; + background-image: linear-gradient(to bottom, #fd8d88); } + entry.error:focus, spinbutton.error:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, #FC4138); + box-shadow: none; } + entry.error selection, spinbutton.error selection, entry.error selection:focus, spinbutton.error selection:focus { + background-color: #ffffff; + color: #FC4138; } + .osd entry, .osd spinbutton { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.4); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.4)); + background-color: transparent; } + .osd entry image, .osd spinbutton image, .osd entry image:hover, .osd spinbutton image:hover { + color: inherit; } + .osd entry:focus, .osd spinbutton:focus { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.4); + background-image: linear-gradient(to bottom, #5294E2); } + .osd entry:disabled, .osd spinbutton:disabled { + color: rgba(186, 195, 207, 0.55); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.25)); } + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#5294E2), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); } } + +button { + min-height: 26px; + min-width: 20px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 3px; + padding: 0 6px; + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: #fbfbfc; } + button separator, button .sidebar separator, .sidebar button separator, button .sidebar .view separator, .sidebar .view button separator { + margin: 4px 1px; } + button.flat, button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + background-color: rgba(251, 251, 252, 0); + border-color: rgba(207, 214, 230, 0); + transition: none; } + button.flat:hover, button.sidebar-button:hover { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; } + button.flat:hover:active, button.sidebar-button:hover:active { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + button:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: white; + -gtk-icon-effect: highlight; } + button:active, button:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; + transition-duration: 50ms; } + button:active { + color: #5c616c; } + button:active:hover, button:checked { + color: #ffffff; } + button.flat:disabled, button.sidebar-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; } + button:disabled { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + button:disabled > label { + color: inherit; } + button:disabled:active, button:disabled:checked { + color: rgba(255, 255, 255, 0.8); + border-color: rgba(82, 148, 226, 0.75); + background-color: rgba(82, 148, 226, 0.75); + opacity: 0.6; } + button:disabled:active > label, button:disabled:checked > label { + color: inherit; } + button.osd { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + background-color: #353945; + border-color: #23262e; } + button.osd.image-button { + min-height: 48px; + min-width: 48px; } + button.osd:hover { + color: #5294E2; } + button.osd:active, button.osd:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: #5294E2; } + button.osd:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.25); } + .osd button { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.4); } + .osd button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(119, 127, 151, 0.5); } + .osd button:active, .osd button:checked { + background-clip: padding-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: #5294E2; } + .osd button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.25); } + .osd button.flat, .osd button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } + .osd button.flat:hover, .osd button.sidebar-button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(119, 127, 151, 0.5); } + .osd button.flat:disabled, .osd button.sidebar-button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.25); + background-image: none; } + .osd button.flat:active, .osd button.sidebar-button:active, .osd button.flat:checked, .osd button.sidebar-button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: #5294E2; } + button.suggested-action { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #4DADD4; + border-color: #4DADD4; } + button.suggested-action.flat, button.suggested-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #4DADD4; + outline-color: rgba(77, 173, 212, 0.3); } + button.suggested-action:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #76c0de; + border-color: #76c0de; } + button.suggested-action:active, button.suggested-action:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #2e96c0; + border-color: #2e96c0; } + button.suggested-action.flat:disabled, button.suggested-action.sidebar-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(92, 97, 108, 0.55); } + button.suggested-action:disabled { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + button.suggested-action:disabled > label { + color: inherit; } + button.destructive-action { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #F04A50; + border-color: #F04A50; } + button.destructive-action.flat, button.destructive-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #F04A50; + outline-color: rgba(240, 74, 80, 0.3); } + button.destructive-action:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #f4797e; + border-color: #f4797e; } + button.destructive-action:active, button.destructive-action:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ec1b22; + border-color: #ec1b22; } + button.destructive-action.flat:disabled, button.destructive-action.sidebar-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(92, 97, 108, 0.55); } + button.destructive-action:disabled { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + button.destructive-action:disabled > label { + color: inherit; } + button.text-button { + padding-left: 16px; + padding-right: 16px; } + button.text-button.image-button label:first-child { + padding-left: 8px; } + button.text-button.image-button label:last-child { + padding-right: 8px; } + .stack-switcher > button { + outline-offset: -3px; } + .stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; } + .stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; + padding-top: 3px; + padding-bottom: 3px; } + .stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; } + .stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; } + .stack-switcher > button.needs-attention:active > label, + .stack-switcher > button.needs-attention:active > image, + .stack-switcher > button.needs-attention:checked > label, + .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; } + .stack-switcher > button.needs-attention > label, + .stack-switcher > button.needs-attention > image, button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 4px; } + .stack-switcher > button.needs-attention > label:dir(rtl), + .stack-switcher > button.needs-attention > image:dir(rtl), button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl) { + background-position: left 3px, left 4px; } + .inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 2px; + border-width: 1px; } + +.inline-toolbar toolbutton > button { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: #fbfbfc; } + .inline-toolbar toolbutton > button:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: white; } + .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + .inline-toolbar toolbutton > button:disabled { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + .inline-toolbar toolbutton > button:disabled > label { + color: inherit; } + .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); + border-color: rgba(82, 148, 226, 0.75); + background-color: rgba(82, 148, 226, 0.75); + opacity: 0.6; } + .inline-toolbar toolbutton > button:disabled:active > label, .inline-toolbar toolbutton > button:disabled:checked > label { + color: inherit; } + +.linked:not(.vertical):not(.pathbar) > entry + entry, .linked:not(.vertical):not(.pathbar) > spinbutton + entry, .linked:not(.vertical):not(.pathbar) > entry + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton { + border-left-color: rgba(207, 214, 230, 0.3); } + +.linked:not(.vertical):not(.pathbar) > entry.error + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry, .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton, +.linked:not(.vertical):not(.pathbar) > entry + entry.error, +.linked:not(.vertical):not(.pathbar) > spinbutton + entry.error, +.linked:not(.vertical):not(.pathbar) > entry + spinbutton.error, +.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error { + border-left-color: #FC4138; } + +.linked:not(.vertical):not(.pathbar) > entry.warning + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.warning + entry, .linked:not(.vertical):not(.pathbar) > entry.warning + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.warning + spinbutton, +.linked:not(.vertical):not(.pathbar) > entry + entry.warning, +.linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning, +.linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning, +.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning { + border-left-color: #F27835; } + +.linked:not(.vertical):not(.pathbar) > entry.error + entry.warning, .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry.warning, .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton.warning, .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton.warning { + border-left-color: #FC4138; } + +.linked:not(.vertical):not(.pathbar) > entry + entry:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:not(:last-child), +.linked:not(.vertical):not(.pathbar) > entry + entry:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:last-child, +.linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:last-child { + border-left-color: #5294E2; } + +.linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:not(:last-child), +.linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:last-child, +.linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:last-child { + border-left-color: #F27835; } + +.linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:not(:last-child), +.linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:last-child, +.linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:last-child { + border-left-color: #FC4138; } + +.linked:not(.vertical):not(.pathbar) > entry + button, .linked:not(.vertical):not(.pathbar) > spinbutton + button, +.linked:not(.vertical):not(.pathbar) > entry + button:hover, +.linked:not(.vertical):not(.pathbar) > spinbutton + button:hover, +.linked:not(.vertical):not(.pathbar) > entry + button:active, +.linked:not(.vertical):not(.pathbar) > spinbutton + button:active, +.linked:not(.vertical):not(.pathbar) > entry + button:checked, +.linked:not(.vertical):not(.pathbar) > spinbutton + button:checked, +.linked:not(.vertical):not(.pathbar) > entry + button:disabled, +.linked:not(.vertical):not(.pathbar) > spinbutton + button:disabled { + border-left-style: solid; } + +.linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + combobox > button.combo, +.linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + combobox > button.combo { + border-left-color: #5294E2; } + +.linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + combobox > button.combo, +.linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { + border-left-color: #F27835; } + +.linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + combobox > button.combo, +.linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + combobox > button.combo { + border-left-color: #FC4138; } + +.linked:not(.vertical):not(.pathbar) > button:hover:not(:checked):not(:active):not(:only-child), +.linked:not(.vertical):not(.pathbar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: -1px 0 #cfd6e6; } + +.linked:not(.vertical):not(.pathbar) > button:first-child:hover:not(:checked):not(:active) { + box-shadow: none; } + +.linked:not(.vertical):not(.pathbar) > button:checked + button:not(:checked):not(:active):hover { + box-shadow: none; } + +.linked:not(.vertical):not(.pathbar) > button:checked + entry, .linked:not(.vertical):not(.pathbar) > button:checked + spinbutton { + border-left-color: #5294E2; } + +.linked:not(.vertical):not(.pathbar) > entry + button:not(:checked):not(:active):hover, .linked:not(.vertical):not(.pathbar) > spinbutton + button:not(:checked):not(:active):hover { + box-shadow: none; } + +.linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover { + box-shadow: inset 1px 0 rgba(207, 214, 230, 0.4), inset -1px 0 rgba(207, 214, 230, 0.4); } + +.linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { + box-shadow: inset -1px 0 rgba(207, 214, 230, 0.4); } + +.linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { + box-shadow: inset 1px 0 rgba(207, 214, 230, 0.4); } + +.linked.vertical > entry + entry, .linked.vertical > spinbutton + entry, .linked.vertical > entry + spinbutton, .linked.vertical > spinbutton + spinbutton { + border-top-color: rgba(207, 214, 230, 0.3); } + +.linked.vertical > entry.error + entry, .linked.vertical > spinbutton.error + entry, .linked.vertical > entry.error + spinbutton, .linked.vertical > spinbutton.error + spinbutton, +.linked.vertical > entry + entry.error, +.linked.vertical > spinbutton + entry.error, +.linked.vertical > entry + spinbutton.error, +.linked.vertical > spinbutton + spinbutton.error { + border-top-color: #FC4138; } + +.linked.vertical > entry.warning + entry, .linked.vertical > spinbutton.warning + entry, .linked.vertical > entry.warning + spinbutton, .linked.vertical > spinbutton.warning + spinbutton, +.linked.vertical > entry + entry.warning, +.linked.vertical > spinbutton + entry.warning, +.linked.vertical > entry + spinbutton.warning, +.linked.vertical > spinbutton + spinbutton.warning { + border-top-color: #F27835; } + +.linked.vertical > entry.error + entry.warning, .linked.vertical > spinbutton.error + entry.warning, .linked.vertical > entry.error + spinbutton.warning, .linked.vertical > spinbutton.error + spinbutton.warning { + border-top-color: #FC4138; } + +.linked.vertical > entry + entry:focus:not(:last-child), .linked.vertical > spinbutton + entry:focus:not(:last-child), .linked.vertical > entry + spinbutton:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton:focus:not(:last-child), +.linked.vertical > entry + entry:focus:last-child, +.linked.vertical > spinbutton + entry:focus:last-child, +.linked.vertical > entry + spinbutton:focus:last-child, +.linked.vertical > spinbutton + spinbutton:focus:last-child { + border-top-color: #5294E2; } + +.linked.vertical > entry + entry.warning:focus:not(:last-child), .linked.vertical > spinbutton + entry.warning:focus:not(:last-child), .linked.vertical > entry + spinbutton.warning:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton.warning:focus:not(:last-child), +.linked.vertical > entry + entry.warning:focus:last-child, +.linked.vertical > spinbutton + entry.warning:focus:last-child, +.linked.vertical > entry + spinbutton.warning:focus:last-child, +.linked.vertical > spinbutton + spinbutton.warning:focus:last-child { + border-top-color: #F27835; } + +.linked.vertical > entry + entry.error:focus:not(:last-child), .linked.vertical > spinbutton + entry.error:focus:not(:last-child), .linked.vertical > entry + spinbutton.error:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton.error:focus:not(:last-child), +.linked.vertical > entry + entry.error:focus:last-child, +.linked.vertical > spinbutton + entry.error:focus:last-child, +.linked.vertical > entry + spinbutton.error:focus:last-child, +.linked.vertical > spinbutton + spinbutton.error:focus:last-child { + border-top-color: #FC4138; } + +.linked.vertical > entry + button, .linked.vertical > spinbutton + button, +.linked.vertical > entry + button:hover, +.linked.vertical > spinbutton + button:hover, +.linked.vertical > entry + button:active, +.linked.vertical > spinbutton + button:active, +.linked.vertical > entry + button:checked, +.linked.vertical > spinbutton + button:checked, +.linked.vertical > entry + button:disabled, +.linked.vertical > spinbutton + button:disabled { + border-top-style: solid; } + +.linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > spinbutton:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton:focus:not(:only-child) + spinbutton, +.linked.vertical > entry:focus:not(:only-child) + button, +.linked.vertical > spinbutton:focus:not(:only-child) + button, +.linked.vertical > entry:focus:not(:only-child) + combobox > button.combo, +.linked.vertical > spinbutton:focus:not(:only-child) + combobox > button.combo { + border-top-color: #5294E2; } + +.linked.vertical > entry.warning:focus:not(:only-child) + entry, .linked.vertical > spinbutton.warning:focus:not(:only-child) + entry, .linked.vertical > entry.warning:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton.warning:focus:not(:only-child) + spinbutton, +.linked.vertical > entry.warning:focus:not(:only-child) + button, +.linked.vertical > spinbutton.warning:focus:not(:only-child) + button, +.linked.vertical > entry.warning:focus:not(:only-child) + combobox > button.combo, +.linked.vertical > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { + border-top-color: #F27835; } + +.linked.vertical > entry.error:focus:not(:only-child) + entry, .linked.vertical > spinbutton.error:focus:not(:only-child) + entry, .linked.vertical > entry.error:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton.error:focus:not(:only-child) + spinbutton, +.linked.vertical > entry.error:focus:not(:only-child) + button, +.linked.vertical > spinbutton.error:focus:not(:only-child) + button, +.linked.vertical > entry.error:focus:not(:only-child) + combobox > button.combo, +.linked.vertical > spinbutton.error:focus:not(:only-child) + combobox > button.combo { + border-top-color: #FC4138; } + +.linked.vertical > button:hover:not(:checked):not(:active):not(:only-child), +.linked.vertical > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: 0 -1px #cfd6e6; } + +.linked.vertical > button:first-child:hover:not(:checked):not(:active) { + box-shadow: none; } + +.linked.vertical > button:checked + button:not(:checked):not(:active):hover { + box-shadow: none; } + +.linked.vertical > button:checked + entry, .linked.vertical > button:checked + spinbutton { + border-top-color: #5294E2; } + +.linked.vertical > entry + button:not(:checked):not(:active):hover, .linked.vertical > spinbutton + button:not(:checked):not(:active):hover { + box-shadow: none; } + +toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, +.linked:not(.vertical) > button:hover, +.linked:not(.vertical) > button:active, +.linked:not(.vertical) > button:checked, .linked:not(.vertical):not(.pathbar) > entry, .linked:not(.vertical):not(.pathbar) > spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled, .linked > combobox > button.combo:dir(ltr) { + border-radius: 0; + border-right-style: none; } + +.inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:first-child, .linked:not(.vertical):not(.pathbar) > spinbutton:first-child, .linked > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; } + +.inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:last-child, .linked:not(.vertical):not(.pathbar) > spinbutton:last-child, .linked > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right-style: solid; } + +.inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:only-child, .linked:not(.vertical):not(.pathbar) > spinbutton:only-child, .linked > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:only-child { + border-radius: 3px; + border-style: solid; } + +.linked.vertical > button, +.linked.vertical > button:hover, +.linked.vertical > button:active, +.linked.vertical > button:checked, .linked.vertical > entry, .linked.vertical > spinbutton, .linked.vertical > combobox > button.combo { + border-radius: 0; + border-bottom-style: none; } + +.linked.vertical > button:first-child, .linked.vertical > entry:first-child, .linked.vertical > spinbutton:first-child, .linked.vertical > combobox:first-child > button.combo { + border-top-left-radius: 3px; + border-top-right-radius: 3px; } + +.linked.vertical > button:last-child, .linked.vertical > entry:last-child, .linked.vertical > spinbutton:last-child, .linked.vertical > combobox:last-child > button.combo { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border-bottom-style: solid; } + +.linked.vertical > button:only-child, .linked.vertical > entry:only-child, .linked.vertical > spinbutton:only-child, .linked.vertical > combobox:only-child > button.combo { + border-radius: 3px; + border-style: solid; } + +.linked:not(.vertical) > button, +.linked:not(.vertical) > button:hover, +.linked:not(.vertical) > button:active, +.linked:not(.vertical) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled { + border-left-style: none; } + .linked:not(.vertical) > button:first-child, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { + border-left-style: solid; } + +.linked.vertical > button, +.linked.vertical > button:hover, +.linked.vertical > button:active, +.linked.vertical > button:checked { + border-top-style: none; } + .linked.vertical > button:first-child { + border-top-style: solid; } + +menuitem.button.flat, +modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow, +.menu arrow, notebook tab button, notebook tab button:hover, notebook tab button:active, notebook tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled, TerminalWindow .notebook tab:active button, TerminalWindow .notebook tab:hover button, TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover, TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } + +menuitem.button.flat, +modelbutton.flat { + transition: none; + min-height: 22px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -2px; + border-radius: 2px; } + menuitem.button.flat:hover, + modelbutton.flat:hover { + background-color: #edeff0; } + menuitem.button.flat:checked, + modelbutton.flat:checked { + color: #5c616c; } + menuitem.button.flat check:last-child, + menuitem.button.flat radio:last-child, + modelbutton.flat check:last-child, + modelbutton.flat radio:last-child { + margin-left: 8px; } + menuitem.button.flat check:first-child, + menuitem.button.flat radio:first-child, + modelbutton.flat check:first-child, + modelbutton.flat radio:first-child { + margin-right: 8px; } + +modelbutton.flat arrow, modelbutton.flat arrow:hover { + background: none; } + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +*:link, button:link, button:visited { + color: #2679db; } + *:link:visited, button:visited { + color: #1e61b0; } + *:selected *:link:visited, *:selected button:visited:link, *:selected button:visited { + color: #bad4f3; } + *:link:hover, button:hover:link, button:hover:visited { + color: #5294e2; } + *:selected *:link:hover, *:selected button:hover:link, *:selected button:hover:visited { + color: #eef4fc; } + *:link:active, button:active:link, button:active:visited { + color: #2679db; } + *:selected *:link:active, *:selected button:active:link, *:selected button:active:visited { + color: #dceaf9; } + *:link:selected, button:selected:link, button:selected:visited, headerbar.selection-mode .subtitle:link, headerbar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited { + color: #dceaf9; } + +button:link > label, button:visited > label { + text-decoration-line: underline; } + +spinbutton:not(.vertical) button { + background-image: none; + border: 1px solid rgba(220, 223, 227, 0.6); + border-style: none none none solid; + color: #646973; + border-radius: 0; + box-shadow: none; } + spinbutton:not(.vertical) button:dir(rtl) { + border-style: none solid none none; } + spinbutton:not(.vertical) button:disabled { + color: rgba(92, 97, 108, 0.55); } + spinbutton:not(.vertical) button:active { + background-color: #5294E2; + color: #ffffff; } + +spinbutton.vertical { + border-radius: 0; + padding-left: 5px; + padding-right: 5px; } + spinbutton.vertical button:first-child { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: #fbfbfc; } + spinbutton.vertical button:first-child:active { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + spinbutton.vertical button:first-child:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: white; } + spinbutton.vertical button:first-child:disabled { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + spinbutton.vertical button:first-child:disabled > label { + color: inherit; } + spinbutton.vertical button:last-child { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: #fbfbfc; } + spinbutton.vertical button:last-child:active { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + spinbutton.vertical button:last-child:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: white; } + spinbutton.vertical button:last-child:disabled { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + spinbutton.vertical button:last-child:disabled > label { + color: inherit; } + spinbutton.vertical button:first-child, spinbutton.vertical button:first-child:active, spinbutton.vertical button:first-child:hover, spinbutton.vertical button:first-child:disabled { + border-radius: 2px 2px 0 0; + border-style: solid solid none solid; } + spinbutton.vertical button:last-child, spinbutton.vertical button:last-child:active, spinbutton.vertical button:last-child:hover, spinbutton.vertical button:last-child:disabled { + border-radius: 0 0 2px 2px; + border-style: none solid solid solid; } + +treeview spinbutton entry, treeview spinbutton spinbutton, treeview spinbutton entry:focus, treeview spinbutton spinbutton:focus { + padding: 1px; + border-width: 1px 0; + border-color: #5294E2; + border-radius: 0; + box-shadow: none; } + +combobox > button.combo { + padding-left: 8px; + padding-right: 8px; } + +combobox:disabled { + color: rgba(92, 97, 108, 0.55); } + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; } + +combobox > entry.combo:dir(ltr), combobox > spinbutton.combo:dir(ltr) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-right-style: none; } + combobox > entry.combo:dir(ltr):focus, combobox > spinbutton.combo:dir(ltr):focus { + box-shadow: 1px 0 #5294E2; } + +combobox > entry.combo:dir(rtl), combobox > spinbutton.combo:dir(rtl) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left-style: none; } + combobox > entry.combo:dir(rtl):focus, combobox > spinbutton.combo:dir(rtl):focus { + box-shadow: -1px 0 #5294E2; } + +combobox > button.combo:not(:only-child):dir(ltr) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + +combobox > button.combo:not(:only-child):dir(rtl) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + +toolbar, .inline-toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #F5F6F7; } + toolbar separator, .inline-toolbar separator, toolbar .sidebar separator, .sidebar toolbar separator, toolbar .sidebar .view separator, .sidebar .view toolbar separator, .inline-toolbar .sidebar .view separator, .sidebar .view .inline-toolbar separator { + background: none; } + toolbar.horizontal separator, .horizontal.inline-toolbar separator, toolbar.horizontal .sidebar .view separator, .sidebar .view toolbar.horizontal separator { + margin: 0 6px; } + toolbar.vertical separator, .vertical.inline-toolbar separator, toolbar.vertical .sidebar .view separator, .sidebar .view toolbar.vertical separator { + margin: 6px 0; } + .osd toolbar, .osd .inline-toolbar, toolbar.osd, .osd.inline-toolbar { + padding: 7px; + border: 1px solid rgba(0, 0, 0, 0.5); + border-radius: 3px; + background-color: rgba(53, 57, 69, 0.9); } + +.primary-toolbar { + color: rgba(207, 218, 231, 0.8); + background-color: #2f343f; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, #2f343f, #20232b) 1 0 1 0; } + +.inline-toolbar { + background-color: #edeef0; + border-style: solid; + border-color: #dcdfe3; + border-width: 0 1px 1px; + padding: 3px; + border-radius: 0 0 3px 3px; } + +searchbar { + background-color: #F5F6F7; + border-style: solid; + border-color: #dcdfe3; + border-width: 0 0 1px; + padding: 3px; } + +actionbar { + padding: 6px; + border-top: 1px solid #dcdfe3; + background-color: #edeef0; } + +headerbar { + min-height: 42px; + padding: 0 5px; + border-width: 0 0 1px; + border-style: solid; + border-radius: 0; + border-color: #262a33; + color: rgba(207, 218, 231, 0.8); + background-color: #2f343f; } + .csd headerbar { + background-color: #2f343f; + border-color: #262a33; } + headerbar:backdrop { + color: rgba(207, 218, 231, 0.5); } + headerbar .title { + padding-left: 12px; + padding-right: 12px; } + headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; } + headerbar.selection-mode, headerbar.titlebar.selection-mode { + color: #ffffff; + background-color: #5294E2; + border-color: #4189df; + box-shadow: none; } + headerbar.selection-mode:backdrop, headerbar.titlebar.selection-mode:backdrop { + background-color: #5294E2; + color: rgba(255, 255, 255, 0.6); } + headerbar.selection-mode button, headerbar.titlebar.selection-mode button { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0); } + headerbar.selection-mode button.flat, headerbar.selection-mode button.sidebar-button, headerbar.titlebar.selection-mode button.flat, headerbar.titlebar.selection-mode button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0); } + headerbar.selection-mode button:hover, headerbar.titlebar.selection-mode button:hover { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0.05); + border-color: rgba(255, 255, 255, 0.5); } + headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.titlebar.selection-mode button:active, headerbar.titlebar.selection-mode button:checked { + color: #5294E2; + outline-color: rgba(82, 148, 226, 0.3); + background-color: #ffffff; + border-color: #ffffff; } + headerbar.selection-mode button:disabled, headerbar.titlebar.selection-mode button:disabled { + color: rgba(255, 255, 255, 0.4); + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0); } + headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked, headerbar.titlebar.selection-mode button:disabled:active, headerbar.titlebar.selection-mode button:disabled:checked { + color: rgba(82, 148, 226, 0.4); + background-color: rgba(255, 255, 255, 0.15); + border-color: rgba(255, 255, 255, 0.15); } + headerbar.selection-mode .selection-menu, headerbar.titlebar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; } + headerbar.selection-mode .selection-menu GtkArrow, headerbar.titlebar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; } + headerbar.selection-mode .selection-menu .arrow, headerbar.titlebar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + .maximized headerbar.selection-mode, .maximized headerbar.titlebar.selection-mode { + background-color: #5294e2; } + .tiled headerbar, .tiled headerbar:backdrop, + .maximized headerbar, .maximized headerbar:backdrop { + border-radius: 0; } + .maximized headerbar { + background-color: #2f343f; + border-color: #262a33; } + headerbar.default-decoration, + .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, + .csd headerbar.default-decoration:backdrop { + padding-top: 5px; + padding-bottom: 5px; + background-color: #2f343f; + border-bottom-width: 0; } + .maximized headerbar.default-decoration, .maximized + .csd headerbar.default-decoration, .maximized headerbar.default-decoration:backdrop, .maximized + .csd headerbar.default-decoration:backdrop { + background-color: #2f343f; } + +.titlebar { + padding: 0 7px; + border-radius: 3px 3px 0 0; + color: rgba(207, 218, 231, 0.8); + background-color: #2f343f; + box-shadow: inset 0 1px #363b48; } + .csd .titlebar { + background-color: #2f343f; } + .titlebar:backdrop { + color: rgba(207, 218, 231, 0.5); + background-color: #323843; } + .csd .titlebar:backdrop { + background-color: #323843; } + .maximized .titlebar { + background-color: #2f343f; } + .maximized .titlebar:backdrop, .csd .maximized .titlebar:backdrop { + background-color: #323843; } + window > .titlebar:not(headerbar), + window.csd > .titlebar:not(headerbar) { + padding: 0; + border: none; + background: none; } + .titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator { + background-color: #262a33; } + +.primary-toolbar separator, .primary-toolbar .sidebar .view separator, .sidebar .view .primary-toolbar separator, headerbar separator.titlebutton, headerbar .sidebar .view separator.titlebutton, .sidebar .view headerbar separator.titlebutton { + min-width: 1px; + min-height: 1px; + background: none; + border-width: 0 1px; + border-image: linear-gradient(to bottom, rgba(207, 218, 231, 0) 25%, rgba(207, 218, 231, 0.15) 25%, rgba(207, 218, 231, 0.15) 75%, rgba(207, 218, 231, 0) 75%) 0 1/0 1px stretch; } + .primary-toolbar separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.6; } + +.primary-toolbar entry, headerbar entry, .primary-toolbar spinbutton, headerbar spinbutton, .primary-toolbar button, headerbar button, .primary-toolbar separator, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator, .primary-toolbar .sidebar .view separator, .sidebar .view .primary-toolbar separator, headerbar .sidebar .view separator, .sidebar .view headerbar separator { + margin-top: 6px; + margin-bottom: 6px; } + +.primary-toolbar entry, headerbar entry, .primary-toolbar spinbutton, headerbar spinbutton, .primary-toolbar spinbutton, headerbar spinbutton { + color: rgba(207, 218, 231, 0.8); + caret-color: rgba(207, 218, 231, 0.8); + border-color: rgba(21, 23, 28, 0.4); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); + background-color: transparent; } + .primary-toolbar entry image, headerbar entry image, .primary-toolbar spinbutton image, headerbar spinbutton image, .primary-toolbar entry image:hover, headerbar entry image:hover, .primary-toolbar spinbutton image:hover, headerbar spinbutton image:hover, .primary-toolbar spinbutton image, headerbar spinbutton image, .primary-toolbar spinbutton image:hover, headerbar spinbutton image:hover { + color: inherit; } + .primary-toolbar entry:backdrop, headerbar entry:backdrop, .primary-toolbar spinbutton:backdrop, headerbar spinbutton:backdrop, .primary-toolbar spinbutton:backdrop, headerbar spinbutton:backdrop { + opacity: 0.85; } + .primary-toolbar entry:focus, headerbar entry:focus, .primary-toolbar spinbutton:focus, headerbar spinbutton:focus, .primary-toolbar spinbutton:focus, headerbar spinbutton:focus { + color: #ffffff; + caret-color: #ffffff; + border-color: transparent; + background-image: linear-gradient(to bottom, #5294E2); + background-clip: padding-box; } + .primary-toolbar entry:focus image, headerbar entry:focus image, .primary-toolbar spinbutton:focus image, headerbar spinbutton:focus image, .primary-toolbar spinbutton:focus image, headerbar spinbutton:focus image { + color: #ffffff; } + .primary-toolbar entry:disabled, headerbar entry:disabled, .primary-toolbar spinbutton:disabled, headerbar spinbutton:disabled, .primary-toolbar spinbutton:disabled, headerbar spinbutton:disabled { + color: rgba(207, 218, 231, 0.35); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); } + .primary-toolbar entry selection:focus, headerbar entry selection:focus, .primary-toolbar spinbutton selection:focus, headerbar spinbutton selection:focus, .primary-toolbar spinbutton selection:focus, headerbar spinbutton selection:focus { + background-color: #ffffff; + color: #5294E2; } + .primary-toolbar entry progress, headerbar entry progress, .primary-toolbar spinbutton progress, headerbar spinbutton progress, .primary-toolbar spinbutton progress, headerbar spinbutton progress { + border-color: #5294E2; + background-image: none; + background-color: transparent; } + .primary-toolbar entry.warning, headerbar entry.warning, .primary-toolbar spinbutton.warning, headerbar spinbutton.warning, .primary-toolbar spinbutton.warning, headerbar spinbutton.warning { + color: #ffffff; + border-color: rgba(21, 23, 28, 0.4); + background-image: linear-gradient(to bottom, #a45d39); } + .primary-toolbar entry.warning:focus, headerbar entry.warning:focus, .primary-toolbar spinbutton.warning:focus, headerbar spinbutton.warning:focus, .primary-toolbar spinbutton.warning:focus, headerbar spinbutton.warning:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, #F27835); } + .primary-toolbar entry.warning selection, headerbar entry.warning selection, .primary-toolbar spinbutton.warning selection, headerbar spinbutton.warning selection, .primary-toolbar entry.warning selection:focus, headerbar entry.warning selection:focus, .primary-toolbar spinbutton.warning selection:focus, headerbar spinbutton.warning selection:focus, .primary-toolbar spinbutton.warning selection, headerbar spinbutton.warning selection, .primary-toolbar spinbutton.warning selection:focus, headerbar spinbutton.warning selection:focus { + background-color: #ffffff; + color: #F27835; } + .primary-toolbar entry.error, headerbar entry.error, .primary-toolbar spinbutton.error, headerbar spinbutton.error, .primary-toolbar spinbutton.error, headerbar spinbutton.error { + color: #ffffff; + border-color: rgba(21, 23, 28, 0.4); + background-image: linear-gradient(to bottom, #aa3c3b); } + .primary-toolbar entry.error:focus, headerbar entry.error:focus, .primary-toolbar spinbutton.error:focus, headerbar spinbutton.error:focus, .primary-toolbar spinbutton.error:focus, headerbar spinbutton.error:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, #FC4138); } + .primary-toolbar entry.error selection, headerbar entry.error selection, .primary-toolbar spinbutton.error selection, headerbar spinbutton.error selection, .primary-toolbar entry.error selection:focus, headerbar entry.error selection:focus, .primary-toolbar spinbutton.error selection:focus, headerbar spinbutton.error selection:focus, .primary-toolbar spinbutton.error selection, headerbar spinbutton.error selection, .primary-toolbar spinbutton.error selection:focus, headerbar spinbutton.error selection:focus { + background-color: #ffffff; + color: #FC4138; } + +.primary-toolbar button, headerbar button { + color: rgba(207, 218, 231, 0.8); + outline-color: rgba(207, 218, 231, 0.1); + outline-offset: -3px; + background-color: rgba(47, 52, 63, 0); + border-color: rgba(47, 52, 63, 0); } + .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.7; } + .primary-toolbar button:hover, headerbar button:hover { + color: rgba(207, 218, 231, 0.8); + outline-color: rgba(207, 218, 231, 0.1); + border-color: rgba(21, 23, 28, 0.4); + background-color: rgba(95, 105, 127, 0.4); } + .primary-toolbar button:active, headerbar button:active, .primary-toolbar button:checked, headerbar button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + background-color: #5294E2; + background-clip: padding-box; } + .primary-toolbar button:disabled, headerbar button:disabled { + color: rgba(207, 218, 231, 0.35); + background-color: rgba(47, 52, 63, 0); + border-color: rgba(47, 52, 63, 0); } + .primary-toolbar button:disabled > label, headerbar button:disabled > label { + color: inherit; } + .primary-toolbar button:disabled:active, headerbar button:disabled:active, .primary-toolbar button:disabled:checked, headerbar button:disabled:checked { + color: rgba(255, 255, 255, 0.75); + border-color: rgba(82, 148, 226, 0.65); + background-color: rgba(82, 148, 226, 0.65); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button, headerbar .linked:not(.vertical):not(.path-bar) > button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover, headerbar .linked:not(.vertical):not(.path-bar) > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:active, headerbar .linked:not(.vertical):not(.path-bar) > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked, headerbar .linked:not(.vertical):not(.path-bar) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:disabled, headerbar .linked:not(.vertical):not(.path-bar) > button:disabled { + border-radius: 3px; + border-style: solid; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), headerbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), headerbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child), headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child), .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button { + color: rgba(207, 218, 231, 0.8); + outline-color: rgba(207, 218, 231, 0.1); + border-color: rgba(21, 23, 28, 0.4); + background-color: rgba(95, 105, 127, 0.4); } + .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover { + background-color: rgba(134, 144, 165, 0.4); } + .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + background-color: #5294E2; } + .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled { + color: rgba(207, 218, 231, 0.4); } + +.primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4), inset -1px 0 rgba(21, 23, 28, 0.4); } + +.primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { + box-shadow: inset -1px 0 rgba(21, 23, 28, 0.4); } + +.primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4); } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton { + border-left-color: rgba(21, 23, 28, 0); } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.error, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.error, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error { + border-left-color: #FC4138; } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning { + border-left-color: #F27835; } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton.warning { + border-left-color: #FC4138; } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:last-child { + border-left-color: rgba(21, 23, 28, 0.4); } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:last-child { + border-left-color: #F27835; } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:last-child { + border-left-color: #FC4138; } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + combobox > button.combo { + border-left-color: rgba(21, 23, 28, 0.4); } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { + border-left-color: #F27835; } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button.combo > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button.combo > button.combo, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button.combo > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button.combo > button.combo { + border-left-color: #FC4138; } + +.primary-toolbar button.suggested-action, headerbar button.suggested-action { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #4DADD4; + border-color: #4DADD4; } + .primary-toolbar button.suggested-action.flat, headerbar button.suggested-action.flat, .primary-toolbar button.suggested-action.sidebar-button, headerbar button.suggested-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #4DADD4; + outline-color: rgba(77, 173, 212, 0.3); } + .primary-toolbar button.suggested-action:hover, headerbar button.suggested-action:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #76c0de; + border-color: #76c0de; } + .primary-toolbar button.suggested-action:active, headerbar button.suggested-action:active, .primary-toolbar button.suggested-action:checked, headerbar button.suggested-action:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #2e96c0; + border-color: #2e96c0; } + .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { + color: rgba(207, 218, 231, 0.35); + background-color: rgba(47, 52, 63, 0); + border-color: rgba(47, 52, 63, 0); } + .primary-toolbar button.suggested-action.flat:disabled > label, headerbar button.suggested-action.flat:disabled > label, .primary-toolbar button.suggested-action.sidebar-button:disabled > label, headerbar button.suggested-action.sidebar-button:disabled > label, .primary-toolbar button.suggested-action:disabled > label, headerbar button.suggested-action:disabled > label { + color: inherit; } + +.primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop, .primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop { + opacity: 0.8; } + +.primary-toolbar button.destructive-action, headerbar button.destructive-action { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #F04A50; + border-color: #F04A50; } + .primary-toolbar button.destructive-action.flat, headerbar button.destructive-action.flat, .primary-toolbar button.destructive-action.sidebar-button, headerbar button.destructive-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #F04A50; + outline-color: rgba(240, 74, 80, 0.3); } + .primary-toolbar button.destructive-action:hover, headerbar button.destructive-action:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #f4797e; + border-color: #f4797e; } + .primary-toolbar button.destructive-action:active, headerbar button.destructive-action:active, .primary-toolbar button.destructive-action:checked, headerbar button.destructive-action:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ec1b22; + border-color: #ec1b22; } + .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { + color: rgba(207, 218, 231, 0.35); + background-color: rgba(47, 52, 63, 0); + border-color: rgba(47, 52, 63, 0); } + .primary-toolbar button.destructive-action.flat:disabled > label, headerbar button.destructive-action.flat:disabled > label, .primary-toolbar button.destructive-action.sidebar-button:disabled > label, headerbar button.destructive-action.sidebar-button:disabled > label, .primary-toolbar button.destructive-action:disabled > label, headerbar button.destructive-action:disabled > label { + color: inherit; } + +.primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop, .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop { + opacity: 0.8; } + +.primary-toolbar spinbutton:focus button, headerbar spinbutton:focus button { + color: #ffffff; } + .primary-toolbar spinbutton:focus button:hover, headerbar spinbutton:focus button:hover { + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; } + .primary-toolbar spinbutton:focus button:disabled, headerbar spinbutton:focus button:disabled { + color: rgba(255, 255, 255, 0.4); } + +.primary-toolbar spinbutton button, headerbar spinbutton button { + color: rgba(207, 218, 231, 0.8); } + .primary-toolbar spinbutton button:hover, headerbar spinbutton button:hover { + background-color: rgba(207, 218, 231, 0.05); + border-color: transparent; } + .primary-toolbar spinbutton button:disabled, headerbar spinbutton button:disabled { + color: rgba(207, 218, 231, 0.5); } + .primary-toolbar spinbutton button:active, headerbar spinbutton button:active { + background-color: rgba(0, 0, 0, 0.1); } + +.primary-toolbar combobox:disabled, headerbar combobox:disabled { + color: rgba(207, 218, 231, 0.2); } + +.primary-toolbar combobox.combobox-entry button, headerbar combobox.combobox-entry button { + color: rgba(207, 218, 231, 0.8); + caret-color: rgba(207, 218, 231, 0.8); + border-color: rgba(21, 23, 28, 0.4); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); + background-color: transparent; } + .primary-toolbar combobox.combobox-entry button image, headerbar combobox.combobox-entry button image, .primary-toolbar combobox.combobox-entry button image:hover, headerbar combobox.combobox-entry button image:hover { + color: inherit; } + .primary-toolbar combobox.combobox-entry button:hover, headerbar combobox.combobox-entry button:hover { + color: #ffffff; + caret-color: #ffffff; + border-color: transparent; + background-image: linear-gradient(to bottom, #5294E2); + box-shadow: none; } + .primary-toolbar combobox.combobox-entry button:disabled, headerbar combobox.combobox-entry button:disabled { + color: rgba(207, 218, 231, 0.35); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); } + +.primary-toolbar combobox.combobox-entry entry:dir(ltr), headerbar combobox.combobox-entry entry:dir(ltr), .primary-toolbar combobox.combobox-entry spinbutton:dir(ltr), headerbar combobox.combobox-entry spinbutton:dir(ltr) { + border-right-style: none; } + .primary-toolbar combobox.combobox-entry entry:dir(ltr):focus, headerbar combobox.combobox-entry entry:dir(ltr):focus, .primary-toolbar combobox.combobox-entry spinbutton:dir(ltr):focus, headerbar combobox.combobox-entry spinbutton:dir(ltr):focus { + box-shadow: none; } + +.primary-toolbar combobox.combobox-entry entry:dir(rtl), headerbar combobox.combobox-entry entry:dir(rtl), .primary-toolbar combobox.combobox-entry spinbutton:dir(rtl), headerbar combobox.combobox-entry spinbutton:dir(rtl) { + border-left-style: none; } + .primary-toolbar combobox.combobox-entry entry:dir(rtl):focus, headerbar combobox.combobox-entry entry:dir(rtl):focus, .primary-toolbar combobox.combobox-entry spinbutton:dir(rtl):focus, headerbar combobox.combobox-entry spinbutton:dir(rtl):focus { + box-shadow: none; } + +.primary-toolbar switch:backdrop, headerbar switch:backdrop { + opacity: 0.75; } + +.primary-toolbar progressbar trough, headerbar progressbar trough { + background-color: rgba(21, 23, 28, 0.4); } + +.primary-toolbar progressbar:backdrop, headerbar progressbar:backdrop { + opacity: 0.75; } + +.primary-toolbar scale:backdrop, headerbar scale:backdrop { + opacity: 0.75; } + +.primary-toolbar scale slider, headerbar scale slider { + background-image: linear-gradient(to bottom, #454c5c); + border-color: rgba(21, 23, 28, 0.7); } + .primary-toolbar scale slider:hover, headerbar scale slider:hover { + background-image: linear-gradient(to bottom, #50586b); + border-color: rgba(21, 23, 28, 0.7); } + .primary-toolbar scale slider:active, headerbar scale slider:active { + background-image: linear-gradient(to bottom, #5294E2); + border-color: #5294E2; } + .primary-toolbar scale slider:disabled, headerbar scale slider:disabled { + background-image: linear-gradient(to bottom, #3e4553); + border-color: rgba(21, 23, 28, 0.7); } + +.primary-toolbar scale trough, headerbar scale trough { + background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.4)); } + .primary-toolbar scale trough:disabled, headerbar scale trough:disabled { + background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.3)); } + +.path-bar button:first-child { + padding-left: 10px; } + +.path-bar button:last-child { + padding-right: 10px; } + +.path-bar button:only-child { + padding-left: 10px; + padding-right: 10px; } + +.path-bar button label:last-child { + padding-left: 4px; } + +.path-bar button label:first-child { + padding-right: 4px; } + +.path-bar button label:only-child, .path-bar button label { + padding-right: 0; + padding-left: 0; } + +treeview.view { + -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: rgba(92, 97, 108, 0.15); + border-top-color: rgba(0, 0, 0, 0.1); } + treeview.view:selected { + border-radius: 0; + border-left-color: #a9caf1; + border-top-color: rgba(92, 97, 108, 0.1); } + treeview.view:disabled { + color: rgba(92, 97, 108, 0.55); } + treeview.view:disabled:selected { + color: #97bfee; } + treeview.view.separator { + min-height: 2px; } + treeview.view.dnd { + border-style: solid none; + border-width: 1px; + border-color: #577ba7; } + treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #aeb0b6; } + treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + treeview.view.expander:hover { + color: #5c616c; } + treeview.view.expander:selected { + color: #cbdff6; } + treeview.view.expander:selected:hover { + color: #ffffff; } + treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + treeview.view.progressbar { + color: #ffffff; + border-radius: 3px; + background-image: linear-gradient(to bottom, #5294E2); } + treeview.view.progressbar:selected { + color: #5294E2; + box-shadow: none; + background-image: linear-gradient(to bottom, #ffffff); } + treeview.view.trough, treeview.view.trough:selected { + color: #5c616c; + background-image: linear-gradient(to bottom, #cfd6e6); + border-radius: 3px; + border-width: 0; } + treeview.view header button { + color: #7d8189; + background-color: #ffffff; + font-weight: bold; } + treeview.view header button:hover { + color: #5294E2; + box-shadow: none; + transition: none; } + treeview.view header button:active { + color: #5c616c; + transition: none; } + treeview.view header button:last-child, + treeview.view header button:last-child:hover, + treeview.view header button:last-child:active { + border-right-style: none; + border-image: none; } + treeview.view header.button.dnd, treeview.view header button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover { + transition: none; + color: #5294E2; + box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #ffffff, inset -1px 0 #ffffff; } + +treeview.view header button, treeview.view header button:hover, treeview.view header button:active { + min-height: 0; + min-width: 0; + padding: 3px 6px; + background-image: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, transparent 80%) 0 1 0 0/0 1px 0 0 stretch; } + treeview.view header button:active, treeview.view header button:hover { + background-color: #ffffff; } + treeview.view header button:active:hover { + color: #5c616c; } + treeview.view header button:disabled { + border-color: #F5F6F7; + background-image: none; } + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0px; + background-color: #2f343f; + color: rgba(207, 218, 231, 0.8); } + menubar:backdrop, + .menubar:backdrop { + color: rgba(207, 218, 231, 0.5); } + menubar > menuitem, + .menubar > menuitem { + padding: 6px 8px; + border: solid transparent; + border-width: 0; } + menubar > menuitem:hover, + .menubar > menuitem:hover { + background-color: #5294E2; + color: #ffffff; } + menubar > menuitem:disabled, + .menubar > menuitem:disabled { + color: rgba(207, 218, 231, 0.2); + border-color: transparent; } + +menu, +.menu { + margin: 4px; + padding: 0; + border-radius: 0; + background-color: #ffffff; + border: 1px solid #dcdfe3; } + .csd menu, .csd + .menu { + padding: 4px 0px; + border-radius: 2px; + border: none; } + menu separator, menu .sidebar separator, .sidebar menu separator, menu .sidebar .view separator, .sidebar .view menu separator, + .csd menu separator, + .csd menu .sidebar .view separator, .sidebar .view + .csd menu separator, + .menu separator, + .menu .sidebar .view separator, .sidebar .view + .menu separator, + .csd + .menu separator { + min-height: 10px; + background-color: #ffffff; } + menu menuitem, + .menu menuitem { + padding: 4px; + min-width: 40px; + border: solid transparent; + border-width: 1px 0 1px 0; } + menu menuitem:hover, + .menu menuitem:hover { + color: #5c616c; + background-color: rgba(0, 0, 0, 0.04); + border: solid rgba(0, 0, 0, 0.08); + border-width: 1px 0 1px 0; } + menu menuitem:disabled, + .menu menuitem:disabled { + color: rgba(92, 97, 108, 0.55); } + menu menuitem arrow, + .menu menuitem arrow { + min-height: 16px; + min-width: 16px; } + menu menuitem arrow:dir(ltr), + .menu menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-left: 10px; } + menu menuitem arrow:dir(rtl), + .menu menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-right: 10px; } + menuitem accelerator { + color: alpha(currentColor,0.55); } + menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; } + menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 7px; } + menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 7px; } + menu arrow, + .menu arrow { + border-style: none; + border-radius: 0; + min-width: 16px; + min-height: 16px; } + menu arrow.top, + .menu arrow.top { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); + border-bottom: 1px solid #efeff0; } + menu arrow.bottom, + .menu arrow.bottom { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + border-top: 1px solid #efeff0; } + menu arrow:hover, + .menu arrow:hover { + background-color: #efeff0; } + menu arrow:disabled, + .menu arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; } + +popover, +popover.background { + padding: 2px; + border-radius: 3px; + background-clip: border-box; + background-color: #ffffff; + box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.07); } + .csd popover, popover, .csd + popover.background, + popover.background { + border: 1px solid #cdd2d7; } + popover separator, popover .sidebar separator, .sidebar popover separator, popover .sidebar .view separator, .sidebar .view popover separator, + popover.background separator, + popover.background .sidebar .view separator, .sidebar .view + popover.background separator { + background-color: #ffffff; } + popover > list, + popover > .view, + popover > toolbar, + popover > .inline-toolbar, + popover.osd > toolbar, + popover.osd > .inline-toolbar, + popover.background > list, + popover.background > .view, + popover.background > toolbar, + popover.background > .inline-toolbar, + popover.background.osd > toolbar, + popover.background.osd > .inline-toolbar { + border-style: none; + background-color: transparent; } + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; } + cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); } + cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } + +notebook { + -GtkNotebook-initial-gap: 4; + -GtkNotebook-arrow-spacing: 5; + -GtkNotebook-tab-curvature: 0; + -GtkNotebook-tab-overlap: 1; + -GtkNotebook-has-tab-gap: false; + padding: 0; + background-color: #ffffff; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + notebook.frame { + border: 1px solid #dcdfe3; } + notebook header { + background-color: #F5F6F7; } + .frame notebook header { + border: 0px solid #dcdfe3; } + .frame notebook header.top { + border-bottom-width: 0; } + .frame notebook header.bottom { + border-top-width: 0; } + .frame notebook header.right { + border-left-width: 0; } + .frame notebook header.left { + border-right-width: 0; } + notebook header.top { + box-shadow: inset 0 -1px #dcdfe3; } + notebook header.bottom { + box-shadow: inset 0 1px #dcdfe3; } + notebook header.right { + box-shadow: inset 1px 0 #dcdfe3; } + notebook header.left { + box-shadow: inset -1px 0 #dcdfe3; } + notebook header.top tab { + border-width: 0; + background-color: rgba(255, 255, 255, 0); + padding: 4px 15px; + border-top: 2px solid transparent; + padding-top: 6px; + border-radius: 3.5px 2px 0 0; } + notebook header.top tab.reorderable-page { + padding-left: 12px; + padding-right: 12px; } + notebook header.top tab:hover { + background-color: rgba(255, 255, 255, 0.5); + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + notebook header.top tab:active, notebook header.top tab:active:hover { + background-color: #ffffff; + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #ffffff, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + notebook header.bottom tab { + border-width: 0; + background-color: rgba(255, 255, 255, 0); + padding: 4px 15px; + border-bottom: 2px solid transparent; + padding-bottom: 6px; + border-radius: 0 0 2px 3.5px; } + notebook header.bottom tab.reorderable-page { + padding-left: 12px; + padding-right: 12px; } + notebook header.bottom tab:hover { + background-color: rgba(255, 255, 255, 0.5); + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + notebook header.bottom tab:active, notebook header.bottom tab:active:hover { + background-color: #ffffff; + box-shadow: inset 0 -1px #ffffff, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + notebook header.right tab { + border-width: 0; + background-color: rgba(255, 255, 255, 0); + padding: 4px 15px; + border-right: 2px solid transparent; + padding-right: 17px; + border-radius: 0 3.5px 3.5px 0; } + notebook header.right tab:hover { + background-color: rgba(255, 255, 255, 0.5); + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + notebook header.right tab:active, notebook header.right tab:active:hover { + background-color: #ffffff; + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #ffffff, inset -1px 0 #dcdfe3; } + notebook header.left tab { + border-width: 0; + background-color: rgba(255, 255, 255, 0); + padding: 4px 15px; + border-left: 2px solid transparent; + padding-left: 17px; + border-radius: 3.5px 0 0 3.5px; } + notebook header.left tab:hover { + background-color: rgba(255, 255, 255, 0.5); + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + notebook header.left tab:active, notebook header.left tab:active:hover { + background-color: #ffffff; + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #ffffff; } + notebook header.top tabs arrow.up, notebook header.bottom tabs arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + notebook header.top tabs arrow.down, notebook header.bottom tabs arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + notebook header.left tabs arrow.up, notebook header.right tabs arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + notebook header.left tabs arrow.down, notebook header.right tabs arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + notebook header tabs arrow { + color: rgba(92, 97, 108, 0.55); } + notebook header tabs arrow:hover { + color: rgba(92, 97, 108, 0.775); } + notebook header tabs arrow:active { + color: #5c616c; } + notebook header tabs arrow:disabled { + color: rgba(92, 97, 108, 0.25); } + notebook tab label { + padding: 0 2px; + color: rgba(92, 97, 108, 0.55); } + notebook tab:hover label { + color: rgba(92, 97, 108, 0.775); } + notebook tab:active label { + color: #5c616c; } + notebook tab button { + min-height: 18px; + min-width: 16px; + padding: 0; + color: #92959d; } + notebook tab button:hover { + color: #ff4d4d; } + notebook tab button:active, notebook tab button:active:hover { + color: #5294E2; } + +* { + -GtkRange-slider-width: 13; + -GtkRange-trough-border: 0; + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + -GtkScrollbar-min-slider-length: 42; + -GtkRange-stepper-spacing: 0; + -GtkRange-trough-under-steppers: 1; } + +scrollbar button { + border: none; } + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + -GtkRange-slider-width: 6px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + background-color: #8a8e96; + border: 1px solid rgba(255, 255, 255, 0.6); + background-clip: padding-box; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) trough { + border-style: none; + background-color: transparent; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { + margin-top: 2px; + margin-bottom: 2px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + margin-left: 2px; + margin-right: 2px; } + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; } + +scrollbar trough { + background-color: #fcfcfc; + border: 1px none #dcdfe3; } + +scrollbar slider { + background-color: #b8babf; } + scrollbar slider:hover { + background-color: #c7c9cd; } + scrollbar slider:hover:active { + background-color: #5294E2; } + scrollbar slider:disabled { + background-color: transparent; } + +scrollbar slider { + border-radius: 100px; + margin: 3px; } + +scrollbar.fine-tune slider { + margin: 4px; } + +scrollbar.vertical slider { + margin-left: 4px; } + scrollbar.vertical slider:dir(rtl) { + margin-left: 3px; + margin-right: 4px; } + +scrollbar.vertical.fine-tune .slider { + margin-left: 5px; } + scrollbar.vertical.fine-tune .slider:dir(rtl) { + margin-left: 4px; + margin-right: 5px; } + +scrollbar.vertical trough { + border-left-style: solid; } + scrollbar.vertical trough:dir(rtl) { + border-left-style: none; + border-right-style: solid; } + +scrollbar.horizontal slider { + margin-top: 4px; } + +scrollbar.horizontal.fine-tune slider { + margin-top: 5px; } + +scrollbar.horizontal trough { + border-top-style: solid; } + +switch { + font: 1; + outline-color: transparent; } + switch, switch slider { + background-size: 52px 24px; + background-repeat: no-repeat; + background-position: right center; + color: transparent; + border-color: transparent; + border-image: none; + border-style: none; + box-shadow: none; } + switch:dir(rtl), switch slider:dir(rtl) { + background-position: left center; } + switch slider { + min-width: 52px; + min-height: 24px; } + +switch { + background-image: -gtk-scaled(url("assets/switch.png"), url("assets/switch@2.png")); } + +row:selected switch, +infobar switch { + background-image: -gtk-scaled(url("assets/switch-selected.png"), url("assets/switch-selected@2.png")); } + +headerbar switch, +.primary-toolbar switch { + background-image: -gtk-scaled(url("assets/switch-header-dark.png"), url("assets/switch-header-dark@2.png")); } + +switch:active { + background-image: -gtk-scaled(url("assets/switch-active.png"), url("assets/switch-active@2.png")); } + +row:selected switch:active, +infobar switch:active { + background-image: -gtk-scaled(url("assets/switch-active-selected.png"), url("assets/switch-active-selected@2.png")); } + +headerbar switch:active, +.primary-toolbar switch:active { + background-image: -gtk-scaled(url("assets/switch-active-header-dark.png"), url("assets/switch-active-header-dark@2.png")); } + +switch:disabled { + background-image: -gtk-scaled(url("assets/switch-insensitive.png"), url("assets/switch-insensitive@2.png")); } + +row:selected switch:disabled, +infobar switch:disabled { + background-image: -gtk-scaled(url("assets/switch-insensitive-selected.png"), url("assets/switch-insensitive-selected@2.png")); } + +headerbar switch:disabled, +.primary-toolbar switch:disabled { + background-image: -gtk-scaled(url("assets/switch-insensitive-header-dark.png"), url("assets/switch-insensitive-header-dark@2.png")); } + +switch:active:disabled { + background-image: -gtk-scaled(url("assets/switch-active-insensitive.png"), url("assets/switch-active-insensitive@2.png")); } + +row:selected switch:active:disabled, +infobar switch:active:disabled { + background-image: -gtk-scaled(url("assets/switch-active-insensitive-selected.png"), url("assets/switch-active-insensitive-selected@2.png")); } + +headerbar switch:active:disabled, +.primary-toolbar switch:active:disabled { + background-image: -gtk-scaled(url("assets/switch-active-insensitive-header-dark.png"), url("assets/switch-active-insensitive-header-dark@2.png")); } + +check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check, +GtkFileChooserDialog .dialog-vbox > .frame check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } + +.view check:selected, +row:selected check, +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); } + +check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:disabled, +GtkFileChooserDialog .dialog-vbox > .frame check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } + +.view check:disabled:selected, +row:selected check:disabled, +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); } + +check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate, +GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } + +.view check:indeterminate:selected, +row:selected check:indeterminate, +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); } + +check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate:disabled, +GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } + +.view check:indeterminate:disabled:selected, +row:selected check:indeterminate:disabled, +infobar check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); } + +check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked, +GtkFileChooserDialog .dialog-vbox > .frame check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } + +.view check:checked:selected, +row:selected check:checked, +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); } + +check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked:disabled, +GtkFileChooserDialog .dialog-vbox > .frame check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + +.view check:checked:disabled:selected, +row:selected check:checked:disabled, +infobar check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); } + +radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio, +GtkFileChooserDialog .dialog-vbox > .frame radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } + +.view radio:selected, +row:selected radio, +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); } + +radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:disabled, +GtkFileChooserDialog .dialog-vbox > .frame radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } + +.view radio:disabled:selected, +row:selected radio:disabled, +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); } + +radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate, +GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } + +.view radio:indeterminate:selected, +row:selected radio:indeterminate, +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); } + +radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate:disabled, +GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } + +.view radio:indeterminate:disabled:selected, +row:selected radio:indeterminate:disabled, +infobar radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); } + +radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked, +GtkFileChooserDialog .dialog-vbox > .frame radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } + +.view radio:checked:selected, +row:selected radio:checked, +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); } + +radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked:disabled, +GtkFileChooserDialog .dialog-vbox > .frame radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + +.view radio:checked:disabled:selected, +row:selected radio:checked:disabled, +infobar radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); } + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); + background-color: transparent; } + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); + background-color: transparent; } + +checkbutton.text-button, radiobutton.text-button { + padding: 1px 2px 4px; + outline-offset: 0; } + checkbutton.text-button:disabled, checkbutton.text-button:disabled:active, checkbutton.text-button:disabled:indeterminate, radiobutton.text-button:disabled, radiobutton.text-button:disabled:active, radiobutton.text-button:disabled:indeterminate { + color: rgba(92, 97, 108, 0.55); } + +radiobutton radio, +checkbutton check { + min-width: 16px; + min-height: 16px; + margin: 0 2px; } + radiobutton radio:only-child, + checkbutton check:only-child { + margin: 0; } + +scale { + -GtkScale-slider-length: 15; + -GtkRange-slider-width: 15; + -GtkRange-trough-border: 0; + outline-offset: -1px; + -gtk-outline-radius: 2px; } + scale marks { + color: alpha(currentColor,0.7); } + scale.fine-tune trough, scale.fine-tune fill, scale.fine-tune highlight { + border-radius: 5px; + margin: 3px; } + scale trough, scale fill, scale highlight { + border-radius: 2.5px; } + scale slider { + background-clip: border-box; + background-image: linear-gradient(to bottom, #fbfbfc); + border: 1px solid rgba(123, 142, 186, 0.5); + border-radius: 50%; + box-shadow: none; } + scale slider:hover { + background-image: linear-gradient(to bottom, white); + border-color: rgba(123, 142, 186, 0.5); } + scale slider:disabled { + background-image: linear-gradient(to bottom, #fbfbfb); + border-color: rgba(123, 142, 186, 0.3); } + scale slider:active { + background-image: linear-gradient(to bottom, #5294E2); + border-color: #5294E2; } + .osd scale slider { + background-image: linear-gradient(to bottom, #353945); + border-color: #5294E2; } + .osd scale slider:hover { + background-image: linear-gradient(to bottom, #5294E2); } + .osd scale slider:active { + background-image: linear-gradient(to bottom, #2679db); + border-color: #2679db; } + row:selected scale slider, + infobar scale slider { + background-image: linear-gradient(to bottom, #ffffff); + border-color: #ffffff; } + row:selected scale slider:hover, + infobar scale slider:hover { + background-image: linear-gradient(to bottom, #e5effb); + border-color: #e5effb; } + row:selected scale slider:active, + infobar scale slider:active { + background-image: linear-gradient(to bottom, #a9caf1); + border-color: #a9caf1; } + row:selected scale slider:disabled, + infobar scale slider:disabled { + background-image: linear-gradient(to bottom, #b1cff2); + border-color: #b1cff2; } + scale trough { + margin: 5px; + border: none; + background-image: linear-gradient(to bottom, #cfd6e6); } + scale trough highlight { + background-image: linear-gradient(to bottom, #5294E2); } + scale trough highlight:disabled { + background-image: linear-gradient(to bottom, rgba(82, 148, 226, 0.55)); } + scale trough fill { + background: none; + background-color: red; } + scale trough:disabled { + background-image: linear-gradient(to bottom, rgba(207, 214, 230, 0.55)); } + .osd scale trough { + background-image: linear-gradient(to bottom, #454a59); + outline-color: rgba(186, 195, 207, 0.2); } + .osd scale trough highlight { + background-image: none; + background-image: linear-gradient(to bottom, #5294E2); } + row:selected scale trough, + infobar scale trough { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); } + row:selected scale trough highlight, + infobar scale trough highlight { + background-image: linear-gradient(to bottom, #ffffff); } + row:selected scale trough highlight:disabled, + infobar scale trough highlight:disabled { + background-image: linear-gradient(to bottom, #b1cff2); } + row:selected scale trough:disabled, + infobar scale trough:disabled { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(92, 97, 108, 0.7); } + progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; } + progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; } + progressbar progress { + background-color: #5294E2; + border: none; + border-radius: 3px; + box-shadow: none; } + row:selected progressbar progress, + infobar progressbar progress { + background-color: #ffffff; } + progressbar trough { + border: none; + border-radius: 3px; + background-color: #cfd6e6; } + row:selected progressbar trough, + infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); } + +levelbar block { + min-width: 32px; + min-height: 1px; } + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; } + +levelbar trough { + border: none; + padding: 3px; + border-radius: 3px; + background-color: #cfd6e6; } + +levelbar.horizontal.discrete block { + margin: 0 1px; } + +levelbar.vertical.discrete block { + margin: 1px 0; } + +levelbar block:not(.empty) { + border: 1px solid #5294E2; + background-color: #5294E2; + border-radius: 2px; } + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; } + +levelbar block.high { + border-color: #5294E2; + background-color: #5294E2; } + +levelbar block.full { + border-color: #73d216; + background-color: #73d216; } + +levelbar block.empty { + background-color: rgba(92, 97, 108, 0.2); + border-color: rgba(92, 97, 108, 0.2); } + +frame border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid #dcdfe3; + padding: 0; } + frame border.flat, + .frame.flat { + border-style: none; } + +paper { + border: 1px solid #dcdfe3; + background: white; + padding: 0; } + +scrolledwindow viewport.frame, placessidebar viewport.frame { + border-style: none; } + +scrolledwindow overshoot.top, placessidebar overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow overshoot.bottom, placessidebar overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow overshoot.left, placessidebar overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow overshoot.right, placessidebar overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow undershoot.top, placessidebar undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; } + +scrolledwindow undershoot.bottom, placessidebar undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; } + +scrolledwindow undershoot.left, placessidebar undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; } + +scrolledwindow undershoot.right, placessidebar undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; } + +scrolledwindow junction, placessidebar junction { + border-color: transparent; + border-image: linear-gradient(to bottom, #dcdfe3 1px, transparent 1px) 0 0 0 1/0 1px stretch; + background-color: #fcfcfc; } + scrolledwindow junction:dir(rtl), placessidebar junction:dir(rtl) { + border-image-slice: 0 1 0 0; } + +separator, .sidebar separator, .sidebar .view separator { + background-color: rgba(0, 0, 0, 0.1); + min-width: 1px; + min-height: 1px; } + +list { + background-color: #ffffff; + border-color: #dcdfe3; } + +row { + padding: 2px; } + +row.activatable.has-open-popup, row.activatable:hover { + background-color: rgba(0, 0, 0, 0.05); } + +row.activatable:active { + color: #5c616c; } + +row.activatable:selected:active { + color: #ffffff; } + +row.activatable:selected.has-open-popup, row.activatable:selected:hover { + background-color: #4a85cb; } + +row.activatable:selected:disabled { + color: rgba(255, 255, 255, 0.7); + background-color: rgba(82, 148, 226, 0.7); } + row.activatable:selected:disabled label { + color: inherit; } + +row, row.activatable { + transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + row:hover, row.activatable:hover { + transition: none; } + +.app-notification { + padding: 10px; + color: #BAC3CF; + background-color: #353945; + background-clip: border-box; + border-radius: 0 0 2px 2px; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #1f2128; } + .app-notification border { + border: none; } + .app-notification button { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.4); } + .app-notification button.flat, .app-notification button.sidebar-button { + border-color: rgba(82, 148, 226, 0); } + .app-notification button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(119, 127, 151, 0.5); } + .app-notification button:active, .app-notification button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: #5294E2; + background-clip: padding-box; } + .app-notification button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.25); } + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + expander arrow:hover { + color: #aaaeb7; } + expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +calendar { + color: #5c616c; + border: 1px solid #dcdfe3; + border-radius: 3px; + padding: 2px; } + calendar:selected { + background-color: #5294E2; + color: #ffffff; + border-radius: 1.5px; } + calendar.header { + color: #5c616c; + border: none; + border-radius: 0; } + calendar.button, calendar.button:focus { + color: rgba(92, 97, 108, 0.45); + border-color: transparent; + background-color: transparent; + background-image: none; } + calendar.button:hover, calendar.button:focus:hover { + color: #5c616c; } + calendar.button:disabled, calendar.button:focus:disabled { + color: rgba(92, 97, 108, 0.55); + background-color: transparent; + background-image: none; } + calendar:indeterminate { + color: alpha(currentColor,0.55); } + calendar.highlight { + color: #5c616c; } + +messagedialog { + -GtkDialog-button-spacing: 0; } + messagedialog .titlebar { + background-color: #2f343f; + border-bottom: 1px solid #20232b; } + messagedialog .dialog-action-area button { + padding: 2px; } + messagedialog.csd.background { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: none; } + messagedialog.csd .dialog-action-area button { + padding: 2px; + border-radius: 0; } + messagedialog.csd .dialog-action-area button, messagedialog.csd .dialog-action-area button:hover, messagedialog.csd .dialog-action-area button:active, messagedialog.csd .dialog-action-area button:disabled { + border-right-style: none; + border-bottom-style: none; } + messagedialog.csd .dialog-action-area button:last-child { + border-bottom-right-radius: 3px; } + messagedialog.csd .dialog-action-area button:first-child { + border-left-style: none; + border-bottom-left-radius: 3px; } + +.sidebar, .sidebar .view { + border: none; + background-color: #F5F6F7; } + +stacksidebar row { + padding: 10px 4px; } + stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; } + stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; } + +placessidebar row { + padding: 0px; } + placessidebar row > revealer { + padding: 8px 10px; } + placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 8px; } + placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 8px; } + placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 2px; } + placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 2px; } + button.sidebar-button { + min-width: 26px; + min-height: 26px; + padding: 0; + border-radius: 100%; + -gtk-outline-radius: 100%; } + button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.5; } + +placessidebar row.sidebar-placeholder-row { + border: solid 1px #5294E2; } + +placessidebar row.sidebar-new-bookmark-row { + background-color: #d9dde0; } + +placesview .server-list-button > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(0turn); } + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); } + +placesview row.activatable:hover { + background-color: transparent; } + +paned > separator, .sidebar paned > separator, .sidebar .view paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to top, #dcdfe3); + background-size: 1px 1px; } + paned > separator:selected, .sidebar paned > separator:selected, .sidebar .view paned > separator:selected { + background-image: linear-gradient(to top, #5294E2); } + paned > separator.wide, .sidebar paned > separator.wide, .sidebar .view paned > separator.wide { + margin: 0; + padding: 0; + min-width: 5px; + min-height: 5px; + background-image: linear-gradient(to top, #dcdfe3), linear-gradient(to top, #dcdfe3); + background-size: 1px 1px, 1px 1px; } + +paned.horizontal > separator, .sidebar paned.horizontal > separator, .sidebar .view paned.horizontal > separator { + background-repeat: repeat-y; } + paned.horizontal > separator:dir(ltr), .sidebar paned.horizontal > separator:dir(ltr), .sidebar .view paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; } + paned.horizontal > separator:dir(rtl), .sidebar paned.horizontal > separator:dir(rtl), .sidebar .view paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; } + paned.horizontal > separator.wide, .sidebar paned.horizontal > separator.wide, .sidebar .view paned.horizontal > separator.wide { + background-repeat: repeat-y, repeat-y; + background-position: left, right; } + +paned.vertical > separator, .sidebar paned.vertical > separator, .sidebar .view paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; } + paned.vertical > separator.wide, .sidebar paned.vertical > separator.wide, .sidebar .view paned.vertical > separator.wide { + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; } + +infobar { + border-style: none; } + +.info, +.question, +.warning, +.error, +infobar { + background-color: #5294E2; + color: #ffffff; } + +row:selected button, infobar button { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); } + row:selected button.flat, row:selected button.sidebar-button, infobar button.flat, infobar button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0); } + row:selected button:hover, infobar button:hover { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.8); } + row:selected button:active, infobar button:active, row:selected button:active:hover, infobar button:active:hover, row:selected button:checked, infobar button:checked { + color: #5294E2; + outline-color: rgba(82, 148, 226, 0.3); + background-color: #ffffff; + border-color: #ffffff; } + row:selected button:disabled, infobar button:disabled { + color: rgba(255, 255, 255, 0.4); + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.2); } + row:selected button:disabled:active, infobar button:disabled:active, row:selected button:disabled:checked, infobar button:disabled:checked { + color: rgba(82, 148, 226, 0.4); + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.2); } + +tooltip { + border-radius: 2px; + box-shadow: none; } + tooltip.background { + background-color: #353945; + background-clip: padding-box; } + tooltip decoration { + background-color: transparent; } + tooltip * { + padding: 4px; + background-color: transparent; + color: #BAC3CF; } + +colorswatch, colorswatch:drop(active) { + border-style: none; } + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; } + colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; } + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; } + colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; } + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; } + colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; } + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; } + colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; } + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); } + colorswatch.dark overlay:hover { + border-color: rgba(0, 0, 0, 0.5); } + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); } + colorswatch.light overlay:hover { + border-color: rgba(0, 0, 0, 0.3); } + +colorswatch overlay { + border: 1px solid rgba(0, 0, 0, 0.15); } + colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); } + +colorswatch:disabled { + opacity: 0.5; } + colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; } + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: #fbfbfc; } + colorswatch#add-color-button:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: white; } + colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; } + +button.color { + padding: 0; } + button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; } + +.content-view { + background-color: #ffffff; } + .content-view:hover { + -gtk-icon-effect: highlight; } + +.scale-popup button { + padding: 6px; } + .scale-popup button:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: white; } + +button.scale { + padding: 8px; } + +.context-menu, popover.touch-selection, +popover.background.touch-selection { + font: initial; } + +.monospace { + font: Monospace; } + +button.circular, +button.circular-button { + padding: 0; + min-width: 26px; + min-height: 26px; + border-radius: 50%; + -gtk-outline-radius: 50%; } + button.circular label, + button.circular-button label { + padding: 0; } + +.keycap { + background-color: #ffffff; + border: 1px solid #dcdfe3; + border-radius: 2px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); + color: #5c616c; + padding: 3px 8px 3px 8px; } + .keycap border { + border-style: none; } + +stackswitcher button.text-button { + min-width: 80px; } + +stackswitcher button.circular { + min-width: 0; } + +*:drop(active):focus, +*:drop(active) { + border: 1px solid black; } + +.overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; } + +.overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; } + +.overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; } + +.overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } + +.undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; } + +.undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; } + +.undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; } + +.undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; } + +decoration { + border-radius: 3px 3px 0 0; + border-width: 0px; + box-shadow: 0 0 0 1px #20232b, 0 8px 8px 0 rgba(0, 0, 0, 0.2); + margin: 10px; } + decoration:backdrop { + box-shadow: 0 0 0 1px rgba(32, 35, 43, 0.9), 0 8px 8px 0 transparent, 0 5px 5px 0 rgba(0, 0, 0, 0.2); } + .tiled decoration { + border-radius: 0; } + .popup decoration { + box-shadow: none; + border-radius: 0; } + decoration.popup { + box-shadow: none; + border-radius: 0; } + decoration.ssd { + border-radius: 3px 3px 0 0; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.65); } + decoration.ssd.maximized { + border-radius: 0; } + .csd.popup decoration { + border-radius: 2px; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); } + tooltip.csd decoration { + border-radius: 2px; + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); } + messagedialog.csd decoration { + border-radius: 3px; } + .solid-csd decoration { + border-radius: 0; + margin: 1px; + background-color: #2f343f; + box-shadow: none; } + +headerbar.default-decoration button.titlebutton, +.titlebar.default-decoration button.titlebutton { + padding: 0 4px; + min-width: 0; } + +headerbar button.titlebutton, +.titlebar button.titlebutton { + padding: 0; + min-width: 24px; + border-color: transparent; + background-color: transparent; + background-image: none; + background-color: rgba(47, 52, 63, 0); } + headerbar button.titlebutton:hover, + .titlebar button.titlebutton:hover { + color: rgba(207, 218, 231, 0.8); + outline-color: rgba(207, 218, 231, 0.1); + border-color: rgba(21, 23, 28, 0.4); + background-color: rgba(95, 105, 127, 0.4); } + headerbar button.titlebutton:active, headerbar button.titlebutton:checked, + .titlebar button.titlebutton:active, + .titlebar button.titlebutton:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + background-color: #5294E2; } + headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, + .titlebar button.titlebutton.close, + .titlebar button.titlebutton.maximize, + .titlebar button.titlebutton.minimize { + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + border-width: 0; } + headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, + .titlebar button.titlebutton.close:backdrop, + .titlebar button.titlebutton.maximize:backdrop, + .titlebar button.titlebutton.minimize:backdrop { + opacity: 1; } + headerbar button.titlebutton.close, + .titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("assets/titlebutton-close-dark.png"), url("assets/titlebutton-close-dark@2.png")); } + headerbar button.titlebutton.close:backdrop, + .titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop-dark.png"), url("assets/titlebutton-close-backdrop-dark@2.png")); } + headerbar button.titlebutton.close:hover, + .titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("assets/titlebutton-close-hover-dark.png"), url("assets/titlebutton-close-hover-dark@2.png")); } + headerbar button.titlebutton.close:active, + .titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("assets/titlebutton-close-active-dark.png"), url("assets/titlebutton-close-active-dark@2.png")); } + headerbar button.titlebutton.maximize, + .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("assets/titlebutton-max-dark.png"), url("assets/titlebutton-max-dark@2.png")); } + headerbar button.titlebutton.maximize:backdrop, + .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-max-backdrop-dark.png"), url("assets/titlebutton-max-backdrop-dark@2.png")); } + headerbar button.titlebutton.maximize:hover, + .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("assets/titlebutton-max-hover-dark.png"), url("assets/titlebutton-max-hover-dark@2.png")); } + headerbar button.titlebutton.maximize:active, + .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("assets/titlebutton-max-active-dark.png"), url("assets/titlebutton-max-active-dark@2.png")); } + headerbar button.titlebutton.minimize, + .titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("assets/titlebutton-min-dark.png"), url("assets/titlebutton-min-dark@2.png")); } + headerbar button.titlebutton.minimize:backdrop, + .titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-min-backdrop-dark.png"), url("assets/titlebutton-min-backdrop-dark@2.png")); } + headerbar button.titlebutton.minimize:hover, + .titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("assets/titlebutton-min-hover-dark.png"), url("assets/titlebutton-min-hover-dark@2.png")); } + headerbar button.titlebutton.minimize:active, + .titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("assets/titlebutton-min-active-dark.png"), url("assets/titlebutton-min-active-dark@2.png")); } + +.view:selected, +.view selection, +.view selection:focus, +.view selection:hover, +textview text:selected, +textview text selection, +textview text selection:focus, +textview text selection:hover, iconview:selected, iconview:selected:focus, flowbox flowboxchild:selected, label:selected, +label selection, +label selection:focus, +label selection:hover, menuitem.button.flat:active, menuitem.button.flat:selected, +modelbutton.flat:active, +modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected, entry.gb-command-bar-entry.flat:selected, spinbutton.gb-command-bar-entry.flat:selected, entry.gb-command-bar-entry.flat:selected:focus, spinbutton.gb-command-bar-entry.flat:selected:focus, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected:hover, GtkFileChooserDialog placessidebar.sidebar row.activatable:active:hover, +NautilusWindow placessidebar.sidebar row.activatable:selected, +NautilusWindow placessidebar.sidebar row.activatable:selected:hover, +NautilusWindow placessidebar.sidebar row.activatable:active:hover { + background-image: none; + background-color: #5294E2; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); } + +GeditNotebook.notebook header.top tab:active, +ScratchMainWindow .notebook header.top tab:active, +EphyNotebook.notebook header.top tab:active, +MidoriNotebook .notebook header.top tab:active, +TerminalWindow .notebook header.top tab:active, +PantheonTerminalPantheonTerminalWindow .notebook header.top tab:active { + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + +TerminalWindow .notebook.header.top, +PantheonTerminalPantheonTerminalWindow .notebook.header.top { + box-shadow: inset 0 1px #262a33, inset 0 -1px #dcdfe3; } + TerminalWindow .notebook.header.top tab, + PantheonTerminalPantheonTerminalWindow .notebook.header.top tab { + padding-top: 7px; + border-top-width: 3px; } + +GtkHTML { + background-color: #ffffff; + color: #5c616c; } + GtkHTML:active { + color: #ffffff; + background-color: #5294E2; } + +SushiFontWidget { + padding: 6px 12px; } + +TerminalWindow .background { + background-color: transparent; } + +TerminalWindow scrollbar.vertical slider { + margin-left: 3px; } + +TerminalWindow scrollbar trough { + border-width: 0; } + +TerminalWindow .notebook tab button { + color: #92959d; } + TerminalWindow .notebook tab button:hover { + color: #5c616c; + border-color: #cfd6e6; + background-color: #fbfbfc; } + +TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover { + color: #ff4d4d; } + +TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { + color: #5294E2; } + +.nautilus-canvas-item { + border-radius: 2px; } + +.nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item { + color: #ffffff; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } + .nautilus-desktop.nautilus-canvas-item:active, .nemo-desktop.nemo-canvas-item:active { + color: #5c616c; } + .nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected { + color: #ffffff; } + +.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, +popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, +.nautilus-list-dim-label { + color: #a9acb2; } + .nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, headerbar .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, label.nautilus-canvas-item.separator:selected:focus, headerbar .nautilus-canvas-item.subtitle:selected:focus, + .nautilus-list-dim-label:selected, + .nautilus-list-dim-label:selected:focus { + color: #dceaf9; } + +NautilusQueryEditor searchbar { + padding: 5px; + box-shadow: none; + background-color: #ffffff; } + +button.nautilus-circular-button.image-button { + border-radius: 50%; + -gtk-outline-radius: 50%; + padding: 8px; } + +.disk-space-display { + border-style: solid; + border-width: 1px; } + .disk-space-display.unknown { + background-color: rgba(92, 97, 108, 0.5); + border-color: rgba(69, 72, 80, 0.5); } + .disk-space-display.used { + background-color: rgba(82, 148, 226, 0.8); + border-color: rgba(38, 121, 219, 0.8); } + .disk-space-display.free { + background-color: #edeef0; + border-color: #d0d5da; } + +NautilusListView .view { + border-bottom: 1px solid #dcdfe3; } + +NemoWindow EelEditableLabel { + transition: none; } + +NemoWindow .sidebar .frame { + border-width: 0; } + +NemoWindow separator.horizontal, NemoWindow .sidebar .view separator.horizontal, .sidebar .view NemoWindow separator.horizontal { + color: #dcdfe3; } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button { + color: rgba(207, 218, 231, 0.8); + outline-color: rgba(207, 218, 231, 0.1); + border-color: rgba(21, 23, 28, 0.4); + background-color: rgba(95, 105, 127, 0.4); } + NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover { + background-color: rgba(134, 144, 165, 0.4); } + NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + background-color: #5294E2; } + NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled { + color: rgba(207, 218, 231, 0.4); } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):hover { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4), inset -1px 0 rgba(21, 23, 28, 0.4); } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { + box-shadow: inset -1px 0 rgba(21, 23, 28, 0.4); } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4); } + +.gedit-headerbar-paned { + color: #262a33; } + +.open-document-selector-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #ffffff; } + .open-document-selector-treeview.view:hover { + background-color: rgba(0, 0, 0, 0.05); } + .open-document-selector-treeview.view:hover:selected { + color: #ffffff; + background-color: #5294E2; } + +.open-document-selector-name-label { + color: #5c616c; } + +.open-document-selector-path-label { + color: #aeb0b6; + font-size: smaller; } + .open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); } + +.gedit-document-panel row button { + color: transparent; + background-image: none; + background-color: transparent; + border: none; + box-shadow: none; + padding: 4px; } + .gedit-document-panel row button image { + color: inherit; } + +.gedit-document-panel .prelight-row button { + color: #92959d; } + +.gedit-document-panel row button:hover, +.gedit-document-panel .prelight-row button:hover { + color: #ff4d4d; } + +.gedit-document-panel .prelight-row:selected button:hover { + color: #ff6666; + background-image: none; + background-color: transparent; + border: none; + box-shadow: none; } + .gedit-document-panel .prelight-row:selected button:hover:active { + color: #ffffff; } + +.gedit-document-panel .prelight-row button:active { + color: #5c616c; } + +.gedit-document-panel-dragged-row { + border: 1px solid #dcdfe3; + background-color: #d9dde0; + color: #5c616c; } + +GeditStatusbar { + border-top: 1px solid #dcdfe3; + background-color: #F5F6F7; } + +GeditStatusMenuButton.button.flat, +GeditStatusMenuButton:hover.button.flat, +GeditStatusMenuButton:checked.button.flat { + border-bottom-style: none; + border-radius: 0; } + +GeditFileBrowserWidget toolbar, GeditFileBrowserWidget .inline-toolbar { + border-bottom: 1px solid #dcdfe3; } + +.gedit-search-entry-occurrences-tag { + color: rgba(92, 97, 108, 0.6); + border: none; + margin: 2px; + padding: 2px; } + +GeditViewFrame .gedit-search-slider { + background-color: #fbfbfc; + padding: 6px; + border-color: #dcdfe3; + border-radius: 0 0 2px 2px; + border-width: 0 1px 1px 1px; + border-style: solid; } + +GbWorkbench .floating-bar { + color: #5c616c; } + +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr), +GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) { + padding: 0 10px; + color: rgba(207, 218, 231, 0.8); + caret-color: rgba(207, 218, 231, 0.8); + border-color: rgba(21, 23, 28, 0.4); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); + background-color: transparent; } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr) image, GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr) image:hover, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) image, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) image:hover { + color: inherit; } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):hover, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):hover { + color: #ffffff; + caret-color: #ffffff; + border-color: transparent; + background-image: linear-gradient(to bottom, #5294E2); } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):active, GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):checked, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):active, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):checked { + color: #ffffff; + caret-color: #ffffff; + border-color: transparent; + background-image: linear-gradient(to bottom, #5294E2); } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):disabled, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):disabled { + color: rgba(207, 218, 231, 0.35); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); } + +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr), +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):hover, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):active, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):checked { + border-left-style: none; + border-radius: 0 3px 3px 0; + -gtk-outline-radius: 0 1px 1px 0; } + +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl), +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):hover, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):active, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):checked { + border-right-style: none; + border-radius: 3px 0 0 3px; + -gtk-outline-radius: 1px 0 0 1px; } + +GbPreferencesPageLanguage entry, GbPreferencesPageLanguage spinbutton { + border-radius: 3px 3px 0 0; } + +GbPreferencesPageLanguage .frame { + border-top-width: 0; } + +GbEditorTweakWidget .linked.vertical > entry, GbEditorTweakWidget .linked.vertical > spinbutton { + border-bottom-style: solid; } + +GbEditorTweakWidget scrolledwindow, GbEditorTweakWidget placessidebar { + border-top: none; } + +GbViewStack box.header.notebook { + border-bottom: 1px solid #dcdfe3; } + +GbViewStack.focused box.header.notebook, +#project_sidebar_header.focused { + background-color: #ffffff; } + +GbEditorWorkspace > paned > box > box.header.notebook { + border-bottom: 1px solid #dcdfe3; } + +GbNewProjectDialog button.file.linked-on-right button { + border-radius: 3px 0 0 3px; } + +GbWorkspacePane box.header.notebook { + border-bottom: 1px solid #dcdfe3; } + +GbWorkspacePane:not(.focused) box.header.notebook { + background-color: #F5F6F7; } + +DhSidebar entry.search, DhSidebar spinbutton.search, +SymbolTree entry.search, +SymbolTree spinbutton.search { + border-left: none; + border-right: none; + border-top: none; + border-radius: 0px; } + +entry.gb-command-bar-entry.flat, spinbutton.gb-command-bar-entry.flat, +entry.gb-command-bar-entry.flat:focus, +spinbutton.gb-command-bar-entry.flat:focus { + font-family: Monospace; + color: #BAC3CF; + background-image: none; + background-color: #353945; + padding: 6px 6px 6px 6px; + border: none; } + +GbTerminalView { + background-color: #ffffff; + color: #5c616c; } + +GbSourceStyleSchemeWidget GtkSourceView { + font-family: Monospace; } + +scrolledwindow.gb-linked-scroller, placessidebar.gb-linked-scroller { + border-top: none; } + +GbSearchDisplayGroup list row +GbDocumentStack button { + transition: none; } + +GbViewStack box.header.notebook, +GbEditorWorkspace > paned > box > box.header.notebook { + border-bottom: 1px solid #dcdfe3; } + +GbViewStack.focused box.header.notebook { + background-color: #ffffff; } + GbViewStack.focused box.header.notebook button.dim-label, GbViewStack.focused box.header.notebook headerbar button.subtitle, headerbar GbViewStack.focused box.header.notebook button.subtitle { + opacity: 1; } + +EphyWindow .floating-bar { + color: #5c616c; } + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; } + +.documents-icon-bg { + background-color: #5294E2; + color: #ffffff; + border-radius: 2px; } + +.documents-collection-icon { + background-color: rgba(92, 97, 108, 0.3); + border-radius: 2px; } + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #a9caf1; } + +.documents-entry-tag { + background-color: #5294E2; + color: #ffffff; + border-radius: 2px; + border-width: 0; + margin: 2px; + padding: 4px; } + .documents-entry-tag:hover { + color: #ffffff; + background-color: #639fe5; } + .documents-entry-tag:active { + color: #ffffff; + background-color: #4189df; } + toolbar .linked .documents-entry-tag button, .inline-toolbar .linked .documents-entry-tag button { + background: none; + border: none; + box-shadow: none; + -gtk-icon-shadow: none; } + toolbar .linked .documents-entry-tag button:hover, .inline-toolbar .linked .documents-entry-tag button:hover { + color: rgba(255, 255, 255, 0.7); } + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } + +TotemGrilo.vertical GdMainView.frame { + border-width: 0; } + +SynapseGuiSelectionContainer *:selected, +SynapseGuiViewVirgilio *:selected { + background-color: #5294E2; } + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; } + +.gnome-panel-menu-bar, +PanelApplet > menubar, +PanelToplevel, +PanelWidget, +PanelAppletFrame, +PanelApplet { + color: #BAC3CF; + background-image: linear-gradient(to bottom, #2b2e37); } + +PanelApplet button, PanelApplet button:backdrop { + padding: 4px; + border: 2px solid transparent; + border-radius: 0; + background-image: none; + background-color: transparent; + color: #BAC3CF; } + +PanelApplet button:hover { + color: #d8dde4; + background-color: rgba(0, 0, 0, 0.17); + border-color: rgba(0, 0, 0, 0.17); } + +PanelApplet button:active, PanelApplet button:active:backdrop, +PanelApplet button:checked, PanelApplet button:checked:backdrop { + background-clip: padding-box; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.25); + border-radius: 0; + border-color: rgba(0, 0, 0, 0.25); + box-shadow: inset 0 -2px #5294E2; } + +PanelApplet:hover { + color: #ffffff; } + +PanelApplet:active, +PanelApplet:hover:active { + color: #5294E2; } + +WnckPager { + color: #5d6268; } + WnckPager:selected { + color: #5294E2; } + +NaTrayApplet { + -NaTrayApplet-icon-padding: 12; + -NaTrayApplet-icon-size: 16; } + +ClockBox { + color: #BAC3CF; } + +.xfce4-panel.panel { + background-color: #2b2e37; } + .xfce4-panel.panel button.flat, .xfce4-panel.panel button.sidebar-button { + color: #BAC3CF; + background-color: rgba(43, 46, 55, 0); + border-radius: 0; } + .xfce4-panel.panel button.flat:hover, .xfce4-panel.panel button.sidebar-button:hover { + border: none; + background-color: #414654; } + .xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.sidebar-button:active, .xfce4-panel.panel button.flat:checked, .xfce4-panel.panel button.sidebar-button:checked { + color: #5294E2; + border: none; + background-color: #1b1d23; } + +.floating-bar { + background-color: #5294E2; + color: #ffffff; } + .floating-bar.top { + border-radius: 0 0 2px 2px; } + .floating-bar.right { + border-radius: 2px 0 0 2px; } + .floating-bar.bottom { + border-radius: 2px 2px 0 0; } + .floating-bar.left { + border-radius: 0 2px 2px 0; } + .floating-bar button { + background-color: transparent; + box-shadow: none; + border: none; } + +BirdieWidgetsTweetList * { + background-image: none; + background-color: transparent; } + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: #ffffff; + background-color: #5294E2; + outline-color: transparent; } + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; } + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; } + +.marlin-pathbar.pathbar { + border-radius: 3px; + padding-left: 4px; + padding-right: 4px; + color: rgba(207, 218, 231, 0.8); + caret-color: rgba(207, 218, 231, 0.8); + border-color: rgba(21, 23, 28, 0.4); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); + background-color: transparent; } + .marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; } + .marlin-pathbar.pathbar:focus { + color: #ffffff; + caret-color: #ffffff; + border-color: transparent; + background-image: linear-gradient(to bottom, #5294E2); } + .marlin-pathbar.pathbar:disabled { + color: rgba(207, 218, 231, 0.35); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); } + .marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { + color: #5294E2; } + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.35); + border-radius: 3px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, white); + background-color: transparent; } + .gala-notification .title, .gala-notification .label { + color: #5c616c; } + +.panel { + background-color: transparent; + color: white; + font-weight: bold; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } + .panel-shadow { + background-image: none; + background-color: transparent; } + .panel .menu { + box-shadow: none; } + .panel .menu .menuitem { + font-weight: normal; + text-shadow: none; + -gtk-icon-shadow: none; } + .panel .menu .window-frame.menu.csd, + .panel .menu .window-frame.popup.csd { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } + .panel .menubar > .menuitem { + padding: 3px 6px; } + .panel .menubar > .menuitem:hover { + background-color: transparent; } + .panel .window-frame.menu.csd, + .panel .window-frame.popup.csd { + box-shadow: none; } + +.composited-indicator { + background-color: transparent; + color: white; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } + .composited-indicator > GtkWidget > GtkWidget:first-child { + padding: 0 2px; } + .composited-indicator .menuitem:active, .composited-indicator .menuitem:hover { + border-style: none; + background-image: none; + box-shadow: none; } + .composited-indicator > .popup > .menu { + padding-top: 8px; + padding-bottom: 8px; } + +.panel-app-button > GtkWidget > GtkWidget:first-child { + padding: 0 2px 0 4px; } + +.panel .menu .spinner, +.menu .spinner { + opacity: 1; } + +WingpanelWidgetsIndicatorPopover.popover { + padding: 0; + text-shadow: none; + -gtk-icon-shadow: none; } + WingpanelWidgetsIndicatorPopover.popover menuitem { + padding: 5px; + outline-color: transparent; + text-shadow: none; + -gtk-icon-shadow: none; + border: solid transparent; + border-width: 1px 0; } + WingpanelWidgetsIndicatorPopover.popover menuitem label, WingpanelWidgetsIndicatorPopover.popover menuitem image { + padding: 0 3px; } + WingpanelWidgetsIndicatorPopover.popover menuitem:hover, WingpanelWidgetsIndicatorPopover.popover menuitem:active { + background-color: rgba(0, 0, 0, 0.04); + border: solid rgba(0, 0, 0, 0.08); + border-width: 1px 0; } + WingpanelWidgetsIndicatorPopover.popover menuitem *:disabled { + color: rgba(92, 97, 108, 0.55); } + +PantheonTerminalPantheonTerminalWindow.background { + background-color: transparent; } + +SwitchboardCategoryView .view:selected, +SwitchboardCategoryView .view:selected:focus { + color: #5c616c; } + +UnityDecoration { + -UnityDecoration-extents: 28px 1 1 1; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 3px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.2); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.07); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #5294E2; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; } + UnityDecoration.top { + border: 1px solid #20232b; + border-bottom-width: 0; + border-radius: 4px 4px 0 0; + padding: 1px 6px 0 6px; + background-image: linear-gradient(to bottom, #2f343f); + color: rgba(207, 218, 231, 0.8); + box-shadow: inset 0 1px #363b48; } + UnityDecoration.top:backdrop { + border-bottom-width: 0; + color: rgba(207, 218, 231, 0.5); } + UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { + background-image: linear-gradient(to bottom, #20232b); } + +UnityPanelWidget, +.unity-panel { + background-image: linear-gradient(to bottom, #2b2e37); + color: #f6f7f9; + box-shadow: none; } + UnityPanelWidget:backdrop, + .unity-panel:backdrop { + color: #bdc6d1; } + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: #ffffff; + background-image: linear-gradient(to bottom, #5294E2); + border-bottom: none; } + +.overlay-bar { + background-color: #5294E2; + border-color: #5294E2; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; } + .overlay-bar label { + color: #ffffff; } + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid #dcdfe3; + border-right: 1px solid #dcdfe3; } + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; } + +.help_button { + border-radius: 100px; + padding: 3px 9px; } + +toolbar.secondary-toolbar, .secondary-toolbar.inline-toolbar { + padding: 3px; + border-bottom: 1px solid #dcdfe3; } + toolbar.secondary-toolbar button, .secondary-toolbar.inline-toolbar button { + padding: 0 3px 0 3px; } + +toolbar.bottom-toolbar, .bottom-toolbar.inline-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: #dcdfe3; + background-color: #F5F6F7; } + toolbar.bottom-toolbar button, .bottom-toolbar.inline-toolbar button { + padding: 2px 3px 2px 3px; } + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; } + +.source-list, +.source-list.view { + background-color: #F5F6F7; + color: #5c616c; + -gtk-icon-style: regular; } + +.source-list.category-expander { + color: transparent; } + +.source-list.view:hover { + background-color: white; } + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: #ffffff; + background-color: #5294E2; } + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #F5F6F7; + background-image: none; } + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #5294E2; + color: #ffffff; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; } + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: #ffffff; + color: #5294E2; } + +.source-list.category-expander { + color: #5c616c; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; } + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; } + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +GraniteWidgetsWelcome { + background-color: #ffffff; } + +GraniteWidgetsWelcome label { + color: #a9acb2; + font: open sans 11; + text-shadow: none; } + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(92, 97, 108, 0.8); } + +.help_button { + border-radius: 0; } + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; } + +.popover_bg { + background-image: linear-gradient(to bottom, #ffffff); + border: 1px solid rgba(0, 0, 0, 0.3); } + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; } + +GraniteWidgetsXsEntry entry, GraniteWidgetsXsEntry spinbutton { + padding: 4px; } + +.h1 { + font: open sans 24px; } + +.h2 { + font: open sans light 18px; } + +.h3 { + font: open sans 11px; } + +.h4, +.category-label { + color: #8a8e96; + font-weight: 600; } + +.h4 { + padding-bottom: 6px; + padding-top: 6px; } + +GtkListBox .h4 { + padding-left: 6px; } + +#panel_window { + background-color: #2b2e37; + color: #BAC3CF; + font: bold; + box-shadow: inset 0 -1px #1b1d23; } + #panel_window .menubar, + #panel_window .menubar > .menuitem { + background-color: transparent; + color: #BAC3CF; + font: bold; } + #panel_window .menubar .menuitem:disabled { + color: rgba(186, 195, 207, 0.5); } + #panel_window .menubar .menuitem:disabled label { + color: inherit; } + #panel_window .menubar .menu .menuitem { + font: normal; } + +#login_window, +#shutdown_dialog, +#restart_dialog { + font: normal; + border-style: none; + background-color: transparent; + color: #5c616c; } + +#content_frame { + padding-bottom: 14px; + background-color: #F5F6F7; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; } + +#content_frame button { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: #fbfbfc; } + #content_frame button:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: white; } + #content_frame button:active, #content_frame button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + #content_frame button:disabled { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + #content_frame button:disabled > label { + color: inherit; } + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #353945; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #353945; } + +#buttonbox_frame button { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.4); } + #buttonbox_frame button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(119, 127, 151, 0.5); } + #buttonbox_frame button:active, #buttonbox_frame button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: #5294E2; } + #buttonbox_frame button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.25); } + +#login_window #user_combobox { + color: #5c616c; + font: 13px; } + #login_window #user_combobox .menu { + font: normal; } + +#user_image { + padding: 3px; + border-radius: 2px; } + +#shutdown_button.button { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #F04A50; + border-color: #F04A50; } + #shutdown_button.button:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #f4797e; + border-color: #f4797e; } + #shutdown_button.button:active, #shutdown_button.button:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ec1b22; + border-color: #ec1b22; } + +#restart_button.button { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #4DADD4; + border-color: #4DADD4; } + #restart_button.button:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #76c0de; + border-color: #76c0de; } + #restart_button.button:active, #restart_button.button:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #2e96c0; + border-color: #2e96c0; } + +#greeter_infobar { + border-bottom-width: 0; + font: bold; } + +.titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator { + color: #262a33; } + +NemoWindow GtkEventBox { + background-color: #F5F6F7; } + +GtkFileChooserDialog.csd.background, GtkFileChooserDialog placessidebar list, +NautilusWindow.csd.background, +NautilusWindow placessidebar list { + background-color: transparent; } + +GtkFileChooserDialog placessidebar.sidebar, +NautilusWindow placessidebar.sidebar { + background-color: #353945; } + GtkFileChooserDialog placessidebar.sidebar row.sidebar-placeholder-row, + NautilusWindow placessidebar.sidebar row.sidebar-placeholder-row { + border: 1px solid #5294E2; } + GtkFileChooserDialog placessidebar.sidebar row.sidebar-new-bookmark-row, + NautilusWindow placessidebar.sidebar row.sidebar-new-bookmark-row { + background-color: #4b5162; } + GtkFileChooserDialog placessidebar.sidebar row.activatable, + NautilusWindow placessidebar.sidebar row.activatable { + border: none; + color: #BAC3CF; } + GtkFileChooserDialog placessidebar.sidebar row.activatable .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable .sidebar-icon { + color: rgba(186, 195, 207, 0.6); } + GtkFileChooserDialog placessidebar.sidebar row.activatable:hover, + NautilusWindow placessidebar.sidebar row.activatable:hover { + background-color: rgba(186, 195, 207, 0.15); } + GtkFileChooserDialog placessidebar.sidebar row.activatable:selected .sidebar-icon, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, GtkFileChooserDialog placessidebar.sidebar row.activatable:active:hover .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable:selected .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable:active:hover .sidebar-icon { + color: inherit; } + GtkFileChooserDialog placessidebar.sidebar separator, GtkFileChooserDialog placessidebar.sidebar .view separator, + NautilusWindow placessidebar.sidebar separator, + NautilusWindow placessidebar.sidebar .view separator { + color: transparent; } + +GtkFileChooserDialog.maximized placessidebar.sidebar, +NautilusWindow.maximized placessidebar.sidebar { + background-color: #353945; } + +GtkFileChooserDialog .sidebar-button.button, +NautilusWindow .sidebar-button.button { + color: #BAC3CF; } + GtkFileChooserDialog .sidebar-button.button:hover, + NautilusWindow .sidebar-button.button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(119, 127, 151, 0.5); } + GtkFileChooserDialog .sidebar-button.button:active, + NautilusWindow .sidebar-button.button:active { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: #5294E2; } + GtkFileChooserDialog .sidebar-button.button:not(:hover):not(:active) > image, + NautilusWindow .sidebar-button.button:not(:hover):not(:active) > image { + opacity: 0.5; } + +NemoWindow.csd.background, +NemoWindow .source-list, NemoWindow .source-list.view, NemoWindow .source-list.view:hover, +MarlinViewWindow.csd.background, +MarlinViewWindow .source-list, +MarlinViewWindow .source-list.view, +MarlinViewWindow .source-list.view:hover { + background-color: transparent; } + +NemoWindow .sidebar, NemoWindow .source-list.sidebar.view, +MarlinViewWindow .sidebar, +MarlinViewWindow .source-list.sidebar.view { + background-color: #353945; } + NemoWindow .sidebar .view, NemoWindow .sidebar row, NemoWindow .source-list.sidebar.view .view, NemoWindow .source-list.sidebar.view row, + MarlinViewWindow .sidebar .view, + MarlinViewWindow .sidebar row, + MarlinViewWindow .source-list.sidebar.view .view, + MarlinViewWindow .source-list.sidebar.view row { + background-color: transparent; + color: #BAC3CF; } + NemoWindow .sidebar .view.cell:selected, NemoWindow .sidebar row.cell:selected, NemoWindow .source-list.sidebar.view .view.cell:selected, NemoWindow .source-list.sidebar.view row.cell:selected, + MarlinViewWindow .sidebar .view.cell:selected, + MarlinViewWindow .sidebar row.cell:selected, + MarlinViewWindow .source-list.sidebar.view .view.cell:selected, + MarlinViewWindow .source-list.sidebar.view row.cell:selected { + background-color: #5294E2; + color: #ffffff; } + NemoWindow .sidebar.frame, NemoWindow .source-list.sidebar.view.frame, + MarlinViewWindow .sidebar.frame, + MarlinViewWindow .source-list.sidebar.view.frame { + color: #BAC3CF; } + NemoWindow .sidebar separator, NemoWindow .sidebar .view separator, NemoWindow .source-list.sidebar.view separator, + MarlinViewWindow .sidebar separator, + MarlinViewWindow .sidebar separator, + MarlinViewWindow .sidebar .view separator, + MarlinViewWindow .source-list.sidebar.view separator { + color: transparent; } + +NemoWindow.maximized .sidebar, +MarlinViewWindow.maximized .sidebar { + background-color: #353945; } + +NemoWindow.background > GtkGrid > paned > separator, .sidebar NemoWindow.background > GtkGrid > paned > separator, .sidebar .view NemoWindow.background > GtkGrid > paned > separator, +MarlinViewWindow.background > GtkBox > paned > separator, .sidebar +MarlinViewWindow.background > GtkBox > paned > separator, .sidebar .view +MarlinViewWindow.background > GtkBox > paned > separator { + background-color: #353945; } + +NautilusWindow NautilusWindowSlot { + background-color: #ffffff; } + +NautilusDesktopWindow NautilusWindowSlot { + background-color: transparent; } + +GtkFileChooserDialog.background.csd, GtkFileChooserDialog.background { + background-color: #353945; } + +GtkFileChooserDialog scrolledwindow.sidebar, GtkFileChooserDialog placessidebar.sidebar { + background-color: transparent; } + +GtkFileChooserDialog paned > .vertical > .horizontal { + background-color: #F5F6F7; } + +GtkFileChooserDialog .dialog-action-box { + background-color: #F5F6F7; } + +GtkFileChooserDialog .dialog-vbox > .frame { + color: #BAC3CF; + border-color: transparent; } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame { + background-color: transparent; + border-color: #252831; } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame label, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame combobox, +GtkFileChooserDialog .dialog-vbox > .frame label, +GtkFileChooserDialog .dialog-vbox > .frame combobox { + color: #BAC3CF; } + +FeedReaderreaderUI.background.csd > .titlebar .pane-separator, +FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator, +FeedReaderreaderUI.background.csd > .titlebar .pane-separator:backdrop, +FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator:backdrop, +GeditWindow.background.csd > .titlebar .pane-separator, +GeditWindow.background.csd.maximized > .titlebar .pane-separator, +GeditWindow.background.csd > .titlebar .pane-separator:backdrop, +GeditWindow.background.csd.maximized > .titlebar .pane-separator:backdrop { + background-color: #262a33; } + +FeedReaderreaderUI.background.csd > .titlebar > headerbar.titlebar, +GeditWindow.background.csd > .titlebar > headerbar.titlebar { + background-color: #2f343f; } + FeedReaderreaderUI.background.csd > .titlebar > headerbar.titlebar:backdrop, + GeditWindow.background.csd > .titlebar > headerbar.titlebar:backdrop { + background-color: #323843; } + +FeedReaderreaderUI.background.csd.maximized > .titlebar > headerbar.titlebar, +GeditWindow.background.csd.maximized > .titlebar > headerbar.titlebar { + background-color: #2f343f; } + FeedReaderreaderUI.background.csd.maximized > .titlebar > headerbar.titlebar:backdrop, + GeditWindow.background.csd.maximized > .titlebar > headerbar.titlebar:backdrop { + background-color: #323843; } + +FeedReaderreaderUI.background.csd > FeedReaderreaderHeaderbar.titlebar, +GeditWindow.background.csd > .titlebar { + background-color: transparent; } + +GeditWindow.background.csd { + background-color: transparent; } + +GeditWindow.background .gedit-side-panel-paned .pane-separator { + background-color: #353945; } + +GeditWindow.background .gedit-bottom-panel-paned .pane-separator { + background-color: #dcdfe3; } + +.gedit-bottom-panel-paned { + background-color: #ffffff; } + +.gedit-document-panel { + background-color: #353945; } + .maximized .gedit-document-panel { + background-color: #353945; } + .gedit-document-panel row { + color: #BAC3CF; } + .gedit-document-panel row { + background-color: rgba(186, 195, 207, 0); + border: solid rgba(186, 195, 207, 0); + border-width: 3px 2px 3px 2px; } + .gedit-document-panel row:hover { + border: solid rgba(186, 195, 207, 0.15); + border-width: 3px 2px 3px 2px; + background-color: rgba(186, 195, 207, 0.15); } + .gedit-document-panel row:active { + color: #ffffff; + background-color: #5294E2; + border: solid #5294E2; + border-width: 3px 2px 3px 2px; } + .gedit-document-panel row:active button { + color: #ffffff; } + .gedit-document-panel row:selected, .gedit-document-panel row:selected:hover { + color: #ffffff; + background-color: #5294E2; + border: solid #5294E2; + border-width: 3px 2px 3px 2px; } + .gedit-document-panel .prelight-row button:active { + color: #BAC3CF; } + +GeditFileBrowserWidget { + background-color: #353945; } + .maximized GeditFileBrowserWidget { + background-color: #353945; } + GeditFileBrowserWidget .horizontal { + background-color: transparent; + border-color: #252831; } + GeditFileBrowserWidget .horizontal combobox { + color: #BAC3CF; } + +GeditWindow.background.csd GeditFileBrowserView.view { + background-color: transparent; + color: #BAC3CF; } + GeditWindow.background.csd GeditFileBrowserView.view.expander { + color: #BAC3CF; } + GeditWindow.background.csd GeditFileBrowserView.view.expander:hover { + color: #5294E2; } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button, +GtkFileChooserDialog .dialog-vbox > .frame button, GeditFileBrowserWidget .horizontal button { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.4); } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:hover, + GtkFileChooserDialog .dialog-vbox > .frame button:hover, GeditFileBrowserWidget .horizontal button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(119, 127, 151, 0.5); } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:active, + GtkFileChooserDialog .dialog-vbox > .frame button:active, GeditFileBrowserWidget .horizontal button:active, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:checked, + GtkFileChooserDialog .dialog-vbox > .frame button:checked, GeditFileBrowserWidget .horizontal button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: #5294E2; } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:disabled, + GtkFileChooserDialog .dialog-vbox > .frame button:disabled, GeditFileBrowserWidget .horizontal button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.25); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton, +GtkFileChooserDialog .dialog-vbox > .frame entry, +GtkFileChooserDialog .dialog-vbox > .frame spinbutton { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.4); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.4)); + background-color: transparent; } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry image, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton image, + GtkFileChooserDialog .dialog-vbox > .frame entry image, + GtkFileChooserDialog .dialog-vbox > .frame spinbutton image, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry image:hover, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton image:hover, + GtkFileChooserDialog .dialog-vbox > .frame entry image:hover, + GtkFileChooserDialog .dialog-vbox > .frame spinbutton image:hover { + color: inherit; } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry:focus, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton:focus, + GtkFileChooserDialog .dialog-vbox > .frame entry:focus, + GtkFileChooserDialog .dialog-vbox > .frame spinbutton:focus { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.4); + background-image: linear-gradient(to bottom, #5294E2); } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry:disabled, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton:disabled, + GtkFileChooserDialog .dialog-vbox > .frame entry:disabled, + GtkFileChooserDialog .dialog-vbox > .frame spinbutton:disabled { + color: rgba(186, 195, 207, 0.55); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.25)); } + +GtkFileChooserDialog placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, +NautilusWindow placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, NemoWindow .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, +MarlinViewWindow .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, GeditFileBrowserWidget scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: #e7eaee; + border: 1px solid rgba(0, 0, 0, 0.3); } + +GtkFileChooserDialog placessidebar.sidebar scrollbar slider, +NautilusWindow placessidebar.sidebar scrollbar slider, NemoWindow .sidebar scrollbar slider, NemoWindow .source-list.sidebar.view scrollbar slider, +MarlinViewWindow .sidebar scrollbar slider, +MarlinViewWindow .source-list.sidebar.view scrollbar slider, GeditFileBrowserWidget scrollbar slider { + background-color: rgba(231, 234, 238, 0.7); } + GtkFileChooserDialog placessidebar.sidebar scrollbar slider:hover, + NautilusWindow placessidebar.sidebar scrollbar slider:hover, NemoWindow .sidebar scrollbar slider:hover, NemoWindow .source-list.sidebar.view scrollbar slider:hover, + MarlinViewWindow .sidebar scrollbar slider:hover, + MarlinViewWindow .source-list.sidebar.view scrollbar slider:hover, GeditFileBrowserWidget scrollbar slider:hover { + background-color: #f6f7f9; } + GtkFileChooserDialog placessidebar.sidebar scrollbar slider:hover:active, + NautilusWindow placessidebar.sidebar scrollbar slider:hover:active, NemoWindow .sidebar scrollbar slider:hover:active, + MarlinViewWindow .sidebar scrollbar slider:hover:active, GeditFileBrowserWidget scrollbar slider:hover:active { + background-color: #5294E2; } + GtkFileChooserDialog placessidebar.sidebar scrollbar slider:disabled, + NautilusWindow placessidebar.sidebar scrollbar slider:disabled, NemoWindow .sidebar scrollbar slider:disabled, NemoWindow .source-list.sidebar.view scrollbar slider:disabled, + MarlinViewWindow .sidebar scrollbar slider:disabled, + MarlinViewWindow .source-list.sidebar.view scrollbar slider:disabled, GeditFileBrowserWidget scrollbar slider:disabled { + background-color: transparent; } + +GtkFileChooserDialog placessidebar.sidebar scrollbar trough, +NautilusWindow placessidebar.sidebar scrollbar trough, NemoWindow .sidebar scrollbar trough, NemoWindow .source-list.sidebar.view scrollbar trough, +MarlinViewWindow .sidebar scrollbar trough, +MarlinViewWindow .source-list.sidebar.view scrollbar trough, GeditFileBrowserWidget scrollbar trough { + background-color: rgba(0, 0, 0, 0.2); + border: none; } + +@define-color theme_fg_color #5c616c; +@define-color theme_text_color #5c616c; +@define-color theme_bg_color #F5F6F7; +@define-color theme_base_color #ffffff; +@define-color theme_selected_bg_color #5294E2; +@define-color theme_selected_fg_color #ffffff; +@define-color fg_color #5c616c; +@define-color text_color #5c616c; +@define-color bg_color #F5F6F7; +@define-color base_color #ffffff; +@define-color selected_bg_color #5294E2; +@define-color selected_fg_color #ffffff; +@define-color insensitive_bg_color #fbfbfc; +@define-color insensitive_fg_color alpha(#5c616c,0.5); +@define-color insensitive_base_color #ffffff; +@define-color theme_unfocused_fg_color #5c616c; +@define-color theme_unfocused_text_color #5c616c; +@define-color theme_unfocused_bg_color #F5F6F7; +@define-color theme_unfocused_base_color #ffffff; +@define-color borders #dcdfe3; +@define-color unfocused_borders #dcdfe3; +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #73d216; +@define-color placeholder_text_color #A8A8A8; +@define-color content_view_bg #ffffff; +@define-color wm_title alpha(#cfdae7,0.8); +@define-color wm_unfocused_title alpha(#cfdae7,0.5); +@define-color wm_bg #2f343f; +@define-color wm_bg_unfocused #323843; +@define-color wm_highlight #363b48; +@define-color wm_shadow alpha(black,0.35); +@define-color wm_button_close_bg #cc575d; +@define-color wm_button_close_hover_bg #d7787d; +@define-color wm_button_close_active_bg #be3841; +@define-color wm_icon_close_bg #2f343f; +@define-color wm_button_hover_bg #454C5C; +@define-color wm_button_active_bg #5294E2; +@define-color wm_button_hover_border #262932; +@define-color wm_icon_bg #90939B; +@define-color wm_icon_unfocused_bg #666A74; +@define-color wm_icon_hover_bg #C4C7CC; +@define-color wm_icon_active_bg #ffffff; diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css new file mode 100644 index 0000000..5ddd04d --- /dev/null +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -0,0 +1,4207 @@ +* { + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkTreeView-expander-size: 11; + -GtkTreeView-horizontal-separator: 4; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: rgba(92, 97, 108, 0.3); + outline-style: dashed; + outline-offset: -3px; + outline-width: 1px; + -gtk-outline-radius: 2px; } + +.background { + color: #5c616c; + background-color: #F5F6F7; } + +*:disabled { + -gtk-icon-effect: dim; } + +.gtkstyle-fallback { + background-color: #F5F6F7; + color: #5c616c; } + .gtkstyle-fallback:hover { + background-color: white; + color: #5c616c; } + .gtkstyle-fallback:active { + background-color: #d9dde0; + color: #5c616c; } + .gtkstyle-fallback:disabled { + background-color: #fbfbfc; + color: rgba(92, 97, 108, 0.55); } + .gtkstyle-fallback:selected { + background-color: #5294E2; + color: #ffffff; } + +.view, +textview text { + color: #5c616c; + background-color: #ffffff; } + .view.dim-label, label.view.separator, + popover.background label.view.separator, headerbar .view.subtitle, + textview text.dim-label, + textview headerbar text.subtitle, headerbar + textview text.subtitle { + color: rgba(92, 97, 108, 0.55); } + .view.dim-label selection, label.view.separator selection, headerbar .view.subtitle selection, .view.dim-label selection:focus, label.view.separator selection:focus, headerbar .view.subtitle selection:focus, + textview text.dim-label selection, + textview headerbar text.subtitle selection, headerbar + textview text.subtitle selection, + textview text.dim-label selection:focus, + textview headerbar text.subtitle selection:focus, headerbar + textview text.subtitle selection:focus { + color: rgba(255, 255, 255, 0.65); + text-shadow: none; } + +iconview { + color: #5c616c; + background-color: #ffffff; } + iconview:selected, iconview:selected:focus { + border-radius: 3px; } + +rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, +.rubberband { + border: 1px solid #2679db; + background-color: rgba(38, 121, 219, 0.2); } + +flowbox flowboxchild { + padding: 3px; + border-radius: 2px; } + flowbox flowboxchild:selected { + outline-offset: -2px; } + +label.separator, popover label.separator, +popover.background label.separator { + color: #5c616c; } + +label:disabled { + color: rgba(92, 97, 108, 0.55); } + +.dim-label, label.separator, popover label.separator, +popover.background label.separator, headerbar .subtitle { + opacity: 0.55; } + +assistant .sidebar { + background-color: #ffffff; + border-top: 1px solid #dcdfe3; } + assistant .sidebar:dir(ltr) { + border-right: 1px solid #dcdfe3; } + assistant .sidebar:dir(rtl) { + border-left: 1px solid #dcdfe3; } + +assistant.csd .sidebar { + border-top-style: none; } + +assistant .sidebar label { + padding: 6px 12px; } + +assistant .sidebar label.highlight { + background-color: #5294E2; + color: #ffffff; } + +textview { + background-color: #fafbfb; } + +popover.osd, popover.magnifier, +popover.background.osd, +popover.background.magnifier, .osd { + color: #BAC3CF; + border: none; + background-color: #353945; + background-clip: padding-box; + outline-color: rgba(186, 195, 207, 0.3); + box-shadow: none; } + +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); } } + +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } + spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; } + spinner:checked:disabled { + opacity: 0.5; } + +entry, spinbutton { + min-height: 26px; + border: 1px solid; + padding-left: 8px; + padding-right: 8px; + border-radius: 3px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: #5c616c; + caret-color: #5c616c; + border-color: #cfd6e6; + background-color: #ffffff; + background-image: linear-gradient(to bottom, #ffffff); } + entry.search, spinbutton.search { + border-radius: 20px; } + entry image, spinbutton image { + color: #7d8189; } + entry image.left, spinbutton image.left { + padding-left: 0; + padding-right: 5px; } + entry image.right, spinbutton image.right { + padding-right: 0; + padding-left: 5px; } + entry.flat, spinbutton.flat, entry.flat:focus, spinbutton.flat:focus { + color: #5c616c; + caret-color: #5c616c; + border-color: #cfd6e6; + background-color: #ffffff; + background-image: linear-gradient(to bottom, #ffffff); + padding-left: 2px; + padding-right: 2px; + border: none; + border-radius: 0; } + entry:focus, spinbutton:focus { + background-clip: border-box; + color: #5c616c; + caret-color: #5c616c; + border-color: #5294E2; + background-color: #ffffff; + background-image: linear-gradient(to bottom, #ffffff); } + entry:disabled, spinbutton:disabled { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(255, 255, 255, 0.55); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.55)); } + entry selection, spinbutton selection, + entry selection:focus, spinbutton selection:focus { + background-color: #5294E2; + color: #ffffff; } + entry progress, spinbutton progress { + margin: 2px 12px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #5294E2; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; } + entry.warning, spinbutton.warning { + color: #ffffff; + border-color: #F27835; + background-image: linear-gradient(to bottom, #f7ae86); } + entry.warning:focus, spinbutton.warning:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, #F27835); + box-shadow: none; } + entry.warning selection, spinbutton.warning selection, entry.warning selection:focus, spinbutton.warning selection:focus { + background-color: #ffffff; + color: #F27835; } + entry.error, spinbutton.error { + color: #ffffff; + border-color: #FC4138; + background-image: linear-gradient(to bottom, #fd8d88); } + entry.error:focus, spinbutton.error:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, #FC4138); + box-shadow: none; } + entry.error selection, spinbutton.error selection, entry.error selection:focus, spinbutton.error selection:focus { + background-color: #ffffff; + color: #FC4138; } + .osd entry, .osd spinbutton { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.4); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.4)); + background-color: transparent; } + .osd entry image, .osd spinbutton image, .osd entry image:hover, .osd spinbutton image:hover { + color: inherit; } + .osd entry:focus, .osd spinbutton:focus { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.4); + background-image: linear-gradient(to bottom, #5294E2); } + .osd entry:disabled, .osd spinbutton:disabled { + color: rgba(186, 195, 207, 0.55); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.25)); } + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#5294E2), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); } } + +button { + min-height: 26px; + min-width: 20px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 3px; + padding: 0 6px; + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: #fbfbfc; } + button separator, button .sidebar separator, .sidebar button separator, button .sidebar .view separator, .sidebar .view button separator { + margin: 4px 1px; } + button.flat, button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + background-color: rgba(251, 251, 252, 0); + border-color: rgba(207, 214, 230, 0); + transition: none; } + button.flat:hover, button.sidebar-button:hover { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; } + button.flat:hover:active, button.sidebar-button:hover:active { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + button:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: white; + -gtk-icon-effect: highlight; } + button:active, button:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; + transition-duration: 50ms; } + button:active { + color: #5c616c; } + button:active:hover, button:checked { + color: #ffffff; } + button.flat:disabled, button.sidebar-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; } + button:disabled { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + button:disabled > label { + color: inherit; } + button:disabled:active, button:disabled:checked { + color: rgba(255, 255, 255, 0.8); + border-color: rgba(82, 148, 226, 0.75); + background-color: rgba(82, 148, 226, 0.75); + opacity: 0.6; } + button:disabled:active > label, button:disabled:checked > label { + color: inherit; } + button.osd { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + background-color: #353945; + border-color: #23262e; } + button.osd.image-button { + min-height: 48px; + min-width: 48px; } + button.osd:hover { + color: #5294E2; } + button.osd:active, button.osd:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: #5294E2; } + button.osd:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.25); } + .osd button { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.4); } + .osd button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(119, 127, 151, 0.5); } + .osd button:active, .osd button:checked { + background-clip: padding-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: #5294E2; } + .osd button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.25); } + .osd button.flat, .osd button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } + .osd button.flat:hover, .osd button.sidebar-button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(119, 127, 151, 0.5); } + .osd button.flat:disabled, .osd button.sidebar-button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.25); + background-image: none; } + .osd button.flat:active, .osd button.sidebar-button:active, .osd button.flat:checked, .osd button.sidebar-button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: #5294E2; } + button.suggested-action { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #4DADD4; + border-color: #4DADD4; } + button.suggested-action.flat, button.suggested-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #4DADD4; + outline-color: rgba(77, 173, 212, 0.3); } + button.suggested-action:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #76c0de; + border-color: #76c0de; } + button.suggested-action:active, button.suggested-action:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #2e96c0; + border-color: #2e96c0; } + button.suggested-action.flat:disabled, button.suggested-action.sidebar-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(92, 97, 108, 0.55); } + button.suggested-action:disabled { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + button.suggested-action:disabled > label { + color: inherit; } + button.destructive-action { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #F04A50; + border-color: #F04A50; } + button.destructive-action.flat, button.destructive-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #F04A50; + outline-color: rgba(240, 74, 80, 0.3); } + button.destructive-action:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #f4797e; + border-color: #f4797e; } + button.destructive-action:active, button.destructive-action:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ec1b22; + border-color: #ec1b22; } + button.destructive-action.flat:disabled, button.destructive-action.sidebar-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(92, 97, 108, 0.55); } + button.destructive-action:disabled { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + button.destructive-action:disabled > label { + color: inherit; } + button.text-button { + padding-left: 16px; + padding-right: 16px; } + button.text-button.image-button label:first-child { + padding-left: 8px; } + button.text-button.image-button label:last-child { + padding-right: 8px; } + .stack-switcher > button { + outline-offset: -3px; } + .stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; } + .stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; + padding-top: 3px; + padding-bottom: 3px; } + .stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; } + .stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; } + .stack-switcher > button.needs-attention:active > label, + .stack-switcher > button.needs-attention:active > image, + .stack-switcher > button.needs-attention:checked > label, + .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; } + .stack-switcher > button.needs-attention > label, + .stack-switcher > button.needs-attention > image, button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 4px; } + .stack-switcher > button.needs-attention > label:dir(rtl), + .stack-switcher > button.needs-attention > image:dir(rtl), button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl) { + background-position: left 3px, left 4px; } + .inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 2px; + border-width: 1px; } + +.inline-toolbar toolbutton > button { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: #fbfbfc; } + .inline-toolbar toolbutton > button:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: white; } + .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + .inline-toolbar toolbutton > button:disabled { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + .inline-toolbar toolbutton > button:disabled > label { + color: inherit; } + .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); + border-color: rgba(82, 148, 226, 0.75); + background-color: rgba(82, 148, 226, 0.75); + opacity: 0.6; } + .inline-toolbar toolbutton > button:disabled:active > label, .inline-toolbar toolbutton > button:disabled:checked > label { + color: inherit; } + +.linked:not(.vertical):not(.pathbar) > entry + entry, .linked:not(.vertical):not(.pathbar) > spinbutton + entry, .linked:not(.vertical):not(.pathbar) > entry + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton { + border-left-color: rgba(207, 214, 230, 0.3); } + +.linked:not(.vertical):not(.pathbar) > entry.error + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry, .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton, +.linked:not(.vertical):not(.pathbar) > entry + entry.error, +.linked:not(.vertical):not(.pathbar) > spinbutton + entry.error, +.linked:not(.vertical):not(.pathbar) > entry + spinbutton.error, +.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error { + border-left-color: #FC4138; } + +.linked:not(.vertical):not(.pathbar) > entry.warning + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.warning + entry, .linked:not(.vertical):not(.pathbar) > entry.warning + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.warning + spinbutton, +.linked:not(.vertical):not(.pathbar) > entry + entry.warning, +.linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning, +.linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning, +.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning { + border-left-color: #F27835; } + +.linked:not(.vertical):not(.pathbar) > entry.error + entry.warning, .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry.warning, .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton.warning, .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton.warning { + border-left-color: #FC4138; } + +.linked:not(.vertical):not(.pathbar) > entry + entry:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:not(:last-child), +.linked:not(.vertical):not(.pathbar) > entry + entry:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:last-child, +.linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:last-child { + border-left-color: #5294E2; } + +.linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:not(:last-child), +.linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:last-child, +.linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:last-child { + border-left-color: #F27835; } + +.linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:not(:last-child), +.linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:last-child, +.linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:last-child { + border-left-color: #FC4138; } + +.linked:not(.vertical):not(.pathbar) > entry + button, .linked:not(.vertical):not(.pathbar) > spinbutton + button, +.linked:not(.vertical):not(.pathbar) > entry + button:hover, +.linked:not(.vertical):not(.pathbar) > spinbutton + button:hover, +.linked:not(.vertical):not(.pathbar) > entry + button:active, +.linked:not(.vertical):not(.pathbar) > spinbutton + button:active, +.linked:not(.vertical):not(.pathbar) > entry + button:checked, +.linked:not(.vertical):not(.pathbar) > spinbutton + button:checked, +.linked:not(.vertical):not(.pathbar) > entry + button:disabled, +.linked:not(.vertical):not(.pathbar) > spinbutton + button:disabled { + border-left-style: solid; } + +.linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + combobox > button.combo, +.linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + combobox > button.combo { + border-left-color: #5294E2; } + +.linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + combobox > button.combo, +.linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { + border-left-color: #F27835; } + +.linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + combobox > button.combo, +.linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + combobox > button.combo { + border-left-color: #FC4138; } + +.linked:not(.vertical):not(.pathbar) > button:hover:not(:checked):not(:active):not(:only-child), +.linked:not(.vertical):not(.pathbar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: -1px 0 #cfd6e6; } + +.linked:not(.vertical):not(.pathbar) > button:first-child:hover:not(:checked):not(:active) { + box-shadow: none; } + +.linked:not(.vertical):not(.pathbar) > button:checked + button:not(:checked):not(:active):hover { + box-shadow: none; } + +.linked:not(.vertical):not(.pathbar) > button:checked + entry, .linked:not(.vertical):not(.pathbar) > button:checked + spinbutton { + border-left-color: #5294E2; } + +.linked:not(.vertical):not(.pathbar) > entry + button:not(:checked):not(:active):hover, .linked:not(.vertical):not(.pathbar) > spinbutton + button:not(:checked):not(:active):hover { + box-shadow: none; } + +.linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover { + box-shadow: inset 1px 0 rgba(207, 214, 230, 0.4), inset -1px 0 rgba(207, 214, 230, 0.4); } + +.linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { + box-shadow: inset -1px 0 rgba(207, 214, 230, 0.4); } + +.linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { + box-shadow: inset 1px 0 rgba(207, 214, 230, 0.4); } + +.linked.vertical > entry + entry, .linked.vertical > spinbutton + entry, .linked.vertical > entry + spinbutton, .linked.vertical > spinbutton + spinbutton { + border-top-color: rgba(207, 214, 230, 0.3); } + +.linked.vertical > entry.error + entry, .linked.vertical > spinbutton.error + entry, .linked.vertical > entry.error + spinbutton, .linked.vertical > spinbutton.error + spinbutton, +.linked.vertical > entry + entry.error, +.linked.vertical > spinbutton + entry.error, +.linked.vertical > entry + spinbutton.error, +.linked.vertical > spinbutton + spinbutton.error { + border-top-color: #FC4138; } + +.linked.vertical > entry.warning + entry, .linked.vertical > spinbutton.warning + entry, .linked.vertical > entry.warning + spinbutton, .linked.vertical > spinbutton.warning + spinbutton, +.linked.vertical > entry + entry.warning, +.linked.vertical > spinbutton + entry.warning, +.linked.vertical > entry + spinbutton.warning, +.linked.vertical > spinbutton + spinbutton.warning { + border-top-color: #F27835; } + +.linked.vertical > entry.error + entry.warning, .linked.vertical > spinbutton.error + entry.warning, .linked.vertical > entry.error + spinbutton.warning, .linked.vertical > spinbutton.error + spinbutton.warning { + border-top-color: #FC4138; } + +.linked.vertical > entry + entry:focus:not(:last-child), .linked.vertical > spinbutton + entry:focus:not(:last-child), .linked.vertical > entry + spinbutton:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton:focus:not(:last-child), +.linked.vertical > entry + entry:focus:last-child, +.linked.vertical > spinbutton + entry:focus:last-child, +.linked.vertical > entry + spinbutton:focus:last-child, +.linked.vertical > spinbutton + spinbutton:focus:last-child { + border-top-color: #5294E2; } + +.linked.vertical > entry + entry.warning:focus:not(:last-child), .linked.vertical > spinbutton + entry.warning:focus:not(:last-child), .linked.vertical > entry + spinbutton.warning:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton.warning:focus:not(:last-child), +.linked.vertical > entry + entry.warning:focus:last-child, +.linked.vertical > spinbutton + entry.warning:focus:last-child, +.linked.vertical > entry + spinbutton.warning:focus:last-child, +.linked.vertical > spinbutton + spinbutton.warning:focus:last-child { + border-top-color: #F27835; } + +.linked.vertical > entry + entry.error:focus:not(:last-child), .linked.vertical > spinbutton + entry.error:focus:not(:last-child), .linked.vertical > entry + spinbutton.error:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton.error:focus:not(:last-child), +.linked.vertical > entry + entry.error:focus:last-child, +.linked.vertical > spinbutton + entry.error:focus:last-child, +.linked.vertical > entry + spinbutton.error:focus:last-child, +.linked.vertical > spinbutton + spinbutton.error:focus:last-child { + border-top-color: #FC4138; } + +.linked.vertical > entry + button, .linked.vertical > spinbutton + button, +.linked.vertical > entry + button:hover, +.linked.vertical > spinbutton + button:hover, +.linked.vertical > entry + button:active, +.linked.vertical > spinbutton + button:active, +.linked.vertical > entry + button:checked, +.linked.vertical > spinbutton + button:checked, +.linked.vertical > entry + button:disabled, +.linked.vertical > spinbutton + button:disabled { + border-top-style: solid; } + +.linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > spinbutton:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton:focus:not(:only-child) + spinbutton, +.linked.vertical > entry:focus:not(:only-child) + button, +.linked.vertical > spinbutton:focus:not(:only-child) + button, +.linked.vertical > entry:focus:not(:only-child) + combobox > button.combo, +.linked.vertical > spinbutton:focus:not(:only-child) + combobox > button.combo { + border-top-color: #5294E2; } + +.linked.vertical > entry.warning:focus:not(:only-child) + entry, .linked.vertical > spinbutton.warning:focus:not(:only-child) + entry, .linked.vertical > entry.warning:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton.warning:focus:not(:only-child) + spinbutton, +.linked.vertical > entry.warning:focus:not(:only-child) + button, +.linked.vertical > spinbutton.warning:focus:not(:only-child) + button, +.linked.vertical > entry.warning:focus:not(:only-child) + combobox > button.combo, +.linked.vertical > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { + border-top-color: #F27835; } + +.linked.vertical > entry.error:focus:not(:only-child) + entry, .linked.vertical > spinbutton.error:focus:not(:only-child) + entry, .linked.vertical > entry.error:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton.error:focus:not(:only-child) + spinbutton, +.linked.vertical > entry.error:focus:not(:only-child) + button, +.linked.vertical > spinbutton.error:focus:not(:only-child) + button, +.linked.vertical > entry.error:focus:not(:only-child) + combobox > button.combo, +.linked.vertical > spinbutton.error:focus:not(:only-child) + combobox > button.combo { + border-top-color: #FC4138; } + +.linked.vertical > button:hover:not(:checked):not(:active):not(:only-child), +.linked.vertical > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: 0 -1px #cfd6e6; } + +.linked.vertical > button:first-child:hover:not(:checked):not(:active) { + box-shadow: none; } + +.linked.vertical > button:checked + button:not(:checked):not(:active):hover { + box-shadow: none; } + +.linked.vertical > button:checked + entry, .linked.vertical > button:checked + spinbutton { + border-top-color: #5294E2; } + +.linked.vertical > entry + button:not(:checked):not(:active):hover, .linked.vertical > spinbutton + button:not(:checked):not(:active):hover { + box-shadow: none; } + +toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, +.linked:not(.vertical) > button:hover, +.linked:not(.vertical) > button:active, +.linked:not(.vertical) > button:checked, .linked:not(.vertical):not(.pathbar) > entry, .linked:not(.vertical):not(.pathbar) > spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled, .linked > combobox > button.combo:dir(ltr) { + border-radius: 0; + border-right-style: none; } + +.inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:first-child, .linked:not(.vertical):not(.pathbar) > spinbutton:first-child, .linked > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; } + +.inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:last-child, .linked:not(.vertical):not(.pathbar) > spinbutton:last-child, .linked > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right-style: solid; } + +.inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:only-child, .linked:not(.vertical):not(.pathbar) > spinbutton:only-child, .linked > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:only-child { + border-radius: 3px; + border-style: solid; } + +.linked.vertical > button, +.linked.vertical > button:hover, +.linked.vertical > button:active, +.linked.vertical > button:checked, .linked.vertical > entry, .linked.vertical > spinbutton, .linked.vertical > combobox > button.combo { + border-radius: 0; + border-bottom-style: none; } + +.linked.vertical > button:first-child, .linked.vertical > entry:first-child, .linked.vertical > spinbutton:first-child, .linked.vertical > combobox:first-child > button.combo { + border-top-left-radius: 3px; + border-top-right-radius: 3px; } + +.linked.vertical > button:last-child, .linked.vertical > entry:last-child, .linked.vertical > spinbutton:last-child, .linked.vertical > combobox:last-child > button.combo { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border-bottom-style: solid; } + +.linked.vertical > button:only-child, .linked.vertical > entry:only-child, .linked.vertical > spinbutton:only-child, .linked.vertical > combobox:only-child > button.combo { + border-radius: 3px; + border-style: solid; } + +.linked:not(.vertical) > button, +.linked:not(.vertical) > button:hover, +.linked:not(.vertical) > button:active, +.linked:not(.vertical) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled { + border-left-style: none; } + .linked:not(.vertical) > button:first-child, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { + border-left-style: solid; } + +.linked.vertical > button, +.linked.vertical > button:hover, +.linked.vertical > button:active, +.linked.vertical > button:checked { + border-top-style: none; } + .linked.vertical > button:first-child { + border-top-style: solid; } + +menuitem.button.flat, +modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow, +.menu arrow, notebook tab button, notebook tab button:hover, notebook tab button:active, notebook tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled, TerminalWindow .notebook tab:active button, TerminalWindow .notebook tab:hover button, TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover, TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } + +menuitem.button.flat, +modelbutton.flat { + transition: none; + min-height: 22px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -2px; + border-radius: 2px; } + menuitem.button.flat:hover, + modelbutton.flat:hover { + background-color: #edeff0; } + menuitem.button.flat:checked, + modelbutton.flat:checked { + color: #5c616c; } + menuitem.button.flat check:last-child, + menuitem.button.flat radio:last-child, + modelbutton.flat check:last-child, + modelbutton.flat radio:last-child { + margin-left: 8px; } + menuitem.button.flat check:first-child, + menuitem.button.flat radio:first-child, + modelbutton.flat check:first-child, + modelbutton.flat radio:first-child { + margin-right: 8px; } + +modelbutton.flat arrow, modelbutton.flat arrow:hover { + background: none; } + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +*:link, button:link, button:visited { + color: #2679db; } + *:link:visited, button:visited { + color: #1e61b0; } + *:selected *:link:visited, *:selected button:visited:link, *:selected button:visited { + color: #bad4f3; } + *:link:hover, button:hover:link, button:hover:visited { + color: #5294e2; } + *:selected *:link:hover, *:selected button:hover:link, *:selected button:hover:visited { + color: #eef4fc; } + *:link:active, button:active:link, button:active:visited { + color: #2679db; } + *:selected *:link:active, *:selected button:active:link, *:selected button:active:visited { + color: #dceaf9; } + *:link:selected, button:selected:link, button:selected:visited, headerbar.selection-mode .subtitle:link, headerbar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited { + color: #dceaf9; } + +button:link > label, button:visited > label { + text-decoration-line: underline; } + +spinbutton:not(.vertical) button { + background-image: none; + border: 1px solid rgba(220, 223, 227, 0.6); + border-style: none none none solid; + color: #646973; + border-radius: 0; + box-shadow: none; } + spinbutton:not(.vertical) button:dir(rtl) { + border-style: none solid none none; } + spinbutton:not(.vertical) button:disabled { + color: rgba(92, 97, 108, 0.55); } + spinbutton:not(.vertical) button:active { + background-color: #5294E2; + color: #ffffff; } + +spinbutton.vertical { + border-radius: 0; + padding-left: 5px; + padding-right: 5px; } + spinbutton.vertical button:first-child { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: #fbfbfc; } + spinbutton.vertical button:first-child:active { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + spinbutton.vertical button:first-child:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: white; } + spinbutton.vertical button:first-child:disabled { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + spinbutton.vertical button:first-child:disabled > label { + color: inherit; } + spinbutton.vertical button:last-child { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: #fbfbfc; } + spinbutton.vertical button:last-child:active { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + spinbutton.vertical button:last-child:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: white; } + spinbutton.vertical button:last-child:disabled { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + spinbutton.vertical button:last-child:disabled > label { + color: inherit; } + spinbutton.vertical button:first-child, spinbutton.vertical button:first-child:active, spinbutton.vertical button:first-child:hover, spinbutton.vertical button:first-child:disabled { + border-radius: 2px 2px 0 0; + border-style: solid solid none solid; } + spinbutton.vertical button:last-child, spinbutton.vertical button:last-child:active, spinbutton.vertical button:last-child:hover, spinbutton.vertical button:last-child:disabled { + border-radius: 0 0 2px 2px; + border-style: none solid solid solid; } + +treeview spinbutton entry, treeview spinbutton spinbutton, treeview spinbutton entry:focus, treeview spinbutton spinbutton:focus { + padding: 1px; + border-width: 1px 0; + border-color: #5294E2; + border-radius: 0; + box-shadow: none; } + +combobox > button.combo { + padding-left: 8px; + padding-right: 8px; } + +combobox:disabled { + color: rgba(92, 97, 108, 0.55); } + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; } + +combobox > entry.combo:dir(ltr), combobox > spinbutton.combo:dir(ltr) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-right-style: none; } + combobox > entry.combo:dir(ltr):focus, combobox > spinbutton.combo:dir(ltr):focus { + box-shadow: 1px 0 #5294E2; } + +combobox > entry.combo:dir(rtl), combobox > spinbutton.combo:dir(rtl) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left-style: none; } + combobox > entry.combo:dir(rtl):focus, combobox > spinbutton.combo:dir(rtl):focus { + box-shadow: -1px 0 #5294E2; } + +combobox > button.combo:not(:only-child):dir(ltr) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + +combobox > button.combo:not(:only-child):dir(rtl) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + +toolbar, .inline-toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #F5F6F7; } + toolbar separator, .inline-toolbar separator, toolbar .sidebar separator, .sidebar toolbar separator, toolbar .sidebar .view separator, .sidebar .view toolbar separator, .inline-toolbar .sidebar .view separator, .sidebar .view .inline-toolbar separator { + background: none; } + toolbar.horizontal separator, .horizontal.inline-toolbar separator, toolbar.horizontal .sidebar .view separator, .sidebar .view toolbar.horizontal separator { + margin: 0 6px; } + toolbar.vertical separator, .vertical.inline-toolbar separator, toolbar.vertical .sidebar .view separator, .sidebar .view toolbar.vertical separator { + margin: 6px 0; } + .osd toolbar, .osd .inline-toolbar, toolbar.osd, .osd.inline-toolbar { + padding: 7px; + border: 1px solid rgba(0, 0, 0, 0.5); + border-radius: 3px; + background-color: rgba(53, 57, 69, 0.9); } + +.primary-toolbar { + color: rgba(82, 93, 118, 0.8); + background-color: #e7e8eb; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, #e7e8eb, #d4d5db) 1 0 1 0; } + +.inline-toolbar { + background-color: #edeef0; + border-style: solid; + border-color: #dcdfe3; + border-width: 0 1px 1px; + padding: 3px; + border-radius: 0 0 3px 3px; } + +searchbar { + background-color: #F5F6F7; + border-style: solid; + border-color: #dcdfe3; + border-width: 0 0 1px; + padding: 3px; } + +actionbar { + padding: 6px; + border-top: 1px solid #dcdfe3; + background-color: #edeef0; } + +headerbar { + min-height: 42px; + padding: 0 5px; + border-width: 0 0 1px; + border-style: solid; + border-radius: 0; + border-color: #d4d5db; + color: rgba(82, 93, 118, 0.8); + background-color: #e7e8eb; } + .csd headerbar { + background-color: #e7e8eb; + border-color: #d4d5db; } + headerbar:backdrop { + color: rgba(82, 93, 118, 0.5); } + headerbar .title { + padding-left: 12px; + padding-right: 12px; } + headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; } + headerbar.selection-mode, headerbar.titlebar.selection-mode { + color: #ffffff; + background-color: #5294E2; + border-color: #4189df; + box-shadow: none; } + headerbar.selection-mode:backdrop, headerbar.titlebar.selection-mode:backdrop { + background-color: #5294E2; + color: rgba(255, 255, 255, 0.6); } + headerbar.selection-mode button, headerbar.titlebar.selection-mode button { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0); } + headerbar.selection-mode button.flat, headerbar.selection-mode button.sidebar-button, headerbar.titlebar.selection-mode button.flat, headerbar.titlebar.selection-mode button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0); } + headerbar.selection-mode button:hover, headerbar.titlebar.selection-mode button:hover { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0.05); + border-color: rgba(255, 255, 255, 0.5); } + headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.titlebar.selection-mode button:active, headerbar.titlebar.selection-mode button:checked { + color: #5294E2; + outline-color: rgba(82, 148, 226, 0.3); + background-color: #ffffff; + border-color: #ffffff; } + headerbar.selection-mode button:disabled, headerbar.titlebar.selection-mode button:disabled { + color: rgba(255, 255, 255, 0.4); + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0); } + headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked, headerbar.titlebar.selection-mode button:disabled:active, headerbar.titlebar.selection-mode button:disabled:checked { + color: rgba(82, 148, 226, 0.4); + background-color: rgba(255, 255, 255, 0.15); + border-color: rgba(255, 255, 255, 0.15); } + headerbar.selection-mode .selection-menu, headerbar.titlebar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; } + headerbar.selection-mode .selection-menu GtkArrow, headerbar.titlebar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; } + headerbar.selection-mode .selection-menu .arrow, headerbar.titlebar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + .maximized headerbar.selection-mode, .maximized headerbar.titlebar.selection-mode { + background-color: #5294e2; } + .tiled headerbar, .tiled headerbar:backdrop, + .maximized headerbar, .maximized headerbar:backdrop { + border-radius: 0; } + .maximized headerbar { + background-color: #e7e8eb; + border-color: #d4d5db; } + headerbar.default-decoration, + .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, + .csd headerbar.default-decoration:backdrop { + padding-top: 5px; + padding-bottom: 5px; + background-color: #e7e8eb; + border-bottom-width: 0; } + .maximized headerbar.default-decoration, .maximized + .csd headerbar.default-decoration, .maximized headerbar.default-decoration:backdrop, .maximized + .csd headerbar.default-decoration:backdrop { + background-color: #e7e8eb; } + +.titlebar { + padding: 0 7px; + border-radius: 4px 4px 0 0; + color: rgba(82, 93, 118, 0.8); + background-color: #e7e8eb; + box-shadow: inset 0 1px #eff0f2; } + .csd .titlebar { + background-color: #e7e8eb; } + .titlebar:backdrop { + color: rgba(82, 93, 118, 0.5); + background-color: #eff0f2; } + .csd .titlebar:backdrop { + background-color: #eff0f2; } + .maximized .titlebar { + background-color: #e7e8eb; } + .maximized .titlebar:backdrop, .csd .maximized .titlebar:backdrop { + background-color: #eff0f2; } + window > .titlebar:not(headerbar), + window.csd > .titlebar:not(headerbar) { + padding: 0; + border: none; + background: none; } + .titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator { + background-color: #d4d5db; } + +.primary-toolbar separator, .primary-toolbar .sidebar .view separator, .sidebar .view .primary-toolbar separator, headerbar separator.titlebutton, headerbar .sidebar .view separator.titlebutton, .sidebar .view headerbar separator.titlebutton { + min-width: 1px; + min-height: 1px; + background: none; + border-width: 0 1px; + border-image: linear-gradient(to bottom, rgba(82, 93, 118, 0) 25%, rgba(82, 93, 118, 0.15) 25%, rgba(82, 93, 118, 0.15) 75%, rgba(82, 93, 118, 0) 75%) 0 1/0 1px stretch; } + .primary-toolbar separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.6; } + +.primary-toolbar entry, headerbar entry, .primary-toolbar spinbutton, headerbar spinbutton, .primary-toolbar button, headerbar button, .primary-toolbar separator, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator, .primary-toolbar .sidebar .view separator, .sidebar .view .primary-toolbar separator, headerbar .sidebar .view separator, .sidebar .view headerbar separator { + margin-top: 6px; + margin-bottom: 6px; } + +.primary-toolbar entry, headerbar entry, .primary-toolbar spinbutton, headerbar spinbutton, .primary-toolbar spinbutton, headerbar spinbutton { + color: rgba(82, 93, 118, 0.8); + caret-color: rgba(82, 93, 118, 0.8); + border-color: rgba(82, 93, 118, 0.1); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); + background-color: transparent; } + .primary-toolbar entry image, headerbar entry image, .primary-toolbar spinbutton image, headerbar spinbutton image, .primary-toolbar entry image:hover, headerbar entry image:hover, .primary-toolbar spinbutton image:hover, headerbar spinbutton image:hover, .primary-toolbar spinbutton image, headerbar spinbutton image, .primary-toolbar spinbutton image:hover, headerbar spinbutton image:hover { + color: inherit; } + .primary-toolbar entry:backdrop, headerbar entry:backdrop, .primary-toolbar spinbutton:backdrop, headerbar spinbutton:backdrop, .primary-toolbar spinbutton:backdrop, headerbar spinbutton:backdrop { + opacity: 0.85; } + .primary-toolbar entry:focus, headerbar entry:focus, .primary-toolbar spinbutton:focus, headerbar spinbutton:focus, .primary-toolbar spinbutton:focus, headerbar spinbutton:focus { + color: #ffffff; + caret-color: #ffffff; + border-color: #5294E2; + background-image: linear-gradient(to bottom, #5294E2); + background-clip: border-box; } + .primary-toolbar entry:focus image, headerbar entry:focus image, .primary-toolbar spinbutton:focus image, headerbar spinbutton:focus image, .primary-toolbar spinbutton:focus image, headerbar spinbutton:focus image { + color: #ffffff; } + .primary-toolbar entry:disabled, headerbar entry:disabled, .primary-toolbar spinbutton:disabled, headerbar spinbutton:disabled, .primary-toolbar spinbutton:disabled, headerbar spinbutton:disabled { + color: rgba(82, 93, 118, 0.35); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75)); } + .primary-toolbar entry selection:focus, headerbar entry selection:focus, .primary-toolbar spinbutton selection:focus, headerbar spinbutton selection:focus, .primary-toolbar spinbutton selection:focus, headerbar spinbutton selection:focus { + background-color: #ffffff; + color: #5294E2; } + .primary-toolbar entry progress, headerbar entry progress, .primary-toolbar spinbutton progress, headerbar spinbutton progress, .primary-toolbar spinbutton progress, headerbar spinbutton progress { + border-color: #5294E2; + background-image: none; + background-color: transparent; } + .primary-toolbar entry.warning, headerbar entry.warning, .primary-toolbar spinbutton.warning, headerbar spinbutton.warning, .primary-toolbar spinbutton.warning, headerbar spinbutton.warning { + color: #ffffff; + border-color: #F27835; + background-image: linear-gradient(to bottom, #eea57e); } + .primary-toolbar entry.warning:focus, headerbar entry.warning:focus, .primary-toolbar spinbutton.warning:focus, headerbar spinbutton.warning:focus, .primary-toolbar spinbutton.warning:focus, headerbar spinbutton.warning:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, #F27835); } + .primary-toolbar entry.warning selection, headerbar entry.warning selection, .primary-toolbar spinbutton.warning selection, headerbar spinbutton.warning selection, .primary-toolbar entry.warning selection:focus, headerbar entry.warning selection:focus, .primary-toolbar spinbutton.warning selection:focus, headerbar spinbutton.warning selection:focus, .primary-toolbar spinbutton.warning selection, headerbar spinbutton.warning selection, .primary-toolbar spinbutton.warning selection:focus, headerbar spinbutton.warning selection:focus { + background-color: #ffffff; + color: #F27835; } + .primary-toolbar entry.error, headerbar entry.error, .primary-toolbar spinbutton.error, headerbar spinbutton.error, .primary-toolbar spinbutton.error, headerbar spinbutton.error { + color: #ffffff; + border-color: #FC4138; + background-image: linear-gradient(to bottom, #f48480); } + .primary-toolbar entry.error:focus, headerbar entry.error:focus, .primary-toolbar spinbutton.error:focus, headerbar spinbutton.error:focus, .primary-toolbar spinbutton.error:focus, headerbar spinbutton.error:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, #FC4138); } + .primary-toolbar entry.error selection, headerbar entry.error selection, .primary-toolbar spinbutton.error selection, headerbar spinbutton.error selection, .primary-toolbar entry.error selection:focus, headerbar entry.error selection:focus, .primary-toolbar spinbutton.error selection:focus, headerbar spinbutton.error selection:focus, .primary-toolbar spinbutton.error selection, headerbar spinbutton.error selection, .primary-toolbar spinbutton.error selection:focus, headerbar spinbutton.error selection:focus { + background-color: #ffffff; + color: #FC4138; } + +.primary-toolbar button, headerbar button { + color: rgba(82, 93, 118, 0.8); + outline-color: rgba(82, 93, 118, 0.1); + outline-offset: -3px; + background-color: rgba(231, 232, 235, 0); + border-color: rgba(231, 232, 235, 0); } + .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.7; } + .primary-toolbar button:hover, headerbar button:hover { + color: rgba(82, 93, 118, 0.8); + outline-color: rgba(82, 93, 118, 0.1); + border-color: rgba(82, 93, 118, 0.1); + background-color: rgba(251, 251, 252, 0.9); } + .primary-toolbar button:active, headerbar button:active, .primary-toolbar button:checked, headerbar button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; + background-clip: border-box; } + .primary-toolbar button:disabled, headerbar button:disabled { + color: rgba(82, 93, 118, 0.35); + background-color: rgba(231, 232, 235, 0); + border-color: rgba(231, 232, 235, 0); } + .primary-toolbar button:disabled > label, headerbar button:disabled > label { + color: inherit; } + .primary-toolbar button:disabled:active, headerbar button:disabled:active, .primary-toolbar button:disabled:checked, headerbar button:disabled:checked { + color: rgba(255, 255, 255, 0.75); + border-color: rgba(82, 148, 226, 0.65); + background-color: rgba(82, 148, 226, 0.65); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button, headerbar .linked:not(.vertical):not(.path-bar) > button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover, headerbar .linked:not(.vertical):not(.path-bar) > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:active, headerbar .linked:not(.vertical):not(.path-bar) > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked, headerbar .linked:not(.vertical):not(.path-bar) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:disabled, headerbar .linked:not(.vertical):not(.path-bar) > button:disabled { + border-radius: 3px; + border-style: solid; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), headerbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), headerbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child), headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child), .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button { + color: rgba(82, 93, 118, 0.8); + outline-color: rgba(82, 93, 118, 0.1); + border-color: rgba(82, 93, 118, 0.1); + background-color: rgba(251, 251, 252, 0.9); } + .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover { + background-color: rgba(255, 255, 255, 0.9); } + .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled { + color: rgba(82, 93, 118, 0.4); } + +.primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover { + box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1), inset -1px 0 rgba(82, 93, 118, 0.1); } + +.primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { + box-shadow: inset -1px 0 rgba(82, 93, 118, 0.1); } + +.primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { + box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1); } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton { + border-left-color: rgba(82, 93, 118, 0); } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.error, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.error, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error { + border-left-color: #FC4138; } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning { + border-left-color: #F27835; } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton.warning { + border-left-color: #FC4138; } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:last-child { + border-left-color: #5294E2; } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:last-child { + border-left-color: #F27835; } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:last-child { + border-left-color: #FC4138; } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + combobox > button.combo { + border-left-color: #5294E2; } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { + border-left-color: #F27835; } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button.combo > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button.combo > button.combo, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button.combo > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button.combo > button.combo { + border-left-color: #FC4138; } + +.primary-toolbar button.suggested-action, headerbar button.suggested-action { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #4DADD4; + border-color: #4DADD4; } + .primary-toolbar button.suggested-action.flat, headerbar button.suggested-action.flat, .primary-toolbar button.suggested-action.sidebar-button, headerbar button.suggested-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #4DADD4; + outline-color: rgba(77, 173, 212, 0.3); } + .primary-toolbar button.suggested-action:hover, headerbar button.suggested-action:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #76c0de; + border-color: #76c0de; } + .primary-toolbar button.suggested-action:active, headerbar button.suggested-action:active, .primary-toolbar button.suggested-action:checked, headerbar button.suggested-action:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #2e96c0; + border-color: #2e96c0; } + .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { + color: rgba(82, 93, 118, 0.35); + background-color: rgba(231, 232, 235, 0); + border-color: rgba(231, 232, 235, 0); } + .primary-toolbar button.suggested-action.flat:disabled > label, headerbar button.suggested-action.flat:disabled > label, .primary-toolbar button.suggested-action.sidebar-button:disabled > label, headerbar button.suggested-action.sidebar-button:disabled > label, .primary-toolbar button.suggested-action:disabled > label, headerbar button.suggested-action:disabled > label { + color: inherit; } + +.primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop, .primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop { + opacity: 0.8; } + +.primary-toolbar button.destructive-action, headerbar button.destructive-action { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #F04A50; + border-color: #F04A50; } + .primary-toolbar button.destructive-action.flat, headerbar button.destructive-action.flat, .primary-toolbar button.destructive-action.sidebar-button, headerbar button.destructive-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #F04A50; + outline-color: rgba(240, 74, 80, 0.3); } + .primary-toolbar button.destructive-action:hover, headerbar button.destructive-action:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #f4797e; + border-color: #f4797e; } + .primary-toolbar button.destructive-action:active, headerbar button.destructive-action:active, .primary-toolbar button.destructive-action:checked, headerbar button.destructive-action:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ec1b22; + border-color: #ec1b22; } + .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { + color: rgba(82, 93, 118, 0.35); + background-color: rgba(231, 232, 235, 0); + border-color: rgba(231, 232, 235, 0); } + .primary-toolbar button.destructive-action.flat:disabled > label, headerbar button.destructive-action.flat:disabled > label, .primary-toolbar button.destructive-action.sidebar-button:disabled > label, headerbar button.destructive-action.sidebar-button:disabled > label, .primary-toolbar button.destructive-action:disabled > label, headerbar button.destructive-action:disabled > label { + color: inherit; } + +.primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop, .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop { + opacity: 0.8; } + +.primary-toolbar spinbutton:focus button, headerbar spinbutton:focus button { + color: #ffffff; } + .primary-toolbar spinbutton:focus button:hover, headerbar spinbutton:focus button:hover { + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; } + .primary-toolbar spinbutton:focus button:disabled, headerbar spinbutton:focus button:disabled { + color: rgba(255, 255, 255, 0.4); } + +.primary-toolbar spinbutton button, headerbar spinbutton button { + color: rgba(82, 93, 118, 0.8); } + .primary-toolbar spinbutton button:hover, headerbar spinbutton button:hover { + background-color: rgba(82, 93, 118, 0.05); + border-color: transparent; } + .primary-toolbar spinbutton button:disabled, headerbar spinbutton button:disabled { + color: rgba(82, 93, 118, 0.5); } + .primary-toolbar spinbutton button:active, headerbar spinbutton button:active { + background-color: rgba(0, 0, 0, 0.1); } + +.primary-toolbar combobox:disabled, headerbar combobox:disabled { + color: rgba(82, 93, 118, 0.2); } + +.primary-toolbar combobox.combobox-entry button, headerbar combobox.combobox-entry button { + color: rgba(82, 93, 118, 0.8); + caret-color: rgba(82, 93, 118, 0.8); + border-color: rgba(82, 93, 118, 0.1); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); + background-color: transparent; } + .primary-toolbar combobox.combobox-entry button image, headerbar combobox.combobox-entry button image, .primary-toolbar combobox.combobox-entry button image:hover, headerbar combobox.combobox-entry button image:hover { + color: inherit; } + .primary-toolbar combobox.combobox-entry button:hover, headerbar combobox.combobox-entry button:hover { + color: #ffffff; + caret-color: #ffffff; + border-color: #5294E2; + background-image: linear-gradient(to bottom, #5294E2); + box-shadow: none; } + .primary-toolbar combobox.combobox-entry button:disabled, headerbar combobox.combobox-entry button:disabled { + color: rgba(82, 93, 118, 0.35); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75)); } + +.primary-toolbar combobox.combobox-entry entry:dir(ltr), headerbar combobox.combobox-entry entry:dir(ltr), .primary-toolbar combobox.combobox-entry spinbutton:dir(ltr), headerbar combobox.combobox-entry spinbutton:dir(ltr) { + border-right-style: none; } + .primary-toolbar combobox.combobox-entry entry:dir(ltr):focus, headerbar combobox.combobox-entry entry:dir(ltr):focus, .primary-toolbar combobox.combobox-entry spinbutton:dir(ltr):focus, headerbar combobox.combobox-entry spinbutton:dir(ltr):focus { + box-shadow: none; } + .primary-toolbar combobox.combobox-entry entry:dir(ltr):focus, headerbar combobox.combobox-entry entry:dir(ltr):focus, .primary-toolbar combobox.combobox-entry spinbutton:dir(ltr):focus, headerbar combobox.combobox-entry spinbutton:dir(ltr):focus { + box-shadow: 1px 0 #5294E2; } + +.primary-toolbar combobox.combobox-entry entry:dir(rtl), headerbar combobox.combobox-entry entry:dir(rtl), .primary-toolbar combobox.combobox-entry spinbutton:dir(rtl), headerbar combobox.combobox-entry spinbutton:dir(rtl) { + border-left-style: none; } + .primary-toolbar combobox.combobox-entry entry:dir(rtl):focus, headerbar combobox.combobox-entry entry:dir(rtl):focus, .primary-toolbar combobox.combobox-entry spinbutton:dir(rtl):focus, headerbar combobox.combobox-entry spinbutton:dir(rtl):focus { + box-shadow: none; } + .primary-toolbar combobox.combobox-entry entry:dir(rtl):focus, headerbar combobox.combobox-entry entry:dir(rtl):focus, .primary-toolbar combobox.combobox-entry spinbutton:dir(rtl):focus, headerbar combobox.combobox-entry spinbutton:dir(rtl):focus { + box-shadow: -1px 0 #5294E2; } + +.primary-toolbar switch:backdrop, headerbar switch:backdrop { + opacity: 0.75; } + +.primary-toolbar progressbar trough, headerbar progressbar trough { + background-color: rgba(82, 93, 118, 0.15); } + +.primary-toolbar progressbar:backdrop, headerbar progressbar:backdrop { + opacity: 0.75; } + +.primary-toolbar scale:backdrop, headerbar scale:backdrop { + opacity: 0.75; } + +.primary-toolbar scale slider, headerbar scale slider { + background-image: linear-gradient(to bottom, #fbfbfc); + border-color: rgba(82, 93, 118, 0.3); } + .primary-toolbar scale slider:hover, headerbar scale slider:hover { + background-image: linear-gradient(to bottom, white); + border-color: rgba(82, 93, 118, 0.3); } + .primary-toolbar scale slider:active, headerbar scale slider:active { + background-image: linear-gradient(to bottom, #5294E2); + border-color: #5294E2; } + .primary-toolbar scale slider:disabled, headerbar scale slider:disabled { + background-image: linear-gradient(to bottom, #f5f5f7); + border-color: rgba(82, 93, 118, 0.3); } + +.primary-toolbar scale trough, headerbar scale trough { + background-image: linear-gradient(to bottom, rgba(82, 93, 118, 0.15)); } + .primary-toolbar scale trough:disabled, headerbar scale trough:disabled { + background-image: linear-gradient(to bottom, rgba(82, 93, 118, 0.1)); } + +.path-bar button:first-child { + padding-left: 10px; } + +.path-bar button:last-child { + padding-right: 10px; } + +.path-bar button:only-child { + padding-left: 10px; + padding-right: 10px; } + +.path-bar button label:last-child { + padding-left: 4px; } + +.path-bar button label:first-child { + padding-right: 4px; } + +.path-bar button label:only-child, .path-bar button label { + padding-right: 0; + padding-left: 0; } + +treeview.view { + -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: rgba(92, 97, 108, 0.15); + border-top-color: rgba(0, 0, 0, 0.1); } + treeview.view:selected { + border-radius: 0; + border-left-color: #a9caf1; + border-top-color: rgba(92, 97, 108, 0.1); } + treeview.view:disabled { + color: rgba(92, 97, 108, 0.55); } + treeview.view:disabled:selected { + color: #97bfee; } + treeview.view.separator { + min-height: 2px; } + treeview.view.dnd { + border-style: solid none; + border-width: 1px; + border-color: #577ba7; } + treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #aeb0b6; } + treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + treeview.view.expander:hover { + color: #5c616c; } + treeview.view.expander:selected { + color: #cbdff6; } + treeview.view.expander:selected:hover { + color: #ffffff; } + treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + treeview.view.progressbar { + color: #ffffff; + border-radius: 3px; + background-image: linear-gradient(to bottom, #5294E2); } + treeview.view.progressbar:selected { + color: #5294E2; + box-shadow: none; + background-image: linear-gradient(to bottom, #ffffff); } + treeview.view.trough, treeview.view.trough:selected { + color: #5c616c; + background-image: linear-gradient(to bottom, #cfd6e6); + border-radius: 3px; + border-width: 0; } + treeview.view header button { + color: #7d8189; + background-color: #ffffff; + font-weight: bold; } + treeview.view header button:hover { + color: #5294E2; + box-shadow: none; + transition: none; } + treeview.view header button:active { + color: #5c616c; + transition: none; } + treeview.view header button:last-child, + treeview.view header button:last-child:hover, + treeview.view header button:last-child:active { + border-right-style: none; + border-image: none; } + treeview.view header.button.dnd, treeview.view header button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover { + transition: none; + color: #5294E2; + box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #ffffff, inset -1px 0 #ffffff; } + +treeview.view header button, treeview.view header button:hover, treeview.view header button:active { + min-height: 0; + min-width: 0; + padding: 3px 6px; + background-image: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, transparent 80%) 0 1 0 0/0 1px 0 0 stretch; } + treeview.view header button:active, treeview.view header button:hover { + background-color: #ffffff; } + treeview.view header button:active:hover { + color: #5c616c; } + treeview.view header button:disabled { + border-color: #F5F6F7; + background-image: none; } + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0px; + background-color: #e7e8eb; + color: rgba(82, 93, 118, 0.8); } + menubar:backdrop, + .menubar:backdrop { + color: rgba(82, 93, 118, 0.5); } + menubar > menuitem, + .menubar > menuitem { + padding: 6px 8px; + border: solid transparent; + border-width: 0; } + menubar > menuitem:hover, + .menubar > menuitem:hover { + background-color: #5294E2; + color: #ffffff; } + menubar > menuitem:disabled, + .menubar > menuitem:disabled { + color: rgba(82, 93, 118, 0.2); + border-color: transparent; } + +menu, +.menu { + margin: 4px; + padding: 0; + border-radius: 0; + background-color: #ffffff; + border: 1px solid #dcdfe3; } + .csd menu, .csd + .menu { + padding: 4px 0px; + border-radius: 2px; + border: none; } + menu separator, menu .sidebar separator, .sidebar menu separator, menu .sidebar .view separator, .sidebar .view menu separator, + .csd menu separator, + .csd menu .sidebar .view separator, .sidebar .view + .csd menu separator, + .menu separator, + .menu .sidebar .view separator, .sidebar .view + .menu separator, + .csd + .menu separator { + min-height: 10px; + background-color: #ffffff; } + menu menuitem, + .menu menuitem { + padding: 4px; + min-width: 40px; + border: solid transparent; + border-width: 1px 0 1px 0; } + menu menuitem:hover, + .menu menuitem:hover { + color: #5c616c; + background-color: rgba(0, 0, 0, 0.04); + border: solid rgba(0, 0, 0, 0.08); + border-width: 1px 0 1px 0; } + menu menuitem:disabled, + .menu menuitem:disabled { + color: rgba(92, 97, 108, 0.55); } + menu menuitem arrow, + .menu menuitem arrow { + min-height: 16px; + min-width: 16px; } + menu menuitem arrow:dir(ltr), + .menu menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-left: 10px; } + menu menuitem arrow:dir(rtl), + .menu menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-right: 10px; } + menuitem accelerator { + color: alpha(currentColor,0.55); } + menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; } + menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 7px; } + menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 7px; } + menu arrow, + .menu arrow { + border-style: none; + border-radius: 0; + min-width: 16px; + min-height: 16px; } + menu arrow.top, + .menu arrow.top { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); + border-bottom: 1px solid #efeff0; } + menu arrow.bottom, + .menu arrow.bottom { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + border-top: 1px solid #efeff0; } + menu arrow:hover, + .menu arrow:hover { + background-color: #efeff0; } + menu arrow:disabled, + .menu arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; } + +popover, +popover.background { + padding: 2px; + border-radius: 3px; + background-clip: border-box; + background-color: #ffffff; + box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.07); } + .csd popover, popover, .csd + popover.background, + popover.background { + border: 1px solid #cdd2d7; } + popover separator, popover .sidebar separator, .sidebar popover separator, popover .sidebar .view separator, .sidebar .view popover separator, + popover.background separator, + popover.background .sidebar .view separator, .sidebar .view + popover.background separator { + background-color: #ffffff; } + popover > list, + popover > .view, + popover > toolbar, + popover > .inline-toolbar, + popover.osd > toolbar, + popover.osd > .inline-toolbar, + popover.background > list, + popover.background > .view, + popover.background > toolbar, + popover.background > .inline-toolbar, + popover.background.osd > toolbar, + popover.background.osd > .inline-toolbar { + border-style: none; + background-color: transparent; } + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; } + cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); } + cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } + +notebook { + -GtkNotebook-initial-gap: 4; + -GtkNotebook-arrow-spacing: 5; + -GtkNotebook-tab-curvature: 0; + -GtkNotebook-tab-overlap: 1; + -GtkNotebook-has-tab-gap: false; + padding: 0; + background-color: #ffffff; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + notebook.frame { + border: 1px solid #dcdfe3; } + notebook header { + background-color: #F5F6F7; } + .frame notebook header { + border: 0px solid #dcdfe3; } + .frame notebook header.top { + border-bottom-width: 0; } + .frame notebook header.bottom { + border-top-width: 0; } + .frame notebook header.right { + border-left-width: 0; } + .frame notebook header.left { + border-right-width: 0; } + notebook header.top { + box-shadow: inset 0 -1px #dcdfe3; } + notebook header.bottom { + box-shadow: inset 0 1px #dcdfe3; } + notebook header.right { + box-shadow: inset 1px 0 #dcdfe3; } + notebook header.left { + box-shadow: inset -1px 0 #dcdfe3; } + notebook header.top tab { + border-width: 0; + background-color: rgba(255, 255, 255, 0); + padding: 4px 15px; + border-top: 2px solid transparent; + padding-top: 6px; + border-radius: 3.5px 2px 0 0; } + notebook header.top tab.reorderable-page { + padding-left: 12px; + padding-right: 12px; } + notebook header.top tab:hover { + background-color: rgba(255, 255, 255, 0.5); + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + notebook header.top tab:active, notebook header.top tab:active:hover { + background-color: #ffffff; + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #ffffff, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + notebook header.bottom tab { + border-width: 0; + background-color: rgba(255, 255, 255, 0); + padding: 4px 15px; + border-bottom: 2px solid transparent; + padding-bottom: 6px; + border-radius: 0 0 2px 3.5px; } + notebook header.bottom tab.reorderable-page { + padding-left: 12px; + padding-right: 12px; } + notebook header.bottom tab:hover { + background-color: rgba(255, 255, 255, 0.5); + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + notebook header.bottom tab:active, notebook header.bottom tab:active:hover { + background-color: #ffffff; + box-shadow: inset 0 -1px #ffffff, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + notebook header.right tab { + border-width: 0; + background-color: rgba(255, 255, 255, 0); + padding: 4px 15px; + border-right: 2px solid transparent; + padding-right: 17px; + border-radius: 0 3.5px 3.5px 0; } + notebook header.right tab:hover { + background-color: rgba(255, 255, 255, 0.5); + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + notebook header.right tab:active, notebook header.right tab:active:hover { + background-color: #ffffff; + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #ffffff, inset -1px 0 #dcdfe3; } + notebook header.left tab { + border-width: 0; + background-color: rgba(255, 255, 255, 0); + padding: 4px 15px; + border-left: 2px solid transparent; + padding-left: 17px; + border-radius: 3.5px 0 0 3.5px; } + notebook header.left tab:hover { + background-color: rgba(255, 255, 255, 0.5); + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + notebook header.left tab:active, notebook header.left tab:active:hover { + background-color: #ffffff; + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #ffffff; } + notebook header.top tabs arrow.up, notebook header.bottom tabs arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + notebook header.top tabs arrow.down, notebook header.bottom tabs arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + notebook header.left tabs arrow.up, notebook header.right tabs arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + notebook header.left tabs arrow.down, notebook header.right tabs arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + notebook header tabs arrow { + color: rgba(92, 97, 108, 0.55); } + notebook header tabs arrow:hover { + color: rgba(92, 97, 108, 0.775); } + notebook header tabs arrow:active { + color: #5c616c; } + notebook header tabs arrow:disabled { + color: rgba(92, 97, 108, 0.25); } + notebook tab label { + padding: 0 2px; + color: rgba(92, 97, 108, 0.55); } + notebook tab:hover label { + color: rgba(92, 97, 108, 0.775); } + notebook tab:active label { + color: #5c616c; } + notebook tab button { + min-height: 18px; + min-width: 16px; + padding: 0; + color: #92959d; } + notebook tab button:hover { + color: #ff4d4d; } + notebook tab button:active, notebook tab button:active:hover { + color: #5294E2; } + +* { + -GtkRange-slider-width: 13; + -GtkRange-trough-border: 0; + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + -GtkScrollbar-min-slider-length: 42; + -GtkRange-stepper-spacing: 0; + -GtkRange-trough-under-steppers: 1; } + +scrollbar button { + border: none; } + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + -GtkRange-slider-width: 6px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + background-color: #8a8e96; + border: 1px solid rgba(255, 255, 255, 0.6); + background-clip: padding-box; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) trough { + border-style: none; + background-color: transparent; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { + margin-top: 2px; + margin-bottom: 2px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + margin-left: 2px; + margin-right: 2px; } + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; } + +scrollbar trough { + background-color: #fcfcfc; + border: 1px none #dcdfe3; } + +scrollbar slider { + background-color: #b8babf; } + scrollbar slider:hover { + background-color: #c7c9cd; } + scrollbar slider:hover:active { + background-color: #5294E2; } + scrollbar slider:disabled { + background-color: transparent; } + +scrollbar slider { + border-radius: 100px; + margin: 3px; } + +scrollbar.fine-tune slider { + margin: 4px; } + +scrollbar.vertical slider { + margin-left: 4px; } + scrollbar.vertical slider:dir(rtl) { + margin-left: 3px; + margin-right: 4px; } + +scrollbar.vertical.fine-tune .slider { + margin-left: 5px; } + scrollbar.vertical.fine-tune .slider:dir(rtl) { + margin-left: 4px; + margin-right: 5px; } + +scrollbar.vertical trough { + border-left-style: solid; } + scrollbar.vertical trough:dir(rtl) { + border-left-style: none; + border-right-style: solid; } + +scrollbar.horizontal slider { + margin-top: 4px; } + +scrollbar.horizontal.fine-tune slider { + margin-top: 5px; } + +scrollbar.horizontal trough { + border-top-style: solid; } + +switch { + font: 1; + outline-color: transparent; } + switch, switch slider { + background-size: 52px 24px; + background-repeat: no-repeat; + background-position: right center; + color: transparent; + border-color: transparent; + border-image: none; + border-style: none; + box-shadow: none; } + switch:dir(rtl), switch slider:dir(rtl) { + background-position: left center; } + switch slider { + min-width: 52px; + min-height: 24px; } + +switch { + background-image: -gtk-scaled(url("assets/switch.png"), url("assets/switch@2.png")); } + +row:selected switch, +infobar switch { + background-image: -gtk-scaled(url("assets/switch-selected.png"), url("assets/switch-selected@2.png")); } + +headerbar switch, +.primary-toolbar switch { + background-image: -gtk-scaled(url("assets/switch-header.png"), url("assets/switch-header@2.png")); } + +switch:active { + background-image: -gtk-scaled(url("assets/switch-active.png"), url("assets/switch-active@2.png")); } + +row:selected switch:active, +infobar switch:active { + background-image: -gtk-scaled(url("assets/switch-active-selected.png"), url("assets/switch-active-selected@2.png")); } + +headerbar switch:active, +.primary-toolbar switch:active { + background-image: -gtk-scaled(url("assets/switch-active-header.png"), url("assets/switch-active-header@2.png")); } + +switch:disabled { + background-image: -gtk-scaled(url("assets/switch-insensitive.png"), url("assets/switch-insensitive@2.png")); } + +row:selected switch:disabled, +infobar switch:disabled { + background-image: -gtk-scaled(url("assets/switch-insensitive-selected.png"), url("assets/switch-insensitive-selected@2.png")); } + +headerbar switch:disabled, +.primary-toolbar switch:disabled { + background-image: -gtk-scaled(url("assets/switch-insensitive-header.png"), url("assets/switch-insensitive-header@2.png")); } + +switch:active:disabled { + background-image: -gtk-scaled(url("assets/switch-active-insensitive.png"), url("assets/switch-active-insensitive@2.png")); } + +row:selected switch:active:disabled, +infobar switch:active:disabled { + background-image: -gtk-scaled(url("assets/switch-active-insensitive-selected.png"), url("assets/switch-active-insensitive-selected@2.png")); } + +headerbar switch:active:disabled, +.primary-toolbar switch:active:disabled { + background-image: -gtk-scaled(url("assets/switch-active-insensitive-header.png"), url("assets/switch-active-insensitive-header@2.png")); } + +check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check, +GtkFileChooserDialog .dialog-vbox > .frame check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } + +.view check:selected, +row:selected check, +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); } + +check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:disabled, +GtkFileChooserDialog .dialog-vbox > .frame check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } + +.view check:disabled:selected, +row:selected check:disabled, +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); } + +check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate, +GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } + +.view check:indeterminate:selected, +row:selected check:indeterminate, +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); } + +check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate:disabled, +GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } + +.view check:indeterminate:disabled:selected, +row:selected check:indeterminate:disabled, +infobar check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); } + +check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked, +GtkFileChooserDialog .dialog-vbox > .frame check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } + +.view check:checked:selected, +row:selected check:checked, +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); } + +check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked:disabled, +GtkFileChooserDialog .dialog-vbox > .frame check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + +.view check:checked:disabled:selected, +row:selected check:checked:disabled, +infobar check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); } + +radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio, +GtkFileChooserDialog .dialog-vbox > .frame radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } + +.view radio:selected, +row:selected radio, +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); } + +radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:disabled, +GtkFileChooserDialog .dialog-vbox > .frame radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } + +.view radio:disabled:selected, +row:selected radio:disabled, +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); } + +radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate, +GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } + +.view radio:indeterminate:selected, +row:selected radio:indeterminate, +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); } + +radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate:disabled, +GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } + +.view radio:indeterminate:disabled:selected, +row:selected radio:indeterminate:disabled, +infobar radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); } + +radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked, +GtkFileChooserDialog .dialog-vbox > .frame radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } + +.view radio:checked:selected, +row:selected radio:checked, +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); } + +radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked:disabled, +GtkFileChooserDialog .dialog-vbox > .frame radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + +.view radio:checked:disabled:selected, +row:selected radio:checked:disabled, +infobar radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); } + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); + background-color: transparent; } + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); + background-color: transparent; } + +checkbutton.text-button, radiobutton.text-button { + padding: 1px 2px 4px; + outline-offset: 0; } + checkbutton.text-button:disabled, checkbutton.text-button:disabled:active, checkbutton.text-button:disabled:indeterminate, radiobutton.text-button:disabled, radiobutton.text-button:disabled:active, radiobutton.text-button:disabled:indeterminate { + color: rgba(92, 97, 108, 0.55); } + +radiobutton radio, +checkbutton check { + min-width: 16px; + min-height: 16px; + margin: 0 2px; } + radiobutton radio:only-child, + checkbutton check:only-child { + margin: 0; } + +scale { + -GtkScale-slider-length: 15; + -GtkRange-slider-width: 15; + -GtkRange-trough-border: 0; + outline-offset: -1px; + -gtk-outline-radius: 2px; } + scale marks { + color: alpha(currentColor,0.7); } + scale.fine-tune trough, scale.fine-tune fill, scale.fine-tune highlight { + border-radius: 5px; + margin: 3px; } + scale trough, scale fill, scale highlight { + border-radius: 2.5px; } + scale slider { + background-clip: border-box; + background-image: linear-gradient(to bottom, #fbfbfc); + border: 1px solid rgba(123, 142, 186, 0.5); + border-radius: 50%; + box-shadow: none; } + scale slider:hover { + background-image: linear-gradient(to bottom, white); + border-color: rgba(123, 142, 186, 0.5); } + scale slider:disabled { + background-image: linear-gradient(to bottom, #fbfbfb); + border-color: rgba(123, 142, 186, 0.3); } + scale slider:active { + background-image: linear-gradient(to bottom, #5294E2); + border-color: #5294E2; } + .osd scale slider { + background-image: linear-gradient(to bottom, #353945); + border-color: #5294E2; } + .osd scale slider:hover { + background-image: linear-gradient(to bottom, #5294E2); } + .osd scale slider:active { + background-image: linear-gradient(to bottom, #2679db); + border-color: #2679db; } + row:selected scale slider, + infobar scale slider { + background-image: linear-gradient(to bottom, #ffffff); + border-color: #ffffff; } + row:selected scale slider:hover, + infobar scale slider:hover { + background-image: linear-gradient(to bottom, #e5effb); + border-color: #e5effb; } + row:selected scale slider:active, + infobar scale slider:active { + background-image: linear-gradient(to bottom, #a9caf1); + border-color: #a9caf1; } + row:selected scale slider:disabled, + infobar scale slider:disabled { + background-image: linear-gradient(to bottom, #b1cff2); + border-color: #b1cff2; } + scale trough { + margin: 5px; + border: none; + background-image: linear-gradient(to bottom, #cfd6e6); } + scale trough highlight { + background-image: linear-gradient(to bottom, #5294E2); } + scale trough highlight:disabled { + background-image: linear-gradient(to bottom, rgba(82, 148, 226, 0.55)); } + scale trough fill { + background: none; + background-color: red; } + scale trough:disabled { + background-image: linear-gradient(to bottom, rgba(207, 214, 230, 0.55)); } + .osd scale trough { + background-image: linear-gradient(to bottom, #454a59); + outline-color: rgba(186, 195, 207, 0.2); } + .osd scale trough highlight { + background-image: none; + background-image: linear-gradient(to bottom, #5294E2); } + row:selected scale trough, + infobar scale trough { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); } + row:selected scale trough highlight, + infobar scale trough highlight { + background-image: linear-gradient(to bottom, #ffffff); } + row:selected scale trough highlight:disabled, + infobar scale trough highlight:disabled { + background-image: linear-gradient(to bottom, #b1cff2); } + row:selected scale trough:disabled, + infobar scale trough:disabled { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(92, 97, 108, 0.7); } + progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; } + progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; } + progressbar progress { + background-color: #5294E2; + border: none; + border-radius: 3px; + box-shadow: none; } + row:selected progressbar progress, + infobar progressbar progress { + background-color: #ffffff; } + progressbar trough { + border: none; + border-radius: 3px; + background-color: #cfd6e6; } + row:selected progressbar trough, + infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); } + +levelbar block { + min-width: 32px; + min-height: 1px; } + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; } + +levelbar trough { + border: none; + padding: 3px; + border-radius: 3px; + background-color: #cfd6e6; } + +levelbar.horizontal.discrete block { + margin: 0 1px; } + +levelbar.vertical.discrete block { + margin: 1px 0; } + +levelbar block:not(.empty) { + border: 1px solid #5294E2; + background-color: #5294E2; + border-radius: 2px; } + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; } + +levelbar block.high { + border-color: #5294E2; + background-color: #5294E2; } + +levelbar block.full { + border-color: #73d216; + background-color: #73d216; } + +levelbar block.empty { + background-color: rgba(92, 97, 108, 0.2); + border-color: rgba(92, 97, 108, 0.2); } + +frame border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid #dcdfe3; + padding: 0; } + frame border.flat, + .frame.flat { + border-style: none; } + +paper { + border: 1px solid #dcdfe3; + background: white; + padding: 0; } + +scrolledwindow viewport.frame, placessidebar viewport.frame { + border-style: none; } + +scrolledwindow overshoot.top, placessidebar overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow overshoot.bottom, placessidebar overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow overshoot.left, placessidebar overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow overshoot.right, placessidebar overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow undershoot.top, placessidebar undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; } + +scrolledwindow undershoot.bottom, placessidebar undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; } + +scrolledwindow undershoot.left, placessidebar undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; } + +scrolledwindow undershoot.right, placessidebar undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; } + +scrolledwindow junction, placessidebar junction { + border-color: transparent; + border-image: linear-gradient(to bottom, #dcdfe3 1px, transparent 1px) 0 0 0 1/0 1px stretch; + background-color: #fcfcfc; } + scrolledwindow junction:dir(rtl), placessidebar junction:dir(rtl) { + border-image-slice: 0 1 0 0; } + +separator, .sidebar separator, .sidebar .view separator { + background-color: rgba(0, 0, 0, 0.1); + min-width: 1px; + min-height: 1px; } + +list { + background-color: #ffffff; + border-color: #dcdfe3; } + +row { + padding: 2px; } + +row.activatable.has-open-popup, row.activatable:hover { + background-color: rgba(0, 0, 0, 0.05); } + +row.activatable:active { + color: #5c616c; } + +row.activatable:selected:active { + color: #ffffff; } + +row.activatable:selected.has-open-popup, row.activatable:selected:hover { + background-color: #4a85cb; } + +row.activatable:selected:disabled { + color: rgba(255, 255, 255, 0.7); + background-color: rgba(82, 148, 226, 0.7); } + row.activatable:selected:disabled label { + color: inherit; } + +row, row.activatable { + transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + row:hover, row.activatable:hover { + transition: none; } + +.app-notification { + padding: 10px; + color: #BAC3CF; + background-color: #353945; + background-clip: border-box; + border-radius: 0 0 2px 2px; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #1f2128; } + .app-notification border { + border: none; } + .app-notification button { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.4); } + .app-notification button.flat, .app-notification button.sidebar-button { + border-color: rgba(82, 148, 226, 0); } + .app-notification button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(119, 127, 151, 0.5); } + .app-notification button:active, .app-notification button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: #5294E2; + background-clip: padding-box; } + .app-notification button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.25); } + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + expander arrow:hover { + color: #aaaeb7; } + expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +calendar { + color: #5c616c; + border: 1px solid #dcdfe3; + border-radius: 3px; + padding: 2px; } + calendar:selected { + background-color: #5294E2; + color: #ffffff; + border-radius: 1.5px; } + calendar.header { + color: #5c616c; + border: none; + border-radius: 0; } + calendar.button, calendar.button:focus { + color: rgba(92, 97, 108, 0.45); + border-color: transparent; + background-color: transparent; + background-image: none; } + calendar.button:hover, calendar.button:focus:hover { + color: #5c616c; } + calendar.button:disabled, calendar.button:focus:disabled { + color: rgba(92, 97, 108, 0.55); + background-color: transparent; + background-image: none; } + calendar:indeterminate { + color: alpha(currentColor,0.55); } + calendar.highlight { + color: #5c616c; } + +messagedialog { + -GtkDialog-button-spacing: 0; } + messagedialog .titlebar { + background-color: #e7e8eb; + border-bottom: 1px solid #d4d5db; } + messagedialog .dialog-action-area button { + padding: 2px; } + messagedialog.csd.background { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: none; } + messagedialog.csd .dialog-action-area button { + padding: 2px; + border-radius: 0; } + messagedialog.csd .dialog-action-area button, messagedialog.csd .dialog-action-area button:hover, messagedialog.csd .dialog-action-area button:active, messagedialog.csd .dialog-action-area button:disabled { + border-right-style: none; + border-bottom-style: none; } + messagedialog.csd .dialog-action-area button:last-child { + border-bottom-right-radius: 3px; } + messagedialog.csd .dialog-action-area button:first-child { + border-left-style: none; + border-bottom-left-radius: 3px; } + +.sidebar, .sidebar .view { + border: none; + background-color: #F5F6F7; } + +stacksidebar row { + padding: 10px 4px; } + stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; } + stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; } + +placessidebar row { + padding: 0px; } + placessidebar row > revealer { + padding: 8px 10px; } + placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 8px; } + placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 8px; } + placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 2px; } + placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 2px; } + button.sidebar-button { + min-width: 26px; + min-height: 26px; + padding: 0; + border-radius: 100%; + -gtk-outline-radius: 100%; } + button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.5; } + +placessidebar row.sidebar-placeholder-row { + border: solid 1px #5294E2; } + +placessidebar row.sidebar-new-bookmark-row { + background-color: #d9dde0; } + +placesview .server-list-button > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(0turn); } + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); } + +placesview row.activatable:hover { + background-color: transparent; } + +paned > separator, .sidebar paned > separator, .sidebar .view paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to top, #dcdfe3); + background-size: 1px 1px; } + paned > separator:selected, .sidebar paned > separator:selected, .sidebar .view paned > separator:selected { + background-image: linear-gradient(to top, #5294E2); } + paned > separator.wide, .sidebar paned > separator.wide, .sidebar .view paned > separator.wide { + margin: 0; + padding: 0; + min-width: 5px; + min-height: 5px; + background-image: linear-gradient(to top, #dcdfe3), linear-gradient(to top, #dcdfe3); + background-size: 1px 1px, 1px 1px; } + +paned.horizontal > separator, .sidebar paned.horizontal > separator, .sidebar .view paned.horizontal > separator { + background-repeat: repeat-y; } + paned.horizontal > separator:dir(ltr), .sidebar paned.horizontal > separator:dir(ltr), .sidebar .view paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; } + paned.horizontal > separator:dir(rtl), .sidebar paned.horizontal > separator:dir(rtl), .sidebar .view paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; } + paned.horizontal > separator.wide, .sidebar paned.horizontal > separator.wide, .sidebar .view paned.horizontal > separator.wide { + background-repeat: repeat-y, repeat-y; + background-position: left, right; } + +paned.vertical > separator, .sidebar paned.vertical > separator, .sidebar .view paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; } + paned.vertical > separator.wide, .sidebar paned.vertical > separator.wide, .sidebar .view paned.vertical > separator.wide { + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; } + +infobar { + border-style: none; } + +.info, +.question, +.warning, +.error, +infobar { + background-color: #5294E2; + color: #ffffff; } + +row:selected button, infobar button { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); } + row:selected button.flat, row:selected button.sidebar-button, infobar button.flat, infobar button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0); } + row:selected button:hover, infobar button:hover { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.8); } + row:selected button:active, infobar button:active, row:selected button:active:hover, infobar button:active:hover, row:selected button:checked, infobar button:checked { + color: #5294E2; + outline-color: rgba(82, 148, 226, 0.3); + background-color: #ffffff; + border-color: #ffffff; } + row:selected button:disabled, infobar button:disabled { + color: rgba(255, 255, 255, 0.4); + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.2); } + row:selected button:disabled:active, infobar button:disabled:active, row:selected button:disabled:checked, infobar button:disabled:checked { + color: rgba(82, 148, 226, 0.4); + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.2); } + +tooltip { + border-radius: 2px; + box-shadow: none; } + tooltip.background { + background-color: #353945; + background-clip: padding-box; } + tooltip decoration { + background-color: transparent; } + tooltip * { + padding: 4px; + background-color: transparent; + color: #BAC3CF; } + +colorswatch, colorswatch:drop(active) { + border-style: none; } + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; } + colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; } + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; } + colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; } + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; } + colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; } + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; } + colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; } + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); } + colorswatch.dark overlay:hover { + border-color: rgba(0, 0, 0, 0.5); } + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); } + colorswatch.light overlay:hover { + border-color: rgba(0, 0, 0, 0.3); } + +colorswatch overlay { + border: 1px solid rgba(0, 0, 0, 0.15); } + colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); } + +colorswatch:disabled { + opacity: 0.5; } + colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; } + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: #fbfbfc; } + colorswatch#add-color-button:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: white; } + colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; } + +button.color { + padding: 0; } + button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; } + +.content-view { + background-color: #ffffff; } + .content-view:hover { + -gtk-icon-effect: highlight; } + +.scale-popup button { + padding: 6px; } + .scale-popup button:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: white; } + +button.scale { + padding: 8px; } + +.context-menu, popover.touch-selection, +popover.background.touch-selection { + font: initial; } + +.monospace { + font: Monospace; } + +button.circular, +button.circular-button { + padding: 0; + min-width: 26px; + min-height: 26px; + border-radius: 50%; + -gtk-outline-radius: 50%; } + button.circular label, + button.circular-button label { + padding: 0; } + +.keycap { + background-color: #ffffff; + border: 1px solid #dcdfe3; + border-radius: 2px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); + color: #5c616c; + padding: 3px 8px 3px 8px; } + .keycap border { + border-style: none; } + +stackswitcher button.text-button { + min-width: 80px; } + +stackswitcher button.circular { + min-width: 0; } + +*:drop(active):focus, +*:drop(active) { + border: 1px solid black; } + +.overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; } + +.overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; } + +.overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; } + +.overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } + +.undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; } + +.undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; } + +.undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; } + +.undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; } + +decoration { + border-radius: 4px 4px 0 0; + border-width: 0px; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 8px 8px 0 rgba(0, 0, 0, 0.2); + margin: 10px; } + decoration:backdrop { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 8px 8px 0 transparent, 0 5px 5px 0 rgba(0, 0, 0, 0.2); } + .tiled decoration { + border-radius: 0; } + .popup decoration { + box-shadow: none; + border-radius: 0; } + decoration.popup { + box-shadow: none; + border-radius: 0; } + decoration.ssd { + border-radius: 4px 4px 0 0; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); } + decoration.ssd.maximized { + border-radius: 0; } + .csd.popup decoration { + border-radius: 2px; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); } + tooltip.csd decoration { + border-radius: 2px; + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); } + messagedialog.csd decoration { + border-radius: 3px; } + .solid-csd decoration { + border-radius: 0; + margin: 1px; + background-color: #e7e8eb; + box-shadow: none; } + +headerbar.default-decoration button.titlebutton, +.titlebar.default-decoration button.titlebutton { + padding: 0 4px; + min-width: 0; } + +headerbar button.titlebutton, +.titlebar button.titlebutton { + padding: 0; + min-width: 24px; + border-color: transparent; + background-color: transparent; + background-image: none; + background-color: rgba(231, 232, 235, 0); } + headerbar button.titlebutton:hover, + .titlebar button.titlebutton:hover { + color: rgba(82, 93, 118, 0.8); + outline-color: rgba(82, 93, 118, 0.1); + border-color: rgba(82, 93, 118, 0.1); + background-color: rgba(251, 251, 252, 0.9); } + headerbar button.titlebutton:active, headerbar button.titlebutton:checked, + .titlebar button.titlebutton:active, + .titlebar button.titlebutton:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, + .titlebar button.titlebutton.close, + .titlebar button.titlebutton.maximize, + .titlebar button.titlebutton.minimize { + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + border-width: 0; } + headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, + .titlebar button.titlebutton.close:backdrop, + .titlebar button.titlebutton.maximize:backdrop, + .titlebar button.titlebutton.minimize:backdrop { + opacity: 1; } + headerbar button.titlebutton.close, + .titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("assets/titlebutton-close.png"), url("assets/titlebutton-close@2.png")); } + headerbar button.titlebutton.close:backdrop, + .titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop.png"), url("assets/titlebutton-close-backdrop@2.png")); } + headerbar button.titlebutton.close:hover, + .titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("assets/titlebutton-close-hover.png"), url("assets/titlebutton-close-hover@2.png")); } + headerbar button.titlebutton.close:active, + .titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("assets/titlebutton-close-active.png"), url("assets/titlebutton-close-active@2.png")); } + headerbar button.titlebutton.maximize, + .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("assets/titlebutton-max.png"), url("assets/titlebutton-max@2.png")); } + headerbar button.titlebutton.maximize:backdrop, + .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-max-backdrop.png"), url("assets/titlebutton-max-backdrop@2.png")); } + headerbar button.titlebutton.maximize:hover, + .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("assets/titlebutton-max-hover.png"), url("assets/titlebutton-max-hover@2.png")); } + headerbar button.titlebutton.maximize:active, + .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("assets/titlebutton-max-active.png"), url("assets/titlebutton-max-active@2.png")); } + headerbar button.titlebutton.minimize, + .titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("assets/titlebutton-min.png"), url("assets/titlebutton-min@2.png")); } + headerbar button.titlebutton.minimize:backdrop, + .titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-min-backdrop.png"), url("assets/titlebutton-min-backdrop@2.png")); } + headerbar button.titlebutton.minimize:hover, + .titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("assets/titlebutton-min-hover.png"), url("assets/titlebutton-min-hover@2.png")); } + headerbar button.titlebutton.minimize:active, + .titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("assets/titlebutton-min-active.png"), url("assets/titlebutton-min-active@2.png")); } + +.view:selected, +.view selection, +.view selection:focus, +.view selection:hover, +textview text:selected, +textview text selection, +textview text selection:focus, +textview text selection:hover, iconview:selected, iconview:selected:focus, flowbox flowboxchild:selected, label:selected, +label selection, +label selection:focus, +label selection:hover, menuitem.button.flat:active, menuitem.button.flat:selected, +modelbutton.flat:active, +modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected, entry.gb-command-bar-entry.flat:selected, spinbutton.gb-command-bar-entry.flat:selected, entry.gb-command-bar-entry.flat:selected:focus, spinbutton.gb-command-bar-entry.flat:selected:focus, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected:hover, GtkFileChooserDialog placessidebar.sidebar row.activatable:active:hover, +NautilusWindow placessidebar.sidebar row.activatable:selected, +NautilusWindow placessidebar.sidebar row.activatable:selected:hover, +NautilusWindow placessidebar.sidebar row.activatable:active:hover { + background-image: none; + background-color: #5294E2; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); } + +GeditNotebook.notebook header.top tab:active, +ScratchMainWindow .notebook header.top tab:active, +EphyNotebook.notebook header.top tab:active, +MidoriNotebook .notebook header.top tab:active, +TerminalWindow .notebook header.top tab:active, +PantheonTerminalPantheonTerminalWindow .notebook header.top tab:active { + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + +TerminalWindow .notebook.header.top, +PantheonTerminalPantheonTerminalWindow .notebook.header.top { + box-shadow: inset 0 1px #d4d5db, inset 0 -1px #dcdfe3; } + TerminalWindow .notebook.header.top tab, + PantheonTerminalPantheonTerminalWindow .notebook.header.top tab { + padding-top: 7px; + border-top-width: 3px; } + +GtkHTML { + background-color: #ffffff; + color: #5c616c; } + GtkHTML:active { + color: #ffffff; + background-color: #5294E2; } + +SushiFontWidget { + padding: 6px 12px; } + +TerminalWindow .background { + background-color: transparent; } + +TerminalWindow scrollbar.vertical slider { + margin-left: 3px; } + +TerminalWindow scrollbar trough { + border-width: 0; } + +TerminalWindow .notebook tab button { + color: #92959d; } + TerminalWindow .notebook tab button:hover { + color: #5c616c; + border-color: #cfd6e6; + background-color: #fbfbfc; } + +TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover { + color: #ff4d4d; } + +TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { + color: #5294E2; } + +.nautilus-canvas-item { + border-radius: 2px; } + +.nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item { + color: #ffffff; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } + .nautilus-desktop.nautilus-canvas-item:active, .nemo-desktop.nemo-canvas-item:active { + color: #5c616c; } + .nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected { + color: #ffffff; } + +.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, +popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, +.nautilus-list-dim-label { + color: #a9acb2; } + .nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, headerbar .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, label.nautilus-canvas-item.separator:selected:focus, headerbar .nautilus-canvas-item.subtitle:selected:focus, + .nautilus-list-dim-label:selected, + .nautilus-list-dim-label:selected:focus { + color: #dceaf9; } + +NautilusQueryEditor searchbar { + padding: 5px; + box-shadow: none; + background-color: #ffffff; } + +button.nautilus-circular-button.image-button { + border-radius: 50%; + -gtk-outline-radius: 50%; + padding: 8px; } + +.disk-space-display { + border-style: solid; + border-width: 1px; } + .disk-space-display.unknown { + background-color: rgba(92, 97, 108, 0.5); + border-color: rgba(69, 72, 80, 0.5); } + .disk-space-display.used { + background-color: rgba(82, 148, 226, 0.8); + border-color: rgba(38, 121, 219, 0.8); } + .disk-space-display.free { + background-color: #edeef0; + border-color: #d0d5da; } + +NautilusListView .view { + border-bottom: 1px solid #dcdfe3; } + +NemoWindow EelEditableLabel { + transition: none; } + +NemoWindow .sidebar .frame { + border-width: 0; } + +NemoWindow separator.horizontal, NemoWindow .sidebar .view separator.horizontal, .sidebar .view NemoWindow separator.horizontal { + color: #dcdfe3; } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button { + color: rgba(82, 93, 118, 0.8); + outline-color: rgba(82, 93, 118, 0.1); + border-color: rgba(82, 93, 118, 0.1); + background-color: rgba(251, 251, 252, 0.9); } + NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover { + background-color: rgba(255, 255, 255, 0.9); } + NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled { + color: rgba(82, 93, 118, 0.4); } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):hover { + box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1), inset -1px 0 rgba(82, 93, 118, 0.1); } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { + box-shadow: inset -1px 0 rgba(82, 93, 118, 0.1); } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { + box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1); } + +.gedit-headerbar-paned { + color: #d4d5db; } + +.open-document-selector-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #ffffff; } + .open-document-selector-treeview.view:hover { + background-color: rgba(0, 0, 0, 0.05); } + .open-document-selector-treeview.view:hover:selected { + color: #ffffff; + background-color: #5294E2; } + +.open-document-selector-name-label { + color: #5c616c; } + +.open-document-selector-path-label { + color: #aeb0b6; + font-size: smaller; } + .open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); } + +.gedit-document-panel row button { + color: transparent; + background-image: none; + background-color: transparent; + border: none; + box-shadow: none; + padding: 4px; } + .gedit-document-panel row button image { + color: inherit; } + +.gedit-document-panel .prelight-row button { + color: #92959d; } + +.gedit-document-panel row button:hover, +.gedit-document-panel .prelight-row button:hover { + color: #ff4d4d; } + +.gedit-document-panel .prelight-row:selected button:hover { + color: #ff6666; + background-image: none; + background-color: transparent; + border: none; + box-shadow: none; } + .gedit-document-panel .prelight-row:selected button:hover:active { + color: #ffffff; } + +.gedit-document-panel .prelight-row button:active { + color: #5c616c; } + +.gedit-document-panel-dragged-row { + border: 1px solid #dcdfe3; + background-color: #d9dde0; + color: #5c616c; } + +GeditStatusbar { + border-top: 1px solid #dcdfe3; + background-color: #F5F6F7; } + +GeditStatusMenuButton.button.flat, +GeditStatusMenuButton:hover.button.flat, +GeditStatusMenuButton:checked.button.flat { + border-bottom-style: none; + border-radius: 0; } + +GeditFileBrowserWidget toolbar, GeditFileBrowserWidget .inline-toolbar { + border-bottom: 1px solid #dcdfe3; } + +.gedit-search-entry-occurrences-tag { + color: rgba(92, 97, 108, 0.6); + border: none; + margin: 2px; + padding: 2px; } + +GeditViewFrame .gedit-search-slider { + background-color: #fbfbfc; + padding: 6px; + border-color: #dcdfe3; + border-radius: 0 0 2px 2px; + border-width: 0 1px 1px 1px; + border-style: solid; } + +GbWorkbench .floating-bar { + color: #5c616c; } + +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr), +GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) { + padding: 0 10px; + color: rgba(82, 93, 118, 0.8); + caret-color: rgba(82, 93, 118, 0.8); + border-color: rgba(82, 93, 118, 0.1); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); + background-color: transparent; } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr) image, GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr) image:hover, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) image, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) image:hover { + color: inherit; } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):hover, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):hover { + color: #ffffff; + caret-color: #ffffff; + border-color: #5294E2; + background-image: linear-gradient(to bottom, #5294E2); } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):active, GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):checked, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):active, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):checked { + color: #ffffff; + caret-color: #ffffff; + border-color: #5294E2; + background-image: linear-gradient(to bottom, #5294E2); } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):disabled, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):disabled { + color: rgba(82, 93, 118, 0.35); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75)); } + +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr), +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):hover, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):active, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):checked { + border-left-style: none; + border-radius: 0 3px 3px 0; + -gtk-outline-radius: 0 1px 1px 0; } + +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl), +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):hover, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):active, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):checked { + border-right-style: none; + border-radius: 3px 0 0 3px; + -gtk-outline-radius: 1px 0 0 1px; } + +GbPreferencesPageLanguage entry, GbPreferencesPageLanguage spinbutton { + border-radius: 3px 3px 0 0; } + +GbPreferencesPageLanguage .frame { + border-top-width: 0; } + +GbEditorTweakWidget .linked.vertical > entry, GbEditorTweakWidget .linked.vertical > spinbutton { + border-bottom-style: solid; } + +GbEditorTweakWidget scrolledwindow, GbEditorTweakWidget placessidebar { + border-top: none; } + +GbViewStack box.header.notebook { + border-bottom: 1px solid #dcdfe3; } + +GbViewStack.focused box.header.notebook, +#project_sidebar_header.focused { + background-color: #ffffff; } + +GbEditorWorkspace > paned > box > box.header.notebook { + border-bottom: 1px solid #dcdfe3; } + +GbNewProjectDialog button.file.linked-on-right button { + border-radius: 3px 0 0 3px; } + +GbWorkspacePane box.header.notebook { + border-bottom: 1px solid #dcdfe3; } + +GbWorkspacePane:not(.focused) box.header.notebook { + background-color: #F5F6F7; } + +DhSidebar entry.search, DhSidebar spinbutton.search, +SymbolTree entry.search, +SymbolTree spinbutton.search { + border-left: none; + border-right: none; + border-top: none; + border-radius: 0px; } + +entry.gb-command-bar-entry.flat, spinbutton.gb-command-bar-entry.flat, +entry.gb-command-bar-entry.flat:focus, +spinbutton.gb-command-bar-entry.flat:focus { + font-family: Monospace; + color: #BAC3CF; + background-image: none; + background-color: #353945; + padding: 6px 6px 6px 6px; + border: none; } + +GbTerminalView { + background-color: #ffffff; + color: #5c616c; } + +GbSourceStyleSchemeWidget GtkSourceView { + font-family: Monospace; } + +scrolledwindow.gb-linked-scroller, placessidebar.gb-linked-scroller { + border-top: none; } + +GbSearchDisplayGroup list row +GbDocumentStack button { + transition: none; } + +GbViewStack box.header.notebook, +GbEditorWorkspace > paned > box > box.header.notebook { + border-bottom: 1px solid #dcdfe3; } + +GbViewStack.focused box.header.notebook { + background-color: #ffffff; } + GbViewStack.focused box.header.notebook button.dim-label, GbViewStack.focused box.header.notebook headerbar button.subtitle, headerbar GbViewStack.focused box.header.notebook button.subtitle { + opacity: 1; } + +EphyWindow .floating-bar { + color: #5c616c; } + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; } + +.documents-icon-bg { + background-color: #5294E2; + color: #ffffff; + border-radius: 2px; } + +.documents-collection-icon { + background-color: rgba(92, 97, 108, 0.3); + border-radius: 2px; } + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #a9caf1; } + +.documents-entry-tag { + background-color: #5294E2; + color: #ffffff; + border-radius: 2px; + border-width: 0; + margin: 2px; + padding: 4px; } + .documents-entry-tag:hover { + color: #ffffff; + background-color: #639fe5; } + .documents-entry-tag:active { + color: #ffffff; + background-color: #4189df; } + toolbar .linked .documents-entry-tag button, .inline-toolbar .linked .documents-entry-tag button { + background: none; + border: none; + box-shadow: none; + -gtk-icon-shadow: none; } + toolbar .linked .documents-entry-tag button:hover, .inline-toolbar .linked .documents-entry-tag button:hover { + color: rgba(255, 255, 255, 0.7); } + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } + +TotemGrilo.vertical GdMainView.frame { + border-width: 0; } + +SynapseGuiSelectionContainer *:selected, +SynapseGuiViewVirgilio *:selected { + background-color: #5294E2; } + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; } + +.gnome-panel-menu-bar, +PanelApplet > menubar, +PanelToplevel, +PanelWidget, +PanelAppletFrame, +PanelApplet { + color: #BAC3CF; + background-image: linear-gradient(to bottom, #2b2e37); } + +PanelApplet button, PanelApplet button:backdrop { + padding: 4px; + border: 2px solid transparent; + border-radius: 0; + background-image: none; + background-color: transparent; + color: #BAC3CF; } + +PanelApplet button:hover { + color: #d8dde4; + background-color: rgba(0, 0, 0, 0.17); + border-color: rgba(0, 0, 0, 0.17); } + +PanelApplet button:active, PanelApplet button:active:backdrop, +PanelApplet button:checked, PanelApplet button:checked:backdrop { + background-clip: padding-box; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.25); + border-radius: 0; + border-color: rgba(0, 0, 0, 0.25); + box-shadow: inset 0 -2px #5294E2; } + +PanelApplet:hover { + color: #ffffff; } + +PanelApplet:active, +PanelApplet:hover:active { + color: #5294E2; } + +WnckPager { + color: #5d6268; } + WnckPager:selected { + color: #5294E2; } + +NaTrayApplet { + -NaTrayApplet-icon-padding: 12; + -NaTrayApplet-icon-size: 16; } + +ClockBox { + color: #BAC3CF; } + +.xfce4-panel.panel { + background-color: #2b2e37; } + .xfce4-panel.panel button.flat, .xfce4-panel.panel button.sidebar-button { + color: #BAC3CF; + background-color: rgba(43, 46, 55, 0); + border-radius: 0; } + .xfce4-panel.panel button.flat:hover, .xfce4-panel.panel button.sidebar-button:hover { + border: none; + background-color: #414654; } + .xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.sidebar-button:active, .xfce4-panel.panel button.flat:checked, .xfce4-panel.panel button.sidebar-button:checked { + color: #5294E2; + border: none; + background-color: #1b1d23; } + +.floating-bar { + background-color: #5294E2; + color: #ffffff; } + .floating-bar.top { + border-radius: 0 0 2px 2px; } + .floating-bar.right { + border-radius: 2px 0 0 2px; } + .floating-bar.bottom { + border-radius: 2px 2px 0 0; } + .floating-bar.left { + border-radius: 0 2px 2px 0; } + .floating-bar button { + background-color: transparent; + box-shadow: none; + border: none; } + +BirdieWidgetsTweetList * { + background-image: none; + background-color: transparent; } + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: #ffffff; + background-color: #5294E2; + outline-color: transparent; } + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; } + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; } + +.marlin-pathbar.pathbar { + border-radius: 3px; + padding-left: 4px; + padding-right: 4px; + color: rgba(82, 93, 118, 0.8); + caret-color: rgba(82, 93, 118, 0.8); + border-color: rgba(82, 93, 118, 0.1); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); + background-color: transparent; } + .marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; } + .marlin-pathbar.pathbar:focus { + color: #ffffff; + caret-color: #ffffff; + border-color: #5294E2; + background-image: linear-gradient(to bottom, #5294E2); } + .marlin-pathbar.pathbar:disabled { + color: rgba(82, 93, 118, 0.35); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75)); } + .marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { + color: #5294E2; } + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.35); + border-radius: 3px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, white); + background-color: transparent; } + .gala-notification .title, .gala-notification .label { + color: #5c616c; } + +.panel { + background-color: transparent; + color: white; + font-weight: bold; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } + .panel-shadow { + background-image: none; + background-color: transparent; } + .panel .menu { + box-shadow: none; } + .panel .menu .menuitem { + font-weight: normal; + text-shadow: none; + -gtk-icon-shadow: none; } + .panel .menu .window-frame.menu.csd, + .panel .menu .window-frame.popup.csd { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } + .panel .menubar > .menuitem { + padding: 3px 6px; } + .panel .menubar > .menuitem:hover { + background-color: transparent; } + .panel .window-frame.menu.csd, + .panel .window-frame.popup.csd { + box-shadow: none; } + +.composited-indicator { + background-color: transparent; + color: white; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } + .composited-indicator > GtkWidget > GtkWidget:first-child { + padding: 0 2px; } + .composited-indicator .menuitem:active, .composited-indicator .menuitem:hover { + border-style: none; + background-image: none; + box-shadow: none; } + .composited-indicator > .popup > .menu { + padding-top: 8px; + padding-bottom: 8px; } + +.panel-app-button > GtkWidget > GtkWidget:first-child { + padding: 0 2px 0 4px; } + +.panel .menu .spinner, +.menu .spinner { + opacity: 1; } + +WingpanelWidgetsIndicatorPopover.popover { + padding: 0; + text-shadow: none; + -gtk-icon-shadow: none; } + WingpanelWidgetsIndicatorPopover.popover menuitem { + padding: 5px; + outline-color: transparent; + text-shadow: none; + -gtk-icon-shadow: none; + border: solid transparent; + border-width: 1px 0; } + WingpanelWidgetsIndicatorPopover.popover menuitem label, WingpanelWidgetsIndicatorPopover.popover menuitem image { + padding: 0 3px; } + WingpanelWidgetsIndicatorPopover.popover menuitem:hover, WingpanelWidgetsIndicatorPopover.popover menuitem:active { + background-color: rgba(0, 0, 0, 0.04); + border: solid rgba(0, 0, 0, 0.08); + border-width: 1px 0; } + WingpanelWidgetsIndicatorPopover.popover menuitem *:disabled { + color: rgba(92, 97, 108, 0.55); } + +PantheonTerminalPantheonTerminalWindow.background { + background-color: transparent; } + +SwitchboardCategoryView .view:selected, +SwitchboardCategoryView .view:selected:focus { + color: #5c616c; } + +UnityDecoration { + -UnityDecoration-extents: 28px 1 1 1; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 3px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.2); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.07); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #5294E2; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; } + UnityDecoration.top { + border: 1px solid rgba(0, 0, 0, 0.1); + border-bottom-width: 0; + border-radius: 4px 4px 0 0; + padding: 1px 6px 0 6px; + background-image: linear-gradient(to bottom, #e7e8eb); + color: rgba(82, 93, 118, 0.8); + box-shadow: inset 0 1px #eff0f2; } + UnityDecoration.top:backdrop { + border-bottom-width: 0; + color: rgba(82, 93, 118, 0.5); } + UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } + +UnityPanelWidget, +.unity-panel { + background-image: linear-gradient(to bottom, #2b2e37); + color: #f6f7f9; + box-shadow: none; } + UnityPanelWidget:backdrop, + .unity-panel:backdrop { + color: #bdc6d1; } + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: #ffffff; + background-image: linear-gradient(to bottom, #5294E2); + border-bottom: none; } + +.overlay-bar { + background-color: #5294E2; + border-color: #5294E2; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; } + .overlay-bar label { + color: #ffffff; } + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid #dcdfe3; + border-right: 1px solid #dcdfe3; } + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; } + +.help_button { + border-radius: 100px; + padding: 3px 9px; } + +toolbar.secondary-toolbar, .secondary-toolbar.inline-toolbar { + padding: 3px; + border-bottom: 1px solid #dcdfe3; } + toolbar.secondary-toolbar button, .secondary-toolbar.inline-toolbar button { + padding: 0 3px 0 3px; } + +toolbar.bottom-toolbar, .bottom-toolbar.inline-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: #dcdfe3; + background-color: #F5F6F7; } + toolbar.bottom-toolbar button, .bottom-toolbar.inline-toolbar button { + padding: 2px 3px 2px 3px; } + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; } + +.source-list, +.source-list.view { + background-color: #F5F6F7; + color: #5c616c; + -gtk-icon-style: regular; } + +.source-list.category-expander { + color: transparent; } + +.source-list.view:hover { + background-color: white; } + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: #ffffff; + background-color: #5294E2; } + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #F5F6F7; + background-image: none; } + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #5294E2; + color: #ffffff; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; } + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: #ffffff; + color: #5294E2; } + +.source-list.category-expander { + color: #5c616c; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; } + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; } + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +GraniteWidgetsWelcome { + background-color: #ffffff; } + +GraniteWidgetsWelcome label { + color: #a9acb2; + font: open sans 11; + text-shadow: none; } + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(92, 97, 108, 0.8); } + +.help_button { + border-radius: 0; } + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; } + +.popover_bg { + background-image: linear-gradient(to bottom, #ffffff); + border: 1px solid rgba(0, 0, 0, 0.3); } + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; } + +GraniteWidgetsXsEntry entry, GraniteWidgetsXsEntry spinbutton { + padding: 4px; } + +.h1 { + font: open sans 24px; } + +.h2 { + font: open sans light 18px; } + +.h3 { + font: open sans 11px; } + +.h4, +.category-label { + color: #8a8e96; + font-weight: 600; } + +.h4 { + padding-bottom: 6px; + padding-top: 6px; } + +GtkListBox .h4 { + padding-left: 6px; } + +#panel_window { + background-color: #2b2e37; + color: #BAC3CF; + font: bold; + box-shadow: inset 0 -1px #1b1d23; } + #panel_window .menubar, + #panel_window .menubar > .menuitem { + background-color: transparent; + color: #BAC3CF; + font: bold; } + #panel_window .menubar .menuitem:disabled { + color: rgba(186, 195, 207, 0.5); } + #panel_window .menubar .menuitem:disabled label { + color: inherit; } + #panel_window .menubar .menu .menuitem { + font: normal; } + +#login_window, +#shutdown_dialog, +#restart_dialog { + font: normal; + border-style: none; + background-color: transparent; + color: #5c616c; } + +#content_frame { + padding-bottom: 14px; + background-color: #F5F6F7; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; } + +#content_frame button { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: #fbfbfc; } + #content_frame button:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: white; } + #content_frame button:active, #content_frame button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + #content_frame button:disabled { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + #content_frame button:disabled > label { + color: inherit; } + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #353945; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #353945; } + +#buttonbox_frame button { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.4); } + #buttonbox_frame button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(119, 127, 151, 0.5); } + #buttonbox_frame button:active, #buttonbox_frame button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: #5294E2; } + #buttonbox_frame button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.25); } + +#login_window #user_combobox { + color: #5c616c; + font: 13px; } + #login_window #user_combobox .menu { + font: normal; } + +#user_image { + padding: 3px; + border-radius: 2px; } + +#shutdown_button.button { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #F04A50; + border-color: #F04A50; } + #shutdown_button.button:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #f4797e; + border-color: #f4797e; } + #shutdown_button.button:active, #shutdown_button.button:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ec1b22; + border-color: #ec1b22; } + +#restart_button.button { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #4DADD4; + border-color: #4DADD4; } + #restart_button.button:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #76c0de; + border-color: #76c0de; } + #restart_button.button:active, #restart_button.button:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #2e96c0; + border-color: #2e96c0; } + +#greeter_infobar { + border-bottom-width: 0; + font: bold; } + +.titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator { + color: #d4d5db; } + +NemoWindow GtkEventBox { + background-color: #F5F6F7; } + +GtkFileChooserDialog.csd.background, GtkFileChooserDialog placessidebar list, +NautilusWindow.csd.background, +NautilusWindow placessidebar list { + background-color: transparent; } + +GtkFileChooserDialog placessidebar.sidebar, +NautilusWindow placessidebar.sidebar { + background-color: #353945; } + GtkFileChooserDialog placessidebar.sidebar row.sidebar-placeholder-row, + NautilusWindow placessidebar.sidebar row.sidebar-placeholder-row { + border: 1px solid #5294E2; } + GtkFileChooserDialog placessidebar.sidebar row.sidebar-new-bookmark-row, + NautilusWindow placessidebar.sidebar row.sidebar-new-bookmark-row { + background-color: #4b5162; } + GtkFileChooserDialog placessidebar.sidebar row.activatable, + NautilusWindow placessidebar.sidebar row.activatable { + border: none; + color: #BAC3CF; } + GtkFileChooserDialog placessidebar.sidebar row.activatable .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable .sidebar-icon { + color: rgba(186, 195, 207, 0.6); } + GtkFileChooserDialog placessidebar.sidebar row.activatable:hover, + NautilusWindow placessidebar.sidebar row.activatable:hover { + background-color: rgba(186, 195, 207, 0.15); } + GtkFileChooserDialog placessidebar.sidebar row.activatable:selected .sidebar-icon, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, GtkFileChooserDialog placessidebar.sidebar row.activatable:active:hover .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable:selected .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable:active:hover .sidebar-icon { + color: inherit; } + GtkFileChooserDialog placessidebar.sidebar separator, GtkFileChooserDialog placessidebar.sidebar .view separator, + NautilusWindow placessidebar.sidebar separator, + NautilusWindow placessidebar.sidebar .view separator { + color: transparent; } + +GtkFileChooserDialog.maximized placessidebar.sidebar, +NautilusWindow.maximized placessidebar.sidebar { + background-color: #353945; } + +GtkFileChooserDialog .sidebar-button.button, +NautilusWindow .sidebar-button.button { + color: #BAC3CF; } + GtkFileChooserDialog .sidebar-button.button:hover, + NautilusWindow .sidebar-button.button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(119, 127, 151, 0.5); } + GtkFileChooserDialog .sidebar-button.button:active, + NautilusWindow .sidebar-button.button:active { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: #5294E2; } + GtkFileChooserDialog .sidebar-button.button:not(:hover):not(:active) > image, + NautilusWindow .sidebar-button.button:not(:hover):not(:active) > image { + opacity: 0.5; } + +NemoWindow.csd.background, +NemoWindow .source-list, NemoWindow .source-list.view, NemoWindow .source-list.view:hover, +MarlinViewWindow.csd.background, +MarlinViewWindow .source-list, +MarlinViewWindow .source-list.view, +MarlinViewWindow .source-list.view:hover { + background-color: transparent; } + +NemoWindow .sidebar, NemoWindow .source-list.sidebar.view, +MarlinViewWindow .sidebar, +MarlinViewWindow .source-list.sidebar.view { + background-color: #353945; } + NemoWindow .sidebar .view, NemoWindow .sidebar row, NemoWindow .source-list.sidebar.view .view, NemoWindow .source-list.sidebar.view row, + MarlinViewWindow .sidebar .view, + MarlinViewWindow .sidebar row, + MarlinViewWindow .source-list.sidebar.view .view, + MarlinViewWindow .source-list.sidebar.view row { + background-color: transparent; + color: #BAC3CF; } + NemoWindow .sidebar .view.cell:selected, NemoWindow .sidebar row.cell:selected, NemoWindow .source-list.sidebar.view .view.cell:selected, NemoWindow .source-list.sidebar.view row.cell:selected, + MarlinViewWindow .sidebar .view.cell:selected, + MarlinViewWindow .sidebar row.cell:selected, + MarlinViewWindow .source-list.sidebar.view .view.cell:selected, + MarlinViewWindow .source-list.sidebar.view row.cell:selected { + background-color: #5294E2; + color: #ffffff; } + NemoWindow .sidebar.frame, NemoWindow .source-list.sidebar.view.frame, + MarlinViewWindow .sidebar.frame, + MarlinViewWindow .source-list.sidebar.view.frame { + color: #BAC3CF; } + NemoWindow .sidebar separator, NemoWindow .sidebar .view separator, NemoWindow .source-list.sidebar.view separator, + MarlinViewWindow .sidebar separator, + MarlinViewWindow .sidebar separator, + MarlinViewWindow .sidebar .view separator, + MarlinViewWindow .source-list.sidebar.view separator { + color: transparent; } + +NemoWindow.maximized .sidebar, +MarlinViewWindow.maximized .sidebar { + background-color: #353945; } + +NemoWindow.background > GtkGrid > paned > separator, .sidebar NemoWindow.background > GtkGrid > paned > separator, .sidebar .view NemoWindow.background > GtkGrid > paned > separator, +MarlinViewWindow.background > GtkBox > paned > separator, .sidebar +MarlinViewWindow.background > GtkBox > paned > separator, .sidebar .view +MarlinViewWindow.background > GtkBox > paned > separator { + background-color: #353945; } + +NautilusWindow NautilusWindowSlot { + background-color: #ffffff; } + +NautilusDesktopWindow NautilusWindowSlot { + background-color: transparent; } + +GtkFileChooserDialog.background.csd, GtkFileChooserDialog.background { + background-color: #353945; } + +GtkFileChooserDialog scrolledwindow.sidebar, GtkFileChooserDialog placessidebar.sidebar { + background-color: transparent; } + +GtkFileChooserDialog paned > .vertical > .horizontal { + background-color: #F5F6F7; } + +GtkFileChooserDialog .dialog-action-box { + background-color: #F5F6F7; } + +GtkFileChooserDialog .dialog-vbox > .frame { + color: #BAC3CF; + border-color: transparent; } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame { + background-color: transparent; + border-color: #252831; } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame label, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame combobox, +GtkFileChooserDialog .dialog-vbox > .frame label, +GtkFileChooserDialog .dialog-vbox > .frame combobox { + color: #BAC3CF; } + +FeedReaderreaderUI.background.csd > .titlebar .pane-separator, +FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator, +FeedReaderreaderUI.background.csd > .titlebar .pane-separator:backdrop, +FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator:backdrop, +GeditWindow.background.csd > .titlebar .pane-separator, +GeditWindow.background.csd.maximized > .titlebar .pane-separator, +GeditWindow.background.csd > .titlebar .pane-separator:backdrop, +GeditWindow.background.csd.maximized > .titlebar .pane-separator:backdrop { + background-color: #d4d5db; } + +FeedReaderreaderUI.background.csd > .titlebar > headerbar.titlebar, +GeditWindow.background.csd > .titlebar > headerbar.titlebar { + background-color: #e7e8eb; } + FeedReaderreaderUI.background.csd > .titlebar > headerbar.titlebar:backdrop, + GeditWindow.background.csd > .titlebar > headerbar.titlebar:backdrop { + background-color: #eff0f2; } + +FeedReaderreaderUI.background.csd.maximized > .titlebar > headerbar.titlebar, +GeditWindow.background.csd.maximized > .titlebar > headerbar.titlebar { + background-color: #e7e8eb; } + FeedReaderreaderUI.background.csd.maximized > .titlebar > headerbar.titlebar:backdrop, + GeditWindow.background.csd.maximized > .titlebar > headerbar.titlebar:backdrop { + background-color: #eff0f2; } + +FeedReaderreaderUI.background.csd > FeedReaderreaderHeaderbar.titlebar, +GeditWindow.background.csd > .titlebar { + background-color: transparent; } + +GeditWindow.background.csd { + background-color: transparent; } + +GeditWindow.background .gedit-side-panel-paned .pane-separator { + background-color: #353945; } + +GeditWindow.background .gedit-bottom-panel-paned .pane-separator { + background-color: #dcdfe3; } + +.gedit-bottom-panel-paned { + background-color: #ffffff; } + +.gedit-document-panel { + background-color: #353945; } + .maximized .gedit-document-panel { + background-color: #353945; } + .gedit-document-panel row { + color: #BAC3CF; } + .gedit-document-panel row { + background-color: rgba(186, 195, 207, 0); + border: solid rgba(186, 195, 207, 0); + border-width: 3px 2px 3px 2px; } + .gedit-document-panel row:hover { + border: solid rgba(186, 195, 207, 0.15); + border-width: 3px 2px 3px 2px; + background-color: rgba(186, 195, 207, 0.15); } + .gedit-document-panel row:active { + color: #ffffff; + background-color: #5294E2; + border: solid #5294E2; + border-width: 3px 2px 3px 2px; } + .gedit-document-panel row:active button { + color: #ffffff; } + .gedit-document-panel row:selected, .gedit-document-panel row:selected:hover { + color: #ffffff; + background-color: #5294E2; + border: solid #5294E2; + border-width: 3px 2px 3px 2px; } + .gedit-document-panel .prelight-row button:active { + color: #BAC3CF; } + +GeditFileBrowserWidget { + background-color: #353945; } + .maximized GeditFileBrowserWidget { + background-color: #353945; } + GeditFileBrowserWidget .horizontal { + background-color: transparent; + border-color: #252831; } + GeditFileBrowserWidget .horizontal combobox { + color: #BAC3CF; } + +GeditWindow.background.csd GeditFileBrowserView.view { + background-color: transparent; + color: #BAC3CF; } + GeditWindow.background.csd GeditFileBrowserView.view.expander { + color: #BAC3CF; } + GeditWindow.background.csd GeditFileBrowserView.view.expander:hover { + color: #5294E2; } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button, +GtkFileChooserDialog .dialog-vbox > .frame button, GeditFileBrowserWidget .horizontal button { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.4); } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:hover, + GtkFileChooserDialog .dialog-vbox > .frame button:hover, GeditFileBrowserWidget .horizontal button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(119, 127, 151, 0.5); } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:active, + GtkFileChooserDialog .dialog-vbox > .frame button:active, GeditFileBrowserWidget .horizontal button:active, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:checked, + GtkFileChooserDialog .dialog-vbox > .frame button:checked, GeditFileBrowserWidget .horizontal button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: #5294E2; } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:disabled, + GtkFileChooserDialog .dialog-vbox > .frame button:disabled, GeditFileBrowserWidget .horizontal button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.25); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton, +GtkFileChooserDialog .dialog-vbox > .frame entry, +GtkFileChooserDialog .dialog-vbox > .frame spinbutton { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.4); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.4)); + background-color: transparent; } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry image, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton image, + GtkFileChooserDialog .dialog-vbox > .frame entry image, + GtkFileChooserDialog .dialog-vbox > .frame spinbutton image, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry image:hover, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton image:hover, + GtkFileChooserDialog .dialog-vbox > .frame entry image:hover, + GtkFileChooserDialog .dialog-vbox > .frame spinbutton image:hover { + color: inherit; } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry:focus, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton:focus, + GtkFileChooserDialog .dialog-vbox > .frame entry:focus, + GtkFileChooserDialog .dialog-vbox > .frame spinbutton:focus { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.4); + background-image: linear-gradient(to bottom, #5294E2); } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry:disabled, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton:disabled, + GtkFileChooserDialog .dialog-vbox > .frame entry:disabled, + GtkFileChooserDialog .dialog-vbox > .frame spinbutton:disabled { + color: rgba(186, 195, 207, 0.55); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.25)); } + +GtkFileChooserDialog placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, +NautilusWindow placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, NemoWindow .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, +MarlinViewWindow .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, GeditFileBrowserWidget scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: #e7eaee; + border: 1px solid rgba(0, 0, 0, 0.3); } + +GtkFileChooserDialog placessidebar.sidebar scrollbar slider, +NautilusWindow placessidebar.sidebar scrollbar slider, NemoWindow .sidebar scrollbar slider, NemoWindow .source-list.sidebar.view scrollbar slider, +MarlinViewWindow .sidebar scrollbar slider, +MarlinViewWindow .source-list.sidebar.view scrollbar slider, GeditFileBrowserWidget scrollbar slider { + background-color: rgba(231, 234, 238, 0.7); } + GtkFileChooserDialog placessidebar.sidebar scrollbar slider:hover, + NautilusWindow placessidebar.sidebar scrollbar slider:hover, NemoWindow .sidebar scrollbar slider:hover, NemoWindow .source-list.sidebar.view scrollbar slider:hover, + MarlinViewWindow .sidebar scrollbar slider:hover, + MarlinViewWindow .source-list.sidebar.view scrollbar slider:hover, GeditFileBrowserWidget scrollbar slider:hover { + background-color: #f6f7f9; } + GtkFileChooserDialog placessidebar.sidebar scrollbar slider:hover:active, + NautilusWindow placessidebar.sidebar scrollbar slider:hover:active, NemoWindow .sidebar scrollbar slider:hover:active, + MarlinViewWindow .sidebar scrollbar slider:hover:active, GeditFileBrowserWidget scrollbar slider:hover:active { + background-color: #5294E2; } + GtkFileChooserDialog placessidebar.sidebar scrollbar slider:disabled, + NautilusWindow placessidebar.sidebar scrollbar slider:disabled, NemoWindow .sidebar scrollbar slider:disabled, NemoWindow .source-list.sidebar.view scrollbar slider:disabled, + MarlinViewWindow .sidebar scrollbar slider:disabled, + MarlinViewWindow .source-list.sidebar.view scrollbar slider:disabled, GeditFileBrowserWidget scrollbar slider:disabled { + background-color: transparent; } + +GtkFileChooserDialog placessidebar.sidebar scrollbar trough, +NautilusWindow placessidebar.sidebar scrollbar trough, NemoWindow .sidebar scrollbar trough, NemoWindow .source-list.sidebar.view scrollbar trough, +MarlinViewWindow .sidebar scrollbar trough, +MarlinViewWindow .source-list.sidebar.view scrollbar trough, GeditFileBrowserWidget scrollbar trough { + background-color: rgba(0, 0, 0, 0.2); + border: none; } + +@define-color theme_fg_color #5c616c; +@define-color theme_text_color #5c616c; +@define-color theme_bg_color #F5F6F7; +@define-color theme_base_color #ffffff; +@define-color theme_selected_bg_color #5294E2; +@define-color theme_selected_fg_color #ffffff; +@define-color fg_color #5c616c; +@define-color text_color #5c616c; +@define-color bg_color #F5F6F7; +@define-color base_color #ffffff; +@define-color selected_bg_color #5294E2; +@define-color selected_fg_color #ffffff; +@define-color insensitive_bg_color #fbfbfc; +@define-color insensitive_fg_color alpha(#5c616c,0.5); +@define-color insensitive_base_color #ffffff; +@define-color theme_unfocused_fg_color #5c616c; +@define-color theme_unfocused_text_color #5c616c; +@define-color theme_unfocused_bg_color #F5F6F7; +@define-color theme_unfocused_base_color #ffffff; +@define-color borders #dcdfe3; +@define-color unfocused_borders #dcdfe3; +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #73d216; +@define-color placeholder_text_color #A8A8A8; +@define-color content_view_bg #ffffff; +@define-color wm_title alpha(#525d76,0.8); +@define-color wm_unfocused_title alpha(#525d76,0.5); +@define-color wm_bg #e7e8eb; +@define-color wm_bg_unfocused #eff0f2; +@define-color wm_highlight #eff0f2; +@define-color wm_shadow alpha(black,0.35); +@define-color wm_button_close_bg #f46067; +@define-color wm_button_close_hover_bg #f68086; +@define-color wm_button_close_active_bg #f13039; +@define-color wm_icon_close_bg #F8F8F9; +@define-color wm_button_hover_bg #fdfdfd; +@define-color wm_button_active_bg #5294E2; +@define-color wm_button_hover_border #D1D3DA; +@define-color wm_icon_bg #90949E; +@define-color wm_icon_unfocused_bg #B6B8C0; +@define-color wm_icon_hover_bg #7A7F8B; +@define-color wm_icon_active_bg #ffffff; diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css new file mode 100644 index 0000000..304ea7c --- /dev/null +++ b/common/gtk-3.0/3.20/gtk.css @@ -0,0 +1,4207 @@ +* { + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkTreeView-expander-size: 11; + -GtkTreeView-horizontal-separator: 4; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: rgba(92, 97, 108, 0.3); + outline-style: dashed; + outline-offset: -3px; + outline-width: 1px; + -gtk-outline-radius: 2px; } + +.background { + color: #5c616c; + background-color: rgba(245, 246, 247, 0.999); } + +*:disabled { + -gtk-icon-effect: dim; } + +.gtkstyle-fallback { + background-color: #F5F6F7; + color: #5c616c; } + .gtkstyle-fallback:hover { + background-color: white; + color: #5c616c; } + .gtkstyle-fallback:active { + background-color: #d9dde0; + color: #5c616c; } + .gtkstyle-fallback:disabled { + background-color: #fbfbfc; + color: rgba(92, 97, 108, 0.55); } + .gtkstyle-fallback:selected { + background-color: #5294E2; + color: #ffffff; } + +.view, +textview text { + color: #5c616c; + background-color: #ffffff; } + .view.dim-label, label.view.separator, + popover.background label.view.separator, headerbar .view.subtitle, + textview text.dim-label, + textview headerbar text.subtitle, headerbar + textview text.subtitle { + color: rgba(92, 97, 108, 0.55); } + .view.dim-label selection, label.view.separator selection, headerbar .view.subtitle selection, .view.dim-label selection:focus, label.view.separator selection:focus, headerbar .view.subtitle selection:focus, + textview text.dim-label selection, + textview headerbar text.subtitle selection, headerbar + textview text.subtitle selection, + textview text.dim-label selection:focus, + textview headerbar text.subtitle selection:focus, headerbar + textview text.subtitle selection:focus { + color: rgba(255, 255, 255, 0.65); + text-shadow: none; } + +iconview { + color: #5c616c; + background-color: #ffffff; } + iconview:selected, iconview:selected:focus { + border-radius: 3px; } + +rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, +.rubberband { + border: 1px solid #2679db; + background-color: rgba(38, 121, 219, 0.2); } + +flowbox flowboxchild { + padding: 3px; + border-radius: 2px; } + flowbox flowboxchild:selected { + outline-offset: -2px; } + +label.separator, popover label.separator, +popover.background label.separator { + color: #5c616c; } + +label:disabled { + color: rgba(92, 97, 108, 0.55); } + +.dim-label, label.separator, popover label.separator, +popover.background label.separator, headerbar .subtitle { + opacity: 0.55; } + +assistant .sidebar { + background-color: #ffffff; + border-top: 1px solid #dcdfe3; } + assistant .sidebar:dir(ltr) { + border-right: 1px solid #dcdfe3; } + assistant .sidebar:dir(rtl) { + border-left: 1px solid #dcdfe3; } + +assistant.csd .sidebar { + border-top-style: none; } + +assistant .sidebar label { + padding: 6px 12px; } + +assistant .sidebar label.highlight { + background-color: #5294E2; + color: #ffffff; } + +textview { + background-color: #fafbfb; } + +popover.osd, popover.magnifier, +popover.background.osd, +popover.background.magnifier, .osd { + color: #BAC3CF; + border: none; + background-color: rgba(53, 57, 69, 0.95); + background-clip: padding-box; + outline-color: rgba(186, 195, 207, 0.3); + box-shadow: none; } + +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); } } + +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } + spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; } + spinner:checked:disabled { + opacity: 0.5; } + +entry, spinbutton { + min-height: 26px; + border: 1px solid; + padding-left: 8px; + padding-right: 8px; + border-radius: 3px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: #5c616c; + caret-color: #5c616c; + border-color: #cfd6e6; + background-color: #ffffff; + background-image: linear-gradient(to bottom, #ffffff); } + entry.search, spinbutton.search { + border-radius: 20px; } + entry image, spinbutton image { + color: #7d8189; } + entry image.left, spinbutton image.left { + padding-left: 0; + padding-right: 5px; } + entry image.right, spinbutton image.right { + padding-right: 0; + padding-left: 5px; } + entry.flat, spinbutton.flat, entry.flat:focus, spinbutton.flat:focus { + color: #5c616c; + caret-color: #5c616c; + border-color: #cfd6e6; + background-color: #ffffff; + background-image: linear-gradient(to bottom, #ffffff); + padding-left: 2px; + padding-right: 2px; + border: none; + border-radius: 0; } + entry:focus, spinbutton:focus { + background-clip: border-box; + color: #5c616c; + caret-color: #5c616c; + border-color: #5294E2; + background-color: #ffffff; + background-image: linear-gradient(to bottom, #ffffff); } + entry:disabled, spinbutton:disabled { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(255, 255, 255, 0.55); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.55)); } + entry selection, spinbutton selection, + entry selection:focus, spinbutton selection:focus { + background-color: #5294E2; + color: #ffffff; } + entry progress, spinbutton progress { + margin: 2px 12px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #5294E2; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; } + entry.warning, spinbutton.warning { + color: #ffffff; + border-color: #F27835; + background-image: linear-gradient(to bottom, #f7ae86); } + entry.warning:focus, spinbutton.warning:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, #F27835); + box-shadow: none; } + entry.warning selection, spinbutton.warning selection, entry.warning selection:focus, spinbutton.warning selection:focus { + background-color: #ffffff; + color: #F27835; } + entry.error, spinbutton.error { + color: #ffffff; + border-color: #FC4138; + background-image: linear-gradient(to bottom, #fd8d88); } + entry.error:focus, spinbutton.error:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, #FC4138); + box-shadow: none; } + entry.error selection, spinbutton.error selection, entry.error selection:focus, spinbutton.error selection:focus { + background-color: #ffffff; + color: #FC4138; } + .osd entry, .osd spinbutton { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.35); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.35)); + background-color: transparent; } + .osd entry image, .osd spinbutton image, .osd entry image:hover, .osd spinbutton image:hover { + color: inherit; } + .osd entry:focus, .osd spinbutton:focus { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.35); + background-image: linear-gradient(to bottom, #5294E2); } + .osd entry:disabled, .osd spinbutton:disabled { + color: rgba(186, 195, 207, 0.55); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.2)); } + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#5294E2), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); } } + +button { + min-height: 26px; + min-width: 20px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 3px; + padding: 0 6px; + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: #fbfbfc; } + button separator, button .sidebar separator, .sidebar button separator, button .sidebar .view separator, .sidebar .view button separator { + margin: 4px 1px; } + button.flat, button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + background-color: rgba(251, 251, 252, 0); + border-color: rgba(207, 214, 230, 0); + transition: none; } + button.flat:hover, button.sidebar-button:hover { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; } + button.flat:hover:active, button.sidebar-button:hover:active { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + button:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: white; + -gtk-icon-effect: highlight; } + button:active, button:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; + transition-duration: 50ms; } + button:active { + color: #5c616c; } + button:active:hover, button:checked { + color: #ffffff; } + button.flat:disabled, button.sidebar-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; } + button:disabled { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + button:disabled > label { + color: inherit; } + button:disabled:active, button:disabled:checked { + color: rgba(255, 255, 255, 0.8); + border-color: rgba(82, 148, 226, 0.75); + background-color: rgba(82, 148, 226, 0.75); + opacity: 0.6; } + button:disabled:active > label, button:disabled:checked > label { + color: inherit; } + button.osd { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + background-color: rgba(53, 57, 69, 0.95); + border-color: rgba(35, 38, 46, 0.95); } + button.osd.image-button { + min-height: 48px; + min-width: 48px; } + button.osd:hover { + color: #5294E2; } + button.osd:active, button.osd:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: #5294E2; } + button.osd:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); } + .osd button { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.35); } + .osd button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + .osd button:active, .osd button:checked { + background-clip: padding-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: #5294E2; } + .osd button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); } + .osd button.flat, .osd button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } + .osd button.flat:hover, .osd button.sidebar-button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + .osd button.flat:disabled, .osd button.sidebar-button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); + background-image: none; } + .osd button.flat:active, .osd button.sidebar-button:active, .osd button.flat:checked, .osd button.sidebar-button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: #5294E2; } + button.suggested-action { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #4DADD4; + border-color: #4DADD4; } + button.suggested-action.flat, button.suggested-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #4DADD4; + outline-color: rgba(77, 173, 212, 0.3); } + button.suggested-action:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #76c0de; + border-color: #76c0de; } + button.suggested-action:active, button.suggested-action:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #2e96c0; + border-color: #2e96c0; } + button.suggested-action.flat:disabled, button.suggested-action.sidebar-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(92, 97, 108, 0.55); } + button.suggested-action:disabled { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + button.suggested-action:disabled > label { + color: inherit; } + button.destructive-action { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #F04A50; + border-color: #F04A50; } + button.destructive-action.flat, button.destructive-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #F04A50; + outline-color: rgba(240, 74, 80, 0.3); } + button.destructive-action:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #f4797e; + border-color: #f4797e; } + button.destructive-action:active, button.destructive-action:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ec1b22; + border-color: #ec1b22; } + button.destructive-action.flat:disabled, button.destructive-action.sidebar-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(92, 97, 108, 0.55); } + button.destructive-action:disabled { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + button.destructive-action:disabled > label { + color: inherit; } + button.text-button { + padding-left: 16px; + padding-right: 16px; } + button.text-button.image-button label:first-child { + padding-left: 8px; } + button.text-button.image-button label:last-child { + padding-right: 8px; } + .stack-switcher > button { + outline-offset: -3px; } + .stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; } + .stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; + padding-top: 3px; + padding-bottom: 3px; } + .stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; } + .stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; } + .stack-switcher > button.needs-attention:active > label, + .stack-switcher > button.needs-attention:active > image, + .stack-switcher > button.needs-attention:checked > label, + .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; } + .stack-switcher > button.needs-attention > label, + .stack-switcher > button.needs-attention > image, button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 4px; } + .stack-switcher > button.needs-attention > label:dir(rtl), + .stack-switcher > button.needs-attention > image:dir(rtl), button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl) { + background-position: left 3px, left 4px; } + .inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 2px; + border-width: 1px; } + +.inline-toolbar toolbutton > button { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: #fbfbfc; } + .inline-toolbar toolbutton > button:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: white; } + .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + .inline-toolbar toolbutton > button:disabled { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + .inline-toolbar toolbutton > button:disabled > label { + color: inherit; } + .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); + border-color: rgba(82, 148, 226, 0.75); + background-color: rgba(82, 148, 226, 0.75); + opacity: 0.6; } + .inline-toolbar toolbutton > button:disabled:active > label, .inline-toolbar toolbutton > button:disabled:checked > label { + color: inherit; } + +.linked:not(.vertical):not(.pathbar) > entry + entry, .linked:not(.vertical):not(.pathbar) > spinbutton + entry, .linked:not(.vertical):not(.pathbar) > entry + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton { + border-left-color: rgba(207, 214, 230, 0.3); } + +.linked:not(.vertical):not(.pathbar) > entry.error + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry, .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton, +.linked:not(.vertical):not(.pathbar) > entry + entry.error, +.linked:not(.vertical):not(.pathbar) > spinbutton + entry.error, +.linked:not(.vertical):not(.pathbar) > entry + spinbutton.error, +.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error { + border-left-color: #FC4138; } + +.linked:not(.vertical):not(.pathbar) > entry.warning + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.warning + entry, .linked:not(.vertical):not(.pathbar) > entry.warning + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.warning + spinbutton, +.linked:not(.vertical):not(.pathbar) > entry + entry.warning, +.linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning, +.linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning, +.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning { + border-left-color: #F27835; } + +.linked:not(.vertical):not(.pathbar) > entry.error + entry.warning, .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry.warning, .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton.warning, .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton.warning { + border-left-color: #FC4138; } + +.linked:not(.vertical):not(.pathbar) > entry + entry:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:not(:last-child), +.linked:not(.vertical):not(.pathbar) > entry + entry:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:last-child, +.linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:last-child { + border-left-color: #5294E2; } + +.linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:not(:last-child), +.linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:last-child, +.linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:last-child { + border-left-color: #F27835; } + +.linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:not(:last-child), +.linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:last-child, +.linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:last-child { + border-left-color: #FC4138; } + +.linked:not(.vertical):not(.pathbar) > entry + button, .linked:not(.vertical):not(.pathbar) > spinbutton + button, +.linked:not(.vertical):not(.pathbar) > entry + button:hover, +.linked:not(.vertical):not(.pathbar) > spinbutton + button:hover, +.linked:not(.vertical):not(.pathbar) > entry + button:active, +.linked:not(.vertical):not(.pathbar) > spinbutton + button:active, +.linked:not(.vertical):not(.pathbar) > entry + button:checked, +.linked:not(.vertical):not(.pathbar) > spinbutton + button:checked, +.linked:not(.vertical):not(.pathbar) > entry + button:disabled, +.linked:not(.vertical):not(.pathbar) > spinbutton + button:disabled { + border-left-style: solid; } + +.linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + combobox > button.combo, +.linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + combobox > button.combo { + border-left-color: #5294E2; } + +.linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + combobox > button.combo, +.linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { + border-left-color: #F27835; } + +.linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + combobox > button.combo, +.linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + combobox > button.combo { + border-left-color: #FC4138; } + +.linked:not(.vertical):not(.pathbar) > button:hover:not(:checked):not(:active):not(:only-child), +.linked:not(.vertical):not(.pathbar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: -1px 0 #cfd6e6; } + +.linked:not(.vertical):not(.pathbar) > button:first-child:hover:not(:checked):not(:active) { + box-shadow: none; } + +.linked:not(.vertical):not(.pathbar) > button:checked + button:not(:checked):not(:active):hover { + box-shadow: none; } + +.linked:not(.vertical):not(.pathbar) > button:checked + entry, .linked:not(.vertical):not(.pathbar) > button:checked + spinbutton { + border-left-color: #5294E2; } + +.linked:not(.vertical):not(.pathbar) > entry + button:not(:checked):not(:active):hover, .linked:not(.vertical):not(.pathbar) > spinbutton + button:not(:checked):not(:active):hover { + box-shadow: none; } + +.linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover { + box-shadow: inset 1px 0 rgba(207, 214, 230, 0.4), inset -1px 0 rgba(207, 214, 230, 0.4); } + +.linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { + box-shadow: inset -1px 0 rgba(207, 214, 230, 0.4); } + +.linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { + box-shadow: inset 1px 0 rgba(207, 214, 230, 0.4); } + +.linked.vertical > entry + entry, .linked.vertical > spinbutton + entry, .linked.vertical > entry + spinbutton, .linked.vertical > spinbutton + spinbutton { + border-top-color: rgba(207, 214, 230, 0.3); } + +.linked.vertical > entry.error + entry, .linked.vertical > spinbutton.error + entry, .linked.vertical > entry.error + spinbutton, .linked.vertical > spinbutton.error + spinbutton, +.linked.vertical > entry + entry.error, +.linked.vertical > spinbutton + entry.error, +.linked.vertical > entry + spinbutton.error, +.linked.vertical > spinbutton + spinbutton.error { + border-top-color: #FC4138; } + +.linked.vertical > entry.warning + entry, .linked.vertical > spinbutton.warning + entry, .linked.vertical > entry.warning + spinbutton, .linked.vertical > spinbutton.warning + spinbutton, +.linked.vertical > entry + entry.warning, +.linked.vertical > spinbutton + entry.warning, +.linked.vertical > entry + spinbutton.warning, +.linked.vertical > spinbutton + spinbutton.warning { + border-top-color: #F27835; } + +.linked.vertical > entry.error + entry.warning, .linked.vertical > spinbutton.error + entry.warning, .linked.vertical > entry.error + spinbutton.warning, .linked.vertical > spinbutton.error + spinbutton.warning { + border-top-color: #FC4138; } + +.linked.vertical > entry + entry:focus:not(:last-child), .linked.vertical > spinbutton + entry:focus:not(:last-child), .linked.vertical > entry + spinbutton:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton:focus:not(:last-child), +.linked.vertical > entry + entry:focus:last-child, +.linked.vertical > spinbutton + entry:focus:last-child, +.linked.vertical > entry + spinbutton:focus:last-child, +.linked.vertical > spinbutton + spinbutton:focus:last-child { + border-top-color: #5294E2; } + +.linked.vertical > entry + entry.warning:focus:not(:last-child), .linked.vertical > spinbutton + entry.warning:focus:not(:last-child), .linked.vertical > entry + spinbutton.warning:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton.warning:focus:not(:last-child), +.linked.vertical > entry + entry.warning:focus:last-child, +.linked.vertical > spinbutton + entry.warning:focus:last-child, +.linked.vertical > entry + spinbutton.warning:focus:last-child, +.linked.vertical > spinbutton + spinbutton.warning:focus:last-child { + border-top-color: #F27835; } + +.linked.vertical > entry + entry.error:focus:not(:last-child), .linked.vertical > spinbutton + entry.error:focus:not(:last-child), .linked.vertical > entry + spinbutton.error:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton.error:focus:not(:last-child), +.linked.vertical > entry + entry.error:focus:last-child, +.linked.vertical > spinbutton + entry.error:focus:last-child, +.linked.vertical > entry + spinbutton.error:focus:last-child, +.linked.vertical > spinbutton + spinbutton.error:focus:last-child { + border-top-color: #FC4138; } + +.linked.vertical > entry + button, .linked.vertical > spinbutton + button, +.linked.vertical > entry + button:hover, +.linked.vertical > spinbutton + button:hover, +.linked.vertical > entry + button:active, +.linked.vertical > spinbutton + button:active, +.linked.vertical > entry + button:checked, +.linked.vertical > spinbutton + button:checked, +.linked.vertical > entry + button:disabled, +.linked.vertical > spinbutton + button:disabled { + border-top-style: solid; } + +.linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > spinbutton:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton:focus:not(:only-child) + spinbutton, +.linked.vertical > entry:focus:not(:only-child) + button, +.linked.vertical > spinbutton:focus:not(:only-child) + button, +.linked.vertical > entry:focus:not(:only-child) + combobox > button.combo, +.linked.vertical > spinbutton:focus:not(:only-child) + combobox > button.combo { + border-top-color: #5294E2; } + +.linked.vertical > entry.warning:focus:not(:only-child) + entry, .linked.vertical > spinbutton.warning:focus:not(:only-child) + entry, .linked.vertical > entry.warning:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton.warning:focus:not(:only-child) + spinbutton, +.linked.vertical > entry.warning:focus:not(:only-child) + button, +.linked.vertical > spinbutton.warning:focus:not(:only-child) + button, +.linked.vertical > entry.warning:focus:not(:only-child) + combobox > button.combo, +.linked.vertical > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { + border-top-color: #F27835; } + +.linked.vertical > entry.error:focus:not(:only-child) + entry, .linked.vertical > spinbutton.error:focus:not(:only-child) + entry, .linked.vertical > entry.error:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton.error:focus:not(:only-child) + spinbutton, +.linked.vertical > entry.error:focus:not(:only-child) + button, +.linked.vertical > spinbutton.error:focus:not(:only-child) + button, +.linked.vertical > entry.error:focus:not(:only-child) + combobox > button.combo, +.linked.vertical > spinbutton.error:focus:not(:only-child) + combobox > button.combo { + border-top-color: #FC4138; } + +.linked.vertical > button:hover:not(:checked):not(:active):not(:only-child), +.linked.vertical > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: 0 -1px #cfd6e6; } + +.linked.vertical > button:first-child:hover:not(:checked):not(:active) { + box-shadow: none; } + +.linked.vertical > button:checked + button:not(:checked):not(:active):hover { + box-shadow: none; } + +.linked.vertical > button:checked + entry, .linked.vertical > button:checked + spinbutton { + border-top-color: #5294E2; } + +.linked.vertical > entry + button:not(:checked):not(:active):hover, .linked.vertical > spinbutton + button:not(:checked):not(:active):hover { + box-shadow: none; } + +toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, +.linked:not(.vertical) > button:hover, +.linked:not(.vertical) > button:active, +.linked:not(.vertical) > button:checked, .linked:not(.vertical):not(.pathbar) > entry, .linked:not(.vertical):not(.pathbar) > spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled, .linked > combobox > button.combo:dir(ltr) { + border-radius: 0; + border-right-style: none; } + +.inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:first-child, .linked:not(.vertical):not(.pathbar) > spinbutton:first-child, .linked > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; } + +.inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:last-child, .linked:not(.vertical):not(.pathbar) > spinbutton:last-child, .linked > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right-style: solid; } + +.inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:only-child, .linked:not(.vertical):not(.pathbar) > spinbutton:only-child, .linked > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:only-child { + border-radius: 3px; + border-style: solid; } + +.linked.vertical > button, +.linked.vertical > button:hover, +.linked.vertical > button:active, +.linked.vertical > button:checked, .linked.vertical > entry, .linked.vertical > spinbutton, .linked.vertical > combobox > button.combo { + border-radius: 0; + border-bottom-style: none; } + +.linked.vertical > button:first-child, .linked.vertical > entry:first-child, .linked.vertical > spinbutton:first-child, .linked.vertical > combobox:first-child > button.combo { + border-top-left-radius: 3px; + border-top-right-radius: 3px; } + +.linked.vertical > button:last-child, .linked.vertical > entry:last-child, .linked.vertical > spinbutton:last-child, .linked.vertical > combobox:last-child > button.combo { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border-bottom-style: solid; } + +.linked.vertical > button:only-child, .linked.vertical > entry:only-child, .linked.vertical > spinbutton:only-child, .linked.vertical > combobox:only-child > button.combo { + border-radius: 3px; + border-style: solid; } + +.linked:not(.vertical) > button, +.linked:not(.vertical) > button:hover, +.linked:not(.vertical) > button:active, +.linked:not(.vertical) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled { + border-left-style: none; } + .linked:not(.vertical) > button:first-child, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { + border-left-style: solid; } + +.linked.vertical > button, +.linked.vertical > button:hover, +.linked.vertical > button:active, +.linked.vertical > button:checked { + border-top-style: none; } + .linked.vertical > button:first-child { + border-top-style: solid; } + +menuitem.button.flat, +modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow, +.menu arrow, notebook tab button, notebook tab button:hover, notebook tab button:active, notebook tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled, TerminalWindow .notebook tab:active button, TerminalWindow .notebook tab:hover button, TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover, TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } + +menuitem.button.flat, +modelbutton.flat { + transition: none; + min-height: 22px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -2px; + border-radius: 2px; } + menuitem.button.flat:hover, + modelbutton.flat:hover { + background-color: #edeff0; } + menuitem.button.flat:checked, + modelbutton.flat:checked { + color: #5c616c; } + menuitem.button.flat check:last-child, + menuitem.button.flat radio:last-child, + modelbutton.flat check:last-child, + modelbutton.flat radio:last-child { + margin-left: 8px; } + menuitem.button.flat check:first-child, + menuitem.button.flat radio:first-child, + modelbutton.flat check:first-child, + modelbutton.flat radio:first-child { + margin-right: 8px; } + +modelbutton.flat arrow, modelbutton.flat arrow:hover { + background: none; } + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +*:link, button:link, button:visited { + color: #2679db; } + *:link:visited, button:visited { + color: #1e61b0; } + *:selected *:link:visited, *:selected button:visited:link, *:selected button:visited { + color: #bad4f3; } + *:link:hover, button:hover:link, button:hover:visited { + color: #5294e2; } + *:selected *:link:hover, *:selected button:hover:link, *:selected button:hover:visited { + color: #eef4fc; } + *:link:active, button:active:link, button:active:visited { + color: #2679db; } + *:selected *:link:active, *:selected button:active:link, *:selected button:active:visited { + color: #dceaf9; } + *:link:selected, button:selected:link, button:selected:visited, headerbar.selection-mode .subtitle:link, headerbar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited { + color: #dceaf9; } + +button:link > label, button:visited > label { + text-decoration-line: underline; } + +spinbutton:not(.vertical) button { + background-image: none; + border: 1px solid rgba(220, 223, 227, 0.6); + border-style: none none none solid; + color: #646973; + border-radius: 0; + box-shadow: none; } + spinbutton:not(.vertical) button:dir(rtl) { + border-style: none solid none none; } + spinbutton:not(.vertical) button:disabled { + color: rgba(92, 97, 108, 0.55); } + spinbutton:not(.vertical) button:active { + background-color: #5294E2; + color: #ffffff; } + +spinbutton.vertical { + border-radius: 0; + padding-left: 5px; + padding-right: 5px; } + spinbutton.vertical button:first-child { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: #fbfbfc; } + spinbutton.vertical button:first-child:active { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + spinbutton.vertical button:first-child:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: white; } + spinbutton.vertical button:first-child:disabled { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + spinbutton.vertical button:first-child:disabled > label { + color: inherit; } + spinbutton.vertical button:last-child { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: #fbfbfc; } + spinbutton.vertical button:last-child:active { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + spinbutton.vertical button:last-child:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: white; } + spinbutton.vertical button:last-child:disabled { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + spinbutton.vertical button:last-child:disabled > label { + color: inherit; } + spinbutton.vertical button:first-child, spinbutton.vertical button:first-child:active, spinbutton.vertical button:first-child:hover, spinbutton.vertical button:first-child:disabled { + border-radius: 2px 2px 0 0; + border-style: solid solid none solid; } + spinbutton.vertical button:last-child, spinbutton.vertical button:last-child:active, spinbutton.vertical button:last-child:hover, spinbutton.vertical button:last-child:disabled { + border-radius: 0 0 2px 2px; + border-style: none solid solid solid; } + +treeview spinbutton entry, treeview spinbutton spinbutton, treeview spinbutton entry:focus, treeview spinbutton spinbutton:focus { + padding: 1px; + border-width: 1px 0; + border-color: #5294E2; + border-radius: 0; + box-shadow: none; } + +combobox > button.combo { + padding-left: 8px; + padding-right: 8px; } + +combobox:disabled { + color: rgba(92, 97, 108, 0.55); } + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; } + +combobox > entry.combo:dir(ltr), combobox > spinbutton.combo:dir(ltr) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-right-style: none; } + combobox > entry.combo:dir(ltr):focus, combobox > spinbutton.combo:dir(ltr):focus { + box-shadow: 1px 0 #5294E2; } + +combobox > entry.combo:dir(rtl), combobox > spinbutton.combo:dir(rtl) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left-style: none; } + combobox > entry.combo:dir(rtl):focus, combobox > spinbutton.combo:dir(rtl):focus { + box-shadow: -1px 0 #5294E2; } + +combobox > button.combo:not(:only-child):dir(ltr) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + +combobox > button.combo:not(:only-child):dir(rtl) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + +toolbar, .inline-toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #F5F6F7; } + toolbar separator, .inline-toolbar separator, toolbar .sidebar separator, .sidebar toolbar separator, toolbar .sidebar .view separator, .sidebar .view toolbar separator, .inline-toolbar .sidebar .view separator, .sidebar .view .inline-toolbar separator { + background: none; } + toolbar.horizontal separator, .horizontal.inline-toolbar separator, toolbar.horizontal .sidebar .view separator, .sidebar .view toolbar.horizontal separator { + margin: 0 6px; } + toolbar.vertical separator, .vertical.inline-toolbar separator, toolbar.vertical .sidebar .view separator, .sidebar .view toolbar.vertical separator { + margin: 6px 0; } + .osd toolbar, .osd .inline-toolbar, toolbar.osd, .osd.inline-toolbar { + padding: 7px; + border: 1px solid rgba(0, 0, 0, 0.5); + border-radius: 3px; + background-color: rgba(53, 57, 69, 0.85); } + +.primary-toolbar { + color: rgba(82, 93, 118, 0.8); + background-color: #e7e8eb; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, #e7e8eb, rgba(212, 213, 219, 0.95)) 1 0 1 0; } + +.inline-toolbar { + background-color: #edeef0; + border-style: solid; + border-color: #dcdfe3; + border-width: 0 1px 1px; + padding: 3px; + border-radius: 0 0 3px 3px; } + +searchbar { + background-color: #F5F6F7; + border-style: solid; + border-color: #dcdfe3; + border-width: 0 0 1px; + padding: 3px; } + +actionbar { + padding: 6px; + border-top: 1px solid #dcdfe3; + background-color: #edeef0; } + +headerbar { + min-height: 42px; + padding: 0 5px; + border-width: 0 0 1px; + border-style: solid; + border-radius: 0; + border-color: #d4d5db; + color: rgba(82, 93, 118, 0.8); + background-color: #e7e8eb; } + .csd headerbar { + background-color: rgba(231, 232, 235, 0.95); + border-color: rgba(212, 213, 219, 0.95); } + headerbar:backdrop { + color: rgba(82, 93, 118, 0.5); } + headerbar .title { + padding-left: 12px; + padding-right: 12px; } + headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; } + headerbar.selection-mode, headerbar.titlebar.selection-mode { + color: #ffffff; + background-color: rgba(82, 148, 226, 0.95); + border-color: rgba(65, 137, 223, 0.95); + box-shadow: none; } + headerbar.selection-mode:backdrop, headerbar.titlebar.selection-mode:backdrop { + background-color: rgba(82, 148, 226, 0.95); + color: rgba(255, 255, 255, 0.6); } + headerbar.selection-mode button, headerbar.titlebar.selection-mode button { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0); } + headerbar.selection-mode button.flat, headerbar.selection-mode button.sidebar-button, headerbar.titlebar.selection-mode button.flat, headerbar.titlebar.selection-mode button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0); } + headerbar.selection-mode button:hover, headerbar.titlebar.selection-mode button:hover { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0.05); + border-color: rgba(255, 255, 255, 0.5); } + headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.titlebar.selection-mode button:active, headerbar.titlebar.selection-mode button:checked { + color: rgba(82, 148, 226, 0.95); + outline-color: rgba(82, 148, 226, 0.25); + background-color: #ffffff; + border-color: #ffffff; } + headerbar.selection-mode button:disabled, headerbar.titlebar.selection-mode button:disabled { + color: rgba(255, 255, 255, 0.4); + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0); } + headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked, headerbar.titlebar.selection-mode button:disabled:active, headerbar.titlebar.selection-mode button:disabled:checked { + color: rgba(82, 148, 226, 0.35); + background-color: rgba(255, 255, 255, 0.15); + border-color: rgba(255, 255, 255, 0.15); } + headerbar.selection-mode .selection-menu, headerbar.titlebar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; } + headerbar.selection-mode .selection-menu GtkArrow, headerbar.titlebar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; } + headerbar.selection-mode .selection-menu .arrow, headerbar.titlebar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + .maximized headerbar.selection-mode, .maximized headerbar.titlebar.selection-mode { + background-color: #5294e2; } + .tiled headerbar, .tiled headerbar:backdrop, + .maximized headerbar, .maximized headerbar:backdrop { + border-radius: 0; } + .maximized headerbar { + background-color: #e7e8eb; + border-color: #d4d5db; } + headerbar.default-decoration, + .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, + .csd headerbar.default-decoration:backdrop { + padding-top: 5px; + padding-bottom: 5px; + background-color: #e7e8eb; + border-bottom-width: 0; } + .maximized headerbar.default-decoration, .maximized + .csd headerbar.default-decoration, .maximized headerbar.default-decoration:backdrop, .maximized + .csd headerbar.default-decoration:backdrop { + background-color: #e7e8eb; } + +.titlebar { + padding: 0 7px; + border-radius: 4px 4px 0 0; + color: rgba(82, 93, 118, 0.8); + background-color: #e7e8eb; + box-shadow: inset 0 1px rgba(239, 240, 242, 0.95); } + .csd .titlebar { + background-color: rgba(231, 232, 235, 0.95); } + .titlebar:backdrop { + color: rgba(82, 93, 118, 0.5); + background-color: #eff0f2; } + .csd .titlebar:backdrop { + background-color: rgba(239, 240, 242, 0.95); } + .maximized .titlebar { + background-color: #e7e8eb; } + .maximized .titlebar:backdrop, .csd .maximized .titlebar:backdrop { + background-color: #eff0f2; } + window > .titlebar:not(headerbar), + window.csd > .titlebar:not(headerbar) { + padding: 0; + border: none; + background: none; } + .titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator { + background-color: rgba(212, 213, 219, 0.95); } + +.primary-toolbar separator, .primary-toolbar .sidebar .view separator, .sidebar .view .primary-toolbar separator, headerbar separator.titlebutton, headerbar .sidebar .view separator.titlebutton, .sidebar .view headerbar separator.titlebutton { + min-width: 1px; + min-height: 1px; + background: none; + border-width: 0 1px; + border-image: linear-gradient(to bottom, rgba(82, 93, 118, 0) 25%, rgba(82, 93, 118, 0.15) 25%, rgba(82, 93, 118, 0.15) 75%, rgba(82, 93, 118, 0) 75%) 0 1/0 1px stretch; } + .primary-toolbar separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.6; } + +.primary-toolbar entry, headerbar entry, .primary-toolbar spinbutton, headerbar spinbutton, .primary-toolbar button, headerbar button, .primary-toolbar separator, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator, .primary-toolbar .sidebar .view separator, .sidebar .view .primary-toolbar separator, headerbar .sidebar .view separator, .sidebar .view headerbar separator { + margin-top: 6px; + margin-bottom: 6px; } + +.primary-toolbar entry, headerbar entry, .primary-toolbar spinbutton, headerbar spinbutton, .primary-toolbar spinbutton, headerbar spinbutton { + color: rgba(82, 93, 118, 0.8); + caret-color: rgba(82, 93, 118, 0.8); + border-color: rgba(82, 93, 118, 0.1); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); + background-color: transparent; } + .primary-toolbar entry image, headerbar entry image, .primary-toolbar spinbutton image, headerbar spinbutton image, .primary-toolbar entry image:hover, headerbar entry image:hover, .primary-toolbar spinbutton image:hover, headerbar spinbutton image:hover, .primary-toolbar spinbutton image, headerbar spinbutton image, .primary-toolbar spinbutton image:hover, headerbar spinbutton image:hover { + color: inherit; } + .primary-toolbar entry:backdrop, headerbar entry:backdrop, .primary-toolbar spinbutton:backdrop, headerbar spinbutton:backdrop, .primary-toolbar spinbutton:backdrop, headerbar spinbutton:backdrop { + opacity: 0.85; } + .primary-toolbar entry:focus, headerbar entry:focus, .primary-toolbar spinbutton:focus, headerbar spinbutton:focus, .primary-toolbar spinbutton:focus, headerbar spinbutton:focus { + color: #ffffff; + caret-color: #ffffff; + border-color: #5294E2; + background-image: linear-gradient(to bottom, #5294E2); + background-clip: border-box; } + .primary-toolbar entry:focus image, headerbar entry:focus image, .primary-toolbar spinbutton:focus image, headerbar spinbutton:focus image, .primary-toolbar spinbutton:focus image, headerbar spinbutton:focus image { + color: #ffffff; } + .primary-toolbar entry:disabled, headerbar entry:disabled, .primary-toolbar spinbutton:disabled, headerbar spinbutton:disabled, .primary-toolbar spinbutton:disabled, headerbar spinbutton:disabled { + color: rgba(82, 93, 118, 0.35); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75)); } + .primary-toolbar entry selection:focus, headerbar entry selection:focus, .primary-toolbar spinbutton selection:focus, headerbar spinbutton selection:focus, .primary-toolbar spinbutton selection:focus, headerbar spinbutton selection:focus { + background-color: #ffffff; + color: #5294E2; } + .primary-toolbar entry progress, headerbar entry progress, .primary-toolbar spinbutton progress, headerbar spinbutton progress, .primary-toolbar spinbutton progress, headerbar spinbutton progress { + border-color: #5294E2; + background-image: none; + background-color: transparent; } + .primary-toolbar entry.warning, headerbar entry.warning, .primary-toolbar spinbutton.warning, headerbar spinbutton.warning, .primary-toolbar spinbutton.warning, headerbar spinbutton.warning { + color: #ffffff; + border-color: #F27835; + background-image: linear-gradient(to bottom, rgba(238, 162, 121, 0.98)); } + .primary-toolbar entry.warning:focus, headerbar entry.warning:focus, .primary-toolbar spinbutton.warning:focus, headerbar spinbutton.warning:focus, .primary-toolbar spinbutton.warning:focus, headerbar spinbutton.warning:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, #F27835); } + .primary-toolbar entry.warning selection, headerbar entry.warning selection, .primary-toolbar spinbutton.warning selection, headerbar spinbutton.warning selection, .primary-toolbar entry.warning selection:focus, headerbar entry.warning selection:focus, .primary-toolbar spinbutton.warning selection:focus, headerbar spinbutton.warning selection:focus, .primary-toolbar spinbutton.warning selection, headerbar spinbutton.warning selection, .primary-toolbar spinbutton.warning selection:focus, headerbar spinbutton.warning selection:focus { + background-color: #ffffff; + color: #F27835; } + .primary-toolbar entry.error, headerbar entry.error, .primary-toolbar spinbutton.error, headerbar spinbutton.error, .primary-toolbar spinbutton.error, headerbar spinbutton.error { + color: #ffffff; + border-color: #FC4138; + background-image: linear-gradient(to bottom, rgba(244, 128, 123, 0.98)); } + .primary-toolbar entry.error:focus, headerbar entry.error:focus, .primary-toolbar spinbutton.error:focus, headerbar spinbutton.error:focus, .primary-toolbar spinbutton.error:focus, headerbar spinbutton.error:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, #FC4138); } + .primary-toolbar entry.error selection, headerbar entry.error selection, .primary-toolbar spinbutton.error selection, headerbar spinbutton.error selection, .primary-toolbar entry.error selection:focus, headerbar entry.error selection:focus, .primary-toolbar spinbutton.error selection:focus, headerbar spinbutton.error selection:focus, .primary-toolbar spinbutton.error selection, headerbar spinbutton.error selection, .primary-toolbar spinbutton.error selection:focus, headerbar spinbutton.error selection:focus { + background-color: #ffffff; + color: #FC4138; } + +.primary-toolbar button, headerbar button { + color: rgba(82, 93, 118, 0.8); + outline-color: rgba(82, 93, 118, 0.1); + outline-offset: -3px; + background-color: rgba(231, 232, 235, 0); + border-color: rgba(231, 232, 235, 0); } + .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.7; } + .primary-toolbar button:hover, headerbar button:hover { + color: rgba(82, 93, 118, 0.8); + outline-color: rgba(82, 93, 118, 0.1); + border-color: rgba(82, 93, 118, 0.1); + background-color: rgba(251, 251, 252, 0.9); } + .primary-toolbar button:active, headerbar button:active, .primary-toolbar button:checked, headerbar button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; + background-clip: border-box; } + .primary-toolbar button:disabled, headerbar button:disabled { + color: rgba(82, 93, 118, 0.35); + background-color: rgba(231, 232, 235, 0); + border-color: rgba(231, 232, 235, 0); } + .primary-toolbar button:disabled > label, headerbar button:disabled > label { + color: inherit; } + .primary-toolbar button:disabled:active, headerbar button:disabled:active, .primary-toolbar button:disabled:checked, headerbar button:disabled:checked { + color: rgba(255, 255, 255, 0.75); + border-color: rgba(82, 148, 226, 0.65); + background-color: rgba(82, 148, 226, 0.65); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button, headerbar .linked:not(.vertical):not(.path-bar) > button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover, headerbar .linked:not(.vertical):not(.path-bar) > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:active, headerbar .linked:not(.vertical):not(.path-bar) > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked, headerbar .linked:not(.vertical):not(.path-bar) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:disabled, headerbar .linked:not(.vertical):not(.path-bar) > button:disabled { + border-radius: 3px; + border-style: solid; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), headerbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), headerbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child), headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child), .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button { + color: rgba(82, 93, 118, 0.8); + outline-color: rgba(82, 93, 118, 0.1); + border-color: rgba(82, 93, 118, 0.1); + background-color: rgba(251, 251, 252, 0.9); } + .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover { + background-color: rgba(255, 255, 255, 0.9); } + .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled { + color: rgba(82, 93, 118, 0.4); } + +.primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover { + box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1), inset -1px 0 rgba(82, 93, 118, 0.1); } + +.primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { + box-shadow: inset -1px 0 rgba(82, 93, 118, 0.1); } + +.primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { + box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1); } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton { + border-left-color: rgba(82, 93, 118, 0); } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.error, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.error, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error { + border-left-color: #FC4138; } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning { + border-left-color: #F27835; } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton.warning { + border-left-color: #FC4138; } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:last-child { + border-left-color: #5294E2; } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:last-child { + border-left-color: #F27835; } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:last-child { + border-left-color: #FC4138; } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + combobox > button.combo { + border-left-color: #5294E2; } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { + border-left-color: #F27835; } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button.combo > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button.combo > button.combo, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button.combo > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button.combo > button.combo { + border-left-color: #FC4138; } + +.primary-toolbar button.suggested-action, headerbar button.suggested-action { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #4DADD4; + border-color: #4DADD4; } + .primary-toolbar button.suggested-action.flat, headerbar button.suggested-action.flat, .primary-toolbar button.suggested-action.sidebar-button, headerbar button.suggested-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #4DADD4; + outline-color: rgba(77, 173, 212, 0.3); } + .primary-toolbar button.suggested-action:hover, headerbar button.suggested-action:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #76c0de; + border-color: #76c0de; } + .primary-toolbar button.suggested-action:active, headerbar button.suggested-action:active, .primary-toolbar button.suggested-action:checked, headerbar button.suggested-action:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #2e96c0; + border-color: #2e96c0; } + .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { + color: rgba(82, 93, 118, 0.35); + background-color: rgba(231, 232, 235, 0); + border-color: rgba(231, 232, 235, 0); } + .primary-toolbar button.suggested-action.flat:disabled > label, headerbar button.suggested-action.flat:disabled > label, .primary-toolbar button.suggested-action.sidebar-button:disabled > label, headerbar button.suggested-action.sidebar-button:disabled > label, .primary-toolbar button.suggested-action:disabled > label, headerbar button.suggested-action:disabled > label { + color: inherit; } + +.primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop, .primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop { + opacity: 0.8; } + +.primary-toolbar button.destructive-action, headerbar button.destructive-action { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #F04A50; + border-color: #F04A50; } + .primary-toolbar button.destructive-action.flat, headerbar button.destructive-action.flat, .primary-toolbar button.destructive-action.sidebar-button, headerbar button.destructive-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #F04A50; + outline-color: rgba(240, 74, 80, 0.3); } + .primary-toolbar button.destructive-action:hover, headerbar button.destructive-action:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #f4797e; + border-color: #f4797e; } + .primary-toolbar button.destructive-action:active, headerbar button.destructive-action:active, .primary-toolbar button.destructive-action:checked, headerbar button.destructive-action:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ec1b22; + border-color: #ec1b22; } + .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { + color: rgba(82, 93, 118, 0.35); + background-color: rgba(231, 232, 235, 0); + border-color: rgba(231, 232, 235, 0); } + .primary-toolbar button.destructive-action.flat:disabled > label, headerbar button.destructive-action.flat:disabled > label, .primary-toolbar button.destructive-action.sidebar-button:disabled > label, headerbar button.destructive-action.sidebar-button:disabled > label, .primary-toolbar button.destructive-action:disabled > label, headerbar button.destructive-action:disabled > label { + color: inherit; } + +.primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop, .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop { + opacity: 0.8; } + +.primary-toolbar spinbutton:focus button, headerbar spinbutton:focus button { + color: #ffffff; } + .primary-toolbar spinbutton:focus button:hover, headerbar spinbutton:focus button:hover { + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; } + .primary-toolbar spinbutton:focus button:disabled, headerbar spinbutton:focus button:disabled { + color: rgba(255, 255, 255, 0.4); } + +.primary-toolbar spinbutton button, headerbar spinbutton button { + color: rgba(82, 93, 118, 0.8); } + .primary-toolbar spinbutton button:hover, headerbar spinbutton button:hover { + background-color: rgba(82, 93, 118, 0.05); + border-color: transparent; } + .primary-toolbar spinbutton button:disabled, headerbar spinbutton button:disabled { + color: rgba(82, 93, 118, 0.5); } + .primary-toolbar spinbutton button:active, headerbar spinbutton button:active { + background-color: rgba(0, 0, 0, 0.1); } + +.primary-toolbar combobox:disabled, headerbar combobox:disabled { + color: rgba(82, 93, 118, 0.2); } + +.primary-toolbar combobox.combobox-entry button, headerbar combobox.combobox-entry button { + color: rgba(82, 93, 118, 0.8); + caret-color: rgba(82, 93, 118, 0.8); + border-color: rgba(82, 93, 118, 0.1); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); + background-color: transparent; } + .primary-toolbar combobox.combobox-entry button image, headerbar combobox.combobox-entry button image, .primary-toolbar combobox.combobox-entry button image:hover, headerbar combobox.combobox-entry button image:hover { + color: inherit; } + .primary-toolbar combobox.combobox-entry button:hover, headerbar combobox.combobox-entry button:hover { + color: #ffffff; + caret-color: #ffffff; + border-color: #5294E2; + background-image: linear-gradient(to bottom, #5294E2); + box-shadow: none; } + .primary-toolbar combobox.combobox-entry button:disabled, headerbar combobox.combobox-entry button:disabled { + color: rgba(82, 93, 118, 0.35); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75)); } + +.primary-toolbar combobox.combobox-entry entry:dir(ltr), headerbar combobox.combobox-entry entry:dir(ltr), .primary-toolbar combobox.combobox-entry spinbutton:dir(ltr), headerbar combobox.combobox-entry spinbutton:dir(ltr) { + border-right-style: none; } + .primary-toolbar combobox.combobox-entry entry:dir(ltr):focus, headerbar combobox.combobox-entry entry:dir(ltr):focus, .primary-toolbar combobox.combobox-entry spinbutton:dir(ltr):focus, headerbar combobox.combobox-entry spinbutton:dir(ltr):focus { + box-shadow: none; } + .primary-toolbar combobox.combobox-entry entry:dir(ltr):focus, headerbar combobox.combobox-entry entry:dir(ltr):focus, .primary-toolbar combobox.combobox-entry spinbutton:dir(ltr):focus, headerbar combobox.combobox-entry spinbutton:dir(ltr):focus { + box-shadow: 1px 0 #5294E2; } + +.primary-toolbar combobox.combobox-entry entry:dir(rtl), headerbar combobox.combobox-entry entry:dir(rtl), .primary-toolbar combobox.combobox-entry spinbutton:dir(rtl), headerbar combobox.combobox-entry spinbutton:dir(rtl) { + border-left-style: none; } + .primary-toolbar combobox.combobox-entry entry:dir(rtl):focus, headerbar combobox.combobox-entry entry:dir(rtl):focus, .primary-toolbar combobox.combobox-entry spinbutton:dir(rtl):focus, headerbar combobox.combobox-entry spinbutton:dir(rtl):focus { + box-shadow: none; } + .primary-toolbar combobox.combobox-entry entry:dir(rtl):focus, headerbar combobox.combobox-entry entry:dir(rtl):focus, .primary-toolbar combobox.combobox-entry spinbutton:dir(rtl):focus, headerbar combobox.combobox-entry spinbutton:dir(rtl):focus { + box-shadow: -1px 0 #5294E2; } + +.primary-toolbar switch:backdrop, headerbar switch:backdrop { + opacity: 0.75; } + +.primary-toolbar progressbar trough, headerbar progressbar trough { + background-color: rgba(82, 93, 118, 0.15); } + +.primary-toolbar progressbar:backdrop, headerbar progressbar:backdrop { + opacity: 0.75; } + +.primary-toolbar scale:backdrop, headerbar scale:backdrop { + opacity: 0.75; } + +.primary-toolbar scale slider, headerbar scale slider { + background-image: linear-gradient(to bottom, #fbfbfc); + border-color: rgba(82, 93, 118, 0.3); } + .primary-toolbar scale slider:hover, headerbar scale slider:hover { + background-image: linear-gradient(to bottom, white); + border-color: rgba(82, 93, 118, 0.3); } + .primary-toolbar scale slider:active, headerbar scale slider:active { + background-image: linear-gradient(to bottom, #5294E2); + border-color: #5294E2; } + .primary-toolbar scale slider:disabled, headerbar scale slider:disabled { + background-image: linear-gradient(to bottom, rgba(245, 246, 247, 0.985)); + border-color: rgba(82, 93, 118, 0.3); } + +.primary-toolbar scale trough, headerbar scale trough { + background-image: linear-gradient(to bottom, rgba(82, 93, 118, 0.15)); } + .primary-toolbar scale trough:disabled, headerbar scale trough:disabled { + background-image: linear-gradient(to bottom, rgba(82, 93, 118, 0.1)); } + +.path-bar button:first-child { + padding-left: 10px; } + +.path-bar button:last-child { + padding-right: 10px; } + +.path-bar button:only-child { + padding-left: 10px; + padding-right: 10px; } + +.path-bar button label:last-child { + padding-left: 4px; } + +.path-bar button label:first-child { + padding-right: 4px; } + +.path-bar button label:only-child, .path-bar button label { + padding-right: 0; + padding-left: 0; } + +treeview.view { + -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: rgba(92, 97, 108, 0.15); + border-top-color: rgba(0, 0, 0, 0.1); } + treeview.view:selected { + border-radius: 0; + border-left-color: #a9caf1; + border-top-color: rgba(92, 97, 108, 0.1); } + treeview.view:disabled { + color: rgba(92, 97, 108, 0.55); } + treeview.view:disabled:selected { + color: #97bfee; } + treeview.view.separator { + min-height: 2px; } + treeview.view.dnd { + border-style: solid none; + border-width: 1px; + border-color: #577ba7; } + treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #aeb0b6; } + treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + treeview.view.expander:hover { + color: #5c616c; } + treeview.view.expander:selected { + color: #cbdff6; } + treeview.view.expander:selected:hover { + color: #ffffff; } + treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + treeview.view.progressbar { + color: #ffffff; + border-radius: 3px; + background-image: linear-gradient(to bottom, #5294E2); } + treeview.view.progressbar:selected { + color: #5294E2; + box-shadow: none; + background-image: linear-gradient(to bottom, #ffffff); } + treeview.view.trough, treeview.view.trough:selected { + color: #5c616c; + background-image: linear-gradient(to bottom, #cfd6e6); + border-radius: 3px; + border-width: 0; } + treeview.view header button { + color: #7d8189; + background-color: #ffffff; + font-weight: bold; } + treeview.view header button:hover { + color: #5294E2; + box-shadow: none; + transition: none; } + treeview.view header button:active { + color: #5c616c; + transition: none; } + treeview.view header button:last-child, + treeview.view header button:last-child:hover, + treeview.view header button:last-child:active { + border-right-style: none; + border-image: none; } + treeview.view header.button.dnd, treeview.view header button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover { + transition: none; + color: #5294E2; + box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #ffffff, inset -1px 0 #ffffff; } + +treeview.view header button, treeview.view header button:hover, treeview.view header button:active { + min-height: 0; + min-width: 0; + padding: 3px 6px; + background-image: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, transparent 80%) 0 1 0 0/0 1px 0 0 stretch; } + treeview.view header button:active, treeview.view header button:hover { + background-color: #ffffff; } + treeview.view header button:active:hover { + color: #5c616c; } + treeview.view header button:disabled { + border-color: #F5F6F7; + background-image: none; } + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0px; + background-color: #e7e8eb; + color: rgba(82, 93, 118, 0.8); } + menubar:backdrop, + .menubar:backdrop { + color: rgba(82, 93, 118, 0.5); } + menubar > menuitem, + .menubar > menuitem { + padding: 6px 8px; + border: solid transparent; + border-width: 0; } + menubar > menuitem:hover, + .menubar > menuitem:hover { + background-color: #5294E2; + color: #ffffff; } + menubar > menuitem:disabled, + .menubar > menuitem:disabled { + color: rgba(82, 93, 118, 0.2); + border-color: transparent; } + +menu, +.menu { + margin: 4px; + padding: 0; + border-radius: 0; + background-color: #ffffff; + border: 1px solid #dcdfe3; } + .csd menu, .csd + .menu { + padding: 4px 0px; + border-radius: 2px; + border: none; } + menu separator, menu .sidebar separator, .sidebar menu separator, menu .sidebar .view separator, .sidebar .view menu separator, + .csd menu separator, + .csd menu .sidebar .view separator, .sidebar .view + .csd menu separator, + .menu separator, + .menu .sidebar .view separator, .sidebar .view + .menu separator, + .csd + .menu separator { + min-height: 10px; + background-color: #ffffff; } + menu menuitem, + .menu menuitem { + padding: 4px; + min-width: 40px; + border: solid transparent; + border-width: 1px 0 1px 0; } + menu menuitem:hover, + .menu menuitem:hover { + color: #5c616c; + background-color: rgba(0, 0, 0, 0.04); + border: solid rgba(0, 0, 0, 0.08); + border-width: 1px 0 1px 0; } + menu menuitem:disabled, + .menu menuitem:disabled { + color: rgba(92, 97, 108, 0.55); } + menu menuitem arrow, + .menu menuitem arrow { + min-height: 16px; + min-width: 16px; } + menu menuitem arrow:dir(ltr), + .menu menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-left: 10px; } + menu menuitem arrow:dir(rtl), + .menu menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-right: 10px; } + menuitem accelerator { + color: alpha(currentColor,0.55); } + menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; } + menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 7px; } + menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 7px; } + menu arrow, + .menu arrow { + border-style: none; + border-radius: 0; + min-width: 16px; + min-height: 16px; } + menu arrow.top, + .menu arrow.top { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); + border-bottom: 1px solid #efeff0; } + menu arrow.bottom, + .menu arrow.bottom { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + border-top: 1px solid #efeff0; } + menu arrow:hover, + .menu arrow:hover { + background-color: #efeff0; } + menu arrow:disabled, + .menu arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; } + +popover, +popover.background { + padding: 2px; + border-radius: 3px; + background-clip: border-box; + background-color: #ffffff; + box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.07); } + .csd popover, popover, .csd + popover.background, + popover.background { + border: 1px solid #cdd2d7; } + popover separator, popover .sidebar separator, .sidebar popover separator, popover .sidebar .view separator, .sidebar .view popover separator, + popover.background separator, + popover.background .sidebar .view separator, .sidebar .view + popover.background separator { + background-color: #ffffff; } + popover > list, + popover > .view, + popover > toolbar, + popover > .inline-toolbar, + popover.osd > toolbar, + popover.osd > .inline-toolbar, + popover.background > list, + popover.background > .view, + popover.background > toolbar, + popover.background > .inline-toolbar, + popover.background.osd > toolbar, + popover.background.osd > .inline-toolbar { + border-style: none; + background-color: transparent; } + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; } + cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); } + cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } + +notebook { + -GtkNotebook-initial-gap: 4; + -GtkNotebook-arrow-spacing: 5; + -GtkNotebook-tab-curvature: 0; + -GtkNotebook-tab-overlap: 1; + -GtkNotebook-has-tab-gap: false; + padding: 0; + background-color: #ffffff; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + notebook.frame { + border: 1px solid #dcdfe3; } + notebook header { + background-color: #F5F6F7; } + .frame notebook header { + border: 0px solid #dcdfe3; } + .frame notebook header.top { + border-bottom-width: 0; } + .frame notebook header.bottom { + border-top-width: 0; } + .frame notebook header.right { + border-left-width: 0; } + .frame notebook header.left { + border-right-width: 0; } + notebook header.top { + box-shadow: inset 0 -1px #dcdfe3; } + notebook header.bottom { + box-shadow: inset 0 1px #dcdfe3; } + notebook header.right { + box-shadow: inset 1px 0 #dcdfe3; } + notebook header.left { + box-shadow: inset -1px 0 #dcdfe3; } + notebook header.top tab { + border-width: 0; + background-color: rgba(255, 255, 255, 0); + padding: 4px 15px; + border-top: 2px solid transparent; + padding-top: 6px; + border-radius: 3.5px 2px 0 0; } + notebook header.top tab.reorderable-page { + padding-left: 12px; + padding-right: 12px; } + notebook header.top tab:hover { + background-color: rgba(255, 255, 255, 0.5); + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + notebook header.top tab:active, notebook header.top tab:active:hover { + background-color: #ffffff; + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #ffffff, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + notebook header.bottom tab { + border-width: 0; + background-color: rgba(255, 255, 255, 0); + padding: 4px 15px; + border-bottom: 2px solid transparent; + padding-bottom: 6px; + border-radius: 0 0 2px 3.5px; } + notebook header.bottom tab.reorderable-page { + padding-left: 12px; + padding-right: 12px; } + notebook header.bottom tab:hover { + background-color: rgba(255, 255, 255, 0.5); + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + notebook header.bottom tab:active, notebook header.bottom tab:active:hover { + background-color: #ffffff; + box-shadow: inset 0 -1px #ffffff, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + notebook header.right tab { + border-width: 0; + background-color: rgba(255, 255, 255, 0); + padding: 4px 15px; + border-right: 2px solid transparent; + padding-right: 17px; + border-radius: 0 3.5px 3.5px 0; } + notebook header.right tab:hover { + background-color: rgba(255, 255, 255, 0.5); + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + notebook header.right tab:active, notebook header.right tab:active:hover { + background-color: #ffffff; + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #ffffff, inset -1px 0 #dcdfe3; } + notebook header.left tab { + border-width: 0; + background-color: rgba(255, 255, 255, 0); + padding: 4px 15px; + border-left: 2px solid transparent; + padding-left: 17px; + border-radius: 3.5px 0 0 3.5px; } + notebook header.left tab:hover { + background-color: rgba(255, 255, 255, 0.5); + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + notebook header.left tab:active, notebook header.left tab:active:hover { + background-color: #ffffff; + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #ffffff; } + notebook header.top tabs arrow.up, notebook header.bottom tabs arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + notebook header.top tabs arrow.down, notebook header.bottom tabs arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + notebook header.left tabs arrow.up, notebook header.right tabs arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + notebook header.left tabs arrow.down, notebook header.right tabs arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + notebook header tabs arrow { + color: rgba(92, 97, 108, 0.55); } + notebook header tabs arrow:hover { + color: rgba(92, 97, 108, 0.775); } + notebook header tabs arrow:active { + color: #5c616c; } + notebook header tabs arrow:disabled { + color: rgba(92, 97, 108, 0.25); } + notebook tab label { + padding: 0 2px; + color: rgba(92, 97, 108, 0.55); } + notebook tab:hover label { + color: rgba(92, 97, 108, 0.775); } + notebook tab:active label { + color: #5c616c; } + notebook tab button { + min-height: 18px; + min-width: 16px; + padding: 0; + color: #92959d; } + notebook tab button:hover { + color: #ff4d4d; } + notebook tab button:active, notebook tab button:active:hover { + color: #5294E2; } + +* { + -GtkRange-slider-width: 13; + -GtkRange-trough-border: 0; + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + -GtkScrollbar-min-slider-length: 42; + -GtkRange-stepper-spacing: 0; + -GtkRange-trough-under-steppers: 1; } + +scrollbar button { + border: none; } + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + -GtkRange-slider-width: 6px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + background-color: #8a8e96; + border: 1px solid rgba(255, 255, 255, 0.6); + background-clip: padding-box; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) trough { + border-style: none; + background-color: transparent; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { + margin-top: 2px; + margin-bottom: 2px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + margin-left: 2px; + margin-right: 2px; } + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; } + +scrollbar trough { + background-color: #fcfcfc; + border: 1px none #dcdfe3; } + +scrollbar slider { + background-color: #b8babf; } + scrollbar slider:hover { + background-color: #c7c9cd; } + scrollbar slider:hover:active { + background-color: #5294E2; } + scrollbar slider:disabled { + background-color: transparent; } + +scrollbar slider { + border-radius: 100px; + margin: 3px; } + +scrollbar.fine-tune slider { + margin: 4px; } + +scrollbar.vertical slider { + margin-left: 4px; } + scrollbar.vertical slider:dir(rtl) { + margin-left: 3px; + margin-right: 4px; } + +scrollbar.vertical.fine-tune .slider { + margin-left: 5px; } + scrollbar.vertical.fine-tune .slider:dir(rtl) { + margin-left: 4px; + margin-right: 5px; } + +scrollbar.vertical trough { + border-left-style: solid; } + scrollbar.vertical trough:dir(rtl) { + border-left-style: none; + border-right-style: solid; } + +scrollbar.horizontal slider { + margin-top: 4px; } + +scrollbar.horizontal.fine-tune slider { + margin-top: 5px; } + +scrollbar.horizontal trough { + border-top-style: solid; } + +switch { + font: 1; + outline-color: transparent; } + switch, switch slider { + background-size: 52px 24px; + background-repeat: no-repeat; + background-position: right center; + color: transparent; + border-color: transparent; + border-image: none; + border-style: none; + box-shadow: none; } + switch:dir(rtl), switch slider:dir(rtl) { + background-position: left center; } + switch slider { + min-width: 52px; + min-height: 24px; } + +switch { + background-image: -gtk-scaled(url("assets/switch.png"), url("assets/switch@2.png")); } + +row:selected switch, +infobar switch { + background-image: -gtk-scaled(url("assets/switch-selected.png"), url("assets/switch-selected@2.png")); } + +headerbar switch, +.primary-toolbar switch { + background-image: -gtk-scaled(url("assets/switch-header.png"), url("assets/switch-header@2.png")); } + +switch:active { + background-image: -gtk-scaled(url("assets/switch-active.png"), url("assets/switch-active@2.png")); } + +row:selected switch:active, +infobar switch:active { + background-image: -gtk-scaled(url("assets/switch-active-selected.png"), url("assets/switch-active-selected@2.png")); } + +headerbar switch:active, +.primary-toolbar switch:active { + background-image: -gtk-scaled(url("assets/switch-active-header.png"), url("assets/switch-active-header@2.png")); } + +switch:disabled { + background-image: -gtk-scaled(url("assets/switch-insensitive.png"), url("assets/switch-insensitive@2.png")); } + +row:selected switch:disabled, +infobar switch:disabled { + background-image: -gtk-scaled(url("assets/switch-insensitive-selected.png"), url("assets/switch-insensitive-selected@2.png")); } + +headerbar switch:disabled, +.primary-toolbar switch:disabled { + background-image: -gtk-scaled(url("assets/switch-insensitive-header.png"), url("assets/switch-insensitive-header@2.png")); } + +switch:active:disabled { + background-image: -gtk-scaled(url("assets/switch-active-insensitive.png"), url("assets/switch-active-insensitive@2.png")); } + +row:selected switch:active:disabled, +infobar switch:active:disabled { + background-image: -gtk-scaled(url("assets/switch-active-insensitive-selected.png"), url("assets/switch-active-insensitive-selected@2.png")); } + +headerbar switch:active:disabled, +.primary-toolbar switch:active:disabled { + background-image: -gtk-scaled(url("assets/switch-active-insensitive-header.png"), url("assets/switch-active-insensitive-header@2.png")); } + +check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check, +GtkFileChooserDialog .dialog-vbox > .frame check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } + +.view check:selected, +row:selected check, +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); } + +check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:disabled, +GtkFileChooserDialog .dialog-vbox > .frame check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } + +.view check:disabled:selected, +row:selected check:disabled, +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); } + +check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate, +GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } + +.view check:indeterminate:selected, +row:selected check:indeterminate, +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); } + +check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate:disabled, +GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } + +.view check:indeterminate:disabled:selected, +row:selected check:indeterminate:disabled, +infobar check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); } + +check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked, +GtkFileChooserDialog .dialog-vbox > .frame check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } + +.view check:checked:selected, +row:selected check:checked, +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); } + +check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked:disabled, +GtkFileChooserDialog .dialog-vbox > .frame check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + +.view check:checked:disabled:selected, +row:selected check:checked:disabled, +infobar check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); } + +radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio, +GtkFileChooserDialog .dialog-vbox > .frame radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } + +.view radio:selected, +row:selected radio, +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); } + +radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:disabled, +GtkFileChooserDialog .dialog-vbox > .frame radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } + +.view radio:disabled:selected, +row:selected radio:disabled, +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); } + +radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate, +GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } + +.view radio:indeterminate:selected, +row:selected radio:indeterminate, +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); } + +radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate:disabled, +GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } + +.view radio:indeterminate:disabled:selected, +row:selected radio:indeterminate:disabled, +infobar radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); } + +radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked, +GtkFileChooserDialog .dialog-vbox > .frame radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } + +.view radio:checked:selected, +row:selected radio:checked, +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); } + +radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked:disabled, +GtkFileChooserDialog .dialog-vbox > .frame radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + +.view radio:checked:disabled:selected, +row:selected radio:checked:disabled, +infobar radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); } + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); + background-color: transparent; } + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); + background-color: transparent; } + +checkbutton.text-button, radiobutton.text-button { + padding: 1px 2px 4px; + outline-offset: 0; } + checkbutton.text-button:disabled, checkbutton.text-button:disabled:active, checkbutton.text-button:disabled:indeterminate, radiobutton.text-button:disabled, radiobutton.text-button:disabled:active, radiobutton.text-button:disabled:indeterminate { + color: rgba(92, 97, 108, 0.55); } + +radiobutton radio, +checkbutton check { + min-width: 16px; + min-height: 16px; + margin: 0 2px; } + radiobutton radio:only-child, + checkbutton check:only-child { + margin: 0; } + +scale { + -GtkScale-slider-length: 15; + -GtkRange-slider-width: 15; + -GtkRange-trough-border: 0; + outline-offset: -1px; + -gtk-outline-radius: 2px; } + scale marks { + color: alpha(currentColor,0.7); } + scale.fine-tune trough, scale.fine-tune fill, scale.fine-tune highlight { + border-radius: 5px; + margin: 3px; } + scale trough, scale fill, scale highlight { + border-radius: 2.5px; } + scale slider { + background-clip: border-box; + background-image: linear-gradient(to bottom, #fbfbfc); + border: 1px solid rgba(123, 142, 186, 0.5); + border-radius: 50%; + box-shadow: none; } + scale slider:hover { + background-image: linear-gradient(to bottom, white); + border-color: rgba(123, 142, 186, 0.5); } + scale slider:disabled { + background-image: linear-gradient(to bottom, #fbfbfb); + border-color: rgba(123, 142, 186, 0.3); } + scale slider:active { + background-image: linear-gradient(to bottom, #5294E2); + border-color: #5294E2; } + .osd scale slider { + background-image: linear-gradient(to bottom, rgba(53, 57, 69, 0.95)); + border-color: #5294E2; } + .osd scale slider:hover { + background-image: linear-gradient(to bottom, #5294E2); } + .osd scale slider:active { + background-image: linear-gradient(to bottom, #2679db); + border-color: #2679db; } + row:selected scale slider, + infobar scale slider { + background-image: linear-gradient(to bottom, #ffffff); + border-color: #ffffff; } + row:selected scale slider:hover, + infobar scale slider:hover { + background-image: linear-gradient(to bottom, #e5effb); + border-color: #e5effb; } + row:selected scale slider:active, + infobar scale slider:active { + background-image: linear-gradient(to bottom, #a9caf1); + border-color: #a9caf1; } + row:selected scale slider:disabled, + infobar scale slider:disabled { + background-image: linear-gradient(to bottom, #b1cff2); + border-color: #b1cff2; } + scale trough { + margin: 5px; + border: none; + background-image: linear-gradient(to bottom, #cfd6e6); } + scale trough highlight { + background-image: linear-gradient(to bottom, #5294E2); } + scale trough highlight:disabled { + background-image: linear-gradient(to bottom, rgba(82, 148, 226, 0.55)); } + scale trough fill { + background: none; + background-color: red; } + scale trough:disabled { + background-image: linear-gradient(to bottom, rgba(207, 214, 230, 0.55)); } + .osd scale trough { + background-image: linear-gradient(to bottom, rgba(69, 74, 89, 0.95)); + outline-color: rgba(186, 195, 207, 0.2); } + .osd scale trough highlight { + background-image: none; + background-image: linear-gradient(to bottom, #5294E2); } + row:selected scale trough, + infobar scale trough { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); } + row:selected scale trough highlight, + infobar scale trough highlight { + background-image: linear-gradient(to bottom, #ffffff); } + row:selected scale trough highlight:disabled, + infobar scale trough highlight:disabled { + background-image: linear-gradient(to bottom, #b1cff2); } + row:selected scale trough:disabled, + infobar scale trough:disabled { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(92, 97, 108, 0.7); } + progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; } + progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; } + progressbar progress { + background-color: #5294E2; + border: none; + border-radius: 3px; + box-shadow: none; } + row:selected progressbar progress, + infobar progressbar progress { + background-color: #ffffff; } + progressbar trough { + border: none; + border-radius: 3px; + background-color: #cfd6e6; } + row:selected progressbar trough, + infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); } + +levelbar block { + min-width: 32px; + min-height: 1px; } + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; } + +levelbar trough { + border: none; + padding: 3px; + border-radius: 3px; + background-color: #cfd6e6; } + +levelbar.horizontal.discrete block { + margin: 0 1px; } + +levelbar.vertical.discrete block { + margin: 1px 0; } + +levelbar block:not(.empty) { + border: 1px solid #5294E2; + background-color: #5294E2; + border-radius: 2px; } + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; } + +levelbar block.high { + border-color: #5294E2; + background-color: #5294E2; } + +levelbar block.full { + border-color: #73d216; + background-color: #73d216; } + +levelbar block.empty { + background-color: rgba(92, 97, 108, 0.2); + border-color: rgba(92, 97, 108, 0.2); } + +frame border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid #dcdfe3; + padding: 0; } + frame border.flat, + .frame.flat { + border-style: none; } + +paper { + border: 1px solid #dcdfe3; + background: white; + padding: 0; } + +scrolledwindow viewport.frame, placessidebar viewport.frame { + border-style: none; } + +scrolledwindow overshoot.top, placessidebar overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow overshoot.bottom, placessidebar overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow overshoot.left, placessidebar overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow overshoot.right, placessidebar overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow undershoot.top, placessidebar undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; } + +scrolledwindow undershoot.bottom, placessidebar undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; } + +scrolledwindow undershoot.left, placessidebar undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; } + +scrolledwindow undershoot.right, placessidebar undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; } + +scrolledwindow junction, placessidebar junction { + border-color: transparent; + border-image: linear-gradient(to bottom, #dcdfe3 1px, transparent 1px) 0 0 0 1/0 1px stretch; + background-color: #fcfcfc; } + scrolledwindow junction:dir(rtl), placessidebar junction:dir(rtl) { + border-image-slice: 0 1 0 0; } + +separator, .sidebar separator, .sidebar .view separator { + background-color: rgba(0, 0, 0, 0.1); + min-width: 1px; + min-height: 1px; } + +list { + background-color: #ffffff; + border-color: #dcdfe3; } + +row { + padding: 2px; } + +row.activatable.has-open-popup, row.activatable:hover { + background-color: rgba(0, 0, 0, 0.05); } + +row.activatable:active { + color: #5c616c; } + +row.activatable:selected:active { + color: #ffffff; } + +row.activatable:selected.has-open-popup, row.activatable:selected:hover { + background-color: #4a85cb; } + +row.activatable:selected:disabled { + color: rgba(255, 255, 255, 0.7); + background-color: rgba(82, 148, 226, 0.7); } + row.activatable:selected:disabled label { + color: inherit; } + +row, row.activatable { + transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + row:hover, row.activatable:hover { + transition: none; } + +.app-notification { + padding: 10px; + color: #BAC3CF; + background-color: rgba(53, 57, 69, 0.95); + background-clip: border-box; + border-radius: 0 0 2px 2px; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: rgba(31, 33, 40, 0.95); } + .app-notification border { + border: none; } + .app-notification button { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.35); } + .app-notification button.flat, .app-notification button.sidebar-button { + border-color: rgba(82, 148, 226, 0); } + .app-notification button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + .app-notification button:active, .app-notification button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: #5294E2; + background-clip: padding-box; } + .app-notification button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); } + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + expander arrow:hover { + color: #aaaeb7; } + expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +calendar { + color: #5c616c; + border: 1px solid #dcdfe3; + border-radius: 3px; + padding: 2px; } + calendar:selected { + background-color: #5294E2; + color: #ffffff; + border-radius: 1.5px; } + calendar.header { + color: #5c616c; + border: none; + border-radius: 0; } + calendar.button, calendar.button:focus { + color: rgba(92, 97, 108, 0.45); + border-color: transparent; + background-color: transparent; + background-image: none; } + calendar.button:hover, calendar.button:focus:hover { + color: #5c616c; } + calendar.button:disabled, calendar.button:focus:disabled { + color: rgba(92, 97, 108, 0.55); + background-color: transparent; + background-image: none; } + calendar:indeterminate { + color: alpha(currentColor,0.55); } + calendar.highlight { + color: #5c616c; } + +messagedialog { + -GtkDialog-button-spacing: 0; } + messagedialog .titlebar { + background-color: rgba(231, 232, 235, 0.95); + border-bottom: 1px solid rgba(212, 213, 219, 0.95); } + messagedialog .dialog-action-area button { + padding: 2px; } + messagedialog.csd.background { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: none; } + messagedialog.csd .dialog-action-area button { + padding: 2px; + border-radius: 0; } + messagedialog.csd .dialog-action-area button, messagedialog.csd .dialog-action-area button:hover, messagedialog.csd .dialog-action-area button:active, messagedialog.csd .dialog-action-area button:disabled { + border-right-style: none; + border-bottom-style: none; } + messagedialog.csd .dialog-action-area button:last-child { + border-bottom-right-radius: 3px; } + messagedialog.csd .dialog-action-area button:first-child { + border-left-style: none; + border-bottom-left-radius: 3px; } + +.sidebar, .sidebar .view { + border: none; + background-color: #F5F6F7; } + +stacksidebar row { + padding: 10px 4px; } + stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; } + stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; } + +placessidebar row { + padding: 0px; } + placessidebar row > revealer { + padding: 8px 10px; } + placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 8px; } + placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 8px; } + placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 2px; } + placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 2px; } + button.sidebar-button { + min-width: 26px; + min-height: 26px; + padding: 0; + border-radius: 100%; + -gtk-outline-radius: 100%; } + button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.5; } + +placessidebar row.sidebar-placeholder-row { + border: solid 1px #5294E2; } + +placessidebar row.sidebar-new-bookmark-row { + background-color: #d9dde0; } + +placesview .server-list-button > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(0turn); } + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); } + +placesview row.activatable:hover { + background-color: transparent; } + +paned > separator, .sidebar paned > separator, .sidebar .view paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to top, #dcdfe3); + background-size: 1px 1px; } + paned > separator:selected, .sidebar paned > separator:selected, .sidebar .view paned > separator:selected { + background-image: linear-gradient(to top, #5294E2); } + paned > separator.wide, .sidebar paned > separator.wide, .sidebar .view paned > separator.wide { + margin: 0; + padding: 0; + min-width: 5px; + min-height: 5px; + background-image: linear-gradient(to top, #dcdfe3), linear-gradient(to top, #dcdfe3); + background-size: 1px 1px, 1px 1px; } + +paned.horizontal > separator, .sidebar paned.horizontal > separator, .sidebar .view paned.horizontal > separator { + background-repeat: repeat-y; } + paned.horizontal > separator:dir(ltr), .sidebar paned.horizontal > separator:dir(ltr), .sidebar .view paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; } + paned.horizontal > separator:dir(rtl), .sidebar paned.horizontal > separator:dir(rtl), .sidebar .view paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; } + paned.horizontal > separator.wide, .sidebar paned.horizontal > separator.wide, .sidebar .view paned.horizontal > separator.wide { + background-repeat: repeat-y, repeat-y; + background-position: left, right; } + +paned.vertical > separator, .sidebar paned.vertical > separator, .sidebar .view paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; } + paned.vertical > separator.wide, .sidebar paned.vertical > separator.wide, .sidebar .view paned.vertical > separator.wide { + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; } + +infobar { + border-style: none; } + +.info, +.question, +.warning, +.error, +infobar { + background-color: #5294E2; + color: #ffffff; } + +row:selected button, infobar button { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); } + row:selected button.flat, row:selected button.sidebar-button, infobar button.flat, infobar button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0); } + row:selected button:hover, infobar button:hover { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.8); } + row:selected button:active, infobar button:active, row:selected button:active:hover, infobar button:active:hover, row:selected button:checked, infobar button:checked { + color: #5294E2; + outline-color: rgba(82, 148, 226, 0.3); + background-color: #ffffff; + border-color: #ffffff; } + row:selected button:disabled, infobar button:disabled { + color: rgba(255, 255, 255, 0.4); + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.2); } + row:selected button:disabled:active, infobar button:disabled:active, row:selected button:disabled:checked, infobar button:disabled:checked { + color: rgba(82, 148, 226, 0.4); + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.2); } + +tooltip { + border-radius: 2px; + box-shadow: none; } + tooltip.background { + background-color: rgba(53, 57, 69, 0.95); + background-clip: padding-box; } + tooltip decoration { + background-color: transparent; } + tooltip * { + padding: 4px; + background-color: transparent; + color: #BAC3CF; } + +colorswatch, colorswatch:drop(active) { + border-style: none; } + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; } + colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; } + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; } + colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; } + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; } + colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; } + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; } + colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; } + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); } + colorswatch.dark overlay:hover { + border-color: rgba(0, 0, 0, 0.5); } + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); } + colorswatch.light overlay:hover { + border-color: rgba(0, 0, 0, 0.3); } + +colorswatch overlay { + border: 1px solid rgba(0, 0, 0, 0.15); } + colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); } + +colorswatch:disabled { + opacity: 0.5; } + colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; } + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: #fbfbfc; } + colorswatch#add-color-button:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: white; } + colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; } + +button.color { + padding: 0; } + button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; } + +.content-view { + background-color: #ffffff; } + .content-view:hover { + -gtk-icon-effect: highlight; } + +.scale-popup button { + padding: 6px; } + .scale-popup button:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: white; } + +button.scale { + padding: 8px; } + +.context-menu, popover.touch-selection, +popover.background.touch-selection { + font: initial; } + +.monospace { + font: Monospace; } + +button.circular, +button.circular-button { + padding: 0; + min-width: 26px; + min-height: 26px; + border-radius: 50%; + -gtk-outline-radius: 50%; } + button.circular label, + button.circular-button label { + padding: 0; } + +.keycap { + background-color: #ffffff; + border: 1px solid #dcdfe3; + border-radius: 2px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); + color: #5c616c; + padding: 3px 8px 3px 8px; } + .keycap border { + border-style: none; } + +stackswitcher button.text-button { + min-width: 80px; } + +stackswitcher button.circular { + min-width: 0; } + +*:drop(active):focus, +*:drop(active) { + border: 1px solid black; } + +.overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; } + +.overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; } + +.overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; } + +.overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } + +.undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; } + +.undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; } + +.undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; } + +.undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; } + +decoration { + border-radius: 4px 4px 0 0; + border-width: 0px; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 8px 8px 0 rgba(0, 0, 0, 0.2); + margin: 10px; } + decoration:backdrop { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 8px 8px 0 transparent, 0 5px 5px 0 rgba(0, 0, 0, 0.2); } + .tiled decoration { + border-radius: 0; } + .popup decoration { + box-shadow: none; + border-radius: 0; } + decoration.popup { + box-shadow: none; + border-radius: 0; } + decoration.ssd { + border-radius: 4px 4px 0 0; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); } + decoration.ssd.maximized { + border-radius: 0; } + .csd.popup decoration { + border-radius: 2px; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); } + tooltip.csd decoration { + border-radius: 2px; + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); } + messagedialog.csd decoration { + border-radius: 3px; } + .solid-csd decoration { + border-radius: 0; + margin: 1px; + background-color: rgba(231, 232, 235, 0.95); + box-shadow: none; } + +headerbar.default-decoration button.titlebutton, +.titlebar.default-decoration button.titlebutton { + padding: 0 4px; + min-width: 0; } + +headerbar button.titlebutton, +.titlebar button.titlebutton { + padding: 0; + min-width: 24px; + border-color: transparent; + background-color: transparent; + background-image: none; + background-color: rgba(231, 232, 235, 0); } + headerbar button.titlebutton:hover, + .titlebar button.titlebutton:hover { + color: rgba(82, 93, 118, 0.8); + outline-color: rgba(82, 93, 118, 0.1); + border-color: rgba(82, 93, 118, 0.1); + background-color: rgba(251, 251, 252, 0.9); } + headerbar button.titlebutton:active, headerbar button.titlebutton:checked, + .titlebar button.titlebutton:active, + .titlebar button.titlebutton:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, + .titlebar button.titlebutton.close, + .titlebar button.titlebutton.maximize, + .titlebar button.titlebutton.minimize { + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + border-width: 0; } + headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, + .titlebar button.titlebutton.close:backdrop, + .titlebar button.titlebutton.maximize:backdrop, + .titlebar button.titlebutton.minimize:backdrop { + opacity: 1; } + headerbar button.titlebutton.close, + .titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("assets/titlebutton-close.png"), url("assets/titlebutton-close@2.png")); } + headerbar button.titlebutton.close:backdrop, + .titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop.png"), url("assets/titlebutton-close-backdrop@2.png")); } + headerbar button.titlebutton.close:hover, + .titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("assets/titlebutton-close-hover.png"), url("assets/titlebutton-close-hover@2.png")); } + headerbar button.titlebutton.close:active, + .titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("assets/titlebutton-close-active.png"), url("assets/titlebutton-close-active@2.png")); } + headerbar button.titlebutton.maximize, + .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("assets/titlebutton-max.png"), url("assets/titlebutton-max@2.png")); } + headerbar button.titlebutton.maximize:backdrop, + .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-max-backdrop.png"), url("assets/titlebutton-max-backdrop@2.png")); } + headerbar button.titlebutton.maximize:hover, + .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("assets/titlebutton-max-hover.png"), url("assets/titlebutton-max-hover@2.png")); } + headerbar button.titlebutton.maximize:active, + .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("assets/titlebutton-max-active.png"), url("assets/titlebutton-max-active@2.png")); } + headerbar button.titlebutton.minimize, + .titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("assets/titlebutton-min.png"), url("assets/titlebutton-min@2.png")); } + headerbar button.titlebutton.minimize:backdrop, + .titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-min-backdrop.png"), url("assets/titlebutton-min-backdrop@2.png")); } + headerbar button.titlebutton.minimize:hover, + .titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("assets/titlebutton-min-hover.png"), url("assets/titlebutton-min-hover@2.png")); } + headerbar button.titlebutton.minimize:active, + .titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("assets/titlebutton-min-active.png"), url("assets/titlebutton-min-active@2.png")); } + +.view:selected, +.view selection, +.view selection:focus, +.view selection:hover, +textview text:selected, +textview text selection, +textview text selection:focus, +textview text selection:hover, iconview:selected, iconview:selected:focus, flowbox flowboxchild:selected, label:selected, +label selection, +label selection:focus, +label selection:hover, menuitem.button.flat:active, menuitem.button.flat:selected, +modelbutton.flat:active, +modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected, entry.gb-command-bar-entry.flat:selected, spinbutton.gb-command-bar-entry.flat:selected, entry.gb-command-bar-entry.flat:selected:focus, spinbutton.gb-command-bar-entry.flat:selected:focus, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected:hover, GtkFileChooserDialog placessidebar.sidebar row.activatable:active:hover, +NautilusWindow placessidebar.sidebar row.activatable:selected, +NautilusWindow placessidebar.sidebar row.activatable:selected:hover, +NautilusWindow placessidebar.sidebar row.activatable:active:hover { + background-image: none; + background-color: #5294E2; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); } + +GeditNotebook.notebook header.top tab:active, +ScratchMainWindow .notebook header.top tab:active, +EphyNotebook.notebook header.top tab:active, +MidoriNotebook .notebook header.top tab:active, +TerminalWindow .notebook header.top tab:active, +PantheonTerminalPantheonTerminalWindow .notebook header.top tab:active { + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + +TerminalWindow .notebook.header.top, +PantheonTerminalPantheonTerminalWindow .notebook.header.top { + box-shadow: inset 0 1px #d4d5db, inset 0 -1px #dcdfe3; } + TerminalWindow .notebook.header.top tab, + PantheonTerminalPantheonTerminalWindow .notebook.header.top tab { + padding-top: 7px; + border-top-width: 3px; } + +GtkHTML { + background-color: #ffffff; + color: #5c616c; } + GtkHTML:active { + color: #ffffff; + background-color: #5294E2; } + +SushiFontWidget { + padding: 6px 12px; } + +TerminalWindow .background { + background-color: transparent; } + +TerminalWindow scrollbar.vertical slider { + margin-left: 3px; } + +TerminalWindow scrollbar trough { + border-width: 0; } + +TerminalWindow .notebook tab button { + color: #92959d; } + TerminalWindow .notebook tab button:hover { + color: #5c616c; + border-color: #cfd6e6; + background-color: #fbfbfc; } + +TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover { + color: #ff4d4d; } + +TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { + color: #5294E2; } + +.nautilus-canvas-item { + border-radius: 2px; } + +.nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item { + color: #ffffff; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } + .nautilus-desktop.nautilus-canvas-item:active, .nemo-desktop.nemo-canvas-item:active { + color: #5c616c; } + .nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected { + color: #ffffff; } + +.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, +popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, +.nautilus-list-dim-label { + color: #a9acb2; } + .nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, headerbar .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, label.nautilus-canvas-item.separator:selected:focus, headerbar .nautilus-canvas-item.subtitle:selected:focus, + .nautilus-list-dim-label:selected, + .nautilus-list-dim-label:selected:focus { + color: #dceaf9; } + +NautilusQueryEditor searchbar { + padding: 5px; + box-shadow: none; + background-color: #ffffff; } + +button.nautilus-circular-button.image-button { + border-radius: 50%; + -gtk-outline-radius: 50%; + padding: 8px; } + +.disk-space-display { + border-style: solid; + border-width: 1px; } + .disk-space-display.unknown { + background-color: rgba(92, 97, 108, 0.5); + border-color: rgba(69, 72, 80, 0.5); } + .disk-space-display.used { + background-color: rgba(82, 148, 226, 0.8); + border-color: rgba(38, 121, 219, 0.8); } + .disk-space-display.free { + background-color: #edeef0; + border-color: #d0d5da; } + +NautilusListView .view { + border-bottom: 1px solid #dcdfe3; } + +NemoWindow EelEditableLabel { + transition: none; } + +NemoWindow .sidebar .frame { + border-width: 0; } + +NemoWindow separator.horizontal, NemoWindow .sidebar .view separator.horizontal, .sidebar .view NemoWindow separator.horizontal { + color: #dcdfe3; } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button { + color: rgba(82, 93, 118, 0.8); + outline-color: rgba(82, 93, 118, 0.1); + border-color: rgba(82, 93, 118, 0.1); + background-color: rgba(251, 251, 252, 0.9); } + NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover { + background-color: rgba(255, 255, 255, 0.9); } + NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled { + color: rgba(82, 93, 118, 0.4); } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):hover { + box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1), inset -1px 0 rgba(82, 93, 118, 0.1); } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { + box-shadow: inset -1px 0 rgba(82, 93, 118, 0.1); } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { + box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1); } + +.gedit-headerbar-paned { + color: rgba(212, 213, 219, 0.95); } + +.open-document-selector-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #ffffff; } + .open-document-selector-treeview.view:hover { + background-color: rgba(0, 0, 0, 0.05); } + .open-document-selector-treeview.view:hover:selected { + color: #ffffff; + background-color: #5294E2; } + +.open-document-selector-name-label { + color: #5c616c; } + +.open-document-selector-path-label { + color: #aeb0b6; + font-size: smaller; } + .open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); } + +.gedit-document-panel row button { + color: transparent; + background-image: none; + background-color: transparent; + border: none; + box-shadow: none; + padding: 4px; } + .gedit-document-panel row button image { + color: inherit; } + +.gedit-document-panel .prelight-row button { + color: #92959d; } + +.gedit-document-panel row button:hover, +.gedit-document-panel .prelight-row button:hover { + color: #ff4d4d; } + +.gedit-document-panel .prelight-row:selected button:hover { + color: #ff6666; + background-image: none; + background-color: transparent; + border: none; + box-shadow: none; } + .gedit-document-panel .prelight-row:selected button:hover:active { + color: #ffffff; } + +.gedit-document-panel .prelight-row button:active { + color: #5c616c; } + +.gedit-document-panel-dragged-row { + border: 1px solid #dcdfe3; + background-color: #d9dde0; + color: #5c616c; } + +GeditStatusbar { + border-top: 1px solid #dcdfe3; + background-color: #F5F6F7; } + +GeditStatusMenuButton.button.flat, +GeditStatusMenuButton:hover.button.flat, +GeditStatusMenuButton:checked.button.flat { + border-bottom-style: none; + border-radius: 0; } + +GeditFileBrowserWidget toolbar, GeditFileBrowserWidget .inline-toolbar { + border-bottom: 1px solid #dcdfe3; } + +.gedit-search-entry-occurrences-tag { + color: rgba(92, 97, 108, 0.6); + border: none; + margin: 2px; + padding: 2px; } + +GeditViewFrame .gedit-search-slider { + background-color: #fbfbfc; + padding: 6px; + border-color: #dcdfe3; + border-radius: 0 0 2px 2px; + border-width: 0 1px 1px 1px; + border-style: solid; } + +GbWorkbench .floating-bar { + color: #5c616c; } + +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr), +GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) { + padding: 0 10px; + color: rgba(82, 93, 118, 0.8); + caret-color: rgba(82, 93, 118, 0.8); + border-color: rgba(82, 93, 118, 0.1); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); + background-color: transparent; } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr) image, GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr) image:hover, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) image, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) image:hover { + color: inherit; } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):hover, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):hover { + color: #ffffff; + caret-color: #ffffff; + border-color: #5294E2; + background-image: linear-gradient(to bottom, #5294E2); } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):active, GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):checked, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):active, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):checked { + color: #ffffff; + caret-color: #ffffff; + border-color: #5294E2; + background-image: linear-gradient(to bottom, #5294E2); } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):disabled, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):disabled { + color: rgba(82, 93, 118, 0.35); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75)); } + +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr), +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):hover, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):active, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):checked { + border-left-style: none; + border-radius: 0 3px 3px 0; + -gtk-outline-radius: 0 1px 1px 0; } + +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl), +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):hover, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):active, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):checked { + border-right-style: none; + border-radius: 3px 0 0 3px; + -gtk-outline-radius: 1px 0 0 1px; } + +GbPreferencesPageLanguage entry, GbPreferencesPageLanguage spinbutton { + border-radius: 3px 3px 0 0; } + +GbPreferencesPageLanguage .frame { + border-top-width: 0; } + +GbEditorTweakWidget .linked.vertical > entry, GbEditorTweakWidget .linked.vertical > spinbutton { + border-bottom-style: solid; } + +GbEditorTweakWidget scrolledwindow, GbEditorTweakWidget placessidebar { + border-top: none; } + +GbViewStack box.header.notebook { + border-bottom: 1px solid #dcdfe3; } + +GbViewStack.focused box.header.notebook, +#project_sidebar_header.focused { + background-color: #ffffff; } + +GbEditorWorkspace > paned > box > box.header.notebook { + border-bottom: 1px solid #dcdfe3; } + +GbNewProjectDialog button.file.linked-on-right button { + border-radius: 3px 0 0 3px; } + +GbWorkspacePane box.header.notebook { + border-bottom: 1px solid #dcdfe3; } + +GbWorkspacePane:not(.focused) box.header.notebook { + background-color: #F5F6F7; } + +DhSidebar entry.search, DhSidebar spinbutton.search, +SymbolTree entry.search, +SymbolTree spinbutton.search { + border-left: none; + border-right: none; + border-top: none; + border-radius: 0px; } + +entry.gb-command-bar-entry.flat, spinbutton.gb-command-bar-entry.flat, +entry.gb-command-bar-entry.flat:focus, +spinbutton.gb-command-bar-entry.flat:focus { + font-family: Monospace; + color: #BAC3CF; + background-image: none; + background-color: #353945; + padding: 6px 6px 6px 6px; + border: none; } + +GbTerminalView { + background-color: #ffffff; + color: #5c616c; } + +GbSourceStyleSchemeWidget GtkSourceView { + font-family: Monospace; } + +scrolledwindow.gb-linked-scroller, placessidebar.gb-linked-scroller { + border-top: none; } + +GbSearchDisplayGroup list row +GbDocumentStack button { + transition: none; } + +GbViewStack box.header.notebook, +GbEditorWorkspace > paned > box > box.header.notebook { + border-bottom: 1px solid #dcdfe3; } + +GbViewStack.focused box.header.notebook { + background-color: #ffffff; } + GbViewStack.focused box.header.notebook button.dim-label, GbViewStack.focused box.header.notebook headerbar button.subtitle, headerbar GbViewStack.focused box.header.notebook button.subtitle { + opacity: 1; } + +EphyWindow .floating-bar { + color: #5c616c; } + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; } + +.documents-icon-bg { + background-color: #5294E2; + color: #ffffff; + border-radius: 2px; } + +.documents-collection-icon { + background-color: rgba(92, 97, 108, 0.3); + border-radius: 2px; } + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #a9caf1; } + +.documents-entry-tag { + background-color: #5294E2; + color: #ffffff; + border-radius: 2px; + border-width: 0; + margin: 2px; + padding: 4px; } + .documents-entry-tag:hover { + color: #ffffff; + background-color: #639fe5; } + .documents-entry-tag:active { + color: #ffffff; + background-color: #4189df; } + toolbar .linked .documents-entry-tag button, .inline-toolbar .linked .documents-entry-tag button { + background: none; + border: none; + box-shadow: none; + -gtk-icon-shadow: none; } + toolbar .linked .documents-entry-tag button:hover, .inline-toolbar .linked .documents-entry-tag button:hover { + color: rgba(255, 255, 255, 0.7); } + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } + +TotemGrilo.vertical GdMainView.frame { + border-width: 0; } + +SynapseGuiSelectionContainer *:selected, +SynapseGuiViewVirgilio *:selected { + background-color: #5294E2; } + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; } + +.gnome-panel-menu-bar, +PanelApplet > menubar, +PanelToplevel, +PanelWidget, +PanelAppletFrame, +PanelApplet { + color: #BAC3CF; + background-image: linear-gradient(to bottom, rgba(43, 46, 55, 0.95)); } + +PanelApplet button, PanelApplet button:backdrop { + padding: 4px; + border: 2px solid transparent; + border-radius: 0; + background-image: none; + background-color: transparent; + color: #BAC3CF; } + +PanelApplet button:hover { + color: #d8dde4; + background-color: rgba(0, 0, 0, 0.17); + border-color: rgba(0, 0, 0, 0.17); } + +PanelApplet button:active, PanelApplet button:active:backdrop, +PanelApplet button:checked, PanelApplet button:checked:backdrop { + background-clip: padding-box; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.25); + border-radius: 0; + border-color: rgba(0, 0, 0, 0.25); + box-shadow: inset 0 -2px #5294E2; } + +PanelApplet:hover { + color: #ffffff; } + +PanelApplet:active, +PanelApplet:hover:active { + color: #5294E2; } + +WnckPager { + color: #5d6268; } + WnckPager:selected { + color: #5294E2; } + +NaTrayApplet { + -NaTrayApplet-icon-padding: 12; + -NaTrayApplet-icon-size: 16; } + +ClockBox { + color: #BAC3CF; } + +.xfce4-panel.panel { + background-color: rgba(43, 46, 55, 0.95); } + .xfce4-panel.panel button.flat, .xfce4-panel.panel button.sidebar-button { + color: #BAC3CF; + background-color: rgba(43, 46, 55, 0); + border-radius: 0; } + .xfce4-panel.panel button.flat:hover, .xfce4-panel.panel button.sidebar-button:hover { + border: none; + background-color: rgba(65, 70, 84, 0.95); } + .xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.sidebar-button:active, .xfce4-panel.panel button.flat:checked, .xfce4-panel.panel button.sidebar-button:checked { + color: #5294E2; + border: none; + background-color: rgba(27, 29, 35, 0.95); } + +.floating-bar { + background-color: #5294E2; + color: #ffffff; } + .floating-bar.top { + border-radius: 0 0 2px 2px; } + .floating-bar.right { + border-radius: 2px 0 0 2px; } + .floating-bar.bottom { + border-radius: 2px 2px 0 0; } + .floating-bar.left { + border-radius: 0 2px 2px 0; } + .floating-bar button { + background-color: transparent; + box-shadow: none; + border: none; } + +BirdieWidgetsTweetList * { + background-image: none; + background-color: transparent; } + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: #ffffff; + background-color: #5294E2; + outline-color: transparent; } + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; } + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; } + +.marlin-pathbar.pathbar { + border-radius: 3px; + padding-left: 4px; + padding-right: 4px; + color: rgba(82, 93, 118, 0.8); + caret-color: rgba(82, 93, 118, 0.8); + border-color: rgba(82, 93, 118, 0.1); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); + background-color: transparent; } + .marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; } + .marlin-pathbar.pathbar:focus { + color: #ffffff; + caret-color: #ffffff; + border-color: #5294E2; + background-image: linear-gradient(to bottom, #5294E2); } + .marlin-pathbar.pathbar:disabled { + color: rgba(82, 93, 118, 0.35); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75)); } + .marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { + color: #5294E2; } + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.35); + border-radius: 3px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, white); + background-color: transparent; } + .gala-notification .title, .gala-notification .label { + color: #5c616c; } + +.panel { + background-color: transparent; + color: white; + font-weight: bold; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } + .panel-shadow { + background-image: none; + background-color: transparent; } + .panel .menu { + box-shadow: none; } + .panel .menu .menuitem { + font-weight: normal; + text-shadow: none; + -gtk-icon-shadow: none; } + .panel .menu .window-frame.menu.csd, + .panel .menu .window-frame.popup.csd { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } + .panel .menubar > .menuitem { + padding: 3px 6px; } + .panel .menubar > .menuitem:hover { + background-color: transparent; } + .panel .window-frame.menu.csd, + .panel .window-frame.popup.csd { + box-shadow: none; } + +.composited-indicator { + background-color: transparent; + color: white; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } + .composited-indicator > GtkWidget > GtkWidget:first-child { + padding: 0 2px; } + .composited-indicator .menuitem:active, .composited-indicator .menuitem:hover { + border-style: none; + background-image: none; + box-shadow: none; } + .composited-indicator > .popup > .menu { + padding-top: 8px; + padding-bottom: 8px; } + +.panel-app-button > GtkWidget > GtkWidget:first-child { + padding: 0 2px 0 4px; } + +.panel .menu .spinner, +.menu .spinner { + opacity: 1; } + +WingpanelWidgetsIndicatorPopover.popover { + padding: 0; + text-shadow: none; + -gtk-icon-shadow: none; } + WingpanelWidgetsIndicatorPopover.popover menuitem { + padding: 5px; + outline-color: transparent; + text-shadow: none; + -gtk-icon-shadow: none; + border: solid transparent; + border-width: 1px 0; } + WingpanelWidgetsIndicatorPopover.popover menuitem label, WingpanelWidgetsIndicatorPopover.popover menuitem image { + padding: 0 3px; } + WingpanelWidgetsIndicatorPopover.popover menuitem:hover, WingpanelWidgetsIndicatorPopover.popover menuitem:active { + background-color: rgba(0, 0, 0, 0.04); + border: solid rgba(0, 0, 0, 0.08); + border-width: 1px 0; } + WingpanelWidgetsIndicatorPopover.popover menuitem *:disabled { + color: rgba(92, 97, 108, 0.55); } + +PantheonTerminalPantheonTerminalWindow.background { + background-color: transparent; } + +SwitchboardCategoryView .view:selected, +SwitchboardCategoryView .view:selected:focus { + color: #5c616c; } + +UnityDecoration { + -UnityDecoration-extents: 28px 1 1 1; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 3px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.2); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.07); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #5294E2; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; } + UnityDecoration.top { + border: 1px solid rgba(0, 0, 0, 0.1); + border-bottom-width: 0; + border-radius: 4px 4px 0 0; + padding: 1px 6px 0 6px; + background-image: linear-gradient(to bottom, #e7e8eb); + color: rgba(82, 93, 118, 0.8); + box-shadow: inset 0 1px rgba(239, 240, 242, 0.95); } + UnityDecoration.top:backdrop { + border-bottom-width: 0; + color: rgba(82, 93, 118, 0.5); } + UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } + +UnityPanelWidget, +.unity-panel { + background-image: linear-gradient(to bottom, #2b2e37); + color: #f6f7f9; + box-shadow: none; } + UnityPanelWidget:backdrop, + .unity-panel:backdrop { + color: #bdc6d1; } + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: #ffffff; + background-image: linear-gradient(to bottom, #5294E2); + border-bottom: none; } + +.overlay-bar { + background-color: #5294E2; + border-color: #5294E2; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; } + .overlay-bar label { + color: #ffffff; } + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid #dcdfe3; + border-right: 1px solid #dcdfe3; } + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; } + +.help_button { + border-radius: 100px; + padding: 3px 9px; } + +toolbar.secondary-toolbar, .secondary-toolbar.inline-toolbar { + padding: 3px; + border-bottom: 1px solid #dcdfe3; } + toolbar.secondary-toolbar button, .secondary-toolbar.inline-toolbar button { + padding: 0 3px 0 3px; } + +toolbar.bottom-toolbar, .bottom-toolbar.inline-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: #dcdfe3; + background-color: #F5F6F7; } + toolbar.bottom-toolbar button, .bottom-toolbar.inline-toolbar button { + padding: 2px 3px 2px 3px; } + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; } + +.source-list, +.source-list.view { + background-color: #F5F6F7; + color: #5c616c; + -gtk-icon-style: regular; } + +.source-list.category-expander { + color: transparent; } + +.source-list.view:hover { + background-color: white; } + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: #ffffff; + background-color: #5294E2; } + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #F5F6F7; + background-image: none; } + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #5294E2; + color: #ffffff; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; } + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: #ffffff; + color: #5294E2; } + +.source-list.category-expander { + color: #5c616c; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; } + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; } + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +GraniteWidgetsWelcome { + background-color: #ffffff; } + +GraniteWidgetsWelcome label { + color: #a9acb2; + font: open sans 11; + text-shadow: none; } + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(92, 97, 108, 0.8); } + +.help_button { + border-radius: 0; } + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; } + +.popover_bg { + background-image: linear-gradient(to bottom, #ffffff); + border: 1px solid rgba(0, 0, 0, 0.3); } + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; } + +GraniteWidgetsXsEntry entry, GraniteWidgetsXsEntry spinbutton { + padding: 4px; } + +.h1 { + font: open sans 24px; } + +.h2 { + font: open sans light 18px; } + +.h3 { + font: open sans 11px; } + +.h4, +.category-label { + color: #8a8e96; + font-weight: 600; } + +.h4 { + padding-bottom: 6px; + padding-top: 6px; } + +GtkListBox .h4 { + padding-left: 6px; } + +#panel_window { + background-color: rgba(43, 46, 55, 0.95); + color: #BAC3CF; + font: bold; + box-shadow: inset 0 -1px rgba(27, 29, 35, 0.95); } + #panel_window .menubar, + #panel_window .menubar > .menuitem { + background-color: transparent; + color: #BAC3CF; + font: bold; } + #panel_window .menubar .menuitem:disabled { + color: rgba(186, 195, 207, 0.5); } + #panel_window .menubar .menuitem:disabled label { + color: inherit; } + #panel_window .menubar .menu .menuitem { + font: normal; } + +#login_window, +#shutdown_dialog, +#restart_dialog { + font: normal; + border-style: none; + background-color: transparent; + color: #5c616c; } + +#content_frame { + padding-bottom: 14px; + background-color: #F5F6F7; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; } + +#content_frame button { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: #fbfbfc; } + #content_frame button:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: white; } + #content_frame button:active, #content_frame button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + #content_frame button:disabled { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + #content_frame button:disabled > label { + color: inherit; } + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: rgba(53, 57, 69, 0.95); + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px rgba(53, 57, 69, 0.95); } + +#buttonbox_frame button { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.35); } + #buttonbox_frame button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + #buttonbox_frame button:active, #buttonbox_frame button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: #5294E2; } + #buttonbox_frame button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); } + +#login_window #user_combobox { + color: #5c616c; + font: 13px; } + #login_window #user_combobox .menu { + font: normal; } + +#user_image { + padding: 3px; + border-radius: 2px; } + +#shutdown_button.button { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #F04A50; + border-color: #F04A50; } + #shutdown_button.button:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #f4797e; + border-color: #f4797e; } + #shutdown_button.button:active, #shutdown_button.button:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ec1b22; + border-color: #ec1b22; } + +#restart_button.button { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #4DADD4; + border-color: #4DADD4; } + #restart_button.button:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #76c0de; + border-color: #76c0de; } + #restart_button.button:active, #restart_button.button:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #2e96c0; + border-color: #2e96c0; } + +#greeter_infobar { + border-bottom-width: 0; + font: bold; } + +.titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator { + color: rgba(212, 213, 219, 0.95); } + +NemoWindow GtkEventBox { + background-color: #F5F6F7; } + +GtkFileChooserDialog.csd.background, GtkFileChooserDialog placessidebar list, +NautilusWindow.csd.background, +NautilusWindow placessidebar list { + background-color: transparent; } + +GtkFileChooserDialog placessidebar.sidebar, +NautilusWindow placessidebar.sidebar { + background-color: rgba(53, 57, 69, 0.95); } + GtkFileChooserDialog placessidebar.sidebar row.sidebar-placeholder-row, + NautilusWindow placessidebar.sidebar row.sidebar-placeholder-row { + border: 1px solid #5294E2; } + GtkFileChooserDialog placessidebar.sidebar row.sidebar-new-bookmark-row, + NautilusWindow placessidebar.sidebar row.sidebar-new-bookmark-row { + background-color: rgba(75, 81, 98, 0.95); } + GtkFileChooserDialog placessidebar.sidebar row.activatable, + NautilusWindow placessidebar.sidebar row.activatable { + border: none; + color: #BAC3CF; } + GtkFileChooserDialog placessidebar.sidebar row.activatable .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable .sidebar-icon { + color: rgba(186, 195, 207, 0.6); } + GtkFileChooserDialog placessidebar.sidebar row.activatable:hover, + NautilusWindow placessidebar.sidebar row.activatable:hover { + background-color: rgba(186, 195, 207, 0.15); } + GtkFileChooserDialog placessidebar.sidebar row.activatable:selected .sidebar-icon, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, GtkFileChooserDialog placessidebar.sidebar row.activatable:active:hover .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable:selected .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable:active:hover .sidebar-icon { + color: inherit; } + GtkFileChooserDialog placessidebar.sidebar separator, GtkFileChooserDialog placessidebar.sidebar .view separator, + NautilusWindow placessidebar.sidebar separator, + NautilusWindow placessidebar.sidebar .view separator { + color: transparent; } + +GtkFileChooserDialog.maximized placessidebar.sidebar, +NautilusWindow.maximized placessidebar.sidebar { + background-color: #353945; } + +GtkFileChooserDialog .sidebar-button.button, +NautilusWindow .sidebar-button.button { + color: #BAC3CF; } + GtkFileChooserDialog .sidebar-button.button:hover, + NautilusWindow .sidebar-button.button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + GtkFileChooserDialog .sidebar-button.button:active, + NautilusWindow .sidebar-button.button:active { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: #5294E2; } + GtkFileChooserDialog .sidebar-button.button:not(:hover):not(:active) > image, + NautilusWindow .sidebar-button.button:not(:hover):not(:active) > image { + opacity: 0.5; } + +NemoWindow.csd.background, +NemoWindow .source-list, NemoWindow .source-list.view, NemoWindow .source-list.view:hover, +MarlinViewWindow.csd.background, +MarlinViewWindow .source-list, +MarlinViewWindow .source-list.view, +MarlinViewWindow .source-list.view:hover { + background-color: transparent; } + +NemoWindow .sidebar, NemoWindow .source-list.sidebar.view, +MarlinViewWindow .sidebar, +MarlinViewWindow .source-list.sidebar.view { + background-color: rgba(53, 57, 69, 0.95); } + NemoWindow .sidebar .view, NemoWindow .sidebar row, NemoWindow .source-list.sidebar.view .view, NemoWindow .source-list.sidebar.view row, + MarlinViewWindow .sidebar .view, + MarlinViewWindow .sidebar row, + MarlinViewWindow .source-list.sidebar.view .view, + MarlinViewWindow .source-list.sidebar.view row { + background-color: transparent; + color: #BAC3CF; } + NemoWindow .sidebar .view.cell:selected, NemoWindow .sidebar row.cell:selected, NemoWindow .source-list.sidebar.view .view.cell:selected, NemoWindow .source-list.sidebar.view row.cell:selected, + MarlinViewWindow .sidebar .view.cell:selected, + MarlinViewWindow .sidebar row.cell:selected, + MarlinViewWindow .source-list.sidebar.view .view.cell:selected, + MarlinViewWindow .source-list.sidebar.view row.cell:selected { + background-color: #5294E2; + color: #ffffff; } + NemoWindow .sidebar.frame, NemoWindow .source-list.sidebar.view.frame, + MarlinViewWindow .sidebar.frame, + MarlinViewWindow .source-list.sidebar.view.frame { + color: #BAC3CF; } + NemoWindow .sidebar separator, NemoWindow .sidebar .view separator, NemoWindow .source-list.sidebar.view separator, + MarlinViewWindow .sidebar separator, + MarlinViewWindow .sidebar separator, + MarlinViewWindow .sidebar .view separator, + MarlinViewWindow .source-list.sidebar.view separator { + color: transparent; } + +NemoWindow.maximized .sidebar, +MarlinViewWindow.maximized .sidebar { + background-color: #353945; } + +NemoWindow.background > GtkGrid > paned > separator, .sidebar NemoWindow.background > GtkGrid > paned > separator, .sidebar .view NemoWindow.background > GtkGrid > paned > separator, +MarlinViewWindow.background > GtkBox > paned > separator, .sidebar +MarlinViewWindow.background > GtkBox > paned > separator, .sidebar .view +MarlinViewWindow.background > GtkBox > paned > separator { + background-color: rgba(53, 57, 69, 0.95); } + +NautilusWindow NautilusWindowSlot { + background-color: #ffffff; } + +NautilusDesktopWindow NautilusWindowSlot { + background-color: transparent; } + +GtkFileChooserDialog.background.csd, GtkFileChooserDialog.background { + background-color: rgba(53, 57, 69, 0.95); } + +GtkFileChooserDialog scrolledwindow.sidebar, GtkFileChooserDialog placessidebar.sidebar { + background-color: transparent; } + +GtkFileChooserDialog paned > .vertical > .horizontal { + background-color: #F5F6F7; } + +GtkFileChooserDialog .dialog-action-box { + background-color: #F5F6F7; } + +GtkFileChooserDialog .dialog-vbox > .frame { + color: #BAC3CF; + border-color: transparent; } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame { + background-color: transparent; + border-color: rgba(37, 40, 49, 0.95); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame label, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame combobox, +GtkFileChooserDialog .dialog-vbox > .frame label, +GtkFileChooserDialog .dialog-vbox > .frame combobox { + color: #BAC3CF; } + +FeedReaderreaderUI.background.csd > .titlebar .pane-separator, +FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator, +FeedReaderreaderUI.background.csd > .titlebar .pane-separator:backdrop, +FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator:backdrop, +GeditWindow.background.csd > .titlebar .pane-separator, +GeditWindow.background.csd.maximized > .titlebar .pane-separator, +GeditWindow.background.csd > .titlebar .pane-separator:backdrop, +GeditWindow.background.csd.maximized > .titlebar .pane-separator:backdrop { + background-color: rgba(212, 213, 219, 0.95); } + +FeedReaderreaderUI.background.csd > .titlebar > headerbar.titlebar, +GeditWindow.background.csd > .titlebar > headerbar.titlebar { + background-color: rgba(231, 232, 235, 0.95); } + FeedReaderreaderUI.background.csd > .titlebar > headerbar.titlebar:backdrop, + GeditWindow.background.csd > .titlebar > headerbar.titlebar:backdrop { + background-color: rgba(239, 240, 242, 0.95); } + +FeedReaderreaderUI.background.csd.maximized > .titlebar > headerbar.titlebar, +GeditWindow.background.csd.maximized > .titlebar > headerbar.titlebar { + background-color: #e7e8eb; } + FeedReaderreaderUI.background.csd.maximized > .titlebar > headerbar.titlebar:backdrop, + GeditWindow.background.csd.maximized > .titlebar > headerbar.titlebar:backdrop { + background-color: #eff0f2; } + +FeedReaderreaderUI.background.csd > FeedReaderreaderHeaderbar.titlebar, +GeditWindow.background.csd > .titlebar { + background-color: transparent; } + +GeditWindow.background.csd { + background-color: transparent; } + +GeditWindow.background .gedit-side-panel-paned .pane-separator { + background-color: rgba(53, 57, 69, 0.95); } + +GeditWindow.background .gedit-bottom-panel-paned .pane-separator { + background-color: #dcdfe3; } + +.gedit-bottom-panel-paned { + background-color: #ffffff; } + +.gedit-document-panel { + background-color: rgba(53, 57, 69, 0.95); } + .maximized .gedit-document-panel { + background-color: #353945; } + .gedit-document-panel row { + color: #BAC3CF; } + .gedit-document-panel row { + background-color: rgba(186, 195, 207, 0); + border: solid rgba(186, 195, 207, 0); + border-width: 3px 2px 3px 2px; } + .gedit-document-panel row:hover { + border: solid rgba(186, 195, 207, 0.15); + border-width: 3px 2px 3px 2px; + background-color: rgba(186, 195, 207, 0.15); } + .gedit-document-panel row:active { + color: #ffffff; + background-color: #5294E2; + border: solid #5294E2; + border-width: 3px 2px 3px 2px; } + .gedit-document-panel row:active button { + color: #ffffff; } + .gedit-document-panel row:selected, .gedit-document-panel row:selected:hover { + color: #ffffff; + background-color: #5294E2; + border: solid #5294E2; + border-width: 3px 2px 3px 2px; } + .gedit-document-panel .prelight-row button:active { + color: #BAC3CF; } + +GeditFileBrowserWidget { + background-color: rgba(53, 57, 69, 0.95); } + .maximized GeditFileBrowserWidget { + background-color: #353945; } + GeditFileBrowserWidget .horizontal { + background-color: transparent; + border-color: rgba(37, 40, 49, 0.95); } + GeditFileBrowserWidget .horizontal combobox { + color: #BAC3CF; } + +GeditWindow.background.csd GeditFileBrowserView.view { + background-color: transparent; + color: #BAC3CF; } + GeditWindow.background.csd GeditFileBrowserView.view.expander { + color: #BAC3CF; } + GeditWindow.background.csd GeditFileBrowserView.view.expander:hover { + color: #5294E2; } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button, +GtkFileChooserDialog .dialog-vbox > .frame button, GeditFileBrowserWidget .horizontal button { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.35); } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:hover, + GtkFileChooserDialog .dialog-vbox > .frame button:hover, GeditFileBrowserWidget .horizontal button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:active, + GtkFileChooserDialog .dialog-vbox > .frame button:active, GeditFileBrowserWidget .horizontal button:active, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:checked, + GtkFileChooserDialog .dialog-vbox > .frame button:checked, GeditFileBrowserWidget .horizontal button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: #5294E2; } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:disabled, + GtkFileChooserDialog .dialog-vbox > .frame button:disabled, GeditFileBrowserWidget .horizontal button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton, +GtkFileChooserDialog .dialog-vbox > .frame entry, +GtkFileChooserDialog .dialog-vbox > .frame spinbutton { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.35); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.35)); + background-color: transparent; } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry image, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton image, + GtkFileChooserDialog .dialog-vbox > .frame entry image, + GtkFileChooserDialog .dialog-vbox > .frame spinbutton image, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry image:hover, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton image:hover, + GtkFileChooserDialog .dialog-vbox > .frame entry image:hover, + GtkFileChooserDialog .dialog-vbox > .frame spinbutton image:hover { + color: inherit; } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry:focus, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton:focus, + GtkFileChooserDialog .dialog-vbox > .frame entry:focus, + GtkFileChooserDialog .dialog-vbox > .frame spinbutton:focus { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.35); + background-image: linear-gradient(to bottom, #5294E2); } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry:disabled, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton:disabled, + GtkFileChooserDialog .dialog-vbox > .frame entry:disabled, + GtkFileChooserDialog .dialog-vbox > .frame spinbutton:disabled { + color: rgba(186, 195, 207, 0.55); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.2)); } + +GtkFileChooserDialog placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, +NautilusWindow placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, NemoWindow .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, +MarlinViewWindow .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, GeditFileBrowserWidget scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: #e7eaee; + border: 1px solid rgba(0, 0, 0, 0.3); } + +GtkFileChooserDialog placessidebar.sidebar scrollbar slider, +NautilusWindow placessidebar.sidebar scrollbar slider, NemoWindow .sidebar scrollbar slider, NemoWindow .source-list.sidebar.view scrollbar slider, +MarlinViewWindow .sidebar scrollbar slider, +MarlinViewWindow .source-list.sidebar.view scrollbar slider, GeditFileBrowserWidget scrollbar slider { + background-color: rgba(231, 234, 238, 0.7); } + GtkFileChooserDialog placessidebar.sidebar scrollbar slider:hover, + NautilusWindow placessidebar.sidebar scrollbar slider:hover, NemoWindow .sidebar scrollbar slider:hover, NemoWindow .source-list.sidebar.view scrollbar slider:hover, + MarlinViewWindow .sidebar scrollbar slider:hover, + MarlinViewWindow .source-list.sidebar.view scrollbar slider:hover, GeditFileBrowserWidget scrollbar slider:hover { + background-color: #f6f7f9; } + GtkFileChooserDialog placessidebar.sidebar scrollbar slider:hover:active, + NautilusWindow placessidebar.sidebar scrollbar slider:hover:active, NemoWindow .sidebar scrollbar slider:hover:active, + MarlinViewWindow .sidebar scrollbar slider:hover:active, GeditFileBrowserWidget scrollbar slider:hover:active { + background-color: #5294E2; } + GtkFileChooserDialog placessidebar.sidebar scrollbar slider:disabled, + NautilusWindow placessidebar.sidebar scrollbar slider:disabled, NemoWindow .sidebar scrollbar slider:disabled, NemoWindow .source-list.sidebar.view scrollbar slider:disabled, + MarlinViewWindow .sidebar scrollbar slider:disabled, + MarlinViewWindow .source-list.sidebar.view scrollbar slider:disabled, GeditFileBrowserWidget scrollbar slider:disabled { + background-color: transparent; } + +GtkFileChooserDialog placessidebar.sidebar scrollbar trough, +NautilusWindow placessidebar.sidebar scrollbar trough, NemoWindow .sidebar scrollbar trough, NemoWindow .source-list.sidebar.view scrollbar trough, +MarlinViewWindow .sidebar scrollbar trough, +MarlinViewWindow .source-list.sidebar.view scrollbar trough, GeditFileBrowserWidget scrollbar trough { + background-color: rgba(0, 0, 0, 0.2); + border: none; } + +@define-color theme_fg_color #5c616c; +@define-color theme_text_color #5c616c; +@define-color theme_bg_color #F5F6F7; +@define-color theme_base_color #ffffff; +@define-color theme_selected_bg_color #5294E2; +@define-color theme_selected_fg_color #ffffff; +@define-color fg_color #5c616c; +@define-color text_color #5c616c; +@define-color bg_color #F5F6F7; +@define-color base_color #ffffff; +@define-color selected_bg_color #5294E2; +@define-color selected_fg_color #ffffff; +@define-color insensitive_bg_color #fbfbfc; +@define-color insensitive_fg_color alpha(#5c616c,0.5); +@define-color insensitive_base_color #ffffff; +@define-color theme_unfocused_fg_color #5c616c; +@define-color theme_unfocused_text_color #5c616c; +@define-color theme_unfocused_bg_color #F5F6F7; +@define-color theme_unfocused_base_color #ffffff; +@define-color borders #dcdfe3; +@define-color unfocused_borders #dcdfe3; +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #73d216; +@define-color placeholder_text_color #A8A8A8; +@define-color content_view_bg #ffffff; +@define-color wm_title alpha(#525d76,0.8); +@define-color wm_unfocused_title alpha(#525d76,0.5); +@define-color wm_bg #e7e8eb; +@define-color wm_bg_unfocused #eff0f2; +@define-color wm_highlight #eff0f2; +@define-color wm_shadow alpha(black,0.35); +@define-color wm_button_close_bg #f46067; +@define-color wm_button_close_hover_bg #f68086; +@define-color wm_button_close_active_bg #f13039; +@define-color wm_icon_close_bg #F8F8F9; +@define-color wm_button_hover_bg #fdfdfd; +@define-color wm_button_active_bg #5294E2; +@define-color wm_button_hover_border #D1D3DA; +@define-color wm_icon_bg #90949E; +@define-color wm_icon_unfocused_bg #B6B8C0; +@define-color wm_icon_hover_bg #7A7F8B; +@define-color wm_icon_active_bg #ffffff; diff --git a/common/gtk-3.0/3.20/gulpfile.js b/common/gtk-3.0/3.20/gulpfile.js new file mode 100644 index 0000000..230ac9d --- /dev/null +++ b/common/gtk-3.0/3.20/gulpfile.js @@ -0,0 +1,18 @@ +var gulp = require("gulp"); +var sass = require("gulp-sass"); +var filter = require('gulp-filter'); + +gulp.task('sass', function () { + return gulp.src('sass/*.scss') + .pipe(sass({ + outputStyle: 'nested', + precision: 5, + onError: function (err) { + notify().write(err); + } + })) + .pipe(gulp.dest('.')) +}); + + +gulp.task('default', ['sass']); diff --git a/common/gtk-3.0/3.20/package.json b/common/gtk-3.0/3.20/package.json new file mode 100644 index 0000000..b08961b --- /dev/null +++ b/common/gtk-3.0/3.20/package.json @@ -0,0 +1,7 @@ +{ + "devDependencies": { + "gulp": "~3.9.0", + "gulp-filter": "~2.0.2", + "gulp-sass": "~2.0.4" + } +} diff --git a/common/gtk-3.0/3.20/render-assets.sh b/common/gtk-3.0/3.20/render-assets.sh new file mode 100755 index 0000000..d31fbb8 --- /dev/null +++ b/common/gtk-3.0/3.20/render-assets.sh @@ -0,0 +1,34 @@ +#! /bin/bash + +INKSCAPE="/usr/bin/inkscape" +OPTIPNG="/usr/bin/optipng" + +SRC_FILE="assets.svg" +ASSETS_DIR="assets" +INDEX="assets.txt" + +for i in `cat $INDEX` +do +if [ -f $ASSETS_DIR/$i.png ]; then + echo $ASSETS_DIR/$i.png exists. +else + echo + echo Rendering $ASSETS_DIR/$i.png + $INKSCAPE --export-id=$i \ + --export-id-only \ + --export-png=$ASSETS_DIR/$i.png $SRC_FILE >/dev/null \ + && $OPTIPNG -o7 --quiet $ASSETS_DIR/$i.png +fi +if [ -f $ASSETS_DIR/$i@2.png ]; then + echo $ASSETS_DIR/$i@2.png exists. +else + echo + echo Rendering $ASSETS_DIR/$i@2.png + $INKSCAPE --export-id=$i \ + --export-dpi=180 \ + --export-id-only \ + --export-png=$ASSETS_DIR/$i@2.png $SRC_FILE >/dev/null \ + && $OPTIPNG -o7 --quiet $ASSETS_DIR/$i@2.png +fi +done +exit 0 diff --git a/common/gtk-3.0/3.20/sass/_applications.scss b/common/gtk-3.0/3.20/sass/_applications.scss new file mode 100644 index 0000000..9d31307 --- /dev/null +++ b/common/gtk-3.0/3.20/sass/_applications.scss @@ -0,0 +1,782 @@ +// +// Tab overrides +// +GeditNotebook.notebook, +ScratchMainWindow .notebook, +EphyNotebook.notebook, +MidoriNotebook .notebook, +TerminalWindow .notebook, +PantheonTerminalPantheonTerminalWindow .notebook { + + header.top tab { + &:active { + box-shadow: inset 0 1px $borders_color, + inset 0 -1px $borders_color, + inset 1px 0 $borders_color, + inset -1px 0 $borders_color; + } + } +} + +TerminalWindow .notebook, +PantheonTerminalPantheonTerminalWindow .notebook { + + &.header.top { + box-shadow: inset 0 1px opacify($header_border, 1), + inset 0 -1px $borders_color; + + tab { + padding-top: 7px; + border-top-width: 3px; + } + } +} + +// +// Evolution +// +// needed for webkit/GtkStyle/Evolution compatibility +GtkHTML { + background-color: $base_color; + color: $text_color; + + &:active { + color: $selected_fg_color; + background-color: $selected_bg_color; + } +} + +// +// Sushi +// +// used by gnome-font-viewer and sushi +SushiFontWidget { + padding: 6px 12px; +} + +// +// GNOME Terminal +// +TerminalWindow { + .background { + background-color: transparent; + } + + scrollbar { + &.vertical slider { margin-left: 3px; } + + trough { border-width: 0; } + } + + .notebook { + tab button { + color: mix($bg_color, $fg_color, 35%); + + &:hover { + color: $fg_color; + border-color: $button_border; + background-color: $button_bg; + } + } + tab:active, tab:hover { + button { + @extend %undecorated_button; + &:hover { color: lighten(red, 15%); @extend %undecorated_button;} + &:active { color: $selected_bg_color; @extend %undecorated_button;} + } + } + } +} + +// +// Nautilus +// +.nautilus-canvas-item { + border-radius: 2px; +} + +.nautilus-desktop.nautilus-canvas-item { + color: $selected_fg_color; + text-shadow: 1px 1px transparentize(black, 0.4); + + &:active { color: $fg_color; } + &:selected { color: $selected_fg_color; } +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: mix($fg_color, $bg_color, 50%); + + &:selected, &:selected:focus { color: mix($selected_fg_color, $selected_bg_color, 80%); } +} + +NautilusQueryEditor searchbar { + padding: 5px; + box-shadow: none; + background-color: $base_color; +} + +button.nautilus-circular-button.image-button { + border-radius: 50%; + -gtk-outline-radius: 50%; + padding: 8px; +} + +$disk_space_unknown: transparentize($fg_color, 0.5); +$disk_space_used: transparentize($selected_bg_color, 0.2); +$disk_space_free: darken($bg_color, 3%); + +.disk-space-display { + border-style: solid; + border-width: 1px; + + &.unknown { + background-color: $disk_space_unknown; + border-color: darken($disk_space_unknown, 10%); + } + &.used { + background-color: $disk_space_used; + border-color: darken($disk_space_used, 10%); + } + &.free { + background-color: $disk_space_free; + border-color: darken($disk_space_free, 10%); + } +} + +// View +NautilusListView .view { border-bottom: 1px solid $borders_color; } + +// +// Nemo +// +.nemo-desktop.nemo-canvas-item { @extend .nautilus-desktop.nautilus-canvas-item; } + +NemoWindow { + + EelEditableLabel { transition: none; } // Workaround for invisible text in rename entry + + .sidebar .frame { border-width: 0; } + + separator.horizontal { color: $borders_color; } + + .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button { + + @include button(header-hover); + + &:hover { background-color: lighten($header_button_bg, 15%); } + &:active, &:checked { @include button(header-active); } + &:disabled { color: transparentize($header_fg, 0.4); } + } + + .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button, + .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover, + .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, + .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked, + .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled { + @extend %linked; + @extend %linked_button; + } + + .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) { + + $_linked_separator_color: $header_button_border; + + > button:hover:not(:checked):not(:active):not(:only-child) { + + &:hover { + box-shadow: inset 1px 0 $_linked_separator_color, + inset -1px 0 $_linked_separator_color; + } + &:first-child:hover { box-shadow: inset -1px 0 $_linked_separator_color; } + &:last-child:hover { box-shadow: inset 1px 0 $_linked_separator_color; } + } + } +} + +// +// Gedit +// +.gedit-headerbar-paned { color: $header_border; } + +.open-document-selector-treeview.view { + padding: 3px 6px 3px 6px; + border-color: $base_color; // disable borders, making them transparent doesn't work for some reason + + &:hover { + background-color: transparentize(black, 0.95); + + &:selected { + color: $selected_fg_color; + background-color: $selected_bg_color; + } + } +} + +.open-document-selector-name-label { + color: $fg_color; +} + +.open-document-selector-path-label { + color: mix($fg_color, $base_color, 50%); + font-size: smaller; + + &:selected { color: transparentize($selected_fg_color, 0.1); } +} + +.gedit-document-panel { + + row button { + color: transparent; + background-image: none; + background-color: transparent; + border: none; + box-shadow: none; + padding: 4px; + & image { color: inherit; } + } + .prelight-row button { + color: mix($bg_color, $fg_color, 35%); + } + row button:hover, + .prelight-row button:hover { + color: lighten(red, 15%); + } + .prelight-row:selected button:hover { + color: lighten(red, 20%); + background-image: none; + background-color: transparent; + border: none; + box-shadow: none; + &:active { color: $selected_fg_color; } + } + .prelight-row button:active { + color: $fg_color; + } +} + +.gedit-document-panel-dragged-row { + border: 1px solid $borders_color; + background-color: darken($bg_color, 10%); + color: $fg_color; +} + +//.gedit-document-panel-placeholder-row { +//} + +GeditStatusbar { + border-top: 1px solid $borders_color; + background-color: $bg_color; +} + +GeditStatusMenuButton.button.flat, +GeditStatusMenuButton:hover.button.flat, +GeditStatusMenuButton:checked.button.flat { + border-bottom-style: none; + border-radius: 0; +} + + +GeditViewFrame .gedit-search-slider { @extend %search_slider } + +GeditFileBrowserWidget toolbar { + border-bottom: 1px solid $borders_color; +} + +.gedit-search-entry-occurrences-tag { + color: transparentize($fg_color, 0.4); + border: none; + margin: 2px; + padding: 2px; +} + +%search_slider { + background-color: lighten($bg_color, 2%); + padding: 6px; + border-color: $borders_color; + border-radius: 0 0 2px 2px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +// +// Gnome Builder +// +GbWorkbench .floating-bar { color: $fg_color; } + +GbSearchBox.linked:not(.vertical) { + + > button.popup:last-child:dir(ltr), + > button.popup:first-child:dir(rtl) { + padding: 0 10px; + + @include entry(header-normal); + + &:hover { @include entry(header-focus); } + &:active, &:checked { @include entry(header-focus); } + &:disabled { @include entry(header-insensitive); } + } + + > button.popup:last-child:dir(ltr), + > button.popup:last-child:dir(ltr):hover, + > button.popup:last-child:dir(ltr):active, + > button.popup:last-child:dir(ltr):checked { + border-left-style: none; + border-radius: 0 3px 3px 0; + -gtk-outline-radius: 0 1px 1px 0; + } + + > button.popup:last-child:dir(rtl), + > button.popup:last-child:dir(rtl):hover, + > button.popup:last-child:dir(rtl):active, + > button.popup:last-child:dir(rtl):checked { + border-right-style: none; + border-radius: 3px 0 0 3px; + -gtk-outline-radius: 1px 0 0 1px; + } +} + +// Preference page language style +GbPreferencesPageLanguage { + entry { border-radius: 3px 3px 0 0; } + .frame { border-top-width: 0 } +} + +// Editor tweak widget +GbEditorTweakWidget { + .linked.vertical > entry { border-bottom-style: solid; } + scrolledwindow { border-top: none; } +} + +// View stack styling +GbViewStack box.header.notebook { + border-bottom: 1px solid $borders_color; +} + +GbViewStack.focused box.header.notebook, +#project_sidebar_header.focused { + background-color: $base_color; +} + +GbEditorWorkspace > paned > box > box.header.notebook { + border-bottom: 1px solid $borders_color; +} + +GbNewProjectDialog button.file.linked-on-right button { + border-radius: 3px 0 0 3px; +} + +// Workspace pane header styling +GbWorkspacePane box.header.notebook { + border-bottom: 1px solid $borders_color; +} + +GbWorkspacePane:not(.focused) box.header.notebook { + background-color: $bg_color; +} + +// Adjust devehlp and symbol panel styling +DhSidebar entry.search, +SymbolTree entry.search { + border-left: none; + border-right: none; + border-top: none; + border-radius: 0px; +} + +// Command Bar styling +entry.gb-command-bar-entry.flat, +entry.gb-command-bar-entry.flat:focus { + font-family: Monospace; + color: $osd_fg_color; + background-image: none; + background-color: opacify($osd_bg_color, 1); + padding: 6px 6px 6px 6px; + border: none; + + &:selected, + &:selected:focus { + @extend %selected_items; + } +} + +GbTerminalView { + background-color: $base_color; + color: $fg_color; +} + +GbSourceStyleSchemeWidget GtkSourceView { + font-family: Monospace; +} + +scrolledwindow.gb-linked-scroller { + border-top: none; +} + +// Disable various animatinos that are enabled by default and really annoying +// to the overall flow of Builder. +GbSearchDisplayGroup list row +GbDocumentStack button { + transition: none; +} + +GbViewStack box.header.notebook, +GbEditorWorkspace > paned > box > box.header.notebook { + border-bottom: 1px solid $borders_color; +} + +GbViewStack.focused box.header.notebook { + background-color: $base_color; + + button.dim-label { opacity: 1; } +} + +// +// Epiphany +// +EphyWindow .floating-bar { // Epiphany overrides the floating-bar style, so reset it + color: $fg_color; +} + +// +// Gnome Documents +// +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: $selected_bg_color; + color: $selected_fg_color; + border-radius: 2px; +} + +.documents-collection-icon { + background-color: transparentize($fg_color, 0.7); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: lighten($selected_bg_color, 20%); +} + +.documents-entry-tag { + background-color: $selected_bg_color; + color: $selected_fg_color; + border-radius: 2px; + border-width: 0; + margin: 2px; + padding: 4px; + + &:hover { + color: $selected_fg_color; + background-color: lighten($selected_bg_color, 4%); + } + &:active { + color: $selected_fg_color; + background-color: darken($selected_bg_color, 4%); + } + + toolbar .linked & button { + background: none; + border: none; + box-shadow: none; + -gtk-icon-shadow: none; + + &:hover { color: transparentize($selected_fg_color, 0.3) } + } +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +// +// Totem +// +TotemGrilo.vertical GdMainView.frame { + border-width: 0; +} + +// +// Synapse +// +SynapseGuiSelectionContainer *:selected, +SynapseGuiViewVirgilio *:selected { background-color: $selected_bg_color; } + +// +// Transmission +// +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; // Remove black border on over- and undershoot +} + +// +// Fallback Mode/Budgie Panel +// +.gnome-panel-menu-bar, +PanelApplet > menubar, +PanelToplevel, +PanelWidget, +PanelAppletFrame, +PanelApplet { + color: $panel_fg; + background-image: linear-gradient(to bottom, $panel_bg); +} + +PanelApplet button, PanelApplet button:backdrop { + padding: 4px; + border: 2px solid transparent; + border-radius: 0; + background-image: none; + background-color: transparent; + color: $panel_fg; +} + +PanelApplet button:hover { + color: lighten($panel_fg, 10%); + background-color: transparentize(black, 0.83); + border-color: transparentize(black, 0.83); +} + +PanelApplet button:active, PanelApplet button:active:backdrop, +PanelApplet button:checked, PanelApplet button:checked:backdrop { + background-clip: padding-box; + color: $selected_fg_color; + background-color: transparentize(black, 0.75); + border-radius: 0; + border-color: transparentize(black, 0.75); + box-shadow: inset 0 -2px $selected_bg_color; +} + +PanelApplet:hover { + color: $selected_fg_color; +} + +PanelApplet:active, +PanelApplet:hover:active { + color: $selected_bg_color; +} + +WnckPager { + color: mix($panel_fg, black, 50%); + &:selected { color: $selected_bg_color } +} + +NaTrayApplet { + -NaTrayApplet-icon-padding: 12; + -NaTrayApplet-icon-size: 16; +} + +ClockBox { + color: $panel_fg; +} + +// Xfce Panel +.xfce4-panel.panel { + background-color: $panel_bg; + + button.flat { + color: $panel_fg; + background-color: transparentize($panel_bg, 1); + border-radius: 0; + + &:hover { + border: none; + background-color: lighten($panel_bg, 10%); + } + &:active, &:checked { + color: $selected_bg_color; + border: none; + background-color: darken($panel_bg, 7%); + } + } +} + +// +// Floating Bar +// +.floating-bar { + background-color: $selected_bg_color; + color: $selected_fg_color; + + &.top { border-radius: 0 0 2px 2px; } + &.right { border-radius: 2px 0 0 2px; } + &.bottom { border-radius: 2px 2px 0 0; } + &.left { border-radius: 0 2px 2px 0; } + + button { + background-color: transparent; + box-shadow: none; + border: none; + } +} + +// Elementary Apps + +// +// Birdie +// +BirdieWidgetsTweetList * { + background-image: none; + background-color: transparent; +} + +// +// Marlin / Pantheon Files +// +MarlinViewWindow { + + *:selected, *:selected:focus { + color: $selected_fg_color; + background-color: $selected_bg_color; + outline-color: transparent; + } + GtkIconView.view:selected { + &, &:focus, &:hover, &:focus:hover { background-color: transparent; } + } + FMListView, FMColumnView { outline-color: transparent; } +} + +.marlin-pathbar.pathbar { + border-radius: 3px; + padding-left: 4px; + padding-right: 4px; + + @include entry(header-normal); + + &:focus { @include entry(header-focus) } + + &:disabled { @include entry(header-insensitive) } + + &:active, &:checked { + color: $selected_bg_color; + } +} + +// +// Gala +// +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.35); + border-radius: 3px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, white); + background-color: transparent; + + .title, .label { + color: #5c616c; + } +} + +// +// Wingpanel +// +.panel { + background-color: transparent; + color: white; + font-weight: bold; + text-shadow: 0 1px 2px transparentize(black, 0.4); + -gtk-icon-shadow: 0 1px 2px transparentize(black, 0.4); + + &-shadow { + background-image: none; + background-color: transparent; + } + .menu { + box-shadow: none; + + .menuitem { + font-weight: normal; + text-shadow: none; + -gtk-icon-shadow: none; + } + + .window-frame.menu.csd, + .window-frame.popup.csd { + box-shadow: 0 0 0 1px transparentize(black, 0.8), + 0 10px 20px transparentize(black, 0.81), + 0 6px 6px transparentize(black, 0.77); + } + } + .menubar > .menuitem { + padding: 3px 6px; + &:hover { background-color: transparent; } + } + .window-frame.menu.csd, + .window-frame.popup.csd { box-shadow: none; } +} + +.composited-indicator { + background-color: transparent; + color: white; + text-shadow: 0 1px 2px transparentize(black, 0.4); + -gtk-icon-shadow: 0 1px 2px transparentize(black, 0.4); + + > GtkWidget > GtkWidget:first-child { padding: 0 2px; } + + .menuitem:active, .menuitem:hover { + border-style: none; + background-image: none; + box-shadow: none; + } + > .popup > .menu { + padding-top: 8px; + padding-bottom: 8px; + } +} + +.panel-app-button > GtkWidget > GtkWidget:first-child { + padding: 0 2px 0 4px; +} + +.panel .menu .spinner, +.menu .spinner { opacity: 1 } // Fixes sound indicator buttons + +// +// Wingpanel Popover +// +WingpanelWidgetsIndicatorPopover.popover { + padding: 0; + + text-shadow: none; + -gtk-icon-shadow: none; + + menuitem { + padding: 5px; + outline-color: transparent; + text-shadow: none; + -gtk-icon-shadow: none; + border: solid transparent; + border-width: 1px 0; + + label, image { padding: 0 3px; } + + &:hover, &:active { + background-color: if($variant == 'light', transparentize(black, 0.96), transparentize(white, 0.95)); + border: solid if($variant == 'light', transparentize(black, 0.92), transparentize(white, 0.93)); + border-width: 1px 0; + } + *:disabled { color: $insensitive_fg_color; } + } +} + +// +// Pantheon Terminal +// +PantheonTerminalPantheonTerminalWindow.background { + background-color: transparent; +} + +// +// Switchboard +// +SwitchboardCategoryView .view:selected, +SwitchboardCategoryView .view:selected:focus { + color: $fg_color; +} diff --git a/common/gtk-3.0/3.20/sass/_colors-public.scss b/common/gtk-3.0/3.20/sass/_colors-public.scss new file mode 100644 index 0000000..8807853 --- /dev/null +++ b/common/gtk-3.0/3.20/sass/_colors-public.scss @@ -0,0 +1,66 @@ +//apps rely on some named colors to be exported + +// 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 +@define-color theme_fg_color #{"" + $fg_color}; +@define-color theme_text_color #{"" + $text_color}; +@define-color theme_bg_color #{"" + $bg_color}; +@define-color theme_base_color #{"" + $base_color}; +@define-color theme_selected_bg_color #{"" + $selected_bg_color}; +@define-color theme_selected_fg_color #{"" + $selected_fg_color}; +@define-color fg_color #{"" + $fg_color}; +@define-color text_color #{"" + $text_color}; +@define-color bg_color #{"" + $bg_color}; +@define-color base_color #{"" + $base_color}; +@define-color selected_bg_color #{"" + $selected_bg_color}; +@define-color selected_fg_color #{"" + $selected_fg_color}; +@define-color insensitive_bg_color #{"" + $insensitive_bg_color}; +@define-color insensitive_fg_color gtkalpha(#{"" + opacify($insensitive_fg_color, 1)}, 0.5); +@define-color insensitive_base_color #{"" + $base_color}; +@define-color theme_unfocused_fg_color #{"" + $fg_color}; +@define-color theme_unfocused_text_color #{"" + $text_color}; +@define-color theme_unfocused_bg_color #{"" + $bg_color}; +@define-color theme_unfocused_base_color #{"" + $base_color}; +@define-color borders #{"" + $borders_color}; +@define-color unfocused_borders #{"" + $borders_color}; + +@define-color warning_color #{"" + $warning_color}; +@define-color error_color #{"" + $error_color}; +@define-color success_color #{"" + $success_color}; +@define-color placeholder_text_color #A8A8A8; + +@define-color content_view_bg #{"" + $base_color}; + +//WM +$wm_highlight: lighten(opacify($header_bg, 1), 3%); +$wm_bg_unfocused: opacify($header_bg_backdrop, 1); + +@define-color wm_title gtkalpha(#{"" + opacify($header_fg, 1)}, 0.8); +@define-color wm_unfocused_title gtkalpha(#{"" + opacify($header_fg, 1)}, 0.5); + +@define-color wm_bg #{"" + opacify($header_bg, 1)}; +@define-color wm_bg_unfocused #{"" + $wm_bg_unfocused}; + +@define-color wm_highlight #{"" + $wm_highlight}; +@define-color wm_shadow gtkalpha(#{black}, 0.35); + +//WM Buttons + +// Close +@define-color wm_button_close_bg #{"" + $wm_button_close_bg}; +@define-color wm_button_close_hover_bg #{"" + $wm_button_close_hover_bg}; +@define-color wm_button_close_active_bg #{"" + $wm_button_close_active_bg}; + +@define-color wm_icon_close_bg #{"" + $wm_icon_close_bg}; + +// Minimize, Maximize +@define-color wm_button_hover_bg #{"" + $wm_button_hover_bg}; +@define-color wm_button_active_bg #{"" + $wm_button_active_bg}; + +@define-color wm_button_hover_border #{"" + $wm_button_hover_border}; + +@define-color wm_icon_bg #{"" + $wm_icon_bg}; +@define-color wm_icon_unfocused_bg #{"" + $wm_icon_unfocused_bg}; +@define-color wm_icon_hover_bg #{"" + $wm_icon_hover_bg}; +@define-color wm_icon_active_bg #{"" + $wm_icon_active_bg}; + diff --git a/common/gtk-3.0/3.20/sass/_colors.scss b/common/gtk-3.0/3.20/sass/_colors.scss new file mode 100644 index 0000000..47daa0f --- /dev/null +++ b/common/gtk-3.0/3.20/sass/_colors.scss @@ -0,0 +1,94 @@ +// When color definition differs for dark and light variant, +// it gets @if ed depending on $variant + + +$base_color: if($variant =='light', #ffffff, #404552); +$text_color: if($variant == 'light', #5c616c, #D3DAE3); +$bg_color: if($variant =='light', #F5F6F7, #383C4A); +$fg_color: if($variant =='light', #5c616c, #D3DAE3); + +$selected_fg_color: #ffffff; +$selected_bg_color: #5294E2; +$selected_borders_color: darken($selected_bg_color, 20%); +$borders_color: if($variant =='light', darken($bg_color,9%), darken($bg_color,6%)); + +$link_color: if($variant == 'light', darken($selected_bg_color,10%), + lighten($selected_bg_color,20%)); +$link_visited_color: if($variant == 'light', darken($selected_bg_color,20%), + lighten($selected_bg_color,10%)); + +$selection_mode_bg: if($transparency == 'true', transparentize($selected_bg_color, 0.05), $selected_bg_color); +$warning_color: #F27835; +$error_color: #FC4138; +$success_color: #73d216; +$destructive_color: #F04A50; +$suggested_color: #4DADD4; + +//insensitive state derived colors +$insensitive_fg_color: if($variant == 'light', transparentize($fg_color, 0.45), transparentize($fg_color, 0.55)); +$insensitive_bg_color: if($variant == 'light', mix($bg_color, $base_color, 40%), lighten($bg_color, 2%)); + +$header_bg: red; +@if $transparency=='true' and $variant=='light' { $header_bg: transparentize(#e7e8eb, 0.05); } +@if $transparency=='false' and $variant=='light' { $header_bg: #e7e8eb; } +@if $transparency=='true' and ($variant=='dark' or $darker=='true') { $header_bg: transparentize(#2f343f, 0.03); } +@if $transparency=='false' and ($variant=='dark' or $darker=='true') { $header_bg: #2f343f; } + +$header_bg_backdrop: if($darker == 'true' or $variant == 'dark', lighten($header_bg, 1.5%), lighten($header_bg, 3%)); + +$header_border: if($variant == 'light' and $darker=='false', darken($header_bg, 7%), darken($header_bg, 4%)); + +$header_fg: if($variant == 'light', saturate(transparentize($fg_color, 0.2), 10%), saturate(transparentize($fg_color, 0.2), 10%)); +$header_fg: if($darker == 'true', saturate(transparentize(#D3DAE3, 0.2), 10%), $header_fg); + +$dark_sidebar_bg: if($transparency == 'true', transparentize(#353945, 0.05), #353945); +$dark_sidebar_fg: #BAC3CF; +$dark_sidebar_border: if($variant == 'light', $dark_sidebar_bg, darken($dark_sidebar_bg, 5%)); + +$osd_fg_color: $dark_sidebar_fg; +$osd_bg_color: $dark_sidebar_bg; + +$osd_button_bg: transparentize(lighten($osd_bg_color, 22%), 0.6); +$osd_button_border: transparentize(darken($osd_bg_color, 12%), 0.6); + +$osd_entry_bg: transparentize(lighten($osd_bg_color, 22%), 0.6); +$osd_entry_border: transparentize(darken($osd_bg_color, 12%), 0.6); + +$osd_insensitive_bg_color: darken($osd_bg_color, 3%); +$osd_insensitive_fg_color: mix($osd_fg_color, opacify($osd_bg_color, 1), 30%); +$osd_borders_color: transparentize(black, 0.3); + +$panel_bg: darken($dark_sidebar_bg, 4.7%); +$panel_fg: $dark_sidebar_fg; + +$entry_bg: if($variant=='light', $base_color, lighten($base_color, 0%)); +$entry_border: if($variant == 'light', #cfd6e6, darken($borders_color, 0%)); + +$header_entry_bg: if($darker == 'true' or $variant == 'dark', transparentize(lighten($header_bg, 22%), 0.6), transparentize($base_color, 0.1)); +$header_entry_border: if($darker == 'true' or $variant == 'dark', transparentize(darken($header_bg, 12%), 0.6), transparentize($header_fg, 0.7)); + +$button_bg: if($variant == 'light', lighten($bg_color, 2%), lighten($base_color, 2%)); +$button_border: $entry_border; + +$header_button_bg: if($darker == 'true' or $variant == 'dark', transparentize(lighten($header_bg, 22%), 0.6), transparentize($button_bg, 0.1)); +$header_button_border: if($darker == 'true' or $variant == 'dark', transparentize(darken($header_bg, 12%), 0.6), transparentize($header_fg, 0.7)); + +//WM Buttons + +// Close +$wm_button_close_bg: if($variant == 'light' and $darker == 'false', #f46067, #cc575d); +$wm_button_close_hover_bg: if($variant == 'light' and $darker == 'false', #f68086, #d7787d); +$wm_button_close_active_bg: if($variant == 'light' and $darker == 'false', #f13039, #be3841); + +$wm_icon_close_bg: if($variant == 'light' and $darker == 'false',#F8F8F9 , #2f343f); + +// Minimize, Maximize +$wm_button_hover_bg: if($variant == 'light' and $darker == 'false', #fdfdfd, #454C5C); +$wm_button_active_bg: $selected_bg_color; + +$wm_button_hover_border: if($variant == 'light' and $darker == 'false', #D1D3DA, #262932); + +$wm_icon_bg: if($variant == 'light' and $darker == 'false', #90949E, #90939B); +$wm_icon_unfocused_bg: if($variant == 'light' and $darker == 'false', #B6B8C0, #666A74); +$wm_icon_hover_bg: if($variant == 'light' and $darker == 'false', #7A7F8B, #C4C7CC); +$wm_icon_active_bg: $selected_fg_color; diff --git a/common/gtk-3.0/3.20/sass/_common.scss b/common/gtk-3.0/3.20/sass/_common.scss new file mode 100644 index 0000000..a39faee --- /dev/null +++ b/common/gtk-3.0/3.20/sass/_common.scss @@ -0,0 +1,3129 @@ +@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', ''); // use dark assets in dark variant +$darker_asset_suffix: if($darker=='true', '-dark', $asset_suffix); + +* { + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: $error_color; + + -GtkScrolledWindow-scrollbar-spacing: 0; + + -GtkToolItemGroup-expander-size: 11; + -GtkTreeView-expander-size: 11; + + -GtkTreeView-horizontal-separator: 4; + + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + + // We use the outline properties to signal the focus properties + outline-color: transparentize($fg_color, 0.7); + outline-style: dashed; + outline-offset: -3px; + outline-width: 1px; + -gtk-outline-radius: 2px; +} + + +// +// Base States +// +.background { + color: $fg_color; + background-color: if($transparency == 'true', transparentize($bg_color, 0.001), $bg_color); // without this headerbar transparency doesn't seem to work +} + +*:disabled { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: $bg_color; + color: $fg_color; + &:hover { + background-color: lighten($bg_color, 10%); + color: $fg_color; + } + &:active { + background-color: darken($bg_color, 10%); + color: $fg_color; + } + &:disabled { + background-color: $insensitive_bg_color; + color: $insensitive_fg_color; + } + &:selected { + background-color: $selected_bg_color; + color: $selected_fg_color; + } +} + +.view, +textview text { + color: $text_color; + background-color: $base_color; + + &:selected, + selection, + selection:focus, + selection:hover { + @extend %selected_items; + } + &.dim-label { + color: transparentize($text_color, 0.45); + + selection, selection:focus { + color: transparentize($selected_fg_color, 0.35); + text-shadow: none; + } + } +} + +iconview { + color: $text_color; + background-color: $base_color; + + &:selected, + &:selected:focus { + border-radius: 3px; + @extend %selected_items; + } +} + +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: 2px; + + &:selected { + outline-offset: -2px; + + @extend %selected_items + } + } +} + +label { + &.separator { + color: $fg_color; + @extend .dim-label; + } + &:selected, + selection, + selection:focus, + selection:hover { + @extend %selected_items; + } + &:disabled { + color: $insensitive_fg_color; + } +} + +.dim-label { + opacity: 0.55; +} + +assistant { + .sidebar { + background-color: $base_color; + border-top: 1px solid $borders_color; + &:dir(ltr) { border-right: 1px solid $borders_color; } + &:dir(rtl) { border-left: 1px solid $borders_color; } + } + &.csd .sidebar { border-top-style: none; } + .sidebar label { + padding: 6px 12px; + } + .sidebar label.highlight { + background-color: $selected_bg_color; + color: $selected_fg_color; + } +} + +textview { // This will get overridden by .view, needed by gedit line numbers + background-color: mix($bg_color, $base_color, 50%); +} + +%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); + box-shadow: none; +} + +// +// Spinner Animations +// +@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 { + min-height: 26px; + border: 1px solid; + padding-left: 8px; + padding-right: 8px; + + border-radius: 3px; + transition: all 200ms $ease-out-quad; + + &.search { border-radius: 20px; } + + @include entry(normal); + + image { // icons inside the entry + color: mix($fg_color,$base_color,80%); + + &.left { padding-left: 0; padding-right: 5px; } + &.right { padding-right: 0; padding-left: 5px; } + } + + &.flat, &.flat:focus { + @include entry(normal); + padding-left: 2px; + padding-right: 2px; + border: none; + border-radius: 0; + } + + &:focus { + background-clip: border-box; + @include entry(focus); + } + + &:disabled { @include entry(insensitive); } + + selection, + selection:focus { + background-color: $selected_bg_color; + color: $selected_fg_color; + } + + progress { + margin: 2px 12px; + border-radius: 0; + border-width: 0 0 2px; + border-color: $selected_bg_color; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; + } + + @each $e_type, $e_color in (warning, $warning_color), + (error, $error_color) { + &.#{$e_type} { + color: $selected_fg_color; + border-color: if($variant=='light', $e_color, $entry_border); + background-image: linear-gradient(to bottom, mix($e_color, $base_color, 60%)); + + &:focus { + color: $selected_fg_color; + background-image: linear-gradient(to bottom, $e_color); + box-shadow: none; + } + selection, selection:focus { + background-color: $selected_fg_color; + color: $e_color; + } + } + } + + .osd & { + @include entry(osd); + &:focus { @include entry(osd-focus); } + &:disabled { @include entry(osd-insensitive); } + } +} + +// +// Buttons +// +// stuff for .needs-attention +$_dot_color: $selected_bg_color; + +@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_transition: all 200ms $ease-out-quad; + + min-height: 26px; + min-width: 20px; + transition: $_button_transition; + border: 1px solid; + border-radius: 3px; + padding: 0 6px; + + @include button(normal); + + separator { margin: 4px 1px; } + + &.flat { + @include button(undecorated); + background-color: transparentize($button_bg, 1); + border-color: transparentize($button_border, 1); + // 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: 350ms; + &:active { transition: $_button_transition; } + } + } + &:hover { + @include button(hover); + -gtk-icon-effect: highlight; + } + &:active, &:checked { + background-clip: if($variant=='light', border-box, padding-box); + @include button(active); + transition-duration: 50ms; + } + + //Webkitgtk workaround start + &:active { color: $fg_color; } + &:active:hover, &:checked { color: $selected_fg_color; } + //Webkitgtk workaround end + + &.flat:disabled { + @include button(undecorated); + } + &:disabled { + @include button(insensitive); + &:active, &:checked { + @include button(insensitive-active); + } + } + // big standalone buttons like in Documents pager + &.osd { + color: $osd_fg_color; + outline-color: transparentize($osd_fg_color, 0.7); + background-color: $osd_bg_color; + border-color: darken($osd_bg_color, 8%); + + &.image-button { + min-height: 48px; + min-width: 48px; + } + + &:hover { color: $selected_bg_color; } + &:active, &:checked { @include button(osd-active); } + &:disabled { @include button(osd-insensitive); } + } + + //overlay / OSD style + .osd & { + @include button(osd); + + &:hover { @include button(osd-hover); } + &:active, &:checked { + background-clip: padding-box; + @include button(osd-active); + } + &:disabled { @include button(osd-insensitive); } + + &.flat { + @include button(undecorated); + box-shadow: none; + &:hover { @include button(osd-hover); } + &:disabled { + @include button(osd-insensitive); + background-image: none; + } + &:active, &:checked { @include button(osd-active); } + } + } + // Suggested and Destructive Action buttons + @each $b_type, $b_color in (suggested-action, $suggested_color), + (destructive-action, $destructive_color) { + &.#{$b_type} { + @include button(suggested_destructive, $b_color); + + &.flat { + @include button(undecorated); + color: $b_color; + outline-color: transparentize($b_color, 0.7); + } + &:hover { + @include button(suggested_destructive, lighten($b_color, 10%)); + } + &:active, &:checked { + @include button(suggested_destructive, darken($b_color, 10%)); + } + &.flat:disabled { + @include button(undecorated); + color: $insensitive_fg_color; + } + &:disabled { @include button(insensitive); } + } + } + + &.text-button { + padding-left: 16px; + padding-right: 16px; + } + + &.text-button.image-button { + // those buttons needs uneven horizontal padding, we want the icon side + // to have the image-button padding, while the text side the text-button + // one, so we're adding the missing padding to the label depending on + // its position inside the button + label:first-child { padding-left: 8px; } + label:last-child { padding-right: 8px; } + } + + .stack-switcher > & { + // to position the needs attention dot, padding is added to the button + // child, a label needs just lateral padding while an icon needs vertical + // padding added too. + + outline-offset: -3px; // needs to be set or it gets overridden by GtkRadioButton outline-offset + + > label { + padding-left: 6px; // label padding + padding-right: 6px; // + } + > image { + padding-left: 6px; + padding-right: 6px; + padding-top: 3px; + padding-bottom: 3px; + } + &.text-button { + padding-left: 10px; + padding-right: 10px; + } + &.image-button { + padding-left: 2px; + padding-right: 2px; + } + + &.needs-attention > label, + &.needs-attention > image { @extend %needs_attention; } + &.needs-attention:active > label, + &.needs-attention:active > image, + &.needs-attention:checked > label, + &.needs-attention:checked > image { + animation: none; + background-image: none; + } + } + + %needs_attention { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.5, + to($_dot_color), + 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; } + &:dir(rtl) { + @if $variant == 'light' { background-position: left 3px, left 4px; } + @else { background-position: left 3px, left 2px; } + } + } + + //inline-toolbar buttons + .inline-toolbar &, .inline-toolbar &:backdrop { + border-radius: 2px; + border-width: 1px; + @extend %linked; + } + + .linked:not(.vertical) > &, + .linked:not(.vertical) > &:hover, + .linked:not(.vertical) > &:active, + .linked:not(.vertical) > &:checked { + @extend %linked; + @extend %linked_button; + } + + .linked.vertical > &, + .linked.vertical > &:hover, + .linked.vertical > &:active, + .linked.vertical > &:checked { + @extend %linked_vertical; + @extend %linked_vertical_button; + } +} + +// 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); } + &:disabled:active, + &:disabled:checked { @include button(insensitive-active); } +} + +// More inline toolbar buttons +toolbar.inline-toolbar toolbutton { + & > 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; } +} + +// Some crazy linking stuff + +// horizontal +.linked:not(.vertical):not(.pathbar) { + > entry { @extend %linked; } + + + > entry + entry { border-left-color: transparentize($entry_border, 0.7); } + + > entry.error + entry, + > entry + entry.error { border-left-color: if($variant=='light', $error_color, transparentize($entry_border, 0.7)); } + + > entry.warning + entry, + > entry + entry.warning { border-left-color: if($variant=='light', $warning_color, transparentize($entry_border, 0.7)); } + + > entry.error + entry.warning { border-left-color: if($variant=='light', $error_color, transparentize($entry_border, 0.7));} + + + > entry + entry:focus:not(:last-child), + > entry + entry:focus:last-child { border-left-color: if($variant=='light', $selected_bg_color, $entry_border); } + + > entry + entry.warning:focus:not(:last-child), + > entry + entry.warning:focus:last-child { border-left-color: if($variant=='light', $warning_color, $entry_border); } + + > entry + entry.error:focus:not(:last-child), + > entry + entry.error:focus:last-child { border-left-color: if($variant=='light', $error_color, $entry_border); } + + + > entry + button, + > entry + button:hover, + > entry + button:active, + > entry + button:checked, + > entry + button:disabled { border-left-style: solid; } + + + > entry:focus:not(:only-child) + entry, + > entry:focus:not(:only-child) + button, + > entry:focus:not(:only-child) + combobox > button.combo { border-left-color: if($variant=='light', $selected_bg_color, $entry_border); } + + > entry.warning:focus:not(:only-child) + entry, + > entry.warning:focus:not(:only-child) + button, + > entry.warning:focus:not(:only-child) + combobox > button.combo { border-left-color: if($variant=='light', $warning_color, $entry_border); } + + > entry.error:focus:not(:only-child) + entry, + > entry.error:focus:not(:only-child) + button, + > entry.error:focus:not(:only-child) + combobox > button.combo { border-left-color: if($variant=='light', $error_color, $entry_border); } + + + > button:hover:not(:checked):not(:active):not(:only-child), + > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { box-shadow: -1px 0 $button_border; } + > button:first-child:hover:not(:checked):not(:active) { box-shadow: none; } + > button:checked + button:not(:checked):not(:active):hover { box-shadow: none; } + > button:checked + entry { border-left-color: if($variant=='light', $selected_bg_color, $entry_border); } + > entry + button:not(:checked):not(:active):hover { box-shadow: none; } +} + +// special case for path-bars +.linked:not(.vertical).path-bar { + +$_linked_separator_color: if($variant=='light', transparentize($button_border, 0.6), transparentize($button_border, 0.5)); + + > button:hover:not(:checked):not(:active):not(:only-child) { + + &:hover { + box-shadow: inset 1px 0 $_linked_separator_color, + inset -1px 0 $_linked_separator_color; + } + &:first-child:hover { box-shadow: inset -1px 0 $_linked_separator_color; } + &:last-child:hover { box-shadow: inset 1px 0 $_linked_separator_color; } + } +} + +// vertical +.linked.vertical { + > entry { @extend %linked_vertical; } + + + > entry + entry { border-top-color: transparentize($entry_border, 0.7); } + + > entry.error + entry, + > entry + entry.error { border-top-color: if($variant=='light', $error_color, transparentize($entry_border, 0.7)); } + + > entry.warning + entry, + > entry + entry.warning { border-top-color: if($variant=='light', $warning_color, transparentize($entry_border, 0.7)); } + + > entry.error + entry.warning { border-top-color: if($variant=='light', $error_color, transparentize($entry_border, 0.7));} + + + > entry + entry:focus:not(:last-child), + > entry + entry:focus:last-child { border-top-color: if($variant=='light', $selected_bg_color, $entry_border); } + + > entry + entry.warning:focus:not(:last-child), + > entry + entry.warning:focus:last-child { border-top-color: if($variant=='light', $warning_color, $entry_border); } + + > entry + entry.error:focus:not(:last-child), + > entry + entry.error:focus:last-child { border-top-color: if($variant=='light', $error_color, $entry_border); } + + + > entry + button, + > entry + button:hover, + > entry + button:active, + > entry + button:checked, + > entry + button:disabled { border-top-style: solid; } + + + > entry:focus:not(:only-child) + entry, + > entry:focus:not(:only-child) + button, + > entry:focus:not(:only-child) + combobox > button.combo { border-top-color: if($variant=='light', $selected_bg_color, $entry_border); } + + > entry.warning:focus:not(:only-child) + entry, + > entry.warning:focus:not(:only-child) + button, + > entry.warning:focus:not(:only-child) + combobox > button.combo { border-top-color: if($variant=='light', $warning_color, $entry_border); } + + > entry.error:focus:not(:only-child) + entry, + > entry.error:focus:not(:only-child) + button, + > entry.error:focus:not(:only-child) + combobox > button.combo { border-top-color: if($variant=='light', $error_color, $entry_border); } + + + > button:hover:not(:checked):not(:active):not(:only-child), + > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { box-shadow: 0 -1px $button_border; } + > button:first-child:hover:not(:checked):not(:active) { box-shadow: none; } + > button:checked + button:not(:checked):not(:active):hover { box-shadow: none; } + > button:checked + entry { border-top-color: if($variant=='light', $selected_bg_color, $entry_border); } + > entry + button:not(:checked):not(:active):hover { box-shadow: none; } +} + +%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-radius: 0; + border-bottom-style: none; +} + +%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-bottom-style: solid; + } + &:only-child { + border-radius: 3px; + border-style: solid; + } +} + +%linked_button { + border-left-style: none; + &:first-child { border-left-style: solid; } +} + +%linked_vertical_button { + border-top-style: none; + &:first-child { border-top-style: solid; } +} + +%undecorated_button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +// menu buttons +menuitem.button.flat, +modelbutton.flat { + transition: none; + min-height: 22px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -2px; + border-radius: 2px; + + @extend %undecorated_button; + + &:hover { background-color: if($variant=='light', mix($fg_color,$bg_color,5%), mix($fg_color,$bg_color,10%)); } + &:active, &:selected { @extend %selected_items; } + &:checked { color: $fg_color; } + + // FIXME: temporary workaround + check:last-child, + radio:last-child { margin-left: 8px; } + + check:first-child, + radio:first-child { margin-right: 8px; } +} + +modelbutton.flat arrow { + &, &:hover { background: none; } + &.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + &.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } +} + +// +// 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%); } + } + &:selected, *:selected & { + color: mix($selected_fg_color, $selected_bg_color, 80%); + } +} + +button:link, button:visited { + @extend %undecorated_button; + @extend *:link; + &:hover, &:active, &:checked { + @extend %undecorated_button; + } + > label { text-decoration-line: underline; } +} + +// +// Spinbuttons +// +spinbutton { + @extend entry; + &:not(.vertical) { + button { + background-image: none; + border: 1px solid transparentize($borders_color,0.4); + border-style: none none none solid; + color: mix($fg_color,$base_color,95%); + border-radius: 0; + box-shadow: none; + // padding-left: 6px; + // padding-right: 6px; + &:dir(rtl) { border-style: none solid none none; } + + &:disabled { + color: $insensitive_fg_color; + } + &:active { + background-color: $selected_bg_color; + color: $selected_fg_color; + } + } + } + +// .osd & { +// 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; +// &: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); +// box-shadow: none; +// } +// &:disabled { +// @include button(undecorated); +// color: $osd_insensitive_fg_color; +// border-color: transparentize(opacify($osd_borders_color, 1), 0.5); +// box-shadow: none; +// } +// &:last-child { border-radius: 0 2px 2px 0; } +// &:dir(rtl):first-child { border-radius: 2px 0 0 2px; } +// } +// } + + &.vertical { + border-radius: 0; + padding-left: 5px; + padding-right: 5px; + button { + &:first-child { + @extend %top_button; + @include button(normal); + &:active { + @extend %top_button; + @include button(active); + } + &:hover { + @extend %top_button; + @include button(hover); + } + &:disabled { + @extend %top_button; + @include button(insensitive); + } + } + &:last-child { + @extend %bottom_button; + @include button(normal); + &:active { + @extend %bottom_button; + @include button(active); + } + &:hover { + @extend %bottom_button; + @include button(hover); + } + &:disabled { + @extend %bottom_button; + @include button(insensitive); + } + } + } + %top_button { + border-radius: 2px 2px 0 0; + border-style: solid solid none solid; + } + %bottom_button { + border-radius: 0 0 2px 2px; + border-style: none solid solid solid; + } + } + treeview & { + entry, entry:focus { + padding: 1px; + border-width: 1px 0; + border-color: $selected_bg_color; + border-radius: 0; + box-shadow: none; + } + } +} + +// +// Comboboxes +// +combobox { + + > button.combo { + padding-left: 8px; + padding-right: 8px; + } + + &:disabled { + color: $insensitive_fg_color; + } + arrow { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + min-height: 16px; + min-width: 16px; + } + > entry.combo { + &:dir(ltr) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-right-style: none; + + @if $variant=='light' { &:focus { box-shadow: 1px 0 $selected_bg_color; } } + } + &:dir(rtl) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left-style: none; + + @if $variant=='light' { &:focus { box-shadow: -1px 0 $selected_bg_color; } } + } + } + > button.combo:not(:only-child) { + &:dir(ltr) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + &:dir(rtl) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + } +} + +.linked > combobox > button.combo { + // the combo is a composite widget so the way we do button linkind 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 > combobox:first-child > button.combo { + @extend %linked:first-child; +} +.linked > combobox:last-child > button.combo { + @extend %linked:last-child; +} +.linked > combobox:only-child > button.combo { + @extend %linked:only-child; +} + +.linked.vertical > combobox > button.combo { @extend %linked_vertical_middle; } +.linked.vertical > combobox:first-child > button.combo { @extend %linked_vertical:first-child; } +.linked.vertical > combobox:last-child > button.combo { @extend %linked_vertical:last-child; } +.linked.vertical > combobox:only-child > button.combo { @extend %linked_vertical:only-child; } + +// +// Toolbars +// +toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: $bg_color; + + separator { background: none; } + &.horizontal separator { margin: 0 6px; } + &.vertical separator { margin: 6px 0; } + + .osd &, &.osd { + padding: 7px; + border: 1px solid transparentize(black, 0.5); + border-radius: 3px; + background-color: transparentize($osd_bg_color, 0.1); + } +} + +.primary-toolbar { + color: $header_fg; + background-color: opacify($header_bg, 1); + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, opacify($header_bg, 1), + darken($header_bg, 7%)) 1 0 1 0; //temporary hack for rhythmbox 3.1 + + //&:backdrop { background-color: opacify($header_bg_backdrop, 1); } + + separator { @extend %header_separator; } + + @extend %header_widgets; +} + +.inline-toolbar { + @extend toolbar; + background-color: darken($bg_color, 3%); + border-style: solid; + border-color: $borders_color; + border-width: 0 1px 1px; + padding: 3px; + border-radius: 0 0 3px 3px; +} + +searchbar { + background-color: $bg_color; + border-style: solid; + border-color: $borders_color; + border-width: 0 0 1px; + padding: 3px; +} + +actionbar { + padding: 6px; + border-top: 1px solid $borders_color; + background-color: darken($bg_color, 3%); +} + +// +// Headerbars +// +headerbar { + min-height: 42px; + padding: 0 5px; + + border-width: 0 0 1px; + border-style: solid; + border-radius: 0; + border-color: opacify($header_border, 1); + + color: $header_fg; + background-color: opacify($header_bg, 1); + + .csd & { // Transparent header-bars only in csd windows + background-color: $header_bg; + border-color: $header_border; + } + + &:backdrop { color: transparentize($header_fg, 0.3); } + + .title { + padding-left: 12px; + padding-right: 12px; + } + + .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + @extend .dim-label; + } + + // Selectionmode + &.selection-mode, + &.titlebar.selection-mode { + color: $selected_fg_color; + background-color: $selection_mode_bg; + border-color: darken($selection_mode_bg, 4%); + box-shadow: none; + + &:backdrop { + background-color: $selection_mode_bg; + color: transparentize($selected_fg_color, 0.4); + } + + .subtitle:link { @extend *:link:selected; } + + button { + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + background-color: transparentize($selected_fg_color, 1); + border-color: transparentize($selected_fg_color, 1); + + &.flat { + @include button(undecorated); + color: $selected_fg_color; + background-color: transparentize($selected_fg_color, 1); + } + &:hover { + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + background-color: transparentize($selected_fg_color, 0.95); + border-color: transparentize($selected_fg_color, 0.5); + } + &:active, &:checked { + color: $selection_mode_bg; + outline-color: transparentize($selection_mode_bg, 0.7); + background-color: $selected_fg_color; + border-color: $selected_fg_color; + } + &:disabled { + color: transparentize($selected_fg_color, 0.6); + background-color: transparentize($selected_fg_color, 1); + border-color: transparentize($selected_fg_color, 1); + + &:active, &:checked { + color: transparentize($selection_mode_bg, 0.6); + background-color: transparentize($selected_fg_color, 0.85); + border-color: transparentize($selected_fg_color, 0.85); + } + } + } + + .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; + GtkArrow { -GtkArrow-arrow-scaling: 1; } + .arrow { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + } + } + .maximized & { background-color: opacify($selection_mode_bg, 1); } + } + + .tiled &, .tiled &:backdrop, + .maximized &, .maximized &:backdrop { + border-radius: 0; // squared corners when the window is max'd or tiled + } + + .maximized & { + background-color: opacify($header_bg, 1); + border-color: opacify($header_border, 1); + } + + &.default-decoration, + .csd &.default-decoration, // needed under wayland, since all gtk3 windows are csd windows + &.default-decoration:backdrop, + .csd &.default-decoration:backdrop { + padding-top: 5px; + padding-bottom: 5px; + background-color: opacify($header_bg, 1); + border-bottom-width: 0; + + .maximized & { background-color: opacify($header_bg, 1); } + } +} + +.titlebar { + padding: 0 7px; + border-radius: if($darker=='false' and $variant=='light', 4px 4px 0 0, 3px 3px 0 0); + color: $header_fg; + background-color: opacify($header_bg, 1); + box-shadow: inset 0 1px lighten($header_bg, 3%); + + .csd & { background-color: $header_bg; } + + &:backdrop { + color: transparentize($header_fg, 0.3); + background-color: opacify($header_bg_backdrop, 1); + + .csd & { background-color: $header_bg_backdrop; } + } + + .maximized & { + background-color: opacify($header_bg, 1); + + &:backdrop, .csd &:backdrop { background-color: opacify($header_bg_backdrop, 1); } + } + + // Fixes double backgrounds on paned headerbars + &:not(headerbar) { + window > &, + window.csd > & { + padding: 0; + border: none; + background: none; + } + } + // Separator in Gnome Tweak Tool + separator { background-color: $header_border; } + +} + +// Only extending headerbar avoids some problems (Gnome Documents searchbar) +headerbar { + separator.titlebutton { @extend %header_separator; } + + @extend %header_widgets; +} + +%header_separator { + min-width: 1px; + min-height: 1px; + background: none; + border-width: 0 1px; + border-image: linear-gradient(to bottom, + transparentize($header_fg, 1) 25%, + transparentize($header_fg, 0.65) 25%, + transparentize($header_fg, 0.65) 75%, + transparentize($header_fg, 1) 75%) 0 1/0 1px stretch; + + &:backdrop { opacity: 0.6; } +} + +%header_widgets { + + entry, button, separator { + margin-top: 6px; + margin-bottom: 6px; + } + + // Headerbar Entries + entry, spinbutton { + @include entry(header-normal); + + &:backdrop { opacity: 0.85; } + + &:focus { + @include entry(header-focus); + background-clip: if($darker=='false' and $variant=='light', border-box, padding-box); + + image { color: $selected_fg_color; } + } + &:disabled { @include entry(header-insensitive); } + + selection:focus { + background-color: $selected_fg_color; + color: $selected_bg_color; + } + + progress { + border-color: $selected_bg_color; + background-image: none; + background-color: transparent; + } + + @each $e_type, $e_color in (warning, $warning_color), + (error, $error_color) { + &.#{$e_type} { + color: $selected_fg_color; + border-color: if($darker=='false' and $variant=='light', $e_color, $header_entry_border); + background-image: linear-gradient(to bottom, mix($e_color, $header_bg, 60%)); + + &:focus { + color: $selected_fg_color; + background-image: linear-gradient(to bottom, $e_color); + } + selection, selection:focus { + background-color: $selected_fg_color; + color: $e_color; + } + } + } + } + + // Headerbar Buttons + button { + + @include button(header-normal); + + &:backdrop { opacity: 0.7; } + + &:hover { @include button(header-hover); } + &:active, &:checked { + @include button(header-active); + background-clip: if($darker=='false' and $variant=='light', border-box, padding-box); + } + &:disabled { @include button(header-insensitive); } + &:disabled:active, &:disabled:checked { @include button(header-insensitive-active); } + } + + // Linking stuff + .linked:not(.vertical):not(.path-bar) > button, + .linked:not(.vertical):not(.path-bar) > button:hover, + .linked:not(.vertical):not(.path-bar) > button:active, + .linked:not(.vertical):not(.path-bar) > button:checked, + .linked:not(.vertical):not(.path-bar) > button:disabled { + border-radius: 3px; + border-style: solid; + + } + .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), + .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), + .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child), + .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { box-shadow: none; } + + // special case for path-bars and stack-switchers + .linked:not(.vertical):not(.path-bar).stack-switcher > button, + .linked:not(.vertical).path-bar > button { + + @include button(header-hover); + + &:hover { background-color: lighten($header_button_bg, 15%); } + &:active, &:checked { @include button(header-active); } + &:disabled { color: transparentize($header_fg, 0.4); } + } + + .linked:not(.vertical):not(.path-bar).stack-switcher > button, + .linked:not(.vertical).path-bar > button, + .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, + .linked:not(.vertical).path-bar > button:hover, + .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, + .linked:not(.vertical).path-bar > button:active, + .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, + .linked:not(.vertical).path-bar > button:checked, + .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, + .linked:not(.vertical).path-bar > button:disabled { + @extend %linked; + @extend %linked_button; + } + + .linked:not(.vertical).path-bar, + .linked:not(.vertical):not(.path-bar).stack-switcher { + + $_linked_separator_color: $header_button_border; + + > button:hover:not(:checked):not(:active):not(:only-child) { + + &:hover { + box-shadow: inset 1px 0 $_linked_separator_color, + inset -1px 0 $_linked_separator_color; + } + &:first-child:hover { box-shadow: inset -1px 0 $_linked_separator_color; } + &:last-child:hover { box-shadow: inset 1px 0 $_linked_separator_color; } + } + } + + .linked:not(.vertical):not(.pathbar) { + + > entry + entry { border-left-color: transparentize($header_entry_border, 0.5); } + + > entry.error + entry, + > entry + entry.error { border-left-color: if($variant=='light', $error_color, transparentize($header_entry_border, 0.5)); } + + > entry.warning + entry, + > entry + entry.warning { border-left-color: if($variant=='light', $warning_color, transparentize($header_entry_border, 0.5)); } + + > entry.error + entry.warning { border-left-color: if($variant=='light', $error_color, transparentize($header_entry_border, 0.5));} + + + > entry + entry:focus:not(:last-child), + > entry + entry:focus:last-child { border-left-color: if($darker=='false' and $variant=='light', $selected_bg_color, $header_entry_border); } + + > entry + entry.warning:focus:not(:last-child), + > entry + entry.warning:focus:last-child { border-left-color: if($variant=='light', $warning_color, $header_entry_border); } + + > entry + entry.error:focus:not(:last-child), + > entry + entry.error:focus:last-child { border-left-color: if($variant=='light', $error_color, $header_entry_border); } + + + > entry:focus:not(:only-child) + entry, + > entry:focus:not(:only-child) + button, + > entry:focus:not(:only-child) + combobox > button.combo { border-left-color: if($darker=='false' and $variant=='light', $selected_bg_color, $header_entry_border); } + + > entry.warning:focus:not(:only-child) + entry, + > entry.warning:focus:not(:only-child) + button, + > entry.warning:focus:not(:only-child) + combobox > button.combo { border-left-color: if($variant=='light', $warning_color, $header_entry_border); } + + > entry.error:focus:not(:only-child) + entry, + > entry.error:focus:not(:only-child) + button, + > entry.error:focus:not(:only-child) + button.combo > button.combo { border-left-color: if($variant=='light', $error_color, $header_entry_border); } + + } + + // Headerbar Suggested and Destructive Action buttons + @each $b_type, $b_color in (suggested-action, $suggested_color), + (destructive-action, $destructive_color) { + button.#{$b_type} { + @include button(suggested_destructive, $b_color); + + &.flat { + @include button(undecorated); + color: $b_color; + outline-color: transparentize($b_color, 0.7); + } + &:hover { + @include button(suggested_destructive, lighten($b_color, 10%)); + } + &:active, &:checked { + @include button(suggested_destructive, darken($b_color, 10%)); + } + &.flat:disabled, + &:disabled { @include button(header-insensitive); } + } + button.#{$b_type}:backdrop, + button.#{$b_type}:backdrop { + opacity: 0.8; + } + } + + // Headerbar Spinbuttons + spinbutton { + + &:focus button { + color: $selected_fg_color; + + &:hover { background-color: transparentize($selected_fg_color, 0.9); border-color: transparent; } + &:disabled { color: transparentize($selected_fg_color, 0.6); } + } + button { + color: $header_fg; + + &:hover { background-color: transparentize($header_fg, 0.75); border-color: transparent; } + &:disabled { color: transparentize($header_fg, 0.3); } + &:active { background-color: rgba(0,0,0,0.1); } + } + } + + // Headerbar ComboBoxes + combobox { + &:disabled { color: transparentize($header_fg, 0.6); } + + &.combobox-entry button { + @include entry(header-normal); + + &:hover { @include entry(header-focus); box-shadow: none; } + &:disabled { @include entry(header-insensitive); } + } + &.combobox-entry entry { + &:dir(ltr) { + border-right-style: none; + + &:focus { box-shadow: none; } + @if $variant=='light' and $darker=='false' { &:focus { box-shadow: 1px 0 $selected_bg_color; } } + } + &:dir(rtl) { + border-left-style: none; + + &:focus { box-shadow: none; } + @if $variant=='light' and $darker=='false' { &:focus { box-shadow: -1px 0 $selected_bg_color; } } + } + } + + } + + // Headerbar Switches + switch { + &:backdrop { opacity: 0.75; } + } + + progressbar { + trough { background-color: if($variant=='light' and $darker=='false', opacify($header_button_border, 0.05), $header_button_border); } + + &:backdrop { opacity: 0.75; } + } + + // Headerbar Scale + scale { + $_trough_bg: if($variant=='light' and $darker=='false', opacify($header_button_border, 0.05), $header_button_border); + + &:backdrop { opacity: 0.75; } + + slider { + $_slider_border: if($variant=='light' and $darker=='false', opacify($header_button_border, 0.2), opacify($header_button_border, 0.3)); + $_slider_bg: if($variant=='light' and $darker=='false', opacify($header_button_bg,1), lighten(opacify($header_bg,1), 10%)); + + background-image: linear-gradient(to bottom, $_slider_bg); + border-color: $_slider_border; + + &:hover { + background-image: linear-gradient(to bottom, lighten($_slider_bg, 5%)); + border-color: $_slider_border; + } + &:active { + background-image: linear-gradient(to bottom, $selected_bg_color); + border-color: $selected_bg_color; + } + &:disabled { + background-image: linear-gradient(to bottom, mix($_slider_bg, $header_bg, 70%)); + border-color: $_slider_border; + } + } + trough { + background-image: linear-gradient(to bottom, $_trough_bg); + + &:disabled { background-image: linear-gradient(to bottom, if($variant=='light' and $darker=='false', transparentize($_trough_bg, 0.05), transparentize($_trough_bg, 0.1))); } + } + } +} + +// +// Pathbars +// +.path-bar button { + + &:first-child { padding-left: 10px; } + &:last-child { padding-right: 10px; } + &:only-child { + padding-left: 10px; + padding-right: 10px; + } + + // the following is for spacing the icon and the label inside the home button + label:last-child { padding-left: 4px; } + label:first-child { padding-right: 4px; } + label:only-child, label { padding-right: 0; padding-left: 0; } +} + +// +// Tree Views +// +treeview.view { + + -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: transparentize($fg_color, 0.85); // this is actually the tree lines color, + border-top-color: transparentize(black, 0.9); // while this is the grid lines color, better then nothing + + rubberband { @extend rubberband; } // to avoid borders being overridden by the previously set props + + &:selected { + border-radius: 0; + border-left-color: mix($selected_fg_color, $selected_bg_color, 50%); + border-top-color: transparentize($fg_color, 0.9); // doesn't work unfortunatelly + + @extend %selected_items; + } + + &:disabled { + color: $insensitive_fg_color; + &:selected { + color: mix($selected_fg_color, $selected_bg_color, 40%); + } + } + + &.separator { min-height: 2px; } + + &.dnd { + border-style: solid none; + border-width: 1px; + border-color: mix($fg_color, $selected_bg_color, 50%); + } + + &.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, 50%); + + &:hover { color: $fg_color; } + + &:selected { + color: mix($selected_fg_color, $selected_bg_color, 70%); + &:hover { color: $selected_fg_color; } + } + + &:checked { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + } + } + + &.progressbar { // progress bar in treeviews + color: $selected_fg_color; + border-radius: 3px; + background-image: linear-gradient(to bottom, $selected_bg_color); + + &:selected { + color: $selected_bg_color; + box-shadow: none; + background-image: linear-gradient(to bottom, $selected_fg_color); + } + } + &.trough, &.trough:selected { // progress bar trough in treeviews + color: $fg_color; + background-image: linear-gradient(to bottom, $button_border); + border-radius: 3px; + border-width: 0; + } + + header { + button { + @extend %column_header_button; + $_column_header_color: mix($fg_color,$base_color,80%); + color: $_column_header_color; + background-color: $base_color; + font-weight: bold; + &:hover { + @extend %column_header_button; + color: $selected_bg_color; + 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 + } + &.dnd { + @extend header.button.dnd; + } + } + button:last-child, + button:last-child:hover, + button:last-child:active { //treeview-like derived widgets in Banshee and Evolution + border-right-style: none; + border-image: none; + } + } + header.button.dnd { // for treeview-like derive widgets + transition: none; + color: $selected_bg_color; + box-shadow: inset 1px 1px 0 1px $selected_bg_color, + inset -1px 0 0 1px $selected_bg_color, + inset 1px 1px $base_color, inset -1px 0 $base_color;; + &:active { @extend header.button.dnd; } + &:selected { @extend header.button.dnd; } + &:hover { @extend header.button.dnd; } + } +} + +%column_header_button { + min-height: 0; + min-width: 0; + padding: 3px 6px; + background-image: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, + transparentize(if($variant == 'light', black, white), 1) 20%, + transparentize(if($variant == 'light', black, white), 0.89) 20%, + transparentize(if($variant == 'light', black, white), 0.89) 80%, + transparentize(if($variant == 'light', black, white), 1) 80%) 0 1 0 0 / 0 1px 0 0 stretch; + + &:active, &:hover { background-color: $base_color; } + &:active:hover { color: $fg_color; } + &:disabled { + border-color: $bg_color; + background-image: none; + } +} + +// +// Menus +// +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0px; + background-color: opacify($header_bg, 1); + color: $header_fg; + + &:backdrop { + color: transparentize($header_fg, 0.3); + //background-color: opacify($header_bg_backdrop, 1); + } + + & > menuitem { + padding: 6px 8px; + border: solid transparent; + border-width: 0; + + &:hover { //Seems like it :hover even with keyboard focus + background-color: $selected_bg_color; + color: $selected_fg_color; + } + &:disabled { + color: transparentize($header_fg, 0.6); + border-color: transparent; + } + } +} + +menu, +.menu { + $_menu_bg: if($variant=='light', $base_color, $bg_color); + margin: 4px; + padding: 0; + border-radius: 0; + background-color: $_menu_bg; + border: 1px solid $borders_color; + + .csd & { + padding: 4px 0px; + border-radius: 2px; + border: none; + } + + separator, + .csd & separator { + min-height: 10px; + background-color: $_menu_bg; + } + + menuitem { + padding: 4px; + min-width: 40px; + border: solid transparent; + border-width: 1px 0 1px 0; + &:hover { + color: $fg_color; + background-color: if($variant == 'light', transparentize(black, 0.96), transparentize(white, 0.95)); + border: solid if($variant == 'light', transparentize(black, 0.92), transparentize(white, 0.93)); + border-width: 1px 0 1px 0; + } + &:disabled { + color: $insensitive_fg_color; + } + + //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; + } + } + @at-root 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; } + } + } + } + arrow { // overflow buttons + @extend %undecorated_button; + border-style: none; + border-radius: 0; + min-width: 16px; + min-height: 16px; + + &.top { + -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); + border-bottom: 1px solid mix($fg_color, $base_color, 10%); + } + &.bottom { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + border-top: 1px solid mix($fg_color, $base_color, 10%); + } + &:hover { background-color: mix($fg_color, $base_color, 10%); } + &:disabled { + color: transparent; + background-color: transparent; + border-color: transparent ; + } + } +} + +// +// Popovers +// +popover, +popover.background { + $_popover_bg: if($variant=='light', $base_color, $bg_color); + padding: 2px; + border-radius: 3px; + background-clip: border-box; + background-color: $_popover_bg; + + box-shadow: 0 2px 6px 1px if($variant=='light', transparentize(black, 0.93), transparentize(black, 0.65)); + + .csd &, & { border: 1px solid darken($borders_color, 5%); } + + & separator { background-color: $_popover_bg; } + label.separator { @extend label.separator; } // Noice + + > list, + > .view, + > toolbar, + &.osd > toolbar { + border-style: none; + background-color: transparent; + } + &.osd, &.magnifier { @extend %osd; } + + &.touch-selection { @extend .context-menu } +} + +//touch selection handlebars for the Popover.osd above +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; + &.top { -gtk-icon-source: -gtk-icontheme('selection-start-symbolic'); } + &.bottom { -gtk-icon-source: -gtk-icontheme('selection-end-symbolic'); } +} + +// +// Notebooks and Tabs +// +notebook { + -GtkNotebook-initial-gap: 4; + -GtkNotebook-arrow-spacing: 5; + -GtkNotebook-tab-curvature: 0; + -GtkNotebook-tab-overlap: 1; + -GtkNotebook-has-tab-gap: false; + + padding: 0; + background-color: $base_color; + transition: all 200ms $ease-out-quad; + + &.frame { + border: 1px solid $borders_color; + } + header { + // tab sizing + $vpadding: 4px; + $hpadding: 15px; + + background-color: $bg_color; + + .frame & { + border: 0px solid $borders_color; + &.top { border-bottom-width: 0; } + &.bottom { border-top-width: 0; } + &.right { border-left-width: 0; } + &.left { border-right-width: 0; } + } + + $_header_border: $borders_color; + + &.top { box-shadow: inset 0 -1px $_header_border; } + &.bottom { box-shadow: inset 0 1px $_header_border; } + &.right { box-shadow: inset 1px 0 $_header_border; } + &.left { box-shadow: inset -1px 0 $_header_border; } + + @each $_pos in (top, bottom, right, left) { + &.#{$_pos} tab { + border-width: 0; + background-color: transparentize($base_color, 1); + padding: $vpadding $hpadding; + + border-#{$_pos}: 2px solid transparent; + + @if $_pos==top or $_pos==bottom { + padding-#{$_pos}: $vpadding + 2; + + &.reorderable-page { + padding-left: 12px; // for a nicer close button + padding-right: 12px; // placement + } + } + + @else if $_pos==left or $_pos==right { + padding-#{$_pos}: $hpadding + 2; // FIXME + + } + + @if $_pos==top { border-radius: 3.5px 2px 0 0; } + @else if $_pos==bottom { border-radius: 0 0 2px 3.5px; } + @else if $_pos==left { border-radius: 3.5px 0 0 3.5px; } + @else if $_pos==right { border-radius: 0 3.5px 3.5px 0; } + + &:hover { + background-color: transparentize($base_color, 0.5); + box-shadow: inset 0 1px $borders_color, + inset 0 -1px $borders_color, + inset 1px 0 $borders_color, + inset -1px 0 $borders_color; + } + + &:active, &:active:hover { + background-color: $base_color; + + @if $_pos==top { + box-shadow: inset 0 1px $borders_color, + inset 0 -1px $base_color, + inset 1px 0 $borders_color, + inset -1px 0 $borders_color; + } + @else if $_pos==bottom { + box-shadow: inset 0 -1px $base_color, + inset 0 -1px $borders_color, + inset 1px 0 $borders_color, + inset -1px 0 $borders_color; + } + @else if $_pos==left { + box-shadow: inset 0 1px $borders_color, + inset 0 -1px $borders_color, + inset 1px 0 $borders_color, + inset -1px 0 $base_color; + } + @else if $_pos==right { + box-shadow: inset 0 1px $borders_color, + inset 0 -1px $borders_color, + inset 1px 0 $base_color, + inset -1px 0 $borders_color; + } + } + } + } + + &.top, &.bottom { + & tabs arrow.up { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); } + & tabs arrow.down { -gtk-icon-source: -gtk-icontheme('pan-start-symbolic'); } + } + &.left, &.right { + & tabs arrow.up { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } + & tabs arrow.down { -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); } + } + & tabs arrow { + color: $insensitive_fg_color; + + &:hover { color: mix($fg_color, $insensitive_fg_color, 50%); } + &:active { color: $fg_color; } + &:disabled { color: transparentize($insensitive_fg_color,0.3); } + } + } + + tab { + label { //tab text + padding: 0 2px; // needed for a nicer focus ring + color: $insensitive_fg_color; + } + &:hover label { + // prelight tab text + color: mix($fg_color, $insensitive_fg_color, 50%); + } + &:active label { + // active tab text + color: $fg_color; + } + button { //tab close button + min-height: 18px; + min-width: 16px; + padding: 0; + color: mix($bg_color, $fg_color, 35%); + + @extend %undecorated_button; + + &:hover { + @extend %undecorated_button; + color: lighten(red, 15%); + } + &:active, &:active:hover { + @extend %undecorated_button; + color: $selected_bg_color; + } + } + } +} + +// +// Scrollbars +// +$_scrollbar_bg_color: darken($base_color, 1%); + +scrollbar { + @at-root * { + -GtkRange-slider-width: 13; + -GtkRange-trough-border: 0; + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + -GtkScrollbar-min-slider-length: 42; // minimum size for the slider. + // sadly can't be in '.slider' + // where it belongs + -GtkRange-stepper-spacing: 0; + -GtkRange-trough-under-steppers: 1; + } + + $_slider_margin: 3px; + $_slider_fine_tune_margin: 4px; + + button { border: none; } + + &.overlay-indicator { + &:not(.dragging):not(.hovering) { // Overlay scrolling indicator + opacity: 0.4; + + -GtkRange-slider-width: 6px; + + slider { + margin: 0; + background-color: mix($fg_color, $bg_color, 70%); + border: 1px solid if($variant == 'light', transparentize(white, 0.4), transparentize(black, 0.7)); + background-clip: padding-box; + } + + trough { + border-style: none; + background-color: transparent; + } + + // w/o the following margin tweaks the slider shrinks when hovering/dragging + &.vertical slider { + margin-top: $_slider_margin - 1px; + margin-bottom: $_slider_margin - 1px; + } + + &.horizontal slider { + margin-left: $_slider_margin - 1px; + margin-right: $_slider_margin - 1px; + } + + } + + &.dragging, + &.hovering { opacity: 0.99; } + } + + // trough coloring + trough { + background-color: $_scrollbar_bg_color; + border: 1px none $borders_color; + } + + // slider coloring + slider { + background-color: mix($fg_color, $bg_color, 40%); + + &:hover { background-color: mix($fg_color, $bg_color, 30%); } + + &:hover:active { background-color: $selected_bg_color;} + + &:disabled { + background-color: transparent; + } + } + + // sizing + slider { + border-radius: 100px; + margin: $_slider_margin; + } + + &.fine-tune slider { margin: $_slider_fine_tune_margin; } + + &.vertical { + + slider { + margin-left: 1px + $_slider_margin; + + &:dir(rtl) { + margin-left: $_slider_margin; + margin-right: 1px + $_slider_margin; + } + } + + &.fine-tune .slider { + margin-left: 1px + $_slider_fine_tune_margin; + + &:dir(rtl) { + margin-left: $_slider_fine_tune_margin; + margin-right: 1px + $_slider_fine_tune_margin; + } + } + + trough { + border-left-style: solid; + + &:dir(rtl) { + border-left-style: none; + border-right-style: solid; + } + } + } + + &.horizontal { + slider { margin-top: 1px + $_slider_margin; } + + &.fine-tune slider { margin-top: 1px + $_slider_fine_tune_margin; } + + trough { border-top-style: solid; } + } +} + +// +// Switches +// +switch { + font: 1; + outline-color: transparent; + + &, slider { + background-size: 52px 24px; + background-repeat: no-repeat; + background-position: right center; + color: transparent; + border-color: transparent; + border-image: none; + border-style: none; + box-shadow: none; + + &:dir(rtl) { background-position: left center; } + } + slider { + min-width: 52px; + min-height: 24px; + } +} + +@each $k,$l in ('',''), + (':active','-active'), + (':disabled','-insensitive'), + (':active:disabled','-active-insensitive') { + + // load switch troughs from .png files in assets directory + + switch#{$k} { + background-image: -gtk-scaled(url("assets/switch#{$l}#{$asset_suffix}.png"),url("assets/switch#{$l}#{$asset_suffix}@2.png")); + } + + row:selected switch#{$k}, + infobar switch#{$k} { + background-image: -gtk-scaled(url("assets/switch#{$l}-selected.png"),url("assets/switch#{$l}-selected@2.png")); + } + + headerbar switch#{$k}, + .primary-toolbar switch#{$k} { + background-image: -gtk-scaled(url("assets/switch#{$l}-header#{$darker_asset_suffix}.png"),url("assets/switch#{$l}-header#{$darker_asset_suffix}@2.png")); + } +} + +// +// Check and Radio items * +// +@each $w,$a in ('check', 'checkbox'), + ('radio','radio') { + + //standard checks and radios + @each $s,$as in ('','-unchecked'), + (':disabled','-unchecked-insensitive'), + (':indeterminate', '-mixed'), + (':indeterminate:disabled', '-mixed-insensitive'), + (':checked', '-checked'), + (':checked:disabled','-checked-insensitive') { + #{$w}#{$s} { + -gtk-icon-source: -gtk-scaled(url("assets/#{$a}#{$as}#{$asset_suffix}.png"), + url("assets/#{$a}#{$as}#{$asset_suffix}@2.png")); + } + + %osd_check_radio { + #{$w}#{$s} { + -gtk-icon-source: -gtk-scaled(url("assets/#{$a}#{$as}-dark.png"), + url("assets/#{$a}#{$as}-dark@2.png")); + } + } + // the borders of checks and radios are + // too similar in luminosity to the selected background color, hence + // we need special casing. + .view #{$w}#{$s}:selected, + row:selected #{$w}#{$s}, + infobar #{$w}#{$s} { + -gtk-icon-source: -gtk-scaled(url("assets/#{$a}#{$as}-selected.png"), + url("assets/#{$a}#{$as}-selected@2.png")); + } + } +} + +// Selectionmode +@each $s,$as in ('','-selectionmode'), + (':checked', '-checked-selectionmode') { + .view.content-view.check#{$s}:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox#{$as}#{$asset_suffix}.png"), + url("assets/checkbox#{$as}#{$asset_suffix}@2.png")); + background-color: transparent; + } +} + +checkbutton, radiobutton { + // this is for a nice focus on check and radios text + &.text-button { + padding: 1px 2px 4px; + outline-offset: 0; + &:disabled, + &:disabled:active, + &:disabled:indeterminate { + // set insensitive color, which is overriden otherwise + color: $insensitive_fg_color; + } + } +} + +radiobutton radio, +checkbutton check { + min-width: 16px; + min-height: 16px; + margin: 0 2px; + &:only-child { margin: 0; } +} + +// +// GtkScale +// +scale { + -GtkScale-slider-length: 15; + -GtkRange-slider-width: 15; + -GtkRange-trough-border: 0; + outline-offset: -1px; + -gtk-outline-radius: 2px; + + marks { color: gtkalpha(currentColor, 0.7); } + + &.fine-tune { + trough, fill, highlight { + border-radius: 5px; + margin: 3px; + } + } + + trough, fill, highlight { + border-radius: 2.5px; + } + + slider { + $_slider_border: if($variant=='light', transparentize(darken($button_border,25%), 0.5), darken($button_border,2%)); + + background-clip: border-box; + background-image: linear-gradient(to bottom, $button_bg); + border: 1px solid $_slider_border; + border-radius: 50%; + box-shadow: none; + + &:hover { + background-image: linear-gradient(to bottom, lighten($button_bg, 5%)); + border-color: $_slider_border; + } + &:disabled { + background-image: linear-gradient(to bottom, mix($entry_bg, $bg_color, 55%)); + border-color: transparentize($_slider_border, 0.2); + } + &:active { + background-image: linear-gradient(to bottom, $selected_bg_color); + border-color: $selected_bg_color; + } + //OSD sliders + .osd & { + background-image: linear-gradient(to bottom, $osd_bg_color); + border-color: $selected_bg_color; + + &:hover { background-image: linear-gradient(to bottom, $selected_bg_color); } + &:active { + background-image: linear-gradient(to bottom, darken($selected_bg_color, 10%)); + border-color: darken($selected_bg_color, 10%); + } + } + //selected list-row and infobar sliders + row:selected &, + infobar & { + background-image: linear-gradient(to bottom, $selected_fg_color); + border-color: $selected_fg_color; + + &:hover { + background-image: linear-gradient(to bottom, mix($selected_fg_color, $selected_bg_color, 85%)); + border-color: mix($selected_fg_color, $selected_bg_color, 85%); + } + &:active { + background-image: linear-gradient(to bottom, mix($selected_fg_color, $selected_bg_color, 50%)); + border-color: mix($selected_fg_color, $selected_bg_color, 50%); + } + &:disabled{ + background-image: linear-gradient(to bottom, mix($selected_fg_color, $selected_bg_color, 55%)); + border-color: mix($selected_fg_color, $selected_bg_color, 55%); + } + } + } + trough { + $_scale_trough_bg: if($variant == 'light', $button_border, darken($bg_color, 5%)); + + margin: 5px; + border: none; + background-image: linear-gradient(to bottom, $_scale_trough_bg); + highlight { + background-image: linear-gradient(to bottom, $selected_bg_color); + + &:disabled { + background-image: linear-gradient(to bottom, transparentize($selected_bg_color, 0.45)); + } + } + fill { + background: none; + background-color: red; + } + &:disabled { + background-image: linear-gradient(to bottom, transparentize($_scale_trough_bg, 0.45)); + } + + //OSD troughs + .osd & { + background-image: linear-gradient(to bottom, lighten($osd_bg_color, 7%)); + outline-color: transparentize($osd_fg_color, 0.8); + highlight { + background-image: none; + background-image: linear-gradient(to bottom, $selected_bg_color); + } + &:disabled { } + } + // troughs in selected list-rows and infobars + row:selected &, + infobar & { + background-image: linear-gradient(to bottom, transparentize(black, 0.8)); + + highlight { + background-image: linear-gradient(to bottom, $selected_fg_color); + + &:disabled { background-image: linear-gradient(to bottom, mix($selected_fg_color, $selected_bg_color, 55%)); } + } + &:disabled { background-image: linear-gradient(to bottom, transparentize(black, 0.9)); } + } + } +} + +// +// Progress bars +// +progressbar { + padding: 0; + font-size: smaller; + color: transparentize($fg_color, 0.3); + + &.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; + + trough { + border-style: none; + background-color: transparent; + box-shadow: none; + } + } + // Moving bit + progress { + background-color: $selected_bg_color; + border: none; + border-radius: 3px; + box-shadow: none; //needed for clipping + + row:selected &, + infobar & { background-color: $selected_fg_color; } + } + // Trough + trough { + border: none; + border-radius: 3px; + background-color: if($variant == 'light', $button_border, darken($bg_color, 5%)); + + row:selected &, + infobar & { background-color: transparentize(black, 0.8); } + } +} + +// FIXME +//.osd .scale.progressbar { +// background-color: $selected_bg_color; +//} + +// +// Level Bar +// +levelbar { + + block { + min-width: 32px; + min-height: 1px; + } + &.vertical block { + min-width: 1px; + min-height: 32px; + } + + trough { + border: none; + padding: 3px; + border-radius: 3px; + background-color: if($variant == 'light', $button_border, darken($bg_color, 5%)); + } + + &.horizontal.discrete block { margin: 0 1px; } + &.vertical.discrete block { margin: 1px 0; } + + block:not(.empty) { + border: 1px solid $selected_bg_color; + background-color: $selected_bg_color; + border-radius: 2px; + } + block.low { + border-color: $warning_color; + background-color: $warning_color; + } + block.high { + border-color: $selected_bg_color; + background-color: $selected_bg_color; + } + block.full { + border-color: $success_color; + background-color: $success_color; + } + block.empty { + background-color: if($variant=='light', transparentize($fg_color,0.8), $base_color); + border-color: if($variant=='light', transparentize($fg_color,0.8), $base_color); + } +} + +// +// Frames +// +frame border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid $borders_color; + &.flat { border-style: none; } + padding: 0; +} + +paper { + border: 1px solid $borders_color; + background: white; + padding: 0; +} + +scrolledwindow { + viewport.frame { // avoid double borders when viewport inside + // scrolled window + border-style: none; + } + + // This is used by GtkScrolledWindow, when content is touch-dragged past boundaries. + // This draws a box on top of the content, the size changes programmatically. + overshoot { + &.top { @include overshoot(top); } + &.bottom { @include overshoot(bottom); } + &.left { @include overshoot(left); } + &.right { @include overshoot(right); } + } + + // 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; } + } +} + +//vbox and hbox separators +separator { + background-color: transparentize(black, 0.9); + min-width: 1px; + min-height: 1px; +} + +// +// Lists +// +list { + background-color: $base_color; + border-color: $borders_color; +} + +row { padding: 2px; } + +row.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(black, 0.95), transparentize(white, 0.97)); } + + &:active { color: $fg_color; } + + &:selected { + &:active { color: $selected_fg_color; } + + &.has-open-popup, + &:hover { background-color: mix(black, $selected_bg_color, 10%); } + + &:disabled { + color: transparentize($selected_fg_color, 0.3); + background-color: transparentize($selected_bg_color, 0.3); + label { color: inherit; } + } + } +} + +row:selected { + @extend %selected_items; + button { @extend %selected-button } +} + +// transition +row, row.activatable { + transition: all 150ms $ease-out-quad; + &:hover { transition: none; } +} + +// +// App Notifications +// +.app-notification { + padding: 10px; + color: $dark_sidebar_fg; + background-color: $dark_sidebar_bg; + background-clip: border-box; + border-radius: 0 0 2px 2px; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: darken($dark_sidebar_bg, 10%); + + border { border: none; } + + button { + @include button(osd); + &.flat { + @extend %undecorated_button; + border-color: transparentize($selected_bg_color, 1); + &:disabled { @extend %undecorated_button; } + } + &:hover { @include button(osd-hover); } + &:active, &:checked { @include button(osd-active); background-clip: padding-box; } + &:disabled { @include button(osd-insensitive); + } + } +} + +// +// 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: $fg_color; + border: 1px solid $borders_color; + border-radius: 3px; + padding: 2px; + + &:selected { + background-color: $selected_bg_color; + color: $selected_fg_color; + border-radius: 1.5px; + } + &.header { + color: $fg_color; + border: none; + border-radius: 0; + } + &.button, &.button:focus { + color: transparentize($fg_color,0.55); + @include button(undecorated); + + &:hover { + color: $fg_color; + } + &:disabled { + color: $insensitive_fg_color; + background-color: transparent; + background-image: none; + } + } + &:indeterminate { color: gtkalpha(currentColor,0.55); } + &.highlight { + color: $fg_color; + } +} + +// +// Dialogs +// +messagedialog { // Message Dialog styling + -GtkDialog-button-spacing: 0; + + .titlebar { background-color: $header_bg; border-bottom: 1px solid darken($header_bg, 7%) } + + .dialog-action-area button { padding: 2px; } + + &.csd { // rounded bottom border styling for csd version + &.background { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: none; + } + .dialog-action-area button { + padding: 2px; + border-radius: 0; + + @extend %middle_button; + + &:hover, &:active, &:disabled { + @extend %middle_button; + } + + &:first-child{ @extend %first_button; } + &:last-child { @extend %last_button; } + } + %middle_button { + border-right-style: none; + border-bottom-style: none; + } + %last_button { + border-bottom-right-radius: 3px; + } + %first_button { + border-left-style: none; + border-bottom-left-radius: 3px; + } + } +} + +// +// Sidebar +// +.sidebar, .sidebar .view { + border: none; + background-color: $bg_color; + + &:selected { @extend %selected_items; } + separator { @extend separator; } +} + +stacksidebar { + row { + padding: 10px 4px; + > label { + padding-left: 6px; + padding-right: 6px; + } + &.needs-attention > label { + @extend %needs_attention; + background-size: 6px 6px, 0 0; + } + } +} + +placessidebar { + + @extend scrolledwindow; + + row { + // Needs overriding of the GtkListBoxRow padding + padding: 0px; + // Using margins/padding directly in the SidebarRow + // will make the animation of the new bookmark row jump + > revealer { + padding: 8px 10px; + } + 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 { + min-width: 26px; + min-height: 26px; + padding: 0; + @extend button.flat; + border-radius: 100%; + -gtk-outline-radius: 100%; + &:not(:hover):not(:active) > image { opacity: 0.5 }; + } + } + + row.sidebar-placeholder-row { border: solid 1px $selected_bg_color; } + + row.sidebar-new-bookmark-row { background-color: darken($bg_color, 10%); } +} + +// +// Placesview +// +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; } +} + +// +// Paned +// + +paned { + > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to top, $borders_color); + background-size: 1px 1px; + + &:selected { background-image: linear-gradient(to top, $selected_bg_color); } + + &.wide { + margin: 0; + padding: 0; + min-width: 5px; + min-height: 5px; + background-image: linear-gradient(to top, $borders_color), linear-gradient(to top, $borders_color); + background-size: 1px 1px, 1px 1px; + } + } + + &.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 { + 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 { + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; + } + } +} + +// +// GtkInfoBar +// +infobar { + border-style: none; + + button { @extend %selected-button } +} + +.info, +.question, +.warning, +.error, +infobar { + background-color: $selected_bg_color; + color: $selected_fg_color; +} + + +// +// Buttons on selected backgrounds +// +%selected-button { + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + background-color: transparentize($selected_fg_color, 1); + border-color: transparentize($selected_fg_color, 0.5); + + &.flat { + @include button(undecorated); + color: $selected_fg_color; + background-color: transparentize($selected_fg_color, 1); + } + &:hover { + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + background-color: transparentize($selected_fg_color, 0.8); + border-color: transparentize($selected_fg_color, 0.2); + } + &:active, &:active:hover, &:checked { + color: $selected_bg_color; + outline-color: transparentize($selected_bg_color, 0.7); + background-color: $selected_fg_color; + border-color: $selected_fg_color; + } + &:disabled { + color: transparentize($selected_fg_color, 0.6); + background-color: transparentize($selected_fg_color, 1); + border-color: transparentize($selected_fg_color, 0.8); + + &:active, &:checked { + color: transparentize($selected_bg_color, 0.6); + background-color: transparentize($selected_fg_color, 0.8); + border-color: transparentize($selected_fg_color, 0.8); + } + } +} + +// +// 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: $osd_bg_color; + background-clip: padding-box; + } + + border-radius: 2px; + box-shadow: none; + + decoration { background-color: transparent; } + + * { //Yeah this is ugly + padding: 4px; + background-color: transparent; + color: $osd_fg_color; // just to be sure + } +} + +// +// Color Chooser +// +colorswatch { + // This widget is made of two boxes one on top of the other, the lower box is GtkColorSwatch {} the other one + // is GtkColorSwatch .overlay {}, GtkColorSwatch has the programmatically set background, so most of the style + // is applied to the overlay box. + + $_colorswatch-radius: 2px; + + &, &:drop(active) { border-style: none; } + + // border rounding + &.top { + border-top-left-radius: $_colorswatch-radius + 0.5px; + border-top-right-radius: $_colorswatch-radius + 0.5; + + 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.5; + + 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: transparentize(white, 0.3); + &:hover { + border-color: if($variant == 'light', transparentize(black, 0.5), $borders_color); + } + } + &.light overlay { + color: transparentize(black, 0.3); + &:hover { + border-color: if($variant == 'light', transparentize(black, 0.7), $borders_color); + } + } + + overlay { + border: 1px solid if($variant == 'light', transparentize(black, 0.85), $borders_color); + &:hover { background-color: transparentize(white, 0.8) } + } + + &:disabled { + opacity: 0.5; + overlay { + border-color: transparentize(black, 0.4); + box-shadow: none; + } + } + + &#add-color-button { + border-style: solid; // the borders are drawn by the overlay for standard colorswatches to have them semi + border-width: 1px; // translucent on the colored background, here it's not necessary so they need to be set + @include button(normal); + &:hover { @include button(hover); } + overlay { @include button(undecorated); } // reset the overlay to not cover the button style underneath + } +} + +button.color { + padding: 0; + + colorswatch:first-child:last-child { + &, overlay { + margin: 4px; + border-radius: 0; + } + } +} + +// +// Misc +// +//content view (grid/list) +.content-view { + background-color: $base_color; + + &:hover { -gtk-icon-effect: highlight; } + + rubberband { @extend rubberband; } +} + +.scale-popup button { // +/- buttons on GtkVolumeButton popup + padding: 6px; + &:hover { + @include button(hover); + } +} + +button.scale { padding: 8px; } + +// Decouple the font of context menus from their entry/textview +.context-menu { font: initial; } +.monospace { font: Monospace; } + +// +// Shortcuts Help +// +button.circular, +button.circular-button { + padding: 0; + min-width: 26px; + min-height: 26px; + border-radius: 50%; + -gtk-outline-radius: 50%; + + label { padding: 0; } +} + +.keycap { + background-color: $base_color; + border: 1px solid $borders_color; + border-radius: 2px; + box-shadow: inset 0px -2px 0px if($variant=='light', transparentize(black, 0.95), transparentize(black, 0.85)); + color: $fg_color; + padding: 3px 8px 3px 8px; + + border { border-style: none; } +} + +stackswitcher button { + &.text-button { min-width: 80px; } + &.circular { min-width: 0; } +} + +// +// Dnd +// +*:drop(active):focus, +*:drop(active) { + border: 1px solid black; +} + +// +// Overshoot +// +// This is used by GtkScrolledWindow, when content is touch-dragged past boundaries. +// This draws a box on top of the content, the size changes programmatically. +.overshoot { + &.top { @include overshoot(top); } + &.bottom { @include overshoot(bottom); } + &.left { @include overshoot(left); } + &.right { @include overshoot(right); } +} + +// +// Undershoot +// +// 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); } +} + +// +// Window Decorations +// + +decoration { + border-radius: if($darker=='false' and $variant=='light', 4px 4px 0 0, 3px 3px 0 0); + border-width: 0px; + + $_wm_border: if($variant=='light', transparentize(black, 0.9), transparentize(black, 0.45)); + + box-shadow: 0 0 0 1px if($darker=='true' or $variant == 'dark', darken($header_bg, 7%), $_wm_border), + 0 8px 8px 0 if($variant == 'light', opacify($_wm_border, 0.1), transparentize($_wm_border, 0.2)); + + // 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 + box-shadow: 0 0 0 1px if($darker=='true' or $variant == 'dark', transparentize(darken($header_bg, 7%), 0.1), $_wm_border), + 0 8px 8px 0 transparent, + 0 5px 5px 0 if($variant == 'light', opacify($_wm_border, 0.1), transparentize($_wm_border, 0.2)); + } + .tiled & { + border-radius: 0; + } + .popup & { + box-shadow: none; + border-radius: 0; + } + &.popup { + box-shadow: none; + border-radius: 0; + } + // server-side decorations as used by mutter + &.ssd { + border-radius: if($darker=='false' and $variant=='light', 4px 4px 0 0, 3px 3px 0 0); + box-shadow: 0 0 0 1px if($darker=='true' or $variant == 'dark', transparentize(black, 0.35), $_wm_border); + + &.maximized { border-radius: 0; } + } + .csd.popup & { + border-radius: 2px; + box-shadow: 0 3px 6px if($variant == 'light', $_wm_border, transparentize($_wm_border, 0.1)), + 0 0 0 1px if($variant == 'light', $_wm_border, darken($bg_color, 10%)); + } + tooltip.csd & { + border-radius: 2px; + box-shadow: 0 1px 3px 1px $_wm_border; + } + messagedialog.csd & { + border-radius: 3px; + } + .solid-csd & { + border-radius: 0; + margin: 1px; + background-color: $header_bg; + box-shadow: none; + } +} + +// +// Titlebuttons +// +headerbar, +.titlebar { + + &.default-decoration button.titlebutton { // no vertical padding for ssd buttons + padding: 0 4px; // already handled by the titlebar-padding + min-width: 0; + } + + button.titlebutton { + padding: 0; + min-width: 24px; + + @include button(undecorated); + background-color: transparentize($header_bg, 1); + + &:hover { + @include button(header-hover); + } + &:active, &:checked { + @include button(header-active); + } + + &.close, &.maximize, &.minimize { + + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + border-width: 0; + + &:backdrop { opacity: 1; } + } + + &.close { background-image: -gtk-scaled(url('assets/titlebutton-close#{$darker_asset_suffix}.png'),url('assets/titlebutton-close#{$darker_asset_suffix}@2.png')); } + &.close:backdrop { background-image: -gtk-scaled(url('assets/titlebutton-close-backdrop#{$darker_asset_suffix}.png'),url('assets/titlebutton-close-backdrop#{$darker_asset_suffix}@2.png')); } + &.close:hover { background-image: -gtk-scaled(url('assets/titlebutton-close-hover#{$darker_asset_suffix}.png'),url('assets/titlebutton-close-hover#{$darker_asset_suffix}@2.png')); } + &.close:active { background-image: -gtk-scaled(url('assets/titlebutton-close-active#{$darker_asset_suffix}.png'),url('assets/titlebutton-close-active#{$darker_asset_suffix}@2.png')); } + + &.maximize { background-image: -gtk-scaled(url('assets/titlebutton-max#{$darker_asset_suffix}.png'),url('assets/titlebutton-max#{$darker_asset_suffix}@2.png')); } + &.maximize:backdrop { background-image: -gtk-scaled(url('assets/titlebutton-max-backdrop#{$darker_asset_suffix}.png'),url('assets/titlebutton-max-backdrop#{$darker_asset_suffix}@2.png')); } + &.maximize:hover { background-image: -gtk-scaled(url('assets/titlebutton-max-hover#{$darker_asset_suffix}.png'),url('assets/titlebutton-max-hover#{$darker_asset_suffix}@2.png')); } + &.maximize:active { background-image: -gtk-scaled(url('assets/titlebutton-max-active#{$darker_asset_suffix}.png'),url('assets/titlebutton-max-active#{$darker_asset_suffix}@2.png')); } + + &.minimize { background-image: -gtk-scaled(url('assets/titlebutton-min#{$darker_asset_suffix}.png'),url('assets/titlebutton-min#{$darker_asset_suffix}@2.png')); } + &.minimize:backdrop { background-image: -gtk-scaled(url('assets/titlebutton-min-backdrop#{$darker_asset_suffix}.png'),url('assets/titlebutton-min-backdrop#{$darker_asset_suffix}@2.png')); } + &.minimize:hover { background-image: -gtk-scaled(url('assets/titlebutton-min-hover#{$darker_asset_suffix}.png'),url('assets/titlebutton-min-hover#{$darker_asset_suffix}@2.png')); } + &.minimize:active { background-image: -gtk-scaled(url('assets/titlebutton-min-active#{$darker_asset_suffix}.png'),url('assets/titlebutton-min-active#{$darker_asset_suffix}@2.png')); } + } +} + +// catch all extend +%selected_items { + background-image: none; + background-color: $selected_bg_color; + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); +} diff --git a/common/gtk-3.0/3.20/sass/_drawing.scss b/common/gtk-3.0/3.20/sass/_drawing.scss new file mode 100644 index 0000000..bc4a8e2 --- /dev/null +++ b/common/gtk-3.0/3.20/sass/_drawing.scss @@ -0,0 +1,384 @@ +// Drawing mixins + +// generic drawing of more complex things + +@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 + +@mixin entry($t) { +// +// Entries drawing function +// +// $t: entry type +// + + @if $t==normal { + // + // normal entry + // + color: $text_color; + caret-color: $text_color; + border-color: $entry_border; + background-color: $entry_bg; + background-image: linear-gradient(to bottom, $entry_bg); + } + + @if $t==focus { + // + // focused entry + // + color: $text_color; + caret-color: $text_color; + border-color: if($variant=='light', $selected_bg_color, $button_border); + background-color: $entry_bg; + background-image: linear-gradient(to bottom, $entry_bg); + + @if $variant == 'dark' { + box-shadow: inset 1px 0 $selected_bg_color, + inset -1px 0 $selected_bg_color, + inset 0 1px $selected_bg_color, + inset 0 -1px $selected_bg_color; + } + } + + @if $t==insensitive { + // + // insensitive entry + // + color: $insensitive_fg_color; + border-color: transparentize($entry_border, 0.45); + background-color: transparentize($entry_bg, 0.45); + background-image: linear-gradient(to bottom, transparentize($entry_bg, 0.45)); + } + + @if $t==header-normal { + // + // normal header-bar entry + // + + color: $header_fg; + caret-color: $header_fg; + border-color: $header_entry_border; + background-image: linear-gradient(to bottom, $header_entry_bg); + background-color: transparent; + + image, image:hover { color: inherit; } + } + + @if $t==header-focus { + // + // focused header-bar entry + // + color: $selected_fg_color; + caret-color: $selected_fg_color; + border-color: if($darker=='false' and $variant=='light', $selected_bg_color, transparent); + background-image: linear-gradient(to bottom, $selected_bg_color); + } + + @if $t==header-insensitive { + // + // insensitive header-bar entry + // + color: transparentize($header_fg, 0.45); + background-image: linear-gradient(to bottom, transparentize($header_entry_bg, 0.15)); + } + + @else if $t==osd { + // + // normal osd entry + // + color: $osd_fg_color; + border-color: $osd_entry_border; + background-image: linear-gradient(to bottom, $osd_entry_bg); + background-color: transparent; + + image, image:hover { color: inherit; } + } + + @else if $t==osd-focus { + // + // active osd entry + // + color: $selected_fg_color; + border-color: $osd_entry_border; + background-image: linear-gradient(to bottom, $selected_bg_color); + } + + @else if $t==osd-insensitive { + // + // insensitive osd entry + // + color: transparentize($osd_fg_color, 0.45); + background-image: linear-gradient(to bottom, transparentize($osd_entry_bg, 0.15)); + } +} + +// Buttons + +@mixin button($t, $actionb_color:red) { +// +// Button drawing function +// +// $t: button type, +// $actionb_color: used for destructive and suggested action buttons + + @if $t==normal { + // + // normal button + // + color: $fg_color; + outline-color: transparentize($fg_color, 0.7); + border-color: $button_border; + background-color: $button_bg; + } + + @else if $t==hover { + // + // hovered button + // + color: $fg_color; + outline-color: transparentize($fg_color, 0.7); + border-color: $button_border; + background-color: lighten($button_bg, 5%); + } + + @else if $t==active { + // + // pushed button + // + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + + border-color: if($variant=='light', $selected_bg_color, $button_border); + background-color: $selected_bg_color; + } + + @else if $t==insensitive { + // + // insensitive button + // + color: $insensitive_fg_color; + border-color: transparentize($button_border, 0.45); + background-color: transparentize($button_bg, 0.45); + + > label { color: inherit; } + } + + @else if $t==insensitive-active { + // + // insensitive pushed button + // + color: transparentize($selected_fg_color, 0.2); + border-color: transparentize($selected_bg_color, 0.25); + background-color: transparentize($selected_bg_color, 0.25); + + opacity: 0.6; + + > label { color: inherit; } + } + + @if $t==header-normal { + // + // normal header-bar button + // + color: $header_fg; + outline-color: transparentize($header_fg, 0.7); + outline-offset: -3px; + background-color: transparentize($header_bg, 1); + border-color: transparentize($header_bg, 1); + } + + @else if $t==header-hover { + // + // hovered header-bar button + // + color: $header_fg; + outline-color: transparentize($header_fg, 0.7); + border-color: $header_button_border; + background-color: $header_button_bg; + } + + @else if $t==header-active { + // + // pushed header-bar button + // + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + border-color: if($darker=='false' and $variant=='light', $selected_bg_color, transparent); + background-color: $selected_bg_color; + } + + @else if $t==header-insensitive { + // + // insensitive header-bar button + // + color: transparentize($header_fg, 0.45); + background-color: transparentize($header_bg, 1); + border-color: transparentize($header_bg, 1); + + > label { color: inherit; } + } + + @else if $t==header-insensitive-active { + // + // header-bar insensitive pushed button + // + color: transparentize($selected_fg_color, 0.25); + border-color: transparentize($selected_bg_color, 0.35); + background-color: transparentize($selected_bg_color, 0.35); + } + + @else if $t==osd { + // + // normal osd button + // + color: $osd_fg_color; + outline-color: transparentize($osd_fg_color, 0.7); + border-color: $osd_button_border; + background-color: $osd_button_bg; + } + + @else if $t==osd-hover { + // + // active osd button + // + color: $osd_fg_color; + outline-color: transparentize($osd_fg_color, 0.7); + border-color: $osd_button_border; + background-color: opacify(lighten($osd_button_bg, 7%), 0.1); + } + + @else if $t==osd-active { + // + // active osd button + // + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + border-color: $osd_button_border; + background-color: $selected_bg_color; + } + + @else if $t==osd-insensitive { + // + // insensitive osd button + // + color: $osd_insensitive_fg_color; + border-color: $osd_button_border; + background-color: transparentize($osd_button_bg, 0.15); + } + + @else if $t==suggested_destructive { + // + // suggested or destructive action buttons + // + background-clip: border-box; + + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + background-color: $actionb_color; + border-color: $actionb_color; + } + + @else if $t==undecorated { + // + // reset + // + border-color: transparent; + background-color: transparent; + background-image: none; + } +} + +// +// Overshoot +// +@mixin overshoot($p, $c:$selected_bg_color) { +// $p: position +// $c: base color +// +// possible $p values: +// top, bottom, right, left +// + + $_big_gradient_length: 60%; + + $_position: center top; + $_big_gradient_size: 100% $_big_gradient_length; + + @if $p==bottom { + $_position: center bottom; + } + + @else if $p==right { + $_position: right center; + $_big_gradient_size: $_big_gradient_length 100%; + } + + @else if $p==left { + $_position: left center; + $_big_gradient_size: $_big_gradient_length 100%; + } + + background-image: -gtk-gradient(radial, + $_position, 0, + $_position, 0.6, + from(transparentize($c, 0.8)), + to(transparentize($c, 1))); + + background-size: $_big_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; // +} + +// +// Undershoot +// +@mixin undershoot($p) { +// $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; +} diff --git a/common/gtk-3.0/3.20/sass/_granite.scss b/common/gtk-3.0/3.20/sass/_granite.scss new file mode 100644 index 0000000..a491d31 --- /dev/null +++ b/common/gtk-3.0/3.20/sass/_granite.scss @@ -0,0 +1,218 @@ +// Granite Widgets + +// +// Overlay Bar +// +.overlay-bar { + background-color: $selected_bg_color; + border-color: $selected_bg_color; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; + + label { color: $selected_fg_color; } +} + +// +// Thin Pane Separator +// +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid $borders_color; + border-right: 1px solid $borders_color; + +} + +// avoid borders when a viewport is +// packed into a Static Notebook, or Popover +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +// +// Help Button +// +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +// +// Secondary Toolbars +// +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid $borders_color; + + button { padding: 0 3px 0 3px; } +} + +// +// Bottom Toolbars +// +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: $borders_color; + background-color: $bg_color; + + button { padding: 2px 3px 2px 3px; } +} + +// +// Sidebar & Source List +// +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: $bg_color; + color: $fg_color; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: lighten($bg_color, 5%); +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: $selected_fg_color; + background-color: $selected_bg_color; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: $bg_color; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: $selected_bg_color; + color: $selected_fg_color; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: $selected_fg_color; + color: $selected_bg_color; +} + +// +// Expander +// +.source-list.category-expander { + color: $fg_color; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +// +// Welcome +// +GraniteWidgetsWelcome { + background-color: $base_color; +} + +GraniteWidgetsWelcome label { + color: mix($fg_color, $bg_color, 50%); + font: open sans 11; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: transparentize($fg_color, 0.2); +} + +// +// Help Button +// +.help_button { + border-radius: 0; +} + +// +// Popover +// +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + + border: 1px solid transparentize(black, 0.7); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, $base_color); + border: 1px solid transparentize(black, 0.7); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +// +// Xs Entry +// +GraniteWidgetsXsEntry entry { padding: 4px; } + +// +// Text Styles +// +.h1 { font: open sans 24px; } +.h2 { font: open sans light 18px; } +.h3 { font: open sans 11px; } +.h4, +.category-label { + color: mix($bg_color, $text_color, 30%); + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4{ + padding-left: 6px; +} diff --git a/common/gtk-3.0/3.20/sass/_lightdm.scss b/common/gtk-3.0/3.20/sass/_lightdm.scss new file mode 100644 index 0000000..527dc99 --- /dev/null +++ b/common/gtk-3.0/3.20/sass/_lightdm.scss @@ -0,0 +1,110 @@ +// the panel widget at the top +#panel_window { + background-color: $panel_bg; + color: $panel_fg; + font: bold; + box-shadow: inset 0 -1px darken($panel_bg, 7%); + + // the menubars/menus of the panel, i.e. indicators + .menubar, + .menubar > .menuitem { + background-color: transparent; + color: $panel_fg; + font: bold; + } + + .menubar .menuitem:disabled { + color: transparentize($panel_fg, 0.5); + + label { color: inherit; } + } + .menubar .menu .menuitem { font: normal; } +} + +// the login window +#login_window, +#shutdown_dialog, +#restart_dialog { + font: normal; + border-style: none; + background-color: transparent; + color: $fg_color; +} + +// the top half of the login-window, in GtkDialog terms, the content +#content_frame { + padding-bottom: 14px; + background-color: $bg_color; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid transparentize(black, 0.9); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + @include button(normal); + + &:hover { @include button(hover); } + &:active, &:checked { @include button(active); } + &:disabled { @include button(insensitive); } +} + +// the lower half of the login-window, in GtkDialog terms the buttonbox or action area +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: if($variant=='light', $osd_bg_color, $header_bg); + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid transparentize(black, 0.9); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px if($variant=="light", $dark_sidebar_border, $header_border); +} + +#buttonbox_frame button{ + @include button(osd); + + &:hover { @include button(osd-hover); } + &:active, &:checked { @include button(osd-active); } + &:disabled { @include button(osd-insensitive); } +} + +#login_window #user_combobox { + color: $fg_color; + font: 13px; + + .menu { font: normal; } + .arrow {} +} + +// the user's avatar box +#user_image { + padding: 3px; + border-radius: 2px; +} + +// the border around the user's avatar box +#user_image_border {} + +// the shutdown button +#shutdown_button.button { + @include button(suggested_destructive, $destructive_color); + + &:hover { @include button(suggested_destructive, lighten($destructive_color, 10%)); } + &:active, &:checked { @include button(suggested_destructive, darken($destructive_color, 10%)); } +} + +// the restart button +#restart_button.button { + @include button(suggested_destructive, $suggested_color); + + &:hover { @include button(suggested_destructive, lighten($suggested_color, 10%)); } + &:active, &:checked { @include button(suggested_destructive, darken($suggested_color, 10%)); } +} + +// the warning, in case a wrong password is entered or something else goes wrong according to PAM +#greeter_infobar { + border-bottom-width: 0; + font: bold; +} diff --git a/common/gtk-3.0/3.20/sass/_transparent_widgets.scss b/common/gtk-3.0/3.20/sass/_transparent_widgets.scss new file mode 100644 index 0000000..3083f38 --- /dev/null +++ b/common/gtk-3.0/3.20/sass/_transparent_widgets.scss @@ -0,0 +1,276 @@ +.titlebar separator { + color: $header_border; //fixes separator in gnome-tweak-tool +} + +NemoWindow GtkEventBox { background-color: $bg_color; } // fixes nemo statusbar + +GtkFileChooserDialog *, +NautilusWindow *, +NemoWindow { + //-GtkPaned-handle-size: 0; +} + +@if $variant==dark { + GtkFileChooserDialog, + NautilusWindow , + NemoWindow { + .sidebar { border-right: 1px solid $dark_sidebar_border; } + + .sidebar:dir(rtl) { border-left: 1px solid $dark_sidebar_border; } + } +} + +// Dark transparent sidebars +GtkFileChooserDialog, +NautilusWindow { + + &.csd.background, placessidebar list { background-color: transparent; } + + placessidebar.sidebar { + background-color: $dark_sidebar_bg; + + row.sidebar-placeholder-row { border: 1px solid $selected_bg_color; } + + row.sidebar-new-bookmark-row { background-color: lighten($dark_sidebar_bg, 10%); } + + row.activatable { + border: none; + color: $dark_sidebar_fg; + + .sidebar-icon { color: transparentize($dark_sidebar_fg, 0.4); } + + &:hover { background-color: transparentize($dark_sidebar_fg, 0.85); } + + &:selected, &:selected:hover, &:active:hover { + @extend %selected_items; + .sidebar-icon { color: inherit; } + } + } + + separator { color: transparent; } + + scrollbar { @extend %dark_sidebar_scrollbar } + } + + &.maximized placessidebar.sidebar { background-color: opacify($dark_sidebar_bg, 1); } + + .sidebar-button.button { + color: $dark_sidebar_fg; + + &:hover { @include button(osd-hover); } + &:active { @include button(osd-active); } + + &:not(:hover):not(:active) > image { opacity: 0.5 }; + } +} + + +NemoWindow, +MarlinViewWindow { + + &.csd.background, + .source-list, .source-list.view, .source-list.view:hover { background-color: transparent; } + + .sidebar, .source-list.sidebar.view { + background-color: $dark_sidebar_bg; + + .view, row { + background-color: transparent; + color: $dark_sidebar_fg; + + &.cell:selected { + background-color: $selected_bg_color; + color: $selected_fg_color; + } + } + + &.frame { + color: $dark_sidebar_fg; + } + + separator { color: transparent; } + + scrollbar { @extend %dark_sidebar_scrollbar } + } + &.maximized .sidebar { background-color: opacify($dark_sidebar_bg, 1); } + +} + +NemoWindow.background > GtkGrid > paned > separator, +MarlinViewWindow.background > GtkBox > paned > separator { background-color: $dark_sidebar_border } + +// Fix Nautilus transparency issues +NautilusWindow NautilusWindowSlot { background-color: $base_color; } +NautilusDesktopWindow NautilusWindowSlot { background-color: transparent; } + +GtkFileChooserDialog { + + &.background.csd, &.background { background-color: $dark_sidebar_bg } + scrolledwindow.sidebar { background-color: transparent } + + // Yeah, this is ugly, but prevents a transparent background in the image preview box + paned > .vertical > .horizontal { background-color: $bg_color; } + + // fix for non gnome environments + .dialog-action-box { background-color: $bg_color } + + .dialog-vbox > .frame { + color: $dark_sidebar_fg; + border-color: transparent; + } + GtkFileChooserWidget > actionbar > revealer > .action-bar.frame { + background-color: transparent; + border-color: if($variant =='light', darken($dark_sidebar_bg, 7%), darken($dark_sidebar_bg, 15%)); + } + + GtkFileChooserWidget > actionbar > revealer > .action-bar.frame, + .dialog-vbox > .frame { + + button { @extend %dark_sidebar_button; } + entry { @extend %dark_sidebar_entry; } + + @extend %osd_check_radio; + + label, combobox { color: $dark_sidebar_fg; } + } +} + +// +// Paned Headerbars +// +FeedReaderreaderUI.background.csd, +GeditWindow.background.csd { + + > .titlebar .pane-separator, + &.maximized > .titlebar .pane-separator, + > .titlebar .pane-separator:backdrop, + &.maximized > .titlebar .pane-separator:backdrop { background-color: $header_border; } + + > .titlebar > headerbar.titlebar { + background-color: $header_bg; + + &:backdrop { background-color: $header_bg_backdrop; } + } + + &.maximized > .titlebar > headerbar.titlebar { + background-color: opacify($header_bg, 1); + + &:backdrop { background-color: opacify($header_bg_backdrop, 1); } + } +} + +FeedReaderreaderUI.background.csd > FeedReaderreaderHeaderbar.titlebar, +GeditWindow.background.csd > .titlebar { + background-color: transparent; +} + +// Gedit +GeditWindow.background { + &.csd { background-color: transparent; } + + .gedit-side-panel-paned .pane-separator { background-color: $dark_sidebar_border; } + .gedit-bottom-panel-paned .pane-separator { background-color: $borders_color; } +} + +.gedit-bottom-panel-paned { background-color: $base_color; } + +.gedit-document-panel { + background-color: $dark_sidebar_bg; + + .maximized & { background-color: opacify($dark_sidebar_bg, 1); } + + row { color: $dark_sidebar_fg; } + + row { + background-color: transparentize($dark_sidebar_fg, 1); + border: solid transparentize($dark_sidebar_fg, 1); + border-width: 3px 2px 3px 2px; + } + row:hover { + border: solid transparentize($dark_sidebar_fg, 0.85); + border-width: 3px 2px 3px 2px; + background-color: transparentize($dark_sidebar_fg, 0.85); + } + row:active { + color: $selected_fg_color; + background-color: $selected_bg_color; + border: solid $selected_bg_color; + border-width: 3px 2px 3px 2px; + + button { color: $selected_fg_color; } + } + row:selected, row:selected:hover { + color: $selected_fg_color; + background-color: $selected_bg_color; + border: solid $selected_bg_color; + border-width: 3px 2px 3px 2px; + } + .prelight-row button:active { + color: $dark_sidebar_fg; + } +} + +GeditFileBrowserWidget { + background-color: $dark_sidebar_bg; + + .maximized & { background-color: opacify($dark_sidebar_bg, 1); } + + scrollbar { @extend %dark_sidebar_scrollbar; } + + .horizontal { + background-color: transparent; + border-color: darken($dark_sidebar_bg, 7%); + + button { @extend %dark_sidebar_button; } + combobox { color: $dark_sidebar_fg; } + } +} + +GeditWindow.background.csd GeditFileBrowserView.view { + + background-color: transparent; + color: $dark_sidebar_fg; + + &.expander { + color: $dark_sidebar_fg; + &:hover { color: $selected_bg_color; } + } +} + +%dark_sidebar_button { + @include button(osd); + + &:hover { @include button(osd-hover); } + &:active, &:checked { @include button(osd-active); } + &:disabled { @include button(osd-insensitive); } +} + +%dark_sidebar_entry { + @include entry(osd); + + &:focus { @include entry(osd-focus); } + &:disabled { @include entry(osd-insensitive); } +} + +%dark_sidebar_scrollbar { + + &.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: lighten($dark_sidebar_fg, 15%); + border: 1px solid transparentize(black, 0.7); + } + slider { + background-color: transparentize(lighten($dark_sidebar_fg, 15%), 0.3); + + &:hover { background-color: lighten($dark_sidebar_fg, 20%); } + + &:hover:active { background-color: $selected_bg_color; } + + &:disabled { + background-color: transparent; + } + } + trough { + background-color: transparentize(black, 0.8); + border: none; + } +} diff --git a/common/gtk-3.0/3.20/sass/_unity.scss b/common/gtk-3.0/3.20/sass/_unity.scss new file mode 100644 index 0000000..00fec8f --- /dev/null +++ b/common/gtk-3.0/3.20/sass/_unity.scss @@ -0,0 +1,59 @@ +// Decorations +UnityDecoration { + -UnityDecoration-extents: 28px 1 1 1; + -UnityDecoration-input-extents: 10px; + + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 3px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.2); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.07); + -UnityDecoration-inactive-shadow-radius: 7px; + + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: $selected_bg_color; + + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; + + &.top { + border: 1px solid if($darker=='true' or $variant == 'dark', darken($header_bg, 7%), transparentize(black, 0.9)); + border-bottom-width: 0; + border-radius: 4px 4px 0 0; + padding: 1px 6px 0 6px; + + background-image: linear-gradient(to bottom, opacify($header_bg, 1)); + color: $header_fg; // The foreground color will be used to paint the text + + box-shadow: inset 0 1px lighten($header_bg, 3%); + + &:backdrop { + border-bottom-width: 0; + //background-image: linear-gradient(to bottom, opacify($header_bg_backdrop, 1)); + color: transparentize($header_fg, 0.3); + } + } + &.left, &.right, &.bottom, + &.left:backdrop, &.right:backdrop, &.bottom:backdrop { + background-image: linear-gradient(to bottom, if($darker=='true' or $variant == 'dark', darken($header_bg, 7%), transparentize(black, 0.9))); + } +} + +// Panel Style +UnityPanelWidget, +.unity-panel { + background-image: linear-gradient(to bottom, opacify($panel_bg, 1)); + color: lighten($panel_fg, 20%); + box-shadow: none; + + &:backdrop { color: lighten($panel_fg, 1%); } +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: $selected_fg_color; + background-image: linear-gradient(to bottom, $selected_bg_color); + border-bottom: none; +} diff --git a/common/gtk-3.0/3.20/sass/gtk-dark.scss b/common/gtk-3.0/3.20/sass/gtk-dark.scss new file mode 100644 index 0000000..529ee3d --- /dev/null +++ b/common/gtk-3.0/3.20/sass/gtk-dark.scss @@ -0,0 +1,13 @@ +$variant: 'dark'; +$darker: 'false'; +$transparency: 'true'; + +@import 'colors'; +@import 'drawing'; +@import 'common'; +@import 'applications'; +@import 'unity'; +@import 'granite'; +@import 'lightdm'; +@import 'transparent_widgets'; +@import 'colors-public'; diff --git a/common/gtk-3.0/3.20/sass/gtk-darker.scss b/common/gtk-3.0/3.20/sass/gtk-darker.scss new file mode 100644 index 0000000..34b8f81 --- /dev/null +++ b/common/gtk-3.0/3.20/sass/gtk-darker.scss @@ -0,0 +1,13 @@ +$variant: 'light'; +$darker: 'true'; +$transparency: 'true'; + +@import 'colors'; +@import 'drawing'; +@import 'common'; +@import 'applications'; +@import 'unity'; +@import 'granite'; +@import 'lightdm'; +@import 'transparent_widgets'; +@import 'colors-public'; diff --git a/common/gtk-3.0/3.20/sass/gtk-solid-dark.scss b/common/gtk-3.0/3.20/sass/gtk-solid-dark.scss new file mode 100644 index 0000000..959d8b1 --- /dev/null +++ b/common/gtk-3.0/3.20/sass/gtk-solid-dark.scss @@ -0,0 +1,13 @@ +$variant: 'dark'; +$darker: 'false'; +$transparency: 'false'; + +@import 'colors'; +@import 'drawing'; +@import 'common'; +@import 'applications'; +@import 'unity'; +@import 'granite'; +@import 'lightdm'; +@import 'transparent_widgets'; +@import 'colors-public'; diff --git a/common/gtk-3.0/3.20/sass/gtk-solid-darker.scss b/common/gtk-3.0/3.20/sass/gtk-solid-darker.scss new file mode 100644 index 0000000..45b7dbe --- /dev/null +++ b/common/gtk-3.0/3.20/sass/gtk-solid-darker.scss @@ -0,0 +1,13 @@ +$variant: 'light'; +$darker: 'true'; +$transparency: 'false'; + +@import 'colors'; +@import 'drawing'; +@import 'common'; +@import 'applications'; +@import 'unity'; +@import 'granite'; +@import 'lightdm'; +@import 'transparent_widgets'; +@import 'colors-public'; diff --git a/common/gtk-3.0/3.20/sass/gtk-solid.scss b/common/gtk-3.0/3.20/sass/gtk-solid.scss new file mode 100644 index 0000000..28ff2b6 --- /dev/null +++ b/common/gtk-3.0/3.20/sass/gtk-solid.scss @@ -0,0 +1,13 @@ +$variant: 'light'; +$darker: 'false'; +$transparency: 'false'; + +@import 'colors'; +@import 'drawing'; +@import 'common'; +@import 'applications'; +@import 'unity'; +@import 'granite'; +@import 'lightdm'; +@import 'transparent_widgets'; +@import 'colors-public'; diff --git a/common/gtk-3.0/3.20/sass/gtk.scss b/common/gtk-3.0/3.20/sass/gtk.scss new file mode 100644 index 0000000..9bb0348 --- /dev/null +++ b/common/gtk-3.0/3.20/sass/gtk.scss @@ -0,0 +1,13 @@ +$variant: 'light'; +$darker: 'false'; +$transparency: 'true'; + +@import 'colors'; +@import 'drawing'; +@import 'common'; +@import 'applications'; +@import 'unity'; +@import 'granite'; +@import 'lightdm'; +@import 'transparent_widgets'; +@import 'colors-public';